/* ============================================================
   STUDIO — the magazine cut. Editorial spreads, full-bleed
   plates, one long story. (Jason 8/2: "magazine style, luxury,
   a story" — and we walk THEIR ground, never ours.)
   ============================================================ */
.st{background:var(--ink);}
.st__inner{max-width:1320px;margin:0 auto;padding:0 clamp(24px,4vw,80px);}
.st__kicker{font-family:var(--font-body);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--firelight);margin:0 0 clamp(14px,1.6vw,22px);}

/* --- opening lede: display headline + two-column editorial body --- */
.st-lede{padding:clamp(64px,7vw,120px) 0 clamp(48px,5vw,84px);}
.st-lede__title{font-family:var(--font-display);font-weight:300;font-size:clamp(38px,5.4vw,84px);line-height:1.02;letter-spacing:-.02em;color:var(--linen);margin:0 0 clamp(26px,3vw,46px);text-wrap:balance;max-width:16ch;}
.st-lede__title em{font-style:italic;color:var(--firelight);}
.st-lede__body{columns:2;column-gap:clamp(32px,4vw,72px);font-family:var(--font-text);font-size:clamp(16px,1.08vw,19px);line-height:1.72;color:var(--mist);}
.st-lede__body p{margin:0 0 1.15em;break-inside:avoid;}
.st-lede__body p:first-child::first-letter{float:left;font-family:var(--font-display);font-weight:300;font-size:3.6em;line-height:.82;padding:.06em .12em 0 0;color:var(--firelight);}
.st-lede__body em{font-style:italic;color:var(--scapes-sandstone);}
@media(max-width:880px){.st-lede__body{columns:1;}}

/* --- full-bleed plate with a caption resting on it --- */
.st-plate{position:relative;min-height:clamp(340px,52vw,620px);display:flex;align-items:flex-end;background-size:cover;background-position:center;}
.st-plate::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,7,.24) 0%,rgba(10,8,7,0) 34%,rgba(10,8,7,.82) 100%);}
.st-plate__cap{position:relative;z-index:2;padding:clamp(24px,3vw,52px) clamp(24px,4vw,80px);max-width:44ch;}
.st-plate__cap span{display:block;font-family:var(--font-body);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--firelight);margin-bottom:10px;}
.st-plate__cap p{margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(22px,2.4vw,36px);line-height:1.16;color:var(--linen);text-wrap:pretty;}
.st-plate__cap p em{font-style:italic;color:var(--firelight);}

/* --- the standing quote, set alone --- */
.st-quote{padding:clamp(52px,5.4vw,84px) 0;text-align:center;}
.st-quote__line{max-width:26ch;margin:0 auto;font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(28px,3.6vw,56px);line-height:1.14;color:var(--linen);text-wrap:balance;}
.st-quote__line em{font-style:italic;color:var(--firelight);}
.st-quote__sig{display:block;width:100%;text-align:center;margin:clamp(18px,2vw,26px) auto 0;font-family:var(--font-body);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--scapes-sandstone);opacity:.8;}

/* --- the daily run: a photo essay in one grid --- */
.st-run{padding:clamp(48px,5vw,86px) 0 clamp(60px,6vw,100px);}
.st-run__head{margin:0 0 clamp(28px,3vw,48px);}
.st-run__title{font-family:var(--font-display);font-weight:300;font-size:clamp(30px,3.4vw,52px);line-height:1.06;letter-spacing:-.015em;color:var(--linen);margin:0 0 14px;}
.st-run__title em{font-style:italic;color:var(--firelight);}
@media (min-width:820px){.st-run__title{white-space:nowrap}}
.st-run__lead{max-width:56ch;margin:0;font-family:var(--font-text);font-size:clamp(16px,1.05vw,18px);line-height:1.7;color:var(--mist);}
.st-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.4vw,22px);}
.st-fig{position:relative;margin:0;overflow:hidden;border-radius:2px;background-size:cover;background-position:center;min-height:clamp(180px,20vw,300px);}
.st-fig--tall{grid-column:span 2;grid-row:span 2;min-height:clamp(300px,34vw,520px);}
.st-fig--wide{grid-column:span 4;}
.st-fig--half{grid-column:span 2;}
.st-fig--third{grid-column:span 2;}
.st-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,7,0) 46%,rgba(10,8,7,.78) 100%);transition:opacity .6s ease;}
.st-fig figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,1.4vw,22px);font-family:var(--font-body);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--linen);}
.st-fig figcaption em{font-style:normal;color:var(--firelight);letter-spacing:.22em;}
@media(max-width:880px){.st-grid{grid-template-columns:repeat(2,1fr);}.st-fig--tall,.st-fig--wide,.st-fig--half,.st-fig--third{grid-column:span 2;grid-row:auto;min-height:clamp(200px,54vw,320px);}}

/* --- two-up spread: image left, story right (and reversed) --- */
.st-spread{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,3.4vw,64px);align-items:center;padding:clamp(48px,5vw,88px) 0;}
.st-spread--flip .st-spread__art{order:2;}
.st-spread__art{min-height:clamp(280px,32vw,520px);background-size:cover;background-position:center;border-radius:2px;}
.st-spread__title{font-family:var(--font-display);font-weight:300;font-size:clamp(28px,3.1vw,48px);line-height:1.06;color:var(--linen);margin:0 0 clamp(14px,1.6vw,22px);text-wrap:balance;}
.st-spread__title em{font-style:italic;color:var(--firelight);}
.st-spread__body{font-family:var(--font-text);font-size:clamp(16px,1.05vw,18px);line-height:1.72;color:var(--mist);max-width:52ch;}
.st-spread__body p{margin:0 0 1.05em;}
.st-spread__body em{font-style:italic;color:var(--scapes-sandstone);}
@media(max-width:880px){.st-spread{grid-template-columns:1fr;}.st-spread--flip .st-spread__art{order:0;}}

/* --- hairline between movements, softened at the ends --- */
.st-rule{height:1px;border:0;margin:0;background:linear-gradient(90deg,rgba(224,162,104,0) 0%,rgba(224,162,104,.16) 20%,rgba(224,162,104,.16) 80%,rgba(224,162,104,0) 100%);}