@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --ink:#181613;
  --paper:#e8e0d2;
  --warm:#b89b67;
  --gold:#c7a66a;
  --deep:#0d0c0a;
  --muted:#9b917f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--paper);font-family:Inter,Arial,sans-serif}
button,a{font:inherit}
a{color:inherit;text-decoration:none}

.archive-entrance{
  min-height:100svh;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px clamp(22px,5vw,70px);
  background:
    radial-gradient(circle at 50% 45%,rgba(155,120,65,.16),transparent 38%),
    linear-gradient(180deg,#171511 0%,#0a0907 100%);
  transition:opacity 1s ease,transform 1.2s ease;
}
.archive-entrance.exit{opacity:0;transform:scale(1.035);pointer-events:none}
.entrance-header,.entrance-footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}
.eyebrow,.header-mark,.entrance-footer{font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.header-mark{font-size:14px;color:var(--gold);letter-spacing:.3em}
.ambient{position:absolute;border-radius:50%;filter:blur(50px);opacity:.22;pointer-events:none}
.ambient-one{width:30vw;height:30vw;background:#9d7b43;left:35%;top:30%}
.ambient-two{width:18vw;height:40vh;background:#5e4b2e;right:-5%;bottom:5%}

.gallery{position:absolute;inset:11% 4% 10%;display:flex;justify-content:center;align-items:center;gap:clamp(18px,4vw,70px);perspective:1200px}
.frame{width:clamp(130px,19vw,250px);padding:10px 10px 34px;background:#28241e;box-shadow:0 18px 50px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06);transform:rotate(-4deg);animation:float 7s ease-in-out infinite}
.frame:nth-child(2){transform:translateY(-24px) rotate(2deg);animation-delay:-2s;z-index:2}
.frame:nth-child(3){transform:rotate(4deg);animation-delay:-4s}
.archive-image{aspect-ratio:4/5;position:relative;overflow:hidden;background:#3a3329;background-size:cover;background-position:center}
.archive-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,rgba(0,0,0,.42))}
.image-one{background-image:url('../assets/images/IMG_9462.png')}
.image-two{background-image:url('../assets/images/IMG_9463.png')}
.image-three{background-image:url('../assets/images/IMG_9464.png')}
.frame figcaption{padding-top:13px;color:#bdb19d;font-size:8px;letter-spacing:.18em;text-align:center}

.collection-door{position:relative;z-index:4;align-self:center;margin-top:auto;margin-bottom:5vh;text-align:center}
.door-label{font-family:"Cormorant Garamond",serif;font-size:clamp(27px,4vw,48px);line-height:.85;letter-spacing:.08em;color:#e7dcc8;text-shadow:0 2px 20px #000}
.door-label span{font-size:.65em;letter-spacing:.28em}
.enter-button{margin-top:28px;border:1px solid rgba(199,166,106,.65);background:rgba(13,12,10,.7);color:#e7dcc8;padding:14px 20px;display:inline-flex;gap:30px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:10px;cursor:pointer;transition:.35s}
.enter-button:hover{background:#c7a66a;color:#181613;transform:translateY(-2px)}
.entrance-footer{color:#817967}

.site-home{display:none;background:var(--paper);color:var(--ink);min-height:100svh}
.site-home.reveal{display:block;animation:reveal 1.2s ease both}
.site-nav{padding:24px 5vw;display:flex;justify-content:space-between;border-bottom:1px solid rgba(24,22,19,.15)}
.nav-brand{font-family:"Cormorant Garamond",serif;font-size:28px}
.nav-links{display:flex;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.hero{min-height:78vh;padding:15vh 8vw;display:flex;flex-direction:column;justify-content:center;background:#ddd2bf}
.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(60px,11vw,150px);line-height:.78;font-weight:500;margin:20px 0}
.hero h1 em,.intro h2 em{font-weight:400}
.hero-copy{font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.intro{padding:15vh 8vw;max-width:900px}
.section-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.intro h2{font:500 clamp(52px,8vw,105px)/.82 "Cormorant Garamond",serif;margin:35px 0}
.intro>p:last-child{max-width:600px;font-size:17px;line-height:1.8}
.process{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aaa08f}
.process article{padding:50px 5vw;border-right:1px solid #aaa08f}
.process span{font-size:10px;letter-spacing:.2em}
.process h3{font:500 48px "Cormorant Garamond",serif}
.process p{line-height:1.7;color:#5d564b}
.site-footer{padding:70px 8vw;background:#171511;color:var(--paper);display:flex;justify-content:space-between;align-items:center}
.site-footer p{font-family:"Cormorant Garamond",serif;font-size:32px}

@keyframes float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes reveal{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){
  .gallery{gap:8px;inset:14% 2% 23%}
  .frame{width:31vw;padding:6px 6px 20px}
  .frame:nth-child(2){transform:translateY(-12px) rotate(2deg)}
  .entrance-footer span:last-child{display:none}
  .process{grid-template-columns:1fr}
  .process article{border-right:0;border-bottom:1px solid #aaa08f}
  .site-footer{display:block}.site-footer p{font-size:25px}
  .nav-links{gap:12px}
}

/* Homepage editorial / cultural institution treatment */
.intro-featured{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;max-width:none}
.intro-lede{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3.4vw,48px);line-height:1.05;max-width:560px}
.intro-detail{grid-column:2;max-width:500px;line-height:1.8;color:#5d564b}
.what-we-do{padding:13vh 8vw;background:#181613;color:var(--paper);display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}
.what-we-do h2{font:500 clamp(52px,7vw,100px)/.84 "Cormorant Garamond",serif;margin:35px 0}
.what-we-do h2 em{font-weight:400}
.service-list{border-top:1px solid rgba(232,224,210,.3)}
.service-list article{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid rgba(232,224,210,.3)}
.service-list span{font-size:10px;letter-spacing:.2em;color:var(--gold)}
.service-list h3{font:500 clamp(27px,3vw,42px) "Cormorant Garamond",serif;margin:0 0 10px}
.service-list p{margin:0;max-width:520px;line-height:1.7;color:#bdb19d}
.process{background:#ddd2bf}
.process-intro{padding:50px 5vw;border-right:1px solid #aaa08f}
.process-intro p:last-child{max-width:340px;line-height:1.7;color:#5d564b}
.home-cta{padding:15vh 8vw;background:#c7a66a;color:#181613}
.home-cta h2{font:500 clamp(60px,9vw,125px)/.8 "Cormorant Garamond",serif;margin:35px 0 55px}
.home-cta h2 em{font-weight:400}
.home-cta a{display:inline-flex;gap:28px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:10px;border-bottom:1px solid currentColor;padding-bottom:12px}
@media(max-width:700px){
  .intro-featured,.what-we-do{display:block}
  .intro-featured .intro-detail{margin-top:35px}
  .intro-lede{margin-top:35px}
  .what-we-do{padding:11vh 7vw}
  .service-list{margin-top:60px}
  .service-list article{grid-template-columns:38px 1fr;gap:12px}
  .process-intro{border-right:0;border-bottom:1px solid #aaa08f}
  .home-cta{padding:12vh 7vw}
}


/* Contact page */
.contact-page{background:var(--paper);color:var(--ink)}
.contact-intro{padding:15vh 8vw 13vh;background:#ddd2bf}
.contact-intro h1,.contact-form-section h2{font:500 clamp(60px,9vw,125px)/.8 "Cormorant Garamond",serif;margin:35px 0}
.contact-intro h1 em,.contact-form-section h2 em,.partnerships h2 em{font-weight:400}
.contact-question{font:500 clamp(28px,4vw,52px) "Cormorant Garamond",serif;margin-top:70px}
.contact-copy{max-width:600px;line-height:1.8;color:#5d564b}
.partnerships{padding:13vh 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}
.partnerships h2{font:500 clamp(52px,7vw,100px)/.84 "Cormorant Garamond",serif;margin:35px 0}
.partnership-list{border-top:1px solid #aaa08f}
.partnership-list p{font:500 clamp(21px,2.4vw,32px) "Cormorant Garamond",serif;padding:22px 0;margin:0;border-bottom:1px solid #aaa08f}
.contact-form-section{padding:14vh 8vw;background:#181613;color:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}
.contact-form-section h2{margin-bottom:25px}
.form-heading>p:last-child{max-width:430px;line-height:1.8;color:#bdb19d}
.scs-form{border-top:1px solid rgba(232,224,210,.35)}
.scs-form label{display:block;padding:24px 0;border-bottom:1px solid rgba(232,224,210,.35);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.scs-form input,.scs-form textarea{display:block;width:100%;margin-top:12px;padding:10px 0;background:transparent;border:0;border-bottom:1px solid rgba(232,224,210,.3);color:var(--paper);font:16px Inter,Arial,sans-serif;outline:none;resize:vertical}
.scs-form input:focus,.scs-form textarea:focus{border-bottom-color:var(--gold)}
.scs-form button{margin-top:32px;padding:15px 20px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);text-transform:uppercase;letter-spacing:.16em;font-size:10px;cursor:pointer}
.scs-form button span{margin-left:25px}
@media(max-width:700px){
  .partnerships,.contact-form-section{display:block}
  .partnership-list,.scs-form{margin-top:55px}
  .contact-intro{padding:12vh 7vw}
  .contact-form-section{padding:12vh 7vw}
}

/* Refined home and About layouts */
.home-living-archives{padding-top:16vh;padding-bottom:12vh}
.home-living-archives h1{font:500 clamp(64px,10vw,140px)/.78 "Cormorant Garamond",serif;margin:35px 0}
.home-living-archives h1 em{font-weight:400}
.home-story-prompt{min-height:72vh}
.home-story-prompt h2{font:500 clamp(62px,10vw,145px)/.78 "Cormorant Garamond",serif;margin:25px 0}
.home-story-prompt h2 em{font-weight:400}
.home-introduction{padding:11vh 8vw;background:#181613;color:var(--paper)}
.home-introduction p{max-width:900px;font:500 clamp(32px,4.5vw,62px)/1.08 "Cormorant Garamond",serif;margin:0}
.about-story{padding:15vh 8vw 12vh;background:#ddd2bf}
.about-story h1{font:500 clamp(64px,10vw,140px)/.78 "Cormorant Garamond",serif;margin:35px 0}
.about-story h1 em{font-weight:400}
.about-lede{font:500 clamp(28px,3.5vw,46px)/1.08 "Cormorant Garamond",serif;max-width:850px}
.about-copy{max-width:620px;line-height:1.8;color:#5d564b}
.about-work{padding:13vh 8vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}
.about-work h2,.about-method h2,.founder-copy h2{font:500 clamp(52px,7vw,100px)/.84 "Cormorant Garamond",serif;margin:35px 0}
.about-work h2 em,.about-method h2 em,.founder-copy h2 em{font-weight:400}
.about-method{padding:13vh 8vw;background:#181613;color:var(--paper);display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}
.method-list{border-top:1px solid rgba(232,224,210,.3)}
.method-list article{padding:30px 0;border-bottom:1px solid rgba(232,224,210,.3)}
.method-list span{font-size:10px;letter-spacing:.2em;color:var(--gold)}
.method-list h3{font:500 40px "Cormorant Garamond",serif;margin:12px 0 8px}
.method-list p{max-width:520px;line-height:1.7;color:#bdb19d}
.founder-section{padding:14vh 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}
.founder-image{overflow:hidden}
.founder-image img{display:block;width:100%;height:auto}
.founder-copy p:not(.section-kicker):not(.founder-title){max-width:560px;line-height:1.8;color:#5d564b}
.founder-title{font-size:11px;text-transform:uppercase;letter-spacing:.18em}
@media(max-width:700px){
  .about-work,.about-method,.founder-section{display:block}
  .about-work .service-list,.about-method .method-list,.founder-copy{margin-top:55px}
  .home-story-prompt{min-height:65vh}
}

/* Founder-led About opening */
.founder-hero{padding:10vh 8vw 13vh;background:#181613;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.founder-hero-image{overflow:hidden}
.founder-hero-image img{display:block;width:100%;height:auto}
.founder-hero-copy h1{font:500 clamp(64px,9vw,135px)/.78 "Cormorant Garamond",serif;margin:28px 0 35px}
.founder-hero-copy h1 em{font-weight:400}
.founder-hero-copy .founder-title{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}
.founder-hero-copy p:not(.section-kicker):not(.founder-title){max-width:560px;line-height:1.8;color:#bdb19d}
@media(max-width:700px){
  .founder-hero{display:block;padding:8vh 7vw 11vh}
  .founder-hero-copy{margin-top:45px}
}


/* SCS in Action — digital exhibition */
.action-page{background:var(--paper);color:var(--ink)}
.exhibition-opening{min-height:72vh;padding:13vh 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end;background:#ddd2bf}
.exhibition-opening h1{font:500 clamp(70px,11vw,155px)/.76 "Cormorant Garamond",serif;margin:30px 0 0}
.exhibition-opening h1 em{font-weight:400}
.exhibition-intro{max-width:470px}
.exhibition-number{display:block;font-size:9px;letter-spacing:.2em;color:#766e61;margin-bottom:35px}
.exhibition-intro p{font:500 clamp(25px,3vw,39px)/1.12 "Cormorant Garamond",serif;margin:0}
.exhibition-room{padding:14vh 8vw}
.room-heading{display:grid;grid-template-columns:70px 1fr;gap:25px;align-items:start}
.room-number{font-size:10px;letter-spacing:.18em;color:#8d7750;padding-top:8px}
.room-heading h2{font:500 clamp(58px,8vw,112px)/.8 "Cormorant Garamond",serif;margin:28px 0 0}
.room-heading h2 em{font-weight:400}
.gallery-wall{position:relative;min-height:690px;margin-top:8vh;background:#cfc4b2;overflow:hidden}
.vcu-wall:before{content:"";position:absolute;inset:9% 8%;border:1px solid rgba(24,22,19,.18)}
.gallery-frame{position:absolute;background:#25221d;padding:13px 13px 34px;box-shadow:0 24px 55px rgba(24,22,19,.28)}
.gallery-frame img{display:block;width:100%;height:100%;object-fit:cover}
.frame-large{width:min(43%,510px);height:530px;left:12%;top:11%;transform:rotate(-2deg)}
.frame-small{width:min(27%,300px);height:330px}
.frame-small-one{right:13%;top:10%;transform:rotate(3deg)}
.frame-small-two{right:8%;bottom:8%;transform:rotate(-4deg)}
.room-caption{display:grid;grid-template-columns:1fr auto;gap:8vw;margin-top:42px;padding-top:25px;border-top:1px solid #aaa08f}
.room-caption p{max-width:690px;font:500 27px/1.25 "Cormorant Garamond",serif;margin:0}
.room-caption span{font-size:9px;letter-spacing:.17em;color:#766e61;padding-top:5px}
.room-art{background:#181613;color:var(--paper)}
.room-art .room-number,.room-art .film-caption span{color:var(--gold)}
.film-gallery{margin-top:8vh;display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}
.film-frame{background:#0a0907;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.film-placeholder{aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,#3c3427 0%,#15120e 58%,#090806 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid rgba(199,166,106,.35);position:relative;overflow:hidden}
.film-placeholder:before{content:"";position:absolute;inset:12px;border:1px solid rgba(232,224,210,.12)}
.film-placeholder span,.film-placeholder small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#bdb19d}
.film-placeholder strong{font:500 clamp(38px,5vw,70px) "Cormorant Garamond",serif;color:var(--paper);margin:15px 0 5px}
.film-caption p{font:500 30px/1.2 "Cormorant Garamond",serif;margin:0 0 35px}
.film-caption span{font-size:9px;letter-spacing:.17em}
.room-brownstone{background:#ddd2bf}
.archive-table{position:relative;min-height:760px;margin-top:8vh}
.archive-photo{position:absolute;background:#25221d;padding:11px;box-shadow:0 25px 50px rgba(24,22,19,.2)}
.archive-photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-main{width:50%;height:570px;left:4%;top:8%;transform:rotate(-2deg)}
.photo-two{width:27%;height:330px;right:8%;top:0;transform:rotate(4deg)}
.photo-three{width:29%;height:350px;right:4%;bottom:5%;transform:rotate(-3deg)}
.photo-four{width:26%;height:300px;left:23%;bottom:0;transform:rotate(2deg)}
.exhibition-closing{padding:15vh 8vw;background:#c7a66a;color:var(--ink)}
.exhibition-closing h2{font:500 clamp(70px,10vw,145px)/.77 "Cormorant Garamond",serif;margin:30px 0 60px}
.exhibition-closing h2 em{font-weight:400}
.exhibition-closing a{display:inline-flex;gap:28px;border-bottom:1px solid currentColor;padding-bottom:12px;text-transform:uppercase;letter-spacing:.16em;font-size:10px}
@media(max-width:700px){
  .exhibition-opening{display:block;min-height:68vh;padding:12vh 7vw}
  .exhibition-intro{margin-top:55px}
  .exhibition-room{padding:11vh 7vw}
  .room-heading{grid-template-columns:35px 1fr;gap:10px}
  .gallery-wall{min-height:520px;margin-top:6vh}
  .frame-large{width:58%;height:350px;left:7%;top:11%}
  .frame-small{width:39%;height:225px}
  .frame-small-one{right:5%;top:7%}
  .frame-small-two{right:7%;bottom:7%}
  .room-caption{display:block;margin-top:32px}
  .room-caption span{display:block;margin-top:22px}
  .film-gallery{display:block;margin-top:6vh}
  .film-caption{margin-top:35px}
  .archive-table{min-height:510px}
  .photo-main{width:62%;height:350px;left:2%;top:8%}
  .photo-two{width:42%;height:210px;right:0;top:0}
  .photo-three{width:44%;height:225px;right:0;bottom:0}
  .photo-four{width:40%;height:190px;left:18%;bottom:4%}
}


/* Final archive entrance direction: private collection / cultural institution */
.collection-seal{
  position:absolute;
  left:50%;
  top:11%;
  transform:translateX(-50%);
  z-index:5;
  width:92px;
  height:92px;
  border:1px solid rgba(199,166,106,.55);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  box-shadow:0 0 0 5px rgba(199,166,106,.05),0 0 35px rgba(0,0,0,.35);
  background:rgba(13,12,10,.45);
}
.collection-seal span{
  font-family:"Cormorant Garamond",serif;
  font-size:29px;
  letter-spacing:.12em;
  line-height:1;
}
.collection-seal small{
  margin-top:7px;
  font-size:5px;
  letter-spacing:.16em;
  color:#9d917d;
}
.archive-entrance:before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(199,166,106,.13);
  pointer-events:none;
  z-index:2;
}
.gallery{
  inset:19% 5% 22%;
  gap:clamp(28px,6vw,95px);
  align-items:center;
}
.frame{
  width:clamp(155px,20vw,285px);
  padding:15px 15px 38px;
  background:linear-gradient(145deg,#332d24,#1f1b16);
  border:1px solid rgba(199,166,106,.35);
  box-shadow:0 24px 65px rgba(0,0,0,.68),inset 0 0 0 4px rgba(199,166,106,.08);
}
.frame:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(232,224,210,.13);
  pointer-events:none;
}
.archive-image{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);
}
.collection-door{
  margin-bottom:7vh;
}
.collection-overline{
  margin:0 0 17px;
  color:#9d917d;
  font-size:8px;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.door-label{
  font-size:clamp(31px,4.5vw,54px);
  letter-spacing:.1em;
}
.enter-button{
  min-width:285px;
  justify-content:space-between;
  padding:17px 21px;
  background:rgba(13,12,10,.82);
}
.entrance-footer{
  z-index:5;
}
.entrance-footer span:first-child{
  color:#a99c86;
}
@media(max-width:700px){
  .collection-seal{top:10%;width:72px;height:72px}
  .collection-seal span{font-size:23px}
  .collection-seal small{font-size:4px}
  .gallery{inset:17% 2% 25%;gap:10px}
  .frame{width:32vw;padding:8px 8px 23px}
  .collection-door{margin-bottom:8vh}
  .collection-overline{margin-bottom:12px}
  .enter-button{min-width:260px}
}


/* Rebuilt entrance: quiet institutional threshold */
.archive-entrance{
  min-height:100svh;
  padding:32px clamp(24px,5vw,72px);
  background:
    radial-gradient(circle at 50% 46%,rgba(184,155,103,.13),transparent 32%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.025),transparent 55%),
    #0b0a08;
}
.archive-entrance:before{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(199,166,106,.12);
  pointer-events:none;
}
.entrance-glow{
  position:absolute;
  width:55vw;
  height:55vw;
  left:50%;
  top:47%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,166,106,.10),transparent 65%);
  filter:blur(30px);
}
.entrance-line{
  position:absolute;
  top:18%;
  bottom:18%;
  width:1px;
  background:linear-gradient(transparent,rgba(199,166,106,.22),transparent);
  opacity:.6;
}
.entrance-line-left{left:8%}
.entrance-line-right{right:8%}
.entrance-header{z-index:3}
.collection-door{
  position:relative;
  z-index:4;
  align-self:center;
  margin:auto;
  text-align:center;
  max-width:850px;
}
.collection-overline{
  margin:0 0 32px;
  color:#9d917d;
  font-size:9px;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.door-label{
  margin:0;
  font:500 clamp(45px,7.5vw,108px)/.82 "Cormorant Garamond",serif;
  letter-spacing:.055em;
  color:#e8e0d2;
  text-shadow:0 0 35px rgba(0,0,0,.65);
}
.door-label span{
  font-size:.68em;
  letter-spacing:.24em;
}
.door-prompt{
  margin:48px 0 24px;
  font:italic 400 clamp(25px,3.2vw,42px)/1.1 "Cormorant Garamond",serif;
  color:#c9beaa;
}
.enter-button{
  width:58px;
  height:58px;
  margin:0;
  padding:0;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(199,166,106,.58);
  background:rgba(13,12,10,.72);
  color:#e8e0d2;
  box-shadow:0 0 0 8px rgba(199,166,106,.025);
}
.enter-button:hover{
  background:#c7a66a;
  color:#181613;
  transform:translateY(3px);
}
.enter-arrow{
  font-size:25px;
  line-height:1;
  transition:transform .3s ease;
}
.enter-button:hover .enter-arrow{transform:translateY(3px)}
.entrance-footer{z-index:3;color:#817967}
@media(max-width:700px){
  .archive-entrance{padding:26px 22px}
  .archive-entrance:before{inset:14px}
  .entrance-line{top:22%;bottom:22%}
  .entrance-line-left{left:7%}
  .entrance-line-right{right:7%}
  .collection-overline{margin-bottom:25px;font-size:8px}
  .door-label{font-size:clamp(42px,12vw,68px)}
  .door-prompt{margin-top:34px;font-size:28px}
  .enter-button{width:54px;height:54px}
}


/* Living Archives opening: deck-inspired antique gold */
.home-living-archives{
  background:#b89b67;
  color:#181613;
}
.home-living-archives .section-kicker,
.home-living-archives .intro-detail{
  color:#3f3526;
}
.home-living-archives .intro-lede{
  color:#181613;
}


/* Ensure Living Archives section has strong editorial contrast */
.home-living-archives{
  background:#b89b67 !important;
  color:#181613 !important;
}
.home-living-archives h1,
.home-living-archives h2,
.home-living-archives .intro-lede,
.home-living-archives .section-kicker{
  color:#181613 !important;
  opacity:1;
}
.home-living-archives .intro-detail{
  color:#4b4032 !important;
  opacity:1;
}


/* Museum gallery direction: antique gold frames, restrained composition */
.gallery-wall{
  background:#d8cfbf;
  min-height:760px;
  padding:8vw;
  display:grid;
  grid-template-columns:1.15fr .72fr;
  grid-template-rows:1fr 1fr;
  gap:5vw;
  align-items:center;
}
.gallery-frame{
  position:relative;
  width:auto;
  height:auto;
  padding:15px;
  background:linear-gradient(135deg,#ead6a3 0%,#b28b45 24%,#d5b66d 52%,#8e6a31 78%,#c5a45c 100%);
  border:1px solid #8a672f;
  box-shadow:0 18px 42px rgba(45,35,20,.22),inset 0 0 0 3px rgba(255,244,205,.3),inset 0 0 0 6px rgba(91,65,25,.22);
  transform:none !important;
}
.gallery-frame:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,239,193,.65);
  pointer-events:none;
}
.gallery-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.frame-large{
  grid-column:1;
  grid-row:1 / span 2;
  width:100%;
  height:610px;
}
.frame-small{
  width:100%;
  height:275px;
}
.frame-small-one{grid-column:2;grid-row:1}
.frame-small-two{grid-column:2;grid-row:2}
.film-frame{
  background:linear-gradient(135deg,#ead6a3,#9a7436 35%,#d4b56c 55%,#8b652c);
  padding:15px;
  border:1px solid #8a672f;
  box-shadow:0 25px 70px rgba(0,0,0,.35),inset 0 0 0 3px rgba(255,244,205,.28);
}
.scs-film{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#090806;
}
.exhibition-featured{
  padding-top:12vh;
  padding-bottom:13vh;
}
.exhibition-featured .film-gallery{
  margin-top:6vh;
}
.archive-table{
  min-height:650px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  grid-template-rows:1fr 1fr;
  gap:5vw;
  align-items:center;
}
.archive-photo{
  position:relative;
  width:auto;
  height:auto;
  padding:13px;
  background:linear-gradient(135deg,#ead6a3,#a77d35 30%,#d2b169 55%,#87622b 80%,#c8a45b);
  border:1px solid #8a672f;
  box-shadow:0 20px 45px rgba(45,35,20,.2),inset 0 0 0 3px rgba(255,244,205,.28);
  transform:none !important;
}
.archive-photo:before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid rgba(255,239,193,.6);
  pointer-events:none;
}
.archive-photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-main{grid-column:1;grid-row:1 / span 2;width:100%;height:570px}
.photo-two{grid-column:2;grid-row:1;width:100%;height:250px}
.photo-three{grid-column:2;grid-row:2;width:100%;height:250px}
.photo-four{display:none}
@media(max-width:700px){
  .gallery-wall{
    min-height:auto;
    padding:9vw;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
    gap:22px;
  }
  .frame-large{
    grid-column:1 / span 2;
    grid-row:1;
    height:410px;
  }
  .frame-small{
    height:190px;
  }
  .frame-small-one{grid-column:1;grid-row:2}
  .frame-small-two{grid-column:2;grid-row:2}
  .archive-table{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
    gap:22px;
  }
  .photo-main{
    grid-column:1 / span 2;
    grid-row:1;
    height:380px;
  }
  .photo-two{grid-column:1;grid-row:2;height:190px}
  .photo-three{grid-column:2;grid-row:2;height:190px}
}


/* Ornate portrait-gallery frames inspired by the supplied reference */
.gallery-wall{
  display:grid;
  grid-template-columns:1fr .62fr 1fr;
  grid-template-rows:1fr;
  gap:clamp(28px,4vw,60px);
  align-items:center;
  justify-items:center;
  padding:7vw clamp(7vw,11vw,13vw);
}
.gallery-frame{
  position:relative;
  box-sizing:border-box;
  padding:19px;
  background:
    linear-gradient(135deg,#f3dfaa 0%,#b8893e 12%,#f0d58c 27%,#9a6c2b 43%,#d8b56b 62%,#8a5f25 80%,#e8ca83 100%);
  border:1px solid #76521f;
  box-shadow:
    0 22px 45px rgba(38,27,13,.25),
    inset 0 0 0 2px rgba(255,244,207,.72),
    inset 0 0 0 6px rgba(116,77,26,.28),
    inset 0 0 0 9px rgba(247,220,155,.5);
  border-radius:1px;
}
.gallery-frame:before{
  content:"";
  position:absolute;
  inset:7px;
  border:2px solid rgba(255,237,184,.72);
  box-shadow:inset 0 0 0 1px rgba(102,68,23,.55);
  pointer-events:none;
}
.gallery-frame:after{
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(255,250,225,.65);
  pointer-events:none;
}
.gallery-frame img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid rgba(66,43,15,.45);
}
.frame-large{
  grid-column:2;
  grid-row:1;
  width:min(100%,470px);
  height:590px;
}
.frame-small{
  width:min(100%,250px);
  height:330px;
}
.frame-small-one{grid-column:1;grid-row:1}
.frame-small-two{grid-column:3;grid-row:1}
@media(max-width:700px){
  .gallery-wall{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
    gap:24px 16px;
    padding:12vw 8vw;
  }
  .frame-large{
    grid-column:1 / span 2;
    grid-row:1;
    width:min(88vw,390px);
    height:500px;
  }
  .frame-small{
    width:100%;
    height:220px;
  }
  .frame-small-one{grid-column:1;grid-row:2}
  .frame-small-two{grid-column:2;grid-row:2}
}


/* Mobile gallery correction: center the featured artwork within the viewport */
@media(max-width:700px){
  .gallery-wall{
    display:flex !important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:flex-start;
    gap:24px 16px;
    padding:12vw 6vw;
    box-sizing:border-box;
    overflow:visible;
  }
  .gallery-wall .frame-large{
    flex:0 0 min(78vw,390px) !important;
    width:min(78vw,390px) !important;
    height:500px !important;
    margin:0 auto 4px !important;
    order:1;
    left:auto !important;
    right:auto !important;
    top:auto !important;
  }
  .gallery-wall .frame-small{
    flex:0 0 calc(50% - 8px) !important;
    width:calc(50% - 8px) !important;
    height:220px !important;
    margin:0 !important;
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
  }
  .gallery-wall .frame-small-one{order:2}
  .gallery-wall .frame-small-two{order:3}
}


/* Mobile Brownstone gallery: center the entire framed collection */
@media(max-width:700px){
  .archive-table{
    width:100%;
    min-height:auto;
    display:flex !important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:flex-start;
    gap:24px 16px;
    padding:8vw 0 2vw;
    box-sizing:border-box;
    overflow:visible;
  }
  .archive-table .photo-main{
    flex:0 0 min(84vw,410px) !important;
    width:min(84vw,410px) !important;
    height:400px !important;
    margin:0 auto 4px !important;
    order:1;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
  }
  .archive-table .photo-two,
  .archive-table .photo-three{
    flex:0 0 calc(50% - 8px) !important;
    width:calc(50% - 8px) !important;
    height:200px !important;
    margin:0 !important;
    order:2;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
  }
  .archive-table .photo-three{order:3}
}

.enter-button{
  width:auto;
  min-width:250px;
  height:auto;
  min-height:54px;
  padding:15px 22px;
  border-radius:0;
  gap:20px;
  justify-content:space-between;
}
.enter-label{
  font-size:9px;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.enter-arrow{font-size:22px}
@media(max-width:700px){
  .enter-button{min-width:235px}
}

/* Restore original circular entrance control */
.enter-button{
  width:58px;
  height:58px;
  min-width:0;
  min-height:0;
  padding:0;
  border-radius:50%;
  gap:0;
  justify-content:center;
}
.enter-label{display:none}
.enter-arrow{font-size:25px}
@media(max-width:700px){
  .enter-button{width:54px;height:54px;min-width:0}
}

/* Final override: circular entrance arrow */
.archive-entrance .enter-button{
  display:inline-flex !important;
  width:58px !important;
  min-width:58px !important;
  height:58px !important;
  min-height:58px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(199,166,106,.58) !important;
  justify-content:center !important;
  align-items:center !important;
  gap:0 !important;
  box-sizing:border-box !important;
}
.archive-entrance .enter-arrow{
  display:block !important;
}
@media(max-width:700px){
  .archive-entrance .enter-button{
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    min-height:54px !important;
  }
}


/* Final contrast fix: About story on warm paper */
.about-story{
  background:#ddd2bf !important;
  color:#181613 !important;
}
.about-story .section-kicker,
.about-story h1,
.about-story .about-lede{
  color:#181613 !important;
  opacity:1 !important;
}
.about-story .about-copy{
  color:#5d564b !important;
  opacity:1 !important;
}