/* Shared brand values from the existing FRONTIER page; isolated public stylesheet. */
.brand-logo{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0;border:1px solid #b8924f66}
@media(max-width:600px){.brand-logo{width:32px;height:32px}}
:root{--ink:#171513;--maroon:#681d24;--wine:#3b1117;--paper:#eee9df;--cream:#f8f4ec;--gold:#b8924f;--line:rgba(248,244,236,.22);--serif:'Playfair Display',Georgia,serif;--sans:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--wine);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--ink)}h1,h2,h3,p{margin:0}h2{font:600 clamp(2.4rem,5.2vw,5.6rem)/1.13 var(--serif);letter-spacing:-.05em}h2 em{font-weight:600;color:var(--gold)}.label{font:400 10px/1.7 var(--mono);letter-spacing:.13em;text-transform:uppercase}.gold{color:#d5b578}.section-pad{padding:100px 6vw}.section-index{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:75px}.film-grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:10px;left:20px;padding:15px;background:var(--cream);color:var(--wine);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}
.public-nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px 6vw;border-bottom:1px solid var(--line);transition:background .3s,padding .3s}.public-nav.scrolled{background:rgba(38,8,13,.93);backdrop-filter:blur(12px);padding-top:15px;padding-bottom:15px}.wordmark{display:flex;align-items:center;gap:10px;font:500 11px var(--sans);letter-spacing:.14em}.brand-class{color:#c9bdb0}.brand-seal{display:grid;place-items:center;width:29px;height:33px;border:1px solid var(--gold);color:#d5b578;font:600 20px var(--serif)}.public-nav nav{display:flex;gap:30px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.public-nav nav a{position:relative;padding:7px 0}.public-nav nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.public-nav nav a:hover:after{transform:scaleX(1)}.nav-enter{font:11px var(--mono);text-transform:uppercase;display:flex;gap:28px;color:#e1c899}.nav-enter span,.enter-link span{display:inline-block;transition:transform .25s}.nav-enter:hover span,.enter-link:hover span{transform:translate(4px,-4px)}
.opening{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;padding:130px 6vw 85px;background:linear-gradient(120deg,#26080d,var(--wine) 58%,#240c11)}.opening-light{position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse at 64% 52%,#8a30347a,transparent 48%);transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0)}.opening-meta{display:flex;justify-content:space-between;color:#c1a990}.opening-title{margin-top:55px;position:relative;z-index:2}.opening-title>.label{margin-bottom:18px}.opening h1{font:600 clamp(3rem,13.4vw,17rem)/1.05 var(--serif);letter-spacing:-.065em;overflow:hidden}.opening h1 span{display:block}.opening-bottom{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;min-height:310px;margin-top:25px}.opening-copy{position:relative;z-index:2}.opening-copy p{font-size:14px;line-height:1.8;color:#e4d7c7}.opening-copy em{font-style:normal;color:#c4aa9c}.enter-link{display:inline-flex;gap:40px;align-items:center;padding:18px 0;border-bottom:1px solid var(--gold);margin-top:25px;font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase}.enter-link span{font-size:24px;color:#d5b578}.portal{position:relative;display:grid;place-items:center;align-self:stretch}.portal-frame{position:relative;width:220px;aspect-ratio:1;border:1px solid #b8924f66;transform:rotate(45deg);display:grid;place-items:center}.portal-frame i{position:absolute;inset:18px;border:1px solid #b8924f66}.portal-frame i:nth-child(2){inset:40px}.portal-frame i:nth-child(3){inset:65px;background:linear-gradient(45deg,#b8924f22,transparent)}.portal-star{font-size:75px;color:#b8924f;line-height:1;transform:rotate(-45deg)}.portal-caption{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:8px;color:#c4aa9c}.class-signature{text-align:right;font:600 clamp(4rem,9vw,9rem)/1 var(--serif);letter-spacing:-.07em}.class-signature em{color:#d2b078}.class-signature>.label{display:block;letter-spacing:.08em;font-size:8px;margin-top:22px;color:#c4aa9c}.scroll-note{position:absolute;bottom:27px;left:6vw;display:flex;gap:30px;color:#d5b578}.edition{position:absolute;bottom:27px;right:6vw;color:#c4aa9c;font-size:8px}
.story{background:var(--paper);color:var(--ink);--line:#17151333;padding-bottom:130px}.story .section-index{color:var(--maroon)}.story-layout{display:grid;grid-template-columns:1fr 3fr;gap:7vw}.margin-note{font:11px/1.8 var(--mono);color:#6c5b50}.small-star{display:block;font:60px var(--serif);color:var(--maroon);margin:5px 0 25px}.story h2 em{color:var(--maroon)}.story-paragraphs{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:710px;margin-top:45px;font-size:14px;line-height:1.9;color:#64594f}
.identity{overflow:hidden;background:#611e27;position:relative;padding-bottom:55px}.identity .section-index{margin-bottom:20px}.identity-type{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:600 clamp(8rem,28vw,30rem)/1.1 var(--serif);letter-spacing:-.07em}.identity-star{font-size:10vw;font-weight:400;color:var(--gold)}.identity-f{color:#d5b578;padding-right:3vw}.identity-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:35px}.identity-foot strong{font:500 30px var(--serif);letter-spacing:0}.identity-foot p{font:14px/1.8 var(--sans);color:#dfc8bc}.identity-foot>.label:last-child{text-align:right;color:#dfc8bc}
.inside{background:var(--cream);color:var(--ink);--line:#17151333}.inside .section-index{color:var(--maroon)}.inside-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:60px}.inside h2 em{color:var(--maroon)}.inside-heading>p{font-size:13px;line-height:1.8;color:#6a5b51}.feature{display:grid;grid-template-columns:1fr 2fr 1.6fr 40px;align-items:center;gap:20px;padding:35px 0;border-top:1px solid #17151333;transition:color .25s}.feature:last-child{border-bottom:1px solid #17151333}.feature>.label{color:#756052}.feature h3{font:600 clamp(1.8rem,3.2vw,3rem) var(--serif);letter-spacing:-.05em}.feature p{font-size:12px;line-height:1.8;color:#6a5b51}.feature-arrow{font-size:30px;color:var(--maroon);transition:transform .25s}.feature:hover{color:var(--maroon)}.feature:hover .feature-arrow{transform:translate(5px,-5px)}.members-note{text-align:right;margin-top:22px;font-size:9px;color:#756052}
.archive-teaser{background:#1b1515;overflow:hidden}.archive-heading{text-align:center;position:relative;z-index:2}.archive-heading h2{margin:24px auto;max-width:900px}.archive-heading p{font-size:13px;color:#c1aea0}.archive-frames{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin:75px auto 35px;max-width:1120px;padding:15px}.abstract-frame{position:relative;aspect-ratio:4/4.7;border:1px solid #b8924f66;padding:12px;transform:rotate(-7deg);background:#2c2220;transition:transform .4s}.abstract-frame:nth-child(2){transform:translateY(-15px) rotate(3deg)}.abstract-frame:nth-child(3){transform:rotate(9deg)}.abstract-frame:hover{transform:translateY(-10px) rotate(0)}.abstract-art{height:calc(100% - 32px);overflow:hidden;position:relative;background:linear-gradient(145deg,#81654c,#382629 65%)}.abstract-art:before{content:'';position:absolute;inset:15% 20%;filter:blur(16px);background:linear-gradient(90deg,#bf976566,#d6ac8077);border-radius:50% 50% 0 0;transform:rotate(-25deg)}.frame-two .abstract-art{background:linear-gradient(45deg,#352629,#87483e)}.frame-two .abstract-art:before{inset:30% 5%;border-radius:0;transform:rotate(30deg)}.frame-three .abstract-art{background:linear-gradient(120deg,#3c352f,#79705b)}.frame-three .abstract-art:before{inset:15% 25%;border:12px solid #c2a780;background:transparent}.abstract-frame>.label{display:block;margin-top:10px;font-size:8px;color:#d8c2a9}.archive-caption{text-align:center;color:#b4a397;margin-top:65px;font-size:9px}
.closing{position:relative;text-align:center;background:radial-gradient(ellipse at 50% 100%,#681d2488,transparent 70%),#300c12;padding-top:110px;padding-bottom:110px}.closing-star{display:block;color:var(--gold);font-size:55px;margin-bottom:35px}.closing h2{margin:30px auto 10px;font-size:clamp(2.5rem,6.2vw,6rem)}.closing h2 em{color:var(--cream)}.closing .enter-link{gap:70px}.closing-note{font-size:11px;color:#c4aa9c;margin-top:30px}.public-footer{display:flex;justify-content:space-between;gap:25px;padding:28px 6vw;background:#210a0e;border-top:1px solid var(--line);color:#c4aa9c;font-size:9px}
@media(min-width:1700px){.opening{padding-top:160px}.opening-bottom{min-height:380px}.portal-frame{width:280px}.opening-copy p{font-size:17px}}
@media(max-width:900px){.public-nav nav{gap:18px}.brand-class{display:none}.opening-bottom{grid-template-columns:1.2fr .8fr}.portal{position:absolute;right:12%;top:0;opacity:.3;z-index:-1}.class-signature{font-size:100px}.story-layout{grid-template-columns:1fr 4fr;gap:30px}.feature{grid-template-columns:1fr 2fr 1.5fr 24px;gap:12px}.feature p{font-size:11px}.archive-frames{gap:20px}}
@media(max-width:600px){html{scroll-padding-top:110px}.public-nav{padding:16px 6vw;flex-wrap:wrap;row-gap:15px}.public-nav nav{order:3;width:100%;justify-content:center;gap:38px;font-size:9px}.public-nav.scrolled{padding-top:12px;padding-bottom:12px}.wordmark{font-size:10px}.brand-seal{width:24px;height:27px}.nav-enter{gap:15px}.opening{padding-top:145px;padding-bottom:95px;min-height:800px;min-height:max(800px,100svh)}.opening-meta{font-size:8px}.opening-title{margin-top:55px}.opening h1{font-size:13.1vw;letter-spacing:-.065em}.opening-title>.label{font-size:9px}.opening-bottom{display:flex;flex-direction:column-reverse;align-items:stretch;gap:25px;margin-top:30px}.class-signature{font-size:90px}.class-signature>.label{margin-top:8px;font-size:7px}.opening-copy p{font-size:13px}.portal{right:auto;left:20px;top:20px;z-index:0;pointer-events:none}.portal-frame{width:140px}.portal-frame i:nth-child(3){inset:50px}.portal-star{font-size:45px}.portal-caption{display:none}.opening-copy{margin-top:8px}.enter-link{font-size:10px;margin-top:15px}.edition{font-size:7px;bottom:25px}.scroll-note{font-size:8px;bottom:50px;gap:18px}.section-pad{padding:65px 6vw}.section-index{margin-bottom:42px;font-size:8px}.section-index>span:last-child{max-width:135px;text-align:right}.story-layout{display:block}.margin-note{display:none}.story-paragraphs{grid-template-columns:1fr;gap:18px;margin-top:30px;font-size:13px}.identity-type{font-size:31vw}.identity-foot{align-items:start;gap:20px;flex-wrap:wrap}.identity-foot p{font-size:11px;max-width:210px}.identity-foot>.label:last-child{display:none}.inside-heading{display:block;margin-bottom:35px}.inside-heading>p{margin-top:25px;font-size:12px}.feature{grid-template-columns:1fr 30px;gap:12px;padding:25px 0}.feature>.label{grid-column:1}.feature h3{grid-column:1}.feature p{grid-column:1}.feature-arrow{grid-column:2;grid-row:1 / span 3}.members-note{font-size:8px;text-align:left}.archive-frames{gap:12px;padding:0;margin-top:50px}.abstract-frame{padding:6px;aspect-ratio:3/5}.abstract-frame>.label{font-size:6px;letter-spacing:0}.abstract-art{height:calc(100% - 36px)}.archive-caption{font-size:8px;margin-top:35px}.archive-heading h2{font-size:2.35rem}.archive-heading p{font-size:12px}.closing{padding-top:75px;padding-bottom:75px}.closing .enter-link{gap:40px}.public-footer{flex-wrap:wrap;font-size:8px}.public-footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none;filter:none}.opening-light{transform:none}}

/* Motion: entrance uses inner transforms; scroll and pointer use separate layers. */
@property --hero-progress { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --identity-progress { syntax: '<number>'; inherits: true; initial-value: .5; }
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:50;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}
.public-nav{border-bottom-color:rgba(248,244,236,.07);transition:background .5s,padding .5s,border-color .5s,box-shadow .5s}
.public-nav.nav-scrolled{background:rgba(38,8,13,.9);backdrop-filter:blur(14px);border-bottom-color:var(--line);box-shadow:0 8px 30px #17050b33}
.opening:before{content:'';position:absolute;left:calc(50% - 300px);top:calc(50% - 300px);width:600px;height:600px;z-index:-1;pointer-events:none;background:radial-gradient(circle,#c4a15326, #8a303430 28%,transparent 68%);opacity:var(--glow-opacity,0);transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),0)}
.opening:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:#100507;opacity:0}
.motion-enabled .opening:after{animation:dark-open 1.6s ease-out both}
.motion-enabled .opening-meta,.motion-enabled .opening-title>.label,.motion-enabled .opening h1 span,.motion-enabled .class-signature,.motion-enabled .opening-copy p,.motion-enabled .opening-copy .enter-link,.motion-enabled .portal{opacity:0}
.motion-enabled body.loaded .opening-meta{animation:entrance 1s .2s both}
.motion-enabled body.loaded .opening-title>.label{animation:entrance 1s .3s both}
.motion-enabled body.loaded .opening h1 span{animation:title-mask 1.5s .4s cubic-bezier(.16,1,.3,1) both}
.motion-enabled body.loaded .class-signature{animation:entrance 1.2s .65s both}
.motion-enabled body.loaded .opening-copy p{animation:entrance 1s .9s both}
.motion-enabled body.loaded .opening-copy .enter-link{animation:cta-enter 1s 1.1s both}
.motion-enabled body.loaded .portal{animation:geometry-enter 1.5s 1.3s both}
.motion-enabled body.loaded .public-nav nav a{animation:entrance .8s both}
.motion-enabled body.loaded .public-nav nav a:nth-child(1){animation-delay:.2s}
.motion-enabled body.loaded .public-nav nav a:nth-child(2){animation-delay:.32s}
.motion-enabled body.loaded .public-nav nav a:nth-child(3){animation-delay:.44s}
@keyframes dark-open{from{opacity:1}to{opacity:0}}
@keyframes entrance{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes title-mask{from{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0,65px,0)}to{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0)}}
@keyframes cta-enter{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes geometry-enter{from{opacity:0;clip-path:inset(50%);scale:.88}to{opacity:var(--portal-opacity,1);clip-path:inset(-30%);scale:1}}
.motion-enabled .opening-title{transform-origin:10% 50%;transform:translate3d(0,calc(var(--hero-progress,0) * -85px),0) scale(calc(1 - var(--hero-progress,0) * .18));filter:opacity(calc(1 - var(--hero-progress,0) * .65))}
.motion-enabled .class-signature{translate:0 calc(var(--hero-progress,0) * -135px)}
.motion-enabled .opening-copy p{translate:0 calc(var(--hero-progress,0) * -35px);filter:opacity(calc(1 - var(--hero-progress,0) * .9))}
.motion-enabled .opening-copy .enter-link{translate:0 calc(var(--hero-progress,0) * 45px);filter:opacity(calc(1 - var(--hero-progress,0) * .8))}
.motion-enabled .opening-light{transform:translate3d(calc(var(--mouse-x,0px) * -.5),calc(var(--hero-progress,0) * 110px),0) scale(1.05)}
.motion-enabled .portal-frame{transform:translate3d(var(--mouse-x,0px),calc(var(--mouse-y,0px) + var(--hero-progress,0) * 150px),0) rotate(calc(45deg + var(--hero-progress,0) * 24deg + var(--mouse-rotate,0deg)))}
.motion-enabled .portal-frame i:nth-child(1){transform:rotate(calc(var(--hero-progress,0) * -10deg))}
.motion-enabled .portal-frame i:nth-child(2){transform:rotate(calc(var(--hero-progress,0) * 15deg))}
.motion-enabled .portal-star{translate:0 calc(var(--hero-progress,0) * -28px)}
.motion-enabled .identity-xii{transform:translate3d(calc(-8vw + var(--identity-progress,.5) * 11vw),0,0)}
.motion-enabled .identity-f{transform:translate3d(calc(8vw - var(--identity-progress,.5) * 11vw),0,0)}
@keyframes hero-progress{from{--hero-progress:0}to{--hero-progress:1}}
@keyframes identity-progress{from{--identity-progress:0}to{--identity-progress:1}}
@supports(animation-timeline:scroll()){
 .native-motion.motion-enabled .opening{animation:hero-progress linear both;animation-timeline:scroll(root block);animation-range:0px var(--hero-range,85vh)}
 .native-motion.motion-enabled .identity{animation:identity-progress linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
}
/* Observer is used in native and fallback modes: reveals have time to be seen. */
.motion-enabled .reveal{transition:opacity 1s var(--delay,0ms),translate 1.1s var(--delay,0ms),filter 1s var(--delay,0ms),clip-path 1.2s var(--delay,0ms),scale 1.1s var(--delay,0ms),transform .35s,color .25s}
.motion-enabled .reveal-pending{opacity:0;translate:0 60px;filter:blur(6px)}
.motion-enabled .reveal.is-visible{opacity:1;translate:0 0;filter:blur(0)}
.motion-enabled .mask-reveal.reveal-pending{clip-path:none}
.motion-enabled .mask-reveal.is-visible{animation:section-mask 1.2s var(--delay,0ms) cubic-bezier(.16,1,.3,1) both}
.motion-enabled .abstract-frame.reveal-pending{scale:1.08}
.motion-enabled .abstract-frame.is-visible{animation:card-mask 1.2s var(--delay,0ms) cubic-bezier(.16,1,.3,1) both;scale:1}
.motion-enabled .closing .enter-link.reveal-pending{scale:.92}
.motion-enabled .closing .enter-link.is-visible{scale:1}
.enter-link{position:relative;isolation:isolate;transition:transform .3s,box-shadow .3s}
.enter-link:before{content:'';position:absolute;inset:0 -15px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#c4a15330,transparent 72%);opacity:0;transition:opacity .4s}
.enter-link:hover,.enter-link:focus-visible{transform:translateY(-3px)}
.enter-link:hover:before,.enter-link:focus-visible:before{opacity:1}
.enter-link:hover span{transform:translateX(5px)}
.section-pad{position:relative}
.section-pad:before{content:'';position:absolute;left:6vw;right:6vw;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(.2);opacity:0;transition:transform 1.5s,opacity 1.5s;pointer-events:none}
.section-pad.section-visible:before{transform:scaleX(1);opacity:.7}
.closing{isolation:isolate}
.closing:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 75%,#8a303455,transparent 65%);opacity:0;transform:scale(.9);transition:opacity 2s,transform 2s;pointer-events:none}
.closing.section-visible:after{opacity:1;transform:scale(1)}
@media(max-width:900px){.portal{--portal-opacity:.3}.opening:before{display:none}}
@media(prefers-reduced-motion:reduce){
 .opening:after{display:none}.opening:before{display:none}
 .opening-title,.opening-light,.portal-frame i,.identity-xii,.identity-f{transform:none!important;filter:none!important}
 .portal-frame{transform:rotate(45deg)!important}.class-signature,.opening-copy p,.opening-copy .enter-link,.portal-star,.reveal{translate:none!important;filter:none!important}
 .reveal,.mask-reveal,.abstract-frame,.opening h1 span{opacity:1!important;clip-path:none!important;scale:1!important}
 .enter-link:hover{transform:none}.section-pad:before,.closing:after{transition:none}
}

@keyframes section-mask{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(-5% -2%)}}
@keyframes card-mask{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(-10%)}}

/* The story edition extends the existing public identity, not the member page. */
@property --scene-p { syntax:'<number>'; inherits:true; initial-value:.5; }
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.story-edition figure{margin:0}.story-edition .film-grain{opacity:.022}.story-edition .opening{min-height:100svh}.story-edition .opening-copy p{font-size:13px}.story-edition .opening-title{margin-top:7vh}.story-edition .opening-bottom{margin-top:4vh}.story-edition .scroll-note{animation:entrance 1s 1.8s both}
.chapter{position:relative;padding:100px 6vw;--scene-p:.5}.chapter-label{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid currentColor;margin-bottom:65px;font-size:9px;letter-spacing:.14em}.chapter-label>span:last-child{text-align:right;opacity:.7}.chapter h2{font-size:clamp(2.7rem,6.8vw,7.6rem);line-height:1.01}.small-copy{font-size:13px;line-height:1.9}.photo-window{position:relative;overflow:hidden;background:#231a18}.photo-window img{display:block;width:100%;height:auto}.chapter figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:9px}.chapter-tail{display:flex;justify-content:space-between;margin-top:60px;font-size:9px}.beginning{background:var(--paper);color:var(--ink);padding-top:100px;padding-bottom:95px;overflow:clip}.beginning .chapter-label{color:var(--maroon)}.beginning-composition{display:grid;grid-template-columns:4fr 6fr;align-items:center;gap:6vw}.beginning h2{font-size:clamp(2.8rem,5.6vw,6rem);position:relative;z-index:2}.beginning h2 em{color:var(--maroon)}.beginning-copy .small-copy{margin-top:35px;color:#756052}.first-frame{align-self:start}.first-frame .photo-window{aspect-ratio:4/3}.first-frame img{height:100%;object-fit:cover}.motion-enabled .first-frame img{transform:scale(calc(1.18 - var(--scene-p) * .18));clip-path:inset(0 calc((1 - var(--scene-p)) * 8%) 0 0)}
.ordinary{background:var(--cream);color:var(--ink);padding-top:90px;padding-bottom:140px;overflow:clip}.ordinary .chapter-label{color:var(--maroon)}.ordinary-title{position:relative;z-index:2;width:70%;margin-bottom:70px}.ordinary h2 em,.ordinary-turn em{color:var(--maroon)}.ordinary-spread{display:grid;grid-template-columns:repeat(12,1fr);gap:5vw 2vw;align-items:start}.day-one{grid-column:6/13;grid-row:1}.ordinary-turn{grid-column:1/7;grid-row:2;align-self:center;font:600 clamp(3rem,7vw,7rem)/1.05 var(--serif);letter-spacing:-.05em;z-index:2;margin-top:-6vw}.day-two{grid-column:1/7;grid-row:3}.day-three{grid-column:8/13;grid-row:3;margin-top:9vw!important}.ordinary-footnote{grid-column:8/13;grid-row:4;color:#756052}.day-two .photo-window{aspect-ratio:4/3}.day-two img{height:100%;object-fit:cover}.motion-enabled .day-one{transform:translate3d(calc((1 - var(--scene-p)) * 55px),calc((.5 - var(--scene-p)) * 90px),0)}.motion-enabled .day-two{transform:translate3d(0,calc((.5 - var(--scene-p)) * 150px),0)}.motion-enabled .day-three{transform:translate3d(0,calc((.5 - var(--scene-p)) * -80px),0)}
.pinned-scene{padding:0}.scene-stage{position:relative;padding:115px 6vw 45px}.scene-stage .chapter-label{margin-bottom:34px}.together{background:#211716;color:var(--cream)}.together-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.together-heading h2{font-size:clamp(2.8rem,4.4vw,5rem)}.together-heading>p{font-size:9px;color:#c4aa9c}.event-track{display:grid;gap:65px}.event-frame{min-width:0}.event-frame figcaption{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;color:#d8c5ae;transition:opacity .45s,transform .45s}.event-frame figcaption>span:last-child{text-align:right;font-size:8px}.event-frame strong{font:600 clamp(1.4rem,2.6vw,2.5rem) var(--serif);color:var(--cream)}.event-position{display:none;align-items:center;gap:20px;margin-top:20px;color:#d8c5ae}.event-rule{width:110px;height:1px;background:#b8924f55;position:relative}.event-rule:after{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(var(--scene-p));transform-origin:left}
.story-motion .pinned-scene:not(.together){height:290svh}.story-motion .pinned-scene:not(.together)>.scene-stage{position:sticky;top:0;height:100svh;overflow:clip}
@media(min-width:901px){.story-motion .together{height:360svh}.story-motion .together-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;overflow:clip;padding-bottom:30px}.story-motion .together .chapter-label{margin-bottom:20px;flex-shrink:0}.story-motion .together-heading{margin-bottom:25px;flex-shrink:0}.story-motion .event-viewport{flex:1;min-height:0;overflow:visible}.story-motion .event-track{display:flex;gap:8vw;height:100%;width:max-content;padding-right:6vw;will-change:transform}.story-motion .event-frame{width:70vw;height:100%;flex-shrink:0}.story-motion .event-frame .photo-window{height:calc(100% - 65px);background:transparent}.story-motion .event-frame img{width:100%;height:100%;object-fit:contain;object-position:left center}.story-motion .event-frame figcaption{height:65px;padding-top:12px;opacity:.25;transform:translateY(8px)}.story-motion .event-frame.is-current figcaption{opacity:1;transform:none}.story-motion .event-position{display:flex;flex-shrink:0}.story-motion .together .desktop-hint{display:inline}}
.time-chapter{background:#211716;color:var(--cream)}.time-stage{background:var(--time-bg,#211716)}.time-title{position:relative;font-size:clamp(2.5rem,5.4vw,5.5rem)!important;z-index:2;pointer-events:none}.time-after{display:block;margin-top:30px}.time-pictures{display:grid;gap:60px;margin-top:45px}.time-picture img{width:100%;height:auto;display:block}.time-picture figcaption{color:#d8c5ae}.year-display{display:none;align-items:center;font:600 clamp(6rem,22vw,23rem)/.95 var(--serif);letter-spacing:-.075em;pointer-events:none}.year-window{height:1em;overflow:hidden;display:block;position:relative}.year-reel{display:flex;flex-direction:column;line-height:1em}.year-reel>span{display:block;height:1em;flex-shrink:0}.time-foot{display:flex;justify-content:space-between;gap:15px;font-size:8px;margin-top:40px;color:#cfbba6}.story-motion .time-stage .time-title{position:absolute;left:6vw;top:26%;width:38vw}.story-motion .time-before,.story-motion .time-after{display:block;position:absolute;top:0;left:0;margin:0}.story-motion .time-pictures{position:absolute;right:6vw;top:24%;width:60vw;height:56%;display:block;margin:0}.story-motion .time-picture{position:absolute;inset:0;opacity:0}.story-motion .time-picture:first-child{opacity:1}.story-motion .time-picture img{width:100%;height:100%;object-fit:contain;object-position:right center}.story-motion .time-picture figcaption{position:absolute;bottom:-25px;right:0}.story-motion .year-display{display:flex;position:absolute;left:5vw;bottom:12%;z-index:3;color:var(--cream);text-shadow:0 4px 30px #21171633}.story-motion .time-foot{position:absolute;left:6vw;right:6vw;bottom:30px;margin:0}.story-motion .time-title em{color:#d5b578}
.people{background:var(--wine);color:var(--cream);padding-top:120px;padding-bottom:100px;overflow:clip}.people h2{margin-left:13vw;margin-bottom:75px}.people-photo .photo-window{aspect-ratio:16/9}.people-photo img{height:100%;object-fit:cover}.motion-enabled .people-photo img{filter:saturate(calc(.1 + var(--scene-p) * 1.3)) brightness(calc(.62 + var(--scene-p) * .55));transform:scale(calc(1.09 - var(--scene-p) * .09))}.people-photo figcaption{color:#d8c5ae}.people-answer{font:600 clamp(3rem,7vw,7.5rem)/1.05 var(--serif);letter-spacing:-.05em;margin:100px 0 0 20vw}.people-answer em{color:#d5b578}
.final-year{background:var(--paper);color:var(--ink);overflow:clip;padding-top:110px;padding-bottom:120px}.final-year .chapter-label{color:var(--maroon)}.final-year-heading{display:flex;align-items:center;justify-content:space-between;margin:100px 8vw 110px}.final-year-heading h2{font-size:clamp(5rem,12vw,12rem);line-height:.88}.final-year h2 em,.final-response em{color:var(--maroon)}.final-year-heading>p{color:#756052;font-size:9px;line-height:2}.final-photo{width:88%;margin-left:auto!important}.final-photo .photo-window{aspect-ratio:16/9}.final-photo img{height:100%;object-fit:cover}.motion-enabled .final-photo img{transform:scale(calc(1.12 - var(--scene-p) * .12))}.final-response{font:600 clamp(3.5rem,9vw,10rem)/.98 var(--serif);letter-spacing:-.055em;margin:100px 0 0 2vw}
.why-frontier{background:#26080d;color:var(--cream)}.why-stage{background:radial-gradient(ellipse at 55% 90%,#681d2455,transparent 60%),#26080d}.why-statements{padding:60px 0}.why-beat{font:600 clamp(3rem,7vw,7.5rem)/1.02 var(--serif);letter-spacing:-.05em;margin:80px 0;text-align:center}.why-beat em{color:#d5b578}.why-brand{font-size:clamp(3rem,11vw,12rem);letter-spacing:-.065em}.why-brand>.label{display:block;font-size:10px;letter-spacing:.2em;line-height:2;margin-top:30px;color:#d5b578}.why-footer{text-align:center;color:#c4aa9c;font-size:9px}.story-motion .why-statements{position:absolute;inset:22% 6vw 18%;padding:0;display:grid;place-items:center}.story-motion .why-beat{grid-area:1/1;margin:0;opacity:0}.story-motion .why-beat:first-child{opacity:1}.story-motion .why-footer{position:absolute;bottom:45px;left:6vw;right:6vw}.story-motion .why-stage .chapter-label{position:relative;z-index:2}
.story-inside{background:#300c12;color:var(--cream);--line:rgba(248,244,236,.22)}.story-inside .section-index,.story-inside h2 em,.story-inside .feature-arrow{color:#d5b578}.story-inside .inside-heading>p,.story-inside .feature p,.story-inside .feature>.label{color:#c4aa9c}.story-inside .feature{border-color:var(--line)}.story-inside .feature:hover{color:#d5b578}
.frontier-gate{padding-top:140px;padding-bottom:100px;background:linear-gradient(180deg,#300c12,#3b1117 45%,#54171e);overflow:clip}.gate-outside{font:600 clamp(3rem,6vw,6rem)/1.05 var(--serif);letter-spacing:-.05em;margin-bottom:130px}.gate-outside em{color:#c4aa9c}.gate-emblem{display:grid;place-items:center;margin:70px auto 100px;opacity:.65}.gate-emblem .portal-frame{width:150px}.gate-emblem .portal-frame i:nth-child(3){inset:50px}.gate-emblem .portal-star{font-size:55px}.motion-enabled .gate-emblem .portal-frame{transform:rotate(calc(25deg + var(--scene-p) * 40deg))}.frontier-gate h2{font-size:clamp(3.8rem,8.5vw,9rem);margin-bottom:45px}.frontier-gate h2 em{color:#d5b578}.frontier-gate .closing-note{margin-top:35px}.frontier-gate .enter-link{margin-top:30px}
@keyframes story-flow{from{--scene-p:0}to{--scene-p:1}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.native-motion.motion-enabled .flow-scene{animation:story-flow linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
@media(min-width:1800px){.chapter{padding-left:8vw;padding-right:8vw}.pinned-scene{padding:0}.beginning h2{font-size:6.5rem}.story-motion .event-frame{width:65vw}}
@media(max-height:720px) and (min-width:901px){.scene-stage{padding-top:85px}.scene-stage .chapter-label{margin-bottom:15px}.together-heading h2{font-size:2.7rem}.story-motion .together-heading{margin-bottom:15px}.story-motion .event-frame .photo-window{height:calc(100% - 50px)}.story-motion .event-frame figcaption{height:50px}.event-frame strong{font-size:1.5rem}.event-position{margin-top:12px}.story-motion .why-statements{inset:25% 6vw 15%}}
@media(max-width:900px){.chapter{padding:75px 6vw}.pinned-scene{padding:0}.scene-stage{padding:120px 6vw 55px}.chapter-label{margin-bottom:45px}.beginning-composition{grid-template-columns:1fr;gap:45px}.beginning h2{font-size:clamp(3.8rem,10vw,6rem)}.beginning-copy .small-copy{margin-top:25px}.first-frame{max-width:100%}.ordinary-title{width:100%;margin-bottom:50px}.ordinary-spread{gap:45px 15px}.day-one{grid-column:3/13}.ordinary-turn{grid-column:1/11;margin-top:0}.day-two{grid-column:1/10}.day-three{grid-column:5/13;grid-row:4;margin-top:0!important}.ordinary-footnote{grid-column:3/13;grid-row:5}.together-heading{display:block}.together-heading>p{margin-top:25px}.desktop-hint{display:none}.event-track{gap:60px}.event-frame figcaption{grid-template-columns:1fr;gap:8px}.event-frame figcaption>span:last-child{text-align:left}.event-frame strong{font-size:2rem}.story-motion .pinned-scene:not(.together){height:230svh}.story-motion .time-stage .time-title{top:22%;width:90%;font-size:clamp(2.3rem,7vw,4rem)!important}.story-motion .time-pictures{top:42%;height:33%;left:6vw;right:6vw;width:auto}.story-motion .year-display{left:5vw;bottom:10%;font-size:30vw}.story-motion .time-foot{font-size:7px;bottom:25px}.time-foot>span:nth-child(2){max-width:90px;text-align:center}.people h2{margin-left:0;margin-bottom:50px}.people-answer{margin:65px 0 0 8vw;font-size:clamp(2.7rem,8vw,4.5rem)}.final-year-heading{margin:60px 0 65px}.final-year-heading h2{font-size:clamp(5rem,17vw,9rem)}.final-year-heading>p{max-width:120px;font-size:8px}.final-photo{width:100%}.final-response{margin-top:65px;font-size:clamp(3.5rem,10vw,6rem)}.why-beat{font-size:clamp(2.8rem,8vw,5rem)}.why-brand{font-size:11vw}.why-brand>.label{font-size:8px}.story-motion .why-statements{inset:28% 6vw 20%}.why-footer{font-size:8px;line-height:1.8}.gate-outside{margin-bottom:85px}.gate-emblem{margin:55px auto 70px}.frontier-gate{padding-top:90px;padding-bottom:80px}.frontier-gate h2{font-size:clamp(3.5rem,11vw,6rem)}}
@media(max-width:480px){.chapter h2{font-size:clamp(2.7rem,10.5vw,4rem)}.chapter-label{font-size:8px;gap:15px}.chapter-label>span:last-child{max-width:125px}.chapter figcaption{font-size:8px;line-height:1.7}.beginning h2{font-size:12vw}.beginning .chapter-tail{font-size:8px}.ordinary-turn{font-size:12vw}.motion-enabled .day-one{transform:translate3d(0,calc((.5 - var(--scene-p)) * 45px),0)}.motion-enabled .day-two{transform:translate3d(0,calc((.5 - var(--scene-p)) * 65px),0)}.motion-enabled .day-three{transform:translate3d(0,calc((.5 - var(--scene-p)) * -35px),0)}.people-answer{font-size:11vw;margin-left:0}.people-photo figcaption>span:last-child{display:none}.final-year-heading h2{font-size:23vw}.final-year-heading>p{max-width:100px}.final-response{font-size:13vw}.frontier-gate h2{font-size:14vw}.story-motion .time-stage .time-title{top:24%}.story-motion .time-pictures{top:43%;height:31%}.why-beat{font-size:11vw}.why-brand{font-size:11.5vw}.gate-emblem .portal-frame{width:125px}.gate-emblem .portal-frame i:nth-child(3){inset:40px}}
@media(prefers-reduced-motion:reduce){.chapter img,.day-photo,.gate-emblem .portal-frame{transform:none!important;filter:none!important;clip-path:none!important}.scene-stage{height:auto!important;position:relative!important}.chapter{height:auto!important}.year-display{display:none!important}.time-after{opacity:1!important}.time-picture,.why-beat{opacity:1!important;transform:none!important}.event-track{transform:none!important}.story-edition .scroll-note{animation:none}}
.event-track{position:relative}.year-reel>span{overflow:hidden;clip-path:inset(2px 0)}.year-display{font-variant-numeric:lining-nums tabular-nums;line-height:1}

/* Archive details: deliberate negative space, alongside the existing photo motion. */
.ordinary{position:relative;isolation:isolate}
.ordinary-texture{position:absolute;top:18%;left:-3vw;z-index:-1;font:600 clamp(7rem,21vw,25rem)/.84 var(--serif);letter-spacing:-.075em;color:var(--maroon);opacity:.035;pointer-events:none;user-select:none}
.ordinary-texture em{font-weight:600}
.motion-enabled .ordinary-texture{transform:translateX(calc((var(--scene-p,.5) - .5) * 4vw))}
.ordinary-archive{grid-column:1/5;grid-row:1;align-self:center;position:relative;z-index:1;color:#8c7361;max-width:240px}
.ordinary-archive>.label{font-size:9px;line-height:1.9;letter-spacing:.14em}
.ordinary-archive .archive-index{margin-top:32px;color:#a18a73;font-size:8px}
.archive-timeline{display:flex;align-items:center;gap:12px;font:8px var(--mono);letter-spacing:.08em;margin-top:28px;color:#947751}
.archive-timeline i{flex:1;height:1px;background:#b8924f33;position:relative}
.archive-timeline b{position:absolute;inset:0;background:#9f755d;transform-origin:left}
.archive-timeline b:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#9f755d}
.motion-enabled .archive-timeline b{transform:scaleX(clamp(.05,calc(var(--scene-p,.5) * 2),1))}
.time-era{display:flex;flex-wrap:wrap;gap:14px 28px;color:#d5b578;margin-top:42px}
.story-motion .time-era{position:absolute;z-index:4;left:6vw;bottom:calc(12% + min(22vw,23rem));margin:0;display:block;font-size:11px;letter-spacing:.17em}
.story-motion .time-era>span{display:block;white-space:nowrap}
.story-motion .time-era>span+span{position:absolute;left:0;top:0;opacity:0}
@media(min-width:901px){
 .story-motion .together{height:420svh}
 .story-motion .event-frame .photo-window{opacity:.65;transform:scale(.96);transform-origin:center;transition:opacity .35s,transform .35s}
 .story-motion .event-frame.is-current .photo-window{opacity:1;transform:scale(1)}
}
@media(max-width:900px){
 .ordinary-texture{font-size:27vw;top:18%;left:-2vw}
 .ordinary-archive{grid-column:1/13;grid-row:2;max-width:260px;padding:4px 0}
 .ordinary-archive .archive-index{margin-top:14px}
 .archive-timeline{margin-top:18px}
 .ordinary-turn{grid-row:3}
 .day-two{grid-row:4}
 .day-three{grid-row:5}
 .ordinary-footnote{grid-row:6}
 .story-motion .time-era{bottom:calc(10% + 30vw);font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .ordinary-texture,.archive-timeline b{transform:none!important}
 .time-era>span{opacity:1!important;transform:none!important}
}

/* Keep the timeline typography in separate layout rows at every screen size. */
.story-motion .time-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:20px 4vw;padding:110px 6vw 28px}
.story-motion .time-stage>.chapter-label{grid-column:1/-1;margin:0}
.story-motion .time-stage .time-title{position:relative;inset:auto;grid-column:1;grid-row:2;width:auto;align-self:center;font-size:clamp(2.3rem,min(4.8vw,8vh),5rem)!important;display:grid;line-height:1.12}
.story-motion .time-title>.time-before,.story-motion .time-title>.time-after{position:relative;inset:auto;grid-area:1/1;align-self:center}
.story-motion .time-pictures{position:relative;inset:auto;grid-column:2;grid-row:2/5;width:100%;height:100%;min-height:0}
.story-motion .time-picture{margin:0 0 30px}
.story-motion .time-era{position:relative;inset:auto;grid-column:1;grid-row:3;margin:0;min-height:20px;font-size:10px}
.story-motion .year-display{position:relative;inset:auto;grid-column:1;grid-row:4;font-size:clamp(5rem,min(18vw,25vh),19rem);letter-spacing:-.065em}
.story-motion .time-foot{position:relative;inset:auto;grid-column:1/-1;grid-row:5;margin:0}
@media(max-width:900px){
 .story-motion .time-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(70px,1fr) auto auto auto;gap:14px;padding:120px 6vw 24px}
 .story-motion .time-stage .time-title{grid-row:2;font-size:clamp(2rem,min(7vw,6vh),3.5rem)!important}
 .story-motion .time-pictures{grid-column:1;grid-row:3}
 .story-motion .time-picture img{object-position:center}
 .story-motion .time-era{grid-row:4;font-size:9px}
 .story-motion .year-display{grid-row:5;font-size:min(29vw,19vh)}
 .story-motion .time-foot{grid-row:6}
}

/* Public story: consistent spacing and readable responsive compositions. */
.story-edition{--story-space:clamp(64px,7vw,112px);--story-gap:clamp(28px,4vw,64px)}
.story-edition .chapter:not(.pinned-scene),.story-edition .story-inside{padding-block:var(--story-space)}
.story-edition .chapter-label,.story-edition .section-index{margin-bottom:var(--story-gap);line-height:1.8}
.story-edition .chapter-label>span,.story-edition .section-index>span{min-width:0}
.story-edition .chapter figcaption{line-height:1.8;gap:12px 24px}
.story-edition .chapter figcaption>*,.story-edition .feature>*{min-width:0}
.story-edition .small-copy,.story-edition .inside-heading>p,.story-edition .feature p{line-height:1.85}
.story-edition .chapter h2,.story-edition .people-answer,.story-edition .final-response,.story-edition .gate-outside{text-wrap:balance}
.story-edition .ordinary-title{margin-bottom:var(--story-gap)}
.story-edition .ordinary-turn{margin-top:0}
.story-edition .people h2{margin-bottom:var(--story-gap)}
.story-edition .people-answer{margin-top:var(--story-gap)}
.story-edition .final-year-heading{gap:32px;margin-block:var(--story-gap)}
.story-edition .final-year-heading h2{line-height:1}
.story-edition .final-response{margin-top:var(--story-gap);line-height:1.08}
.story-edition .gate-outside{margin-bottom:64px}
.story-edition .gate-emblem{margin-block:64px 72px}
.story-edition .frontier-gate h2{margin-bottom:28px;line-height:1.08}
.story-edition .frontier-gate .closing-note{margin-top:24px}
.story-edition .public-footer{align-items:center;line-height:1.8}
.story-edition .nav-enter{min-height:44px;align-items:center}
.story-edition .time-picture figcaption{padding-top:8px;bottom:-26px}
@media(min-width:901px){
 .story-edition .together-stage .chapter-label{margin-bottom:20px}
 .story-edition .event-frame figcaption{grid-template-columns:auto minmax(0,1fr) minmax(120px,1fr);gap:20px}
 .story-edition .event-frame strong{font-size:clamp(1.3rem,2.2vw,2.3rem);line-height:1.2}
}
@media(max-width:900px){
 .story-edition .beginning-composition{gap:var(--story-gap)}
 .story-edition .beginning-copy .small-copy{margin-top:24px}
 .story-edition .chapter-tail{margin-top:32px}
 .story-edition .ordinary-spread{gap:36px 16px}
 .story-edition .ordinary-archive{padding-block:8px}
 .story-edition .together-stage{padding-block:var(--story-space)}
 .story-edition .together-heading{margin-bottom:32px}
 .story-edition .together-heading>p{margin-top:18px}
 .story-edition .event-track{gap:44px}
 .story-edition .event-frame figcaption{grid-template-columns:1fr;gap:6px;padding-top:18px}
 .story-edition .event-frame strong{font-size:clamp(1.6rem,5vw,2rem);line-height:1.25}
 .story-edition .final-year-heading{margin-inline:0}
 .story-edition .final-year-heading>p{max-width:160px}
 .story-edition .people-answer{margin-left:0}
 .story-edition .feature{padding-block:28px}
}
@media(max-width:600px){
 .story-edition .opening{padding-top:150px;padding-bottom:100px;min-height:max(720px,100svh)}
 .story-edition .opening-meta{gap:20px;font-size:8px;line-height:1.8}
 .story-edition .opening-meta>span:last-child{text-align:right}
 .story-edition .opening-title{margin-top:40px}
 .story-edition .opening-bottom{margin-top:32px;gap:32px;min-height:0}
 .story-edition .class-signature{font-size:clamp(76px,23vw,124px);line-height:1.1}
 .story-edition .opening-copy{margin-top:8px}
 .story-edition .chapter-label,.story-edition .section-index{font-size:8px;gap:16px}
 .story-edition .chapter-label>span:last-child{max-width:46%}
 .story-edition .ordinary-spread{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:32px}
 .story-edition .day-one,.story-edition .day-two{grid-column:1/-1}
 .story-edition .day-three{grid-column:2/-1}
 .story-edition .ordinary-turn{grid-column:1/-1;padding-block:12px;font-size:clamp(2.8rem,12vw,4.3rem)}
 .story-edition .ordinary-footnote{grid-column:2/-1}
 .story-edition .ordinary-archive{max-width:240px}
 .story-edition .final-year-heading{align-items:flex-end;gap:20px}
 .story-edition .final-year-heading>p{max-width:130px;font-size:8px;padding-bottom:6px}
 .story-edition .people-photo figcaption{max-width:100%}
 .story-edition .frontier-gate .enter-link{gap:32px;max-width:100%}
 .story-edition .public-footer{gap:12px 20px;padding-block:24px}
 .story-edition .public-footer>span:last-child{width:100%}
}
@media(max-height:650px) and (min-width:901px){
 .story-motion .together-stage{padding-top:90px}
 .story-motion .together-heading h2{font-size:2.4rem}
 .story-motion .why-beat{font-size:min(7vw,13vh)}
 .story-motion .why-brand{font-size:min(11vw,18vh)}
}