.story-page{padding-block:45px 80px;min-height:calc(100vh - 260px)}
.story-back{display:inline-block;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;margin-bottom:55px}
.story-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-bottom:30px}
.story-intro h1{font-size:clamp(65px,7vw,96px);line-height:1;letter-spacing:-.06em}
.story-intro h1 em{color:var(--orange)}
.story-intro>p:last-child{max-width:450px;font-size:16px;line-height:1.8;margin-top:28px}
.story-coming{position:relative;border:1px solid var(--line);border-radius:18px;padding:52px 36px 36px;background:#f5f5f5;overflow:hidden}
.story-coming::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:conic-gradient(#171717 25%,#fff 0 50%,#171717 0 75%,#fff 0) 0 0/28px 28px}
.story-coming .eyebrow{font-size:10px;color:var(--orange);margin-bottom:20px}
.story-coming h2{font-size:clamp(32px,3vw,42px);line-height:1.15}
.story-coming>p:not(.eyebrow){margin-top:22px;font-size:14px;line-height:1.8}
.story-coming .text-link{margin-top:30px;font-size:12px;gap:16px}
@media(max-width:900px){.story-layout{gap:40px}.story-intro h1{font-size:72px}.story-coming{padding:45px 25px 30px}}
@media(max-width:680px){.story-page{padding-block:30px 55px}.story-back{margin-bottom:40px}.story-layout{grid-template-columns:1fr;gap:35px;padding-bottom:0}.story-intro h1{font-size:clamp(58px,17vw,78px)}.story-intro>p:last-child{font-size:14px;margin-top:22px}.story-coming h2{font-size:32px}}