.story{position:relative}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:clip;background:#b9c9de}.stage__cv{position:absolute;inset:0;width:100%;height:100%}.stage__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage__vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#071a3100 55%,#071a3147)}.steps{position:relative;margin-top:-100vh;margin-top:-100svh;pointer-events:none}.step{position:relative;height:210vh}.step--hero{height:130vh}.step:last-child{height:270vh}.step:last-child .step__anchor{top:38%}.step__anchor{position:absolute;left:0;top:60%;display:block;width:1px;height:1px}.hero{position:absolute;inset:0;pointer-events:none;color:var(--c-navy-deep)}.hero__lock{position:absolute;left:var(--sx, 50%);top:var(--sy, 44%);translate:-50% -50%;display:grid;justify-items:center;text-align:center;gap:10px;width:min(92vw,860px);pointer-events:auto}.hero__kicker{font:900 var(--fs-label)/1 var(--font-caps);letter-spacing:.26em;text-transform:uppercase;opacity:0}.hero__h1{position:relative;display:grid;justify-items:center;font:400 var(--fs-display)/.86 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.wm{position:relative;display:block}.wm__gold,.wm__ink{display:block;white-space:nowrap}.wm__gold{position:absolute;inset:0;color:var(--c-gold);-webkit-text-stroke:.055em var(--c-gold);text-shadow:.045em .06em 0 var(--c-navy-deep)}.wm__ink{position:relative;color:var(--c-cobalt)}.wm--the{font-size:.36em;letter-spacing:.08em;margin-bottom:.12em}.wm--sun{font-size:1.32em}.hero__h1 .wm{clip-path:inset(-20% 100% -20% -2%)}.hero__line{font:italic 400 var(--fs-lead)/1.3 var(--font-text);color:var(--c-navy-deep);opacity:0;margin-top:6px;text-shadow:0 0 18px rgba(243,232,210,.9),0 0 4px rgba(243,232,210,.9)}.hero__foot{position:absolute;left:50%;bottom:max(28px,5vh);translate:-50% 0;display:grid;justify-items:center;gap:12px;pointer-events:auto}.hero__foot .plaque{opacity:0}.hero__stamp{font:900 13px/1 var(--font-caps);letter-spacing:.22em;text-transform:uppercase;color:var(--c-navy-deep);opacity:0;text-shadow:0 0 10px rgba(243,232,210,.9)}.intro-done .hero__kicker,.intro-done .hero__line,.intro-done .hero__foot .plaque,.intro-done .hero__stamp{opacity:1}.intro-done .hero__h1 .wm{clip-path:inset(-20% -2% -20% -2%)}.chap{position:absolute;inset:0;pointer-events:none;visibility:hidden}.chap.is-on{visibility:visible}.nar{position:absolute;isolation:isolate;left:calc(var(--gutter) + 64px);bottom:clamp(28px,7vh,72px);width:min(470px,calc(100% - 2 * var(--gutter)));padding:26px 30px 24px;color:var(--c-navy-deep);pointer-events:auto;text-align:center}.nar--right{left:auto;right:calc(var(--gutter) + 8px)}.nar--dark{color:var(--c-cream)}.nar--dark .nar__card{background:#0a2442e6}.nar--dark .nar__card:after{border-color:var(--c-gold)}.nar--dark .orn{color:var(--c-gold)}.nar__num{display:block;font:900 var(--fs-label)/1 var(--font-caps);letter-spacing:.3em;color:var(--c-gold-deep)}.nar--dark .nar__num{color:var(--c-gold-hi)}.nar__title{margin:10px 0 6px;font:400 clamp(30px,2.9vw,46px)/.98 var(--font-display);text-transform:uppercase}.nar__stamp{display:block;margin-bottom:14px;font:900 13px/1 var(--font-caps);letter-spacing:.2em;text-transform:uppercase;opacity:.8}.nar__lines{display:grid;gap:6px;margin:14px 0;font:700 var(--fs-narr)/1.28 var(--font-caps);letter-spacing:.06em;text-transform:uppercase}.nar__lines span{display:block}.nar .orn{margin-block:2px}.labs{position:absolute;inset:0;pointer-events:none}.labs svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.labs line{stroke:var(--lab-ink, var(--c-navy-deep));stroke-width:1.2}.labs circle{fill:none;stroke:var(--lab-ink, var(--c-navy-deep));stroke-width:1.3}.labs circle.core{fill:var(--c-gold);stroke:none}.lab{position:absolute;translate:var(--tx, -50%) -50%;padding:7px 12px 8px;border-radius:3px;background:#f3e8d2e6;color:var(--c-navy-deep);display:grid;gap:2px;text-align:left;white-space:nowrap;box-shadow:0 6px 18px #071a3126}.lab b{font:900 15px/1 var(--font-caps);letter-spacing:.12em;text-transform:uppercase}.lab i{font:italic 400 15px/1.15 var(--font-text)}.chap--dark .labs{--lab-ink: var(--c-gold-hi)}.chap--dark .lab{background:#0a2442e0;color:var(--c-cream)}.chap--dark .labs circle.core{fill:var(--c-gold-hi)}.rail{position:fixed;left:calc(var(--gutter) - 6px);top:50%;translate:0 -50%;z-index:65;display:grid;gap:6px;opacity:0;transition:opacity .5s;color:var(--rail-ink, var(--c-navy-deep))}.rail.is-on{opacity:1}[data-sky=dark] .rail{--rail-ink: var(--c-gold-hi)}.rail a{position:relative;display:flex;align-items:center;gap:10px;height:26px}.rail__dot{width:13px;height:13px;border-radius:50%;border:1.3px solid currentColor;display:grid;place-items:center;flex:none}.rail__dot:after{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;scale:0;transition:scale .4s var(--ease-ui)}.rail a.is-active .rail__dot:after{scale:1}.rail__name{position:relative;padding:5px 10px 4px;font:900 13px/1 var(--font-caps);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0}.rail__name:before{content:"";position:absolute;inset:0;border:1px solid currentColor;border-radius:2px}.rail a:hover .rail__name,.rail a:focus-visible .rail__name{opacity:.85}.rail a.is-active .rail__name{opacity:1}.painting{position:relative;background:var(--c-navy-deep);padding:clamp(96px,14vh,160px) var(--gutter) clamp(80px,12vh,140px)}.painting__grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}.frame{position:relative;padding:14px;background:linear-gradient(135deg,#7a5a28,#c9a463 30%,#8a6a33,#d9bd84 80%,#7a5a28);border-radius:2px;box-shadow:0 30px 60px #00000073}.frame__in{position:relative;overflow:hidden;background:#2b2a24}.frame__in img{width:100%;height:auto}.frame__marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.frame__marks circle{fill:none;stroke:var(--c-gold-hi);stroke-width:2}.frame__marks line{stroke:var(--c-gold-hi);stroke-width:1.4}.frame__tag{position:absolute;padding:5px 9px 4px;background:#0a2442e6;color:var(--c-cream);font:900 12.5px/1 var(--font-caps);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--c-gold);white-space:nowrap}.painting__k{font:900 var(--fs-label)/1 var(--font-caps);letter-spacing:.3em;color:var(--c-gold);text-transform:uppercase}.painting__h{margin:16px 0 26px;font:400 var(--fs-h2)/.95 var(--font-display);text-transform:uppercase;color:var(--c-cream)}.painting__p{max-width:36em;margin-bottom:1em;font-size:var(--fs-body);color:var(--c-cream)}.painting__p:first-of-type{font-size:var(--fs-lead);line-height:1.38}.facts{margin:30px 0 34px;display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;border-top:1px solid rgba(188,152,86,.45);padding-top:22px}.facts dt{font:900 var(--fs-label)/1.3 var(--font-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold)}.facts dd{font-size:17px;line-height:1.35}.society{position:relative;background:var(--c-navy);padding:clamp(96px,14vh,150px) var(--gutter);overflow:hidden}.society__head{max-width:920px;margin:0 auto clamp(44px,7vh,72px);text-align:center}.society__k{font:900 var(--fs-label)/1 var(--font-caps);letter-spacing:.3em;color:var(--c-gold-hi);text-transform:uppercase}.society__h{margin:16px 0 22px;font:400 var(--fs-h2)/.95 var(--font-display);text-transform:uppercase}.society__p{font-size:var(--fs-lead);line-height:1.4;color:var(--c-cream)}.ways{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}.way{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:8px;overflow:hidden;background:var(--c-navy-deep);transition:translate .5s var(--ease-ui),box-shadow .5s var(--ease-ui);-webkit-mask:radial-gradient(circle 9px at 0 30%,#0000 97%,#000) left / 51% 100% no-repeat,radial-gradient(circle 9px at 100% 30%,#0000 97%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 30%,#0000 97%,#000) left / 51% 100% no-repeat,radial-gradient(circle 9px at 100% 30%,#0000 97%,#000) right / 51% 100% no-repeat}.way:after{content:"";position:absolute;inset:7px;border:1px solid rgba(217,189,132,.55);border-radius:5px;pointer-events:none;transition:border-color .4s}.way__img{aspect-ratio:16 / 10;overflow:hidden;margin:0;border-radius:0}.way__img:after{display:none}.way__img canvas{scale:1.06;transition:scale .9s var(--ease-ui)}.way__body{padding:20px 22px 26px;display:grid;align-content:start;gap:10px}.way__t{font:400 clamp(22px,1.9vw,28px)/1 var(--font-display);text-transform:uppercase;color:var(--c-gold-hi)}.way__p{font-size:16.5px;line-height:1.45;color:var(--c-cream)}.way__go{margin-top:6px;font:900 var(--fs-label)/1 var(--font-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--c-cream)}.way__go span{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .5s var(--ease-ui);padding-bottom:3px}.way:hover,.way:focus-visible{translate:0 -6px}.way:hover:after,.way:focus-visible:after{border-color:var(--c-gold-hi)}.way:hover .way__img canvas,.way:focus-visible .way__img canvas{scale:1}.way:hover .way__go span,.way:focus-visible .way__go span{background-size:100% 1px}.rv-up{opacity:0;translate:0 30px}.rv-up.in{opacity:1;translate:0 0;transition:opacity var(--dur-narr-o) var(--ease-narr-o),translate var(--dur-narr-y) var(--ease-narr-y);transition-delay:calc(var(--i, 0) * 90ms)}.rm .rv-up,.no-js .rv-up{opacity:1;translate:0 0}@media(max-width:1100px){.ways{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.step{height:190vh}.rail{display:none}.nar{left:12px;right:12px;width:auto;bottom:16px;padding:20px 20px 18px}.nar__title{font-size:30px}.nar__lines{font-size:16.5px;gap:5px;margin:10px 0}.nar__stamp{margin-bottom:8px}.lab b,.lab i{font-size:14px}.painting__grid,.ways{grid-template-columns:1fr}.hero__lock{gap:6px}}