.story-hero{background:#FAF9F6;border-bottom:1px solid #E6E2D9;padding:clamp(76px,11vw,150px) 0 82px}
.story-hero-inner{max-width:1160px}
.story-hero .section-kicker{margin-bottom:27px}
.story-hero h1,.story-aside h2,.story-closing h2{font-family:var(--serif);font-weight:500;letter-spacing:-.04em}
.story-hero h1{font-size:clamp(48px,7vw,82px);line-height:1.08;color:#353332;margin:0;max-width:850px}
.story-hero h1 em,.story-aside h2 em{color:#70635B;font-weight:500}
.story-intro{font-family:var(--serif);font-size:clamp(18px,2.1vw,23px);line-height:1.7;color:#70635B;max-width:700px;margin:28px 0 30px}
.story-scroll{display:inline-flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#771011;font-weight:600}
.story-scroll span{font-size:15px}
.story-timeline{background:#EDE6D4}
.story-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(55px,10vw,140px);align-items:start}
.story-aside{position:sticky;top:110px}
.story-aside .section-kicker{margin-bottom:22px}
.story-aside h2{font-size:clamp(36px,4.3vw,53px);line-height:1.15;color:#353332;margin:0 0 22px}
.story-aside>p:last-child{font-size:13px;line-height:1.9;color:#70635B;max-width:330px;margin:0}
.timeline-list{border-top:1px solid #C1BFB2}
.timeline-item{display:grid;grid-template-columns:145px 1fr;gap:28px;padding:31px 0 34px;border-bottom:1px solid #C1BFB2;position:relative}
.timeline-item::before{content:"";position:absolute;left:-26px;top:40px;width:7px;height:7px;border-radius:50%;background:#771011;box-shadow:0 0 0 5px #EDE6D4}
.timeline-year{font-family:var(--serif);font-size:16px;line-height:1.45;color:#771011}
.timeline-item h3{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.3;color:#353332;margin:0 0 12px}
.timeline-item p{font-size:12px;line-height:1.9;color:#70635B;margin:0 0 12px}
.timeline-item p:last-child{margin-bottom:0}
.timeline-present h3{color:#771011}
.story-closing{background:#353332;color:#FAF9F6;text-align:center;padding:100px 0 110px;position:relative;overflow:hidden}
.story-closing-inner{max-width:850px;position:relative;z-index:1}
.closing-mark{position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-57%);font-family:var(--serif);font-size:clamp(220px,38vw,430px);letter-spacing:-.13em;color:rgba(237,230,212,.045)}
.story-closing .section-kicker{justify-content:center;margin-bottom:22px}
.story-closing h2{font-size:clamp(35px,5.4vw,62px);line-height:1.17;margin:0 0 20px}
.story-closing h2 em{font-weight:500;color:#D9CBCB}
.story-closing-inner>p:not(.section-kicker){max-width:620px;margin:0 auto 28px;color:#D9CBCB;font-size:13px;line-height:1.9}
.story-closing .button{font-size:11px}
@media(max-width:850px){.story-layout{grid-template-columns:1fr;gap:50px}.story-aside{position:static}.story-aside>p:last-child{max-width:580px}.timeline-list{margin-left:25px}}
@media(max-width:600px){.story-hero{padding:68px 0 60px}.story-hero h1{font-size:clamp(43px,12vw,58px)}.story-intro{font-size:18px;margin:20px 0 25px}.story-layout{gap:36px}.story-timeline{padding:70px 0}.story-aside h2{font-size:39px}.timeline-list{margin-left:17px}.timeline-item{grid-template-columns:1fr;gap:6px;padding:24px 0 27px}.timeline-item::before{left:-18px;top:32px}.timeline-year{font-size:14px}.timeline-item h3{font-size:21px}.timeline-item p{font-size:12px}.story-closing{padding:76px 0 82px}.story-closing h2{font-size:39px}.story-closing-inner>p:not(.section-kicker){font-size:12px}}
