/* Blog post — extends ../style.css */
.post .nav{color:#fff}
.post .nav.solid{color:var(--ink)}

/* hero */
.post-hero{position:relative;height:92svh;min-height:560px;overflow:hidden;color:#fff;background:#1b1610}
.post-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;transform:scale(1.04);animation:settle 2.4s var(--ease) forwards}
@keyframes settle{to{transform:scale(1)}}
.post-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,5,.5) 0%,rgba(15,10,5,.05) 30%,rgba(15,10,5,.15) 55%,rgba(15,10,5,.85) 100%)}
.post-hero-copy{position:absolute;left:50%;bottom:clamp(36px,7vh,80px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:flex-start}
.post-hero-copy>*{margin:0}
.post-hero-copy .eyebrow{margin-bottom:1rem}
.post-hero-copy .eyebrow{color:#f0c98a;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.post-hero h1{font-size:clamp(2.8rem,6.6vw,5.6rem);text-shadow:0 2px 40px rgba(0,0,0,.45);margin-bottom:1.2rem}
.meta{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.8)}

/* article */
.story{background:var(--paper);padding:clamp(70px,9vw,130px) 0 0}
.col{width:min(700px,100% - 48px);margin-inline:auto}
.col p{font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.95;color:#3a3529;max-width:none;margin-bottom:1.7rem}
.col p em{font-family:var(--serif);font-size:1.12em}
.col .lead{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.45;color:var(--ink);font-weight:400}
.dropcap::first-letter{font-family:var(--serif);float:left;font-size:5.4em;line-height:.8;padding:.06em .12em 0 0;color:var(--terra);font-weight:400}

/* wide figure */
.story figure{position:relative;margin:0}
.story figcaption{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);line-height:1.7}
.story figcaption span{color:var(--terra);font-weight:500}
.story .wide{width:min(1180px,100% - 48px);margin:clamp(40px,6vw,80px) auto}
.wide img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;box-shadow:0 40px 80px -35px rgba(40,30,10,.5)}
.wide figcaption{margin-top:1.1rem;padding-left:1.1rem;border-left:2px solid var(--terra);max-width:62ch}

/* pull quote */
.pull{margin:clamp(50px,7vw,100px) auto}
.pull blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2rem,4.8vw,3.9rem);line-height:1.12;max-width:20ch;margin:0 auto;text-align:center;color:var(--olive-d);text-shadow:none;position:relative;padding:2.2rem 0}
.pull blockquote::before,.pull blockquote::after{content:"";position:absolute;left:50%;width:64px;height:1px;background:var(--terra);transform:translateX(-50%)}
.pull blockquote::before{top:0}.pull blockquote::after{bottom:0}

/* diptych */
.diptych{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.4vw,36px);margin:clamp(50px,7vw,100px) auto;align-items:start}
.diptych figure img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;box-shadow:0 40px 80px -35px rgba(40,30,10,.5)}
.d1{grid-column:2/7}
.d2{grid-column:7/12;margin-top:clamp(70px,11vw,170px)}
.d1 figcaption{margin-top:1.1rem;padding-left:1.1rem;border-left:2px solid var(--terra)}

/* full-bleed */
.bleed{height:80vh;min-height:420px;overflow:hidden;margin-top:clamp(30px,5vw,70px)!important}
.bleed img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.bleed-shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(15,10,5,.65))}
.bleed figcaption{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);color:#fff;z-index:2;font-family:var(--serif);font-style:italic;font-size:1.5rem;letter-spacing:.02em;text-transform:none}

/* the name */
.name{background:linear-gradient(180deg,var(--paper2),var(--paper));padding:clamp(80px,11vw,150px) 0 clamp(70px,9vw,120px)}
.girls{list-style:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4rem clamp(.9rem,2.4vw,1.8rem);margin:2.4rem 0 1rem;padding:1.6rem 0;border-block:1px solid rgba(0,0,0,.14)}
.girls li{font-family:var(--serif);font-size:clamp(1.25rem,2.8vw,2rem);font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--olive-d)}
.girls li+li::before{content:"·";color:var(--terra);margin-right:clamp(.9rem,2.4vw,1.8rem)}
.name .mark{width:min(200px,50vw);margin:2.2rem auto;mix-blend-mode:multiply;opacity:.95}
.name .cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn.outline{border-color:var(--olive);color:var(--olive-d)}
.btn.outline:hover{background:var(--olive);color:#fff}

@media(max-width:900px){
  .post-hero{height:88svh}
  .diptych{grid-template-columns:1fr 1fr;gap:14px}
  .d1{grid-column:1/2}
  .d2{grid-column:2/3;margin-top:70px}
  .d1 figcaption{font-size:.64rem;letter-spacing:.1em;padding-left:.7rem}
  .bleed{height:60vh}
  .wide img{aspect-ratio:4/3}
}