.story-page{color:#effafa;background:#050807;min-height:100vh}.story-nav{position:relative}.story-hero{background:radial-gradient(circle at 78% 35%,#32c7ca36,#0000 29%),linear-gradient(145deg,#050807 56%,#0b1f1f);grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end;gap:clamp(50px,9vw,150px);padding:clamp(88px,12vw,180px) clamp(24px,8vw,130px) clamp(85px,10vw,145px);display:grid}.story-hero .section-kicker{color:#52d9dc;grid-column:1/-1;margin:0 0 -28px}.story-hero h1{margin:0;font-size:clamp(78px,11vw,158px);line-height:.82}.story-hero>p:last-child{color:#bfd1ce;max-width:620px;margin:0 0 10px;font-size:clamp(18px,1.8vw,23px);line-height:1.7}.story-timeline{color:#050807;background:#effafa}.story-era{border-bottom:1px solid #05080729;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(55px,9vw,150px);padding:clamp(82px,11vw,155px) clamp(24px,8vw,130px);display:grid}.story-era>header{align-self:start;position:sticky;top:40px}.story-era-number{color:#168f94;letter-spacing:.18em;margin:0 0 42px;font-size:11px;font-weight:800}.story-era h2{letter-spacing:-.05em;margin:20px 0 0;font:400 clamp(52px,7vw,98px)/.9 Georgia,serif}.story-era-intro{color:#385650;max-width:520px;margin:30px 0 0;font-size:17px;line-height:1.7}.story-dates{border-top:1px solid #05080752}.story-date{border-bottom:1px solid #05080738;grid-template-columns:105px 1fr;gap:clamp(22px,4vw,60px);padding:36px 0;display:grid}.story-date time{color:#168f94;font:400 clamp(30px,3.8vw,48px)/1 Georgia,serif}.story-date p{color:#263c39;margin:0;font-size:17px;line-height:1.75}.story-date>a{color:#0b7377;text-underline-offset:5px;grid-column:2;margin-top:6px;font-size:12px;font-weight:800;line-height:1.5;-webkit-text-decoration:underline #0b737759;text-decoration:underline #0b737759}.story-era-adventures{background:#dff4f4}.story-era-present{color:#effafa;background:#07100f;border-color:#52d9dc33}.story-era-present .section-kicker,.story-era-present .story-era-number{color:#52d9dc}.story-era-present .story-era-intro,.story-era-present .story-date p{color:#bfd1ce}.story-era-present .story-dates{border-color:#52d9dc61}.story-era-present .story-date{border-color:#52d9dc42}.story-era-present .story-date time{color:#52d9dc}.story-date-feature{background:linear-gradient(145deg,#32c7ca1c,#ffffff05);border:1px solid #52d9dc57;grid-template-columns:1fr;margin-top:42px;padding:0}.story-couple-photo{height:clamp(320px,36vw,520px);overflow:hidden}.story-couple-photo img{object-fit:cover;object-position:center 44%;width:100%;height:100%}.story-date-feature>div:last-child{grid-template-columns:105px 1fr;align-items:start;gap:clamp(22px,4vw,60px);padding:34px;display:grid}.story-invite{text-align:center;background:radial-gradient(circle at 50% 45%,#32c7ca24,#0000 35%),#050807;padding:clamp(95px,13vw,190px) clamp(24px,8vw,130px)}.story-invite .section-kicker{color:#52d9dc}.story-invite h2{letter-spacing:-.05em;max-width:1050px;margin:24px auto 46px;font:400 clamp(56px,8vw,112px)/.92 Georgia,serif}.story-invite .primary-button{margin:auto}@media (max-width:900px){.story-hero,.story-era{grid-template-columns:1fr}.story-hero .section-kicker{grid-column:auto;margin:0}.story-era>header{position:static}.story-hero h1{font-size:74px}}@media (max-width:600px){.story-hero h1{font-size:62px}.story-date{grid-template-columns:1fr;gap:14px}.story-date>a{grid-column:auto}.story-date-feature>div:last-child{grid-template-columns:1fr}.story-couple-photo{height:300px}}