.story-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:28px; }
.story-header .text-link { white-space:nowrap; }
.story-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:50px; align-items:center; padding-block:52px 65px; }
.story-intro h1 { font:400 clamp(46px,6.5vw,88px)/1.02 var(--serif); letter-spacing:-2px; margin:20px 0 25px; }
.story-lede { color:var(--mint); font:italic 26px/1.4 var(--serif); }
.story-intro .button { margin:18px 0 8px; }
.story-cover { width:100%; height:auto; border-radius:18px; border:1px solid var(--line); box-shadow:0 22px 70px #0006; }
.story-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:80px; padding-block:35px 65px; border-top:1px solid var(--line); }
.story-details h2,.story-related h2 { font:400 33px/1.2 var(--serif); margin-bottom:24px; letter-spacing:-.5px; }
.story-details h3 { font-size:15px; margin:26px 0 8px; }
.story-details p { color:var(--muted); font-size:15px; line-height:1.85; margin-bottom:20px; }
.story-related { border-top:1px solid var(--line); padding-block:35px 50px; }
.story-related a { display:inline-block; margin-right:35px; padding-block:14px; }
@media(max-width:750px){
  .story-header { padding-block:20px; }.story-header .brand-logo { width:145px; }
  .story-intro { grid-template-columns:1fr; gap:25px; padding-block:30px 40px; }
  .story-intro h1 { font-size:clamp(43px,12vw,70px); letter-spacing:-1.3px; }
  .story-intro .eyebrow { font-size:9px; line-height:1.8; }
  .story-details { grid-template-columns:1fr; gap:24px; padding-block:30px; }
  .story-related a { display:block; }.story-header .text-link { font-size:12px; }
}