.cs-intro{padding:clamp(120px,16vh,170px) 0 clamp(40px,6vw,70px)}
.cs-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(34px,5vw,76px);align-items:start}
.cs-copy .eyebrow{display:block;margin-bottom:16px}
.cs-copy h1{font-size:clamp(2.1rem,4vw,3.3rem);font-weight:300;line-height:1.1;margin-bottom:26px}
.cs-copy p{color:var(--ink-soft);margin-bottom:14px;max-width:62ch}
.cs-photo{position:sticky;top:104px}
.cs-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px}
.cs-photo .frame{position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);z-index:-1}
.cs-photo{position:relative}

.statement{text-align:center;padding:clamp(40px,6vw,68px) 0}
.statement p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.6rem,3.6vw,2.6rem);color:var(--gold)}

.band{height:clamp(320px,52vh,560px);overflow:hidden}
.band img{width:100%;height:100%;object-fit:cover;object-position:center 32%}

.prose{padding:clamp(60px,9vw,110px) 0}
.prose .col{max-width:68ch;margin:0 auto}
.prose p{color:var(--ink-soft);margin-bottom:16px}

.csdark{background:var(--ink);color:var(--paper);padding:clamp(70px,10vw,130px) 0}
.csd-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,5vw,72px);align-items:center}
.csdark img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.csdark p{color:rgba(244,238,227,.78);margin-bottom:14px;max-width:56ch}

.bigq{text-align:center;padding:clamp(70px,11vw,140px) 0}
.bigq h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;max-width:26ch;margin:0 auto 28px}
.bigq p{max-width:66ch;margin:0 auto;color:var(--ink-soft)}

.finalq{background:var(--ink-2);color:var(--paper);text-align:center;padding:clamp(80px,13vw,160px) 0}
.finalq blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.4;max-width:32ch;margin:0 auto}
.finalq .sig{margin-top:38px;font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--gold-2)}

@media(max-width:900px){
  .cs-grid{grid-template-columns:1fr;gap:30px}
  .cs-photo{position:static}
  .cs-photo .frame{inset:12px -12px -12px 12px}
  .csd-grid{grid-template-columns:1fr;gap:28px}
}
