@font-face{font-family:Antonio;src:url('./assets/Antonio-Variable.ttf') format('truetype');font-weight:100 700;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('./assets/InstrumentSans-Variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--surface:#f3f4f5;--text:#111214;--muted:#5b6065;--rule:#b9bdc2;--accent:#df292d;color-scheme:light;font-family:'Instrument Sans',Arial,sans-serif;color:var(--text);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border-radius:0}img{display:block;width:100%;height:100%;object-fit:cover}picture,figure{display:block;margin:0}h1,h2,h3,p{margin:0}h1,h2{font-family:Antonio,'Arial Narrow',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.03}p{line-height:1.55}::selection{background:var(--accent);color:#fff}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}.frame{width:min(91%,1600px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:120;padding:12px 20px;background:#fff;color:#111}.skip:focus{top:15px}.masthead{padding-top:18px}.wordmark{display:block;width:100%;height:126px;position:relative;overflow:hidden}.wordmark img{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}.top-nav{display:flex;align-items:center;justify-content:space-between;min-height:47px;gap:22px}.top-nav a{font-size:12px;letter-spacing:.035em;white-space:nowrap}.hero-frame{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#24272a;view-timeline:--hero block}.scene-picture{position:absolute;inset:-6px;translate:calc(var(--scene-x,0px)*.3) calc(var(--scene-y,0px)*.3);transition:translate .75s cubic-bezier(.16,.72,.2,1)}.hero-image{object-position:60% center}.hero-frame:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none;z-index:1}.hero-caption{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;z-index:3;color:#fff}.hero-caption>span{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.action{font-size:13px}.opening-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:25px 36px}.opening-caption p{font-size:28px;letter-spacing:-.045em}.opening-caption>span{font-size:10px;max-width:100px;text-align:right;line-height:1.5}.dark{--surface:#111214;--text:#f3f4f5;--muted:#b1b6bd;--rule:#50555b;color:var(--text);background:var(--surface);position:relative;isolation:isolate;color-scheme:dark}.dark:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(117deg,#d7e1ed04 0 1px,transparent 1px 9px),repeating-linear-gradient(26deg,transparent 0 16px,#a8b6c104 17px,transparent 18px)}.chapter{padding-block:130px 140px;position:relative}.chapter-intro{max-width:650px;position:relative;z-index:1}.chapter-intro h1,.chapter-intro h2{font-size:clamp(64px,8.6vw,132px);margin-bottom:26px}.chapter-intro p{font-size:17px;color:var(--muted);max-width:380px}.world-pair{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:11%;margin-top:80px}.world-environment{aspect-ratio:3/4;overflow:hidden;view-timeline:--image-scene block}.world-study{aspect-ratio:1;overflow:hidden;transform:translateY(24%)}.origin-note{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-top:100px;font-size:15px;line-height:1.6;color:var(--muted)}.origin-note p{max-width:380px}.origin-note p:last-child{align-self:end}.outsider-chapter{padding-block:40px 110px;position:relative}.portrait-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:70px;padding-inline:max(4.5vw,calc((100vw - 1600px)/2));padding-bottom:12px;scroll-behavior:smooth}.portrait-rail::-webkit-scrollbar{display:none}.portrait-rail figure{flex:0 0 min(31vw,450px);aspect-ratio:3/4;scroll-snap-align:center;overflow:hidden}.rail-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.rail-controls>span{font-size:12px;color:var(--muted)}.rail-controls>div{display:flex;gap:10px}.view-button,.size-button{background:transparent;border:1px solid var(--rule);padding:12px 16px;font-size:13px;min-height:44px}.thread-chapter{view-timeline:--thread block;padding-top:90px}.material-pair{display:grid;grid-template-columns:1fr .86fr;gap:14%;align-items:end;position:relative;margin-top:75px}.thread-macro{aspect-ratio:1;overflow:hidden;view-timeline:--image-scene block}.thread-still-life{aspect-ratio:4/3;transform:translateY(18%)}.thread-bridge{position:absolute;left:57%;top:23%;bottom:-13%;width:1px;background:#df292d25;pointer-events:none}.thread-bridge span{display:block;width:1px;height:100%;background:var(--accent);transform-origin:center top}.thread-bridge:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;background:var(--accent);border-radius:50%}.thread-story{margin-top:110px;max-width:430px;margin-left:auto}.thread-mark{width:35px;height:1px;background:var(--accent);margin-bottom:22px}.thread-story p{font-size:16px;color:var(--muted);min-height:76px}.thread-story .inline-action{background:none;border:0;border-bottom:1px solid var(--rule);font-size:13px;gap:32px;margin-top:20px}.uniform-chapter{padding-top:70px}.uniform-campaign{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:70px}.uniform-campaign figure>a{display:block;aspect-ratio:4/5;overflow:hidden}.uniform-campaign figcaption{font-size:11px;letter-spacing:.02em;margin-top:14px;color:var(--muted)}.uniform-summary{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:35px}.uniform-summary strong{font-size:28px;font-weight:400;display:block;margin-bottom:12px}.uniform-summary p>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.campaign-note{font-size:12px;color:var(--muted);max-width:440px;line-height:1.6;margin-top:27px}.closing-chapter{padding-top:30px}.closing-chapter .chapter-intro{margin-bottom:75px}.closing-image{width:100%;aspect-ratio:16/9;overflow:hidden;view-timeline:--image-scene block}.closing-image img{object-position:62% center}.footer{padding-block:60px 35px}.footer>p{font-size:18px;margin-bottom:18px}.footer>h2{font-size:clamp(110px,20vw,320px);text-transform:uppercase;line-height:1.08;margin-bottom:45px;white-space:nowrap}.footer-base{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:start;gap:60px}.footer-base>p{font-size:16px;max-width:260px}.footer-base>.action{justify-self:start}.footer-base nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:75px;border-top:1px solid var(--rule);padding-top:20px;font-size:11px}.footer-bottom small{font-size:11px}.footer-bottom button{font-size:11px;border:0;background:transparent}.menu-toggle{position:fixed!important;right:3vw;bottom:24px;z-index:30;padding:12px 18px;display:flex;gap:22px;align-items:center;background:#f3f4f5ed;color:#111214;border:1px solid #b9bdc2;font-size:13px}.menu-toggle>span{font-size:20px;line-height:1}#site-menu{--surface:#f3f4f5;--text:#111214;--muted:#5b6065;--rule:#a9afb6;background:var(--surface);color:var(--text);border:0;padding:28px 32px;width:min(540px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;overflow:auto}#site-menu::backdrop{background:#0008}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.menu-head h2{font-family:'Instrument Sans',Arial,sans-serif;font-size:42px;font-weight:500;letter-spacing:-.06em}.menu-head button{border:0;font-size:30px;padding:0}.menu-tools{display:flex;gap:12px;margin-top:40px}.menu-tools button{font-size:12px}#site-menu nav{display:grid}#site-menu nav>a{display:flex;justify-content:space-between;font-size:24px;letter-spacing:-.035em;padding:22px 0;border-bottom:1px solid var(--rule)}#site-menu nav>a:after{content:'↗';font-size:22px}.entrance{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:#111214;color:#f3f4f5;opacity:1;transition:opacity .35s ease,translate .35s ease}.entrance-logo{width:min(72vw,690px);height:auto;filter:invert(1)}.entrance.is-entering .entrance-logo{animation:entrance-wordmark .65s cubic-bezier(.16,.72,.2,1) both}.entrance.is-leaving{opacity:0;translate:0 -12px}.entrance button{position:absolute;right:24px;bottom:24px;border:1px solid #777;background:transparent;padding:11px 16px;min-height:44px;font-size:12px}.product-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;padding-block:70px 110px}.proof-gallery figure{aspect-ratio:1;background:#d8dce0}.proof-gallery img{object-fit:contain;padding:4%}.proof-views{display:flex;gap:10px;margin-top:18px}.proof-gallery>p{font-size:12px;color:var(--muted);margin-top:16px}.product-copy h1{font-size:clamp(64px,7vw,108px);margin-bottom:28px}.product-copy>p{font-size:15px;max-width:400px;margin-bottom:28px}.product-copy .product-price{font-size:26px}.product-copy fieldset{padding:0;border:0;margin:35px 0 27px}.product-copy legend{font-size:13px;margin-bottom:15px}.size-options{display:flex;gap:10px}.size-options button{width:54px;height:48px}.fine,.product-copy>.fine{font-size:12px;color:var(--muted);line-height:1.65}.product-copy fieldset p{margin-top:12px}.product-copy>.action{width:100%;margin-bottom:18px}.product-copy details{border-top:1px solid var(--rule);margin-top:30px;font-size:13px}.product-copy summary{cursor:pointer;padding:20px 0;min-height:44px}.product-copy details p{font-size:13px;line-height:1.6;margin-bottom:20px}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--rule);padding-block:25px 45px;font-size:12px}.product-footer button{border:0;background:transparent;font-size:12px}.product-footer small{font-size:11px}
/* Texture and dimensional fragments are native material treatments, not UI panels. */
.depth-stage{position:relative;isolation:isolate;--scene-x:0px;--scene-y:0px}.depth-stage:before{content:'';position:absolute;inset:0 -4%;z-index:-1;background:radial-gradient(ellipse at 62% 36%,#a5b4c10d,transparent 62%);transform:translate3d(calc(var(--scene-x,0px)*-1.5),calc(var(--scene-y,0px)*-1),0);transition:transform 950ms cubic-bezier(.16,.72,.2,1);pointer-events:none}.reactive-scene{position:relative;--scene-x:0px;--scene-y:0px;isolation:isolate}.scene-depth{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.material-fragment{position:absolute;width:39px;height:53px;opacity:.72;transform:translate3d(calc(var(--scene-x,0px)*var(--factor,-1.4)),calc(var(--scene-y,0px)*var(--factor,-1.4)),0);transition:transform .75s cubic-bezier(.16,.72,.2,1)}.material-fragment:nth-child(1){left:4%;top:13%;--factor:-1.4}.material-fragment:nth-child(2){right:4%;top:60%;width:24px;height:34px;--factor:1.5;opacity:.57}.material-fragment>span{display:block;width:100%;height:100%;clip-path:polygon(13% 0,78% 6%,100% 62%,56% 100%,0 73%,4% 28%);background:linear-gradient(130deg,#c8d4de2c,#0a0b0d66 70%);box-shadow:inset 2px 1px 2px #e2e8ee42,inset -3px -3px 8px #000a;transform:rotate(-14deg)}.material-fragment:nth-child(2)>span{transform:rotate(20deg)}.reactive-scene.is-disturbed .material-fragment{opacity:1}.world-environment .material-fragment{width:25px;height:36px}.world-study .scene-depth,.thread-macro .scene-depth{display:none}.zoom-release>img{width:calc(100% + 12px);height:calc(100% + 12px);margin:-6px;translate:calc(var(--scene-x,0px)*.3) calc(var(--scene-y,0px)*.3);transition:translate .75s cubic-bezier(.16,.72,.2,1)}
@keyframes entrance-wordmark{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes material-drift{from{transform:translateY(-4px) rotate(-14deg)}to{transform:translateY(5px) rotate(-7deg)}}
@keyframes scene-approach{from{transform:scale(1)}to{transform:scale(var(--zoom-in,1.05))}}
@keyframes scene-release{from{transform:scale(var(--zoom-out,1.06))}to{transform:scale(1)}}
@keyframes thread-draw{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:no-preference){.material-fragment>span{animation:material-drift 12s ease-in-out infinite alternate;animation-play-state:paused}.material-fragment:nth-child(2)>span{animation-direction:alternate-reverse;animation-duration:16s}.page-is-visible .reactive-scene.is-in-view .material-fragment>span{animation-play-state:running}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.hero-image{transform-origin:65% 55%;animation:scene-approach 1s linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}.zoom-release>img{transform-origin:65% 50%;animation:scene-release 1s linear both;animation-timeline:--image-scene;animation-range:entry 0% exit 100%}.thread-bridge>span{animation:thread-draw 1s linear both;animation-timeline:--thread;animation-range:entry 15% contain 80%}}}
@media(min-width:1600px){.wordmark{height:165px}.masthead{padding-top:26px}.top-nav{min-height:62px}}
@media(max-width:1024px){.wordmark{height:100px}.chapter{padding-block:100px}.chapter-intro h1,.chapter-intro h2{font-size:clamp(64px,9vw,100px)}.world-pair{gap:8%}.footer-base{gap:35px}.product-layout{gap:6%}}
@media(max-width:767px){.frame{width:calc(100% - 40px)}.masthead{width:calc(100% - 26px);padding-top:10px}.wordmark{height:56px}.top-nav{min-height:42px;gap:12px}.top-nav a{font-size:10px;letter-spacing:.015em}.outsider-nav{display:none!important}.hero-frame{width:100%;aspect-ratio:3/4}.hero-image{object-position:60% center}.hero-caption{left:18px;right:18px;bottom:18px;gap:20px}.hero-caption>span{font-size:9px;max-width:120px}.hero-caption .action{font-size:12px}.opening-caption{padding-block:24px 33px;gap:20px}.opening-caption p{font-size:24px;max-width:260px;line-height:1.3}.opening-caption>span{font-size:8px;max-width:55px}.chapter{padding-block:70px 85px}.chapter-intro h1,.chapter-intro h2{font-size:64px;margin-bottom:23px}.chapter-intro p{font-size:15px;max-width:310px}.world-pair{grid-template-columns:1fr;gap:28px;margin-top:42px}.world-environment{width:85%}.world-study{width:59%;justify-self:end;transform:none}.origin-note{grid-template-columns:1fr;gap:25px;margin-top:45px;font-size:14px}.origin-note p:last-child{max-width:260px;margin-left:auto}.outsider-chapter{padding-block:20px 60px}.portrait-rail{gap:14px;padding-inline:20px;margin-top:42px}.portrait-rail figure{flex-basis:78vw}.rail-controls{margin-top:13px}.thread-chapter{padding-top:50px}.material-pair{grid-template-columns:1fr;gap:26px;margin-top:45px}.thread-macro{width:86%}.thread-still-life{width:74%;justify-self:end;transform:none}.thread-bridge{left:91%;top:21%;bottom:6%}.thread-story{margin-top:42px;max-width:280px}.thread-story p{font-size:15px}.uniform-chapter{padding-top:25px}.uniform-campaign{grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}.uniform-campaign figure>a{aspect-ratio:3/4}.uniform-campaign figcaption{font-size:9px;line-height:1.5;max-width:130px}.uniform-summary{gap:20px;align-items:center;margin-top:24px}.uniform-summary strong{font-size:24px}.uniform-summary p>span{font-size:8px;letter-spacing:.04em}.uniform-summary .action{font-size:12px}.campaign-note{font-size:11px;max-width:310px}.closing-chapter{padding-top:10px}.closing-chapter .chapter-intro{margin-bottom:42px}.closing-image{aspect-ratio:1.15}.closing-image img{object-position:65% center}.footer{padding-block:45px 25px}.footer>p{font-size:16px}.footer>h2{font-size:clamp(72px,20.5vw,150px);margin-bottom:30px;white-space:normal}.footer-base{grid-template-columns:1fr;gap:28px}.footer-base>p{font-size:14px}.footer-base nav{gap:18px 30px;font-size:12px;max-width:330px}.footer-bottom{flex-wrap:wrap;margin-top:45px;gap:15px 25px}.footer-bottom small{width:100%}.menu-toggle{right:16px;bottom:16px;padding:11px 15px;gap:18px}.menu-toggle>span{font-size:18px}#site-menu{width:100%;padding:22px}.menu-head{margin-bottom:35px}.menu-head h2{font-size:40px}#site-menu nav>a{font-size:24px;padding-block:21px}.menu-tools{margin-top:30px}.entrance-logo{width:74vw}.entrance button{right:18px;bottom:18px}.material-fragment{width:22px;height:32px}.material-fragment:nth-child(1){left:4%;top:18%}.material-fragment:nth-child(2){width:16px;height:23px;right:5%;top:55%}.world-environment .material-fragment{width:16px;height:24px}.scene-picture,.zoom-release>img{translate:calc(var(--scene-x,0px)*.18) calc(var(--scene-y,0px)*.18)}.hero-image{--zoom-in:1.025}.zoom-release>img{--zoom-out:1.025}.product-layout{grid-template-columns:1fr;gap:42px;padding-block:25px 65px}.product-copy h1{font-size:70px;margin-bottom:25px}.product-copy>p{font-size:15px;max-width:340px}.product-copy .product-price{font-size:25px}.product-copy fieldset{margin-top:28px}.product-footer{flex-wrap:wrap;gap:20px;font-size:12px;padding-bottom:80px}.product-footer small{width:100%}}
@media(max-width:767px) and (max-height:480px){.hero-frame{aspect-ratio:16/9}.hero-caption{bottom:16px}.material-fragment{opacity:.45}.entrance-logo{width:60vw}}
body.is-motion-paused .material-fragment>span{animation-play-state:paused!important}body.is-motion-paused .hero-image,body.is-motion-paused .zoom-release>img,body.is-motion-paused .thread-bridge>span{animation:none!important;transform:none!important}body.is-motion-paused .scene-picture,body.is-motion-paused .zoom-release>img{translate:none!important}body.is-motion-paused .material-fragment,body.is-motion-paused .depth-stage:before{transform:none!important;transition:none!important}body.is-motion-paused .portrait-rail{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html,.portrait-rail{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image,.zoom-release>img,.thread-bridge>span{transform:none!important}.scene-picture,.zoom-release>img{translate:none!important}.material-fragment,.depth-stage:before{transform:none!important}.entrance{display:none!important}}

.outsider-chapter{overflow:clip}.portrait-rail figure{flex-basis:min(36vw,500px)}@media(max-width:767px){.portrait-rail figure{flex-basis:78vw}}

html.is-motion-paused{scroll-behavior:auto}body.is-motion-paused .scene-picture,body.is-motion-paused .zoom-release>img{transition:none!important}.thread-mark{transition:transform .4s;transform-origin:left}.thread-chapter.is-disturbed .thread-mark{transform:scaleX(1.8)}body.is-motion-paused .thread-mark{transition:none!important;transform:none!important}

.depth-stage:before{inset:0}.thread-still-life img{object-position:75% 50%}

@keyframes material-drift-small{from{transform:translateY(-2px) rotate(-12deg)}to{transform:translateY(2px) rotate(-12deg)}}@media(max-width:767px){.material-fragment:nth-child(2){display:none}}@media(max-width:767px) and (prefers-reduced-motion:no-preference){.material-fragment>span{animation-name:material-drift-small;animation-duration:14s}}
/* Daylight edition — one world, three ways in. */
.dark{--surface:#ebecee;--text:#151719;--muted:#555b61;--rule:#b4b8bd;color-scheme:light}.dark:before{background-image:repeating-linear-gradient(110deg,#fff2 0 1px,transparent 1px 7px)}
.scene-depth,.thread-bridge{display:none}.hero-image{object-position:77% center}.eyebrow{font-size:10px!important;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px!important}.chapter-intro h1,.chapter-intro h2{text-transform:uppercase;font-weight:450}.uniform-campaign figure>a{background:#dfe1e3}.uniform-campaign img{object-fit:contain;padding:6%}.uniform-campaign figcaption{color:#565b60}.top-nav{border-top:1px solid #b9bdc2;min-height:58px}.masthead .wordmark{height:74px;width:300px;max-width:60%;margin-bottom:18px}.hero-frame{width:100%;aspect-ratio:1.94}.hero-caption{left:4.5%;right:4.5%;bottom:7%;align-items:end}.hero-caption>span{font:500 clamp(50px,8.5vw,140px)/.92 Antonio,sans-serif;letter-spacing:-.04em;text-transform:uppercase;max-width:60%}.hero-caption .action{margin-bottom:6px}.opening-caption{padding-block:34px 46px}.opening-caption p{font-size:18px;letter-spacing:-.02em}.opening-caption>span{font-size:10px;max-width:none;letter-spacing:.08em}
.world-pair{margin-top:65px}.world-environment{aspect-ratio:4/5}.origin-note{border-top:1px solid var(--rule);padding-top:22px}.chapter-intro{max-width:850px}.chapter-intro h1{font-size:clamp(64px,10.5vw,164px)}.chapter-intro p{max-width:460px}.portal-index{display:flex;gap:24px;justify-content:space-between;border-block:1px solid var(--rule);padding:22px 0;margin-top:45px}.portal-index a{display:flex;align-items:baseline;gap:16px;font-family:Antonio,sans-serif;font-size:clamp(24px,4vw,60px);text-transform:uppercase}.portal-index small{font:10px 'Instrument Sans',sans-serif;color:var(--muted)}.portal-index a:hover{color:var(--accent)}
.listening-room{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin-top:65px;align-items:center}.speaker-stage{position:relative;aspect-ratio:9/16;overflow:hidden;--bass:0;--mid:0}.speaker-stage>img{object-fit:fill}.speaker-cone,.speaker-cap{position:absolute;background-image:url('./assets/speaker.jpg');border-radius:50%;pointer-events:none;will-change:transform}.speaker-cone{width:56.5%;height:31.8%;left:21.2%;top:44.9%;background-size:177% 314.5%;background-position:48.5% 65.8%;transform:scale(calc(1 + var(--bass)*.035))}.speaker-cap{width:15.8%;height:8.9%;left:41.9%;top:56.2%;background-size:633% 1124%;background-position:49.8% 61.7%;transform:scale(calc(1 + var(--bass)*.09 + var(--mid)*.02))}.listening-label{position:absolute;left:7%;top:5%;font-size:9px;letter-spacing:.14em}.listening-controls h3{font:450 clamp(40px,5vw,82px)/1.05 Antonio,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:24px}.listening-description{font-size:16px;color:var(--muted);margin-bottom:32px}.listening-controls audio{display:block;width:100%;margin:24px 0 15px;height:38px}.fine{font-size:11px;color:var(--muted)}.frequency-strip{height:60px;display:flex;align-items:center;gap:5px;margin-block:30px}.frequency-strip i{display:block;flex:1;height:100%;background:#25292c;transform:scaleY(.1);transform-origin:center}.frequency-strip i:nth-child(6n){background:#c83538}#play-track:after{content:'◉';font-size:14px}.music-chapter{padding-top:85px}.music-chapter>.chapter-intro{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 9%;align-items:end}.music-chapter>.chapter-intro>.eyebrow{grid-column:1/-1}.music-chapter>.chapter-intro h2{margin:0}.music-chapter>.chapter-intro>p:last-child{padding-bottom:8px}.track-list{display:grid;margin-top:35px;border-top:1px solid var(--rule)}.track-list button,.track-list a{display:flex;justify-content:space-between;text-align:left;align-items:center;background:none;border:0;border-bottom:1px solid var(--rule);padding:18px 0;gap:20px;font-size:13px;min-height:60px}.track-list small{color:var(--muted);font-size:9px;letter-spacing:.05em}.track-list [aria-pressed=true]{color:#bd282e}.updates{padding-block:110px;border-top:1px solid var(--rule)}.update-line{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:25px;padding:27px 0;border-bottom:1px solid var(--rule)}.update-line small{font-size:10px;color:var(--muted)}.update-line h3{font:450 clamp(28px,4vw,60px)/1.1 Antonio,sans-serif;text-transform:uppercase}.update-line p{font-size:13px;color:var(--muted);margin-top:10px}.update-line a{font-size:12px}.closing-image{aspect-ratio:2}.closing-chapter{padding-top:0}.footer{padding-bottom:100px}.portrait-rail figure{position:relative}.portrait-rail figcaption{position:absolute;inset:auto 0 0;padding:30px 20px 18px;color:white;background:linear-gradient(transparent,#0009);font-size:11px;letter-spacing:.06em}
@media(max-width:767px){.masthead .wordmark{width:190px;height:46px;margin-bottom:8px}.top-nav{min-height:48px;gap:10px}.top-nav a{font-size:10px}.hero-frame{aspect-ratio:3/4}.hero-caption{left:20px;right:20px;bottom:24px;display:block}.hero-caption>span{display:block;max-width:85%;font-size:65px;margin-bottom:24px}.hero-image{object-position:76% center}.opening-caption p{font-size:15px;max-width:180px}.opening-caption>span{font-size:8px;max-width:120px}.portal-index{gap:12px;flex-wrap:wrap;padding-block:16px}.portal-index a{gap:8px;font-size:27px}.portal-index small{font-size:8px}.listening-room{grid-template-columns:1fr;gap:40px;margin-top:40px}.speaker-stage{width:100%;max-width:450px}.music-chapter>.chapter-intro{display:block}.music-chapter>.chapter-intro h2{margin-bottom:24px}.listening-controls h3{font-size:56px}.music-chapter{padding-top:55px}.updates{padding-block:65px}.update-line{grid-template-columns:35px 1fr;gap:15px}.update-line>a{grid-column:2}.update-line h3{font-size:35px}.closing-image{aspect-ratio:1.15}.footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.speaker-cone,.speaker-cap,.frequency-strip i{transform:none!important}}
body.is-motion-paused .speaker-cone,body.is-motion-paused .speaker-cap{transform:none!important}

/* Adult Entity correction: preserve approved layout and make clothing discoverable. */
.entity-signpost{display:flex;align-items:center;gap:30px;border-top:1px solid var(--rule);padding-block:24px 35px}.entity-mini{display:flex;gap:6px;flex:none}.entity-mini img{width:72px;height:82px;object-fit:contain;background:#e4e6e8}.entity-signpost .eyebrow{font-size:9px!important;margin-bottom:8px!important}.entity-signpost p:not(.eyebrow){font-size:17px;line-height:1.35}.entity-signpost>.action{margin-left:auto}.world-study img{object-position:50% 12%}.uniform-chapter{padding-top:30px}.portrait-rail figure:first-child img{object-position:77% center}.hero-caption .action{white-space:normal;text-align:center}
@media(max-width:767px){.top-nav a{font-size:9px}.entity-signpost{gap:16px;flex-wrap:wrap;padding-block:20px 28px}.entity-mini img{width:49px;height:62px}.entity-signpost p:not(.eyebrow){font-size:15px}.entity-signpost>.action{width:100%;margin-left:0}.entity-signpost .eyebrow{font-size:8px!important}.hero-image{object-position:50% center}.uniform-chapter{padding-top:10px}}
/* Scroll-driven native WebGL, isolated to the Visuals chapter. */
.visuals-chapter{padding-top:50px}.visuals-chapter>.chapter-intro{margin-bottom:55px}.visual-journey{height:250vh;height:250svh;position:relative;--visual-progress:0}.visual-stage{position:sticky;top:0;height:100vh;height:100svh;max-height:1100px;overflow:hidden;background:#e7e9eb;isolation:isolate}.visual-stage canvas,.visual-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.visual-stage canvas{opacity:0;transition:opacity .3s}.visual-stage.webgl-ready canvas{opacity:1}.visual-stage.webgl-ready .visual-fallback{display:none}.visual-topline,.visual-bottom{position:absolute;left:4.5%;right:4.5%;z-index:2;display:flex;justify-content:space-between;gap:28px}.visual-topline{top:30px;font-size:10px;letter-spacing:.13em;color:#454b50}.visual-bottom{bottom:35px;align-items:end}.visual-bottom p{font-size:12px;max-width:310px;color:#454b50}.visual-rule{display:block;margin-top:18px;width:180px;height:2px;background:linear-gradient(to right,#bc3038 calc(var(--visual-progress)*100%),#b8bdc2 0)}.visual-slider-label{display:grid;gap:12px;font-size:10px;letter-spacing:.04em;width:180px;max-width:40%;color:#454b50}.visual-slider-label input{width:100%;min-height:44px;accent-color:#b62b33;cursor:ew-resize;margin:0}.visual-slider-label input:focus-visible{outline:2px solid #b62b33;outline-offset:5px}.visual-after{display:flex;justify-content:space-between;gap:25px;padding-block:28px 75px;font-size:12px;color:var(--muted)}.visual-journey.visual-static{height:auto}.visual-static .visual-stage{position:relative;height:min(85vh,850px)}
@media(max-width:767px){.visuals-chapter{padding-top:20px}.visuals-chapter>.chapter-intro{margin-bottom:35px}.visual-journey{height:210svh}.visual-topline{top:22px;left:20px;right:20px;font-size:8px;gap:15px}.visual-bottom{left:20px;right:20px;bottom:22px;align-items:start;gap:20px;flex-direction:column}.visual-bottom p{max-width:270px;font-size:11px}.visual-slider-label{max-width:100%;width:100%;font-size:9px;gap:0}.visual-rule{width:110px;margin-top:12px}.visual-after{font-size:11px;padding-block:24px 55px;flex-direction:column;gap:8px}.visual-stage{height:88svh}.visual-static .visual-stage{height:80svh}}
@media(prefers-reduced-motion:reduce){.visual-journey{height:auto}.visual-stage{position:relative;height:80svh}.visual-stage canvas{transition:none}}
/* Section-specific imagery: original clothing, sound-led music, optical visual output. */
.world-study img{object-fit:contain;padding:8%;background:#dfe1e3}.visual-output{position:absolute;inset:0;z-index:1;opacity:var(--image-reveal,0);pointer-events:none}.visual-output img{object-fit:cover}.visual-output:after{content:'';position:absolute;inset:0;background:linear-gradient(#e7e9ebcc,transparent 22%,transparent 70%,#e7e9ebee)}.visual-output figcaption{position:absolute;bottom:125px;left:4.5%;z-index:1;font-size:10px;letter-spacing:.13em;color:#33383c}.closing-paths{display:grid;gap:0;padding:0 0 70px}.closing-paths a{font:450 clamp(25px,4vw,62px)/1.3 Antonio,sans-serif;text-transform:uppercase;border-top:1px solid var(--rule);padding:17px 0}.closing-paths a:hover{color:#b52a32}.visual-static .visual-output{opacity:var(--image-reveal,0)}
@media(max-width:767px){.hero-frame{position:relative;top:auto;aspect-ratio:4/5;view-timeline:none}.hero-frame .scene-picture{inset:0;translate:none!important;transition:none!important}.hero-frame .hero-image{animation:none!important;animation-timeline:auto!important;transform:none!important;translate:none!important;transition:none!important;object-fit:contain;object-position:center;width:100%;height:100%}.hero-frame{background:#dfe1e3}.hero-caption>span{font-size:clamp(42px,12vw,64px);max-width:65%;margin-bottom:16px}.hero-caption{bottom:18px}.hero-caption .action{font-size:11px;min-height:44px}.visual-output img{object-position:57% center}.visual-output figcaption{left:20px;bottom:170px;font-size:8px;max-width:230px}.closing-paths{padding-bottom:45px}}
.world-purpose{align-self:center;padding-top:80px}.world-purpose>p:not(.eyebrow){font:450 clamp(28px,4vw,64px)/1.15 Antonio,sans-serif;letter-spacing:-.025em}.world-purpose>span{display:block;font-size:13px;color:var(--muted);margin-top:28px;line-height:1.55}.entity-lead{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:10%}.entity-worn{max-width:440px;justify-self:end}.entity-worn>img{height:auto;object-fit:contain}.entity-worn figcaption{font-size:9px;letter-spacing:.12em;margin-top:12px;color:var(--muted)}
@media(max-width:767px){.hero-frame{aspect-ratio:2/3}.hero-frame .hero-image{object-fit:contain}.hero-caption>span{max-width:72%}.world-purpose{width:75%;justify-self:end;padding-top:0}.world-purpose>p:not(.eyebrow){font-size:38px}.world-purpose>span{font-size:12px;margin-top:18px}.entity-lead{grid-template-columns:1fr;gap:32px}.entity-worn{width:85%;justify-self:end}.entity-worn figcaption{font-size:8px}}
/* Reference-led frames: scatter → expand → return. Actual original footage. */
.film-journey{height:245svh;position:relative;background:#eceeef}.film-stage{height:88svh;max-height:900px;min-height:500px;position:sticky;top:0;overflow:hidden;isolation:isolate;--film-open:0;--film-width:180px;--film-height:101px;--film-side-opacity:1;--film-spread:0}.film-main{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:var(--film-width);height:var(--film-height);z-index:5;overflow:hidden;background:#141719;box-shadow:0 14px 40px #17212a18}.film-main video{display:block;width:100%;height:100%;object-fit:contain;background:#141719}.film-tile{position:absolute;border:0;padding:0;background:#d9dfe3;overflow:hidden;cursor:pointer;opacity:var(--film-side-opacity);transform:translate(calc(var(--tx)*var(--film-spread)),calc(var(--ty)*var(--film-spread)));z-index:2}.film-tile img{object-fit:cover}.tile-1{width:16%;aspect-ratio:4/3;left:7%;top:10%;--tx:-220px;--ty:-160px}.tile-2{width:11%;aspect-ratio:4/5;right:11%;top:11%;--tx:200px;--ty:-150px}.tile-3{width:13%;aspect-ratio:4/3;left:3%;top:49%;--tx:-240px;--ty:20px}.tile-4{width:16%;aspect-ratio:4/3;right:4%;top:49%;--tx:250px;--ty:30px}.tile-5{width:14%;aspect-ratio:16/9;left:18%;bottom:14%;--tx:-160px;--ty:150px}.tile-6{width:12%;aspect-ratio:4/5;right:25%;bottom:11%;--tx:150px;--ty:180px}.tile-7{width:9%;aspect-ratio:4/3;left:39%;top:4%;--tx:-60px;--ty:-180px}.tile-8{width:10%;aspect-ratio:4/3;right:7%;bottom:10%;--tx:200px;--ty:170px}.film-expanded .film-tile{pointer-events:none}.film-phrase{position:absolute;inset:0;z-index:3;pointer-events:none;color:#161a1d;font:450 clamp(40px,6vw,95px)/1 Antonio,sans-serif}.film-word{position:absolute;top:48%;opacity:var(--film-side-opacity)}.word-left{right:calc(50% + 110px);transform:translate(calc(var(--film-open)*-120px),-50%)}.word-right{left:calc(50% + 110px);transform:translate(calc(var(--film-open)*120px),-50%)}.film-topline{position:absolute;top:25px;left:4.5%;right:4.5%;z-index:6;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#454c52;pointer-events:none}.film-controls{position:absolute;bottom:20px;left:4.5%;right:4.5%;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px}.film-controls p{font-size:11px}.film-controls span{display:block;font-size:9px;color:#69727a;margin-top:4px}.film-controls button{background:#eceeefdd;min-width:95px;font-size:11px}.film-index{display:flex;flex-wrap:wrap;gap:12px 25px;padding-block:25px 70px;border-bottom:1px solid var(--rule)}.film-index button{border:0;border-bottom:1px solid transparent;background:none;padding:10px 0;min-height:44px;font-size:11px;color:#5c646c}.film-index button[aria-pressed=true]{color:#a62632;border-bottom-color:#a62632}.film-still{height:auto}.film-still .film-stage{position:relative;height:75svh;min-height:450px}.film-tile:focus-visible{outline:2px solid #b52b37;outline-offset:5px}.film-index button:focus-visible{outline:2px solid #b52b37;outline-offset:5px}
@media(max-width:767px){.film-journey{height:210svh}.film-stage{height:76svh;min-height:440px}.film-phrase{font-size:36px}.word-left{right:calc(50% + 66px)}.word-right{left:calc(50% + 66px)}.film-topline{left:16px;right:16px;top:18px;font-size:7px;letter-spacing:.08em}.film-controls{left:16px;right:16px;bottom:17px}.film-controls p{font-size:9px}.film-controls span{font-size:8px;max-width:210px}.film-controls button{font-size:10px;padding:10px;min-width:85px}.tile-1{width:25%;left:5%;top:13%}.tile-2{width:21%;right:7%;top:12%}.tile-3{width:23%;left:3%;top:61%}.tile-4{width:27%;right:4%;top:63%}.tile-5,.tile-6,.tile-7,.tile-8{display:none}.film-index{gap:5px 18px;padding-block:15px 50px}.film-index button{font-size:10px}.film-still .film-stage{height:68svh;min-height:400px}}
@media(prefers-reduced-motion:reduce){.film-journey{height:auto}.film-stage{position:relative}.film-tile{transform:none}}
@media(max-width:767px){.top-nav{flex-wrap:wrap;justify-content:flex-start;column-gap:16px;row-gap:8px;padding-block:12px}.top-nav a{min-height:24px;display:inline-flex;align-items:center}}
/* Native-ratio footage: no black matte, no subject crop or stretch. */
.film-main{background:transparent;box-shadow:none}.film-main video{object-fit:contain;background:transparent}
.tile-play{position:absolute;left:8px;bottom:7px;background:#f5f5f2e8;color:#192028;padding:5px 7px;font-size:9px;letter-spacing:.02em}
.film-library{display:grid;grid-template-columns:1fr 1fr;gap:35px 24px;padding-block:35px 90px}.clip-player video{display:block;width:100%;height:auto;background:transparent;aspect-ratio:auto;object-fit:contain}.clip-player figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:11px}.clip-player figcaption span{color:#6c737a;font-size:8px;letter-spacing:.08em}.clip-error{font-size:12px;padding-top:10px}.clip-error a{text-decoration:underline}
@media(max-width:767px){.film-library{grid-template-columns:1fr;gap:30px;padding-block:15px 55px}.clip-player figcaption{font-size:10px}.clip-player figcaption span{font-size:7px}.tile-play{font-size:8px;padding:4px 5px;left:5px;bottom:5px}}

/* Native cursor remains the fallback; replacement only while fine-pointer decoration is active. */
.sharp-cursor{position:fixed;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none!important;z-index:9999;filter:none;transition:none;animation:none}
.has-sharp-cursor,.has-sharp-cursor *{cursor:none!important}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.sharp-cursor{display:none!important}.has-sharp-cursor,.has-sharp-cursor *{cursor:revert!important}}
.is-motion-paused .sharp-cursor{display:none!important}

.sharp-cursor{transition:transform 100ms ease-out}.sharp-cursor.is-pressed{transform:scale(.88)}
/* Each authorized shot stays in its own frame. One control governs the whole group. */
.film-tile{aspect-ratio:4/3;cursor:default;background:transparent}.film-tile video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.film-index>span{font-size:11px;color:#5c646c;padding:10px 0}.film-controls button{min-width:105px}
@media(max-width:767px){.film-index>span{font-size:10px}}

.film-tile .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-copy table{min-width:420px;margin-bottom:20px}.product-copy th,.product-copy td{padding:11px 9px;border-bottom:1px solid var(--rule);font-size:12px}.product-copy th{font-weight:600}.product-copy table caption{font-size:12px;color:var(--muted)}
.entity-story{padding-block:30px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.entity-story article{border-top:1px solid var(--rule);padding-top:25px}.entity-story h2{font-size:40px;line-height:1.1;margin-bottom:20px}.entity-story p{font-size:14px;line-height:1.65;color:var(--muted)}
@media(max-width:767px){.entity-story{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.entity-story h2{font-size:36px}}

/* One quiet photo pipeline replaces legacy timeline zoom and pointer drift. */
.hero-image,.world-environment>img{animation:none!important;animation-timeline:auto!important;translate:none!important;transition:none!important}
.hero-frame .scene-picture{translate:none!important;transition:none!important}
.world-environment>img{width:100%;height:100%;margin:0}
.scroll-feedback-photo{transform-origin:center;transition:none!important}.scroll-feedback-photo.is-feedback-visible{will-change:transform}
.scroll-feedback-text{transition:none!important}
@media(max-width:767px){.hero-image{transform:none!important;translate:none!important}}
@media(prefers-reduced-motion:reduce){.scroll-feedback-photo,.scroll-feedback-text{transform:none!important;opacity:1!important;will-change:auto!important}}
.is-motion-paused .scroll-feedback-photo,.is-motion-paused .scroll-feedback-text{transform:none!important;opacity:1!important;will-change:auto!important}
/* Other worlds: a cinematic, asymmetric editorial stage, not a player grid. */
.visuals-intro{max-width:none;display:grid;grid-template-columns:1.5fr .6fr;gap:9%;align-items:end;padding-block:40px 70px}.visuals-intro h2{font-size:clamp(80px,11.5vw,180px);line-height:.98;letter-spacing:-.04em;margin-bottom:0}.visuals-note{padding-bottom:8px}.visuals-note>span{font-size:10px;letter-spacing:.14em;display:block;margin-bottom:30px}.visuals-note p{font-size:18px;line-height:1.5;margin-bottom:28px}.visuals-note small{font-size:11px;line-height:1.65;color:#6a7278;display:block}
.film-journey{height:235svh;background:#e9ebed}.film-stage{height:90svh;min-height:570px;max-height:1050px;background:radial-gradient(ellipse at 55% 43%,#f7f8f8 0%,#eef0f1 55%,#e7eaec 100%)}
.film-main{left:calc(60% - var(--film-open)*10%);top:47%}.film-phrase{font-size:clamp(70px,9vw,145px);letter-spacing:-.035em;color:#25292d}.film-word{left:5%;right:auto;opacity:var(--film-side-opacity)}.word-left{top:29%;transform:translate(calc(var(--film-open)*-90px),0)}.word-right{top:44%;transform:translate(calc(var(--film-open)*-120px),0)}
.tile-1{width:18%;left:auto;right:3%;top:10%;bottom:auto;--tx:180px;--ty:-140px}.tile-2{width:13%;left:5%;right:auto;top:8%;bottom:auto;--tx:-140px;--ty:-120px}.tile-3{width:20%;left:7%;right:auto;top:63%;bottom:auto;--tx:-180px;--ty:110px}.tile-4{width:18%;left:auto;right:3%;top:66%;bottom:auto;--tx:200px;--ty:130px}.tile-5{display:block;width:13%;left:38%;right:auto;top:auto;bottom:6%;aspect-ratio:4/3;--tx:-70px;--ty:180px}.tile-6{display:block;width:20%;left:39%;right:auto;top:3%;bottom:auto;aspect-ratio:4/3;--tx:40px;--ty:-170px}
.film-topline{top:20px;letter-spacing:.15em}.film-controls{bottom:23px}.film-index{justify-content:space-between;gap:12px 20px;padding-block:25px 65px}.film-index>span{font-size:10px;letter-spacing:.015em}
@media(max-width:767px){.visuals-intro{grid-template-columns:1fr;gap:28px;padding-block:20px 35px}.visuals-intro h2{font-size:clamp(72px,19vw,112px)}.visuals-note{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visuals-note>span{grid-column:1/-1;margin:0 0 8px;font-size:8px}.visuals-note p{font-size:13px;margin:0}.visuals-note small{font-size:9px;line-height:1.6}.film-journey{height:210svh}.film-stage{height:80svh;min-height:480px}.film-main{left:50%;top:47%}.film-phrase{display:none}.tile-1{width:24%;right:4%;top:13%}.tile-2{width:20%;left:4%;top:10%}.tile-3{width:28%;left:4%;top:65%}.tile-4{width:25%;right:4%;top:68%}.tile-5{width:23%;left:38%;bottom:9%;top:auto}.tile-6{width:29%;left:36%;top:5%}.film-index{justify-content:flex-start;gap:6px 20px;padding-block:20px 40px}.film-index>span{font-size:9px}.film-still .film-stage{height:80svh;min-height:480px}}
@media(max-width:767px){.visuals-intro h2{font-size:clamp(64px,18vw,100px)}}
/* Phone art direction: seven native-aspect frames, quiet typographic breathing room. */
@media(max-width:767px){
 .film-stage,.film-still .film-stage{height:90svh;min-height:620px;max-height:900px}
 .film-phrase{display:block;font-size:clamp(51px,16vw,112px);line-height:1;letter-spacing:-.035em}
 .film-word{left:5%;right:auto;opacity:var(--film-side-opacity)}
 .word-left{top:25%;transform:translate(calc(var(--film-open)*-60px),0)}
 .word-right{top:63%;font-size:clamp(58px,18vw,126px);transform:translate(calc(var(--film-open)*-80px),0)}
 .film-main{left:50%;top:48%}
 .tile-1{width:27%;left:auto;right:4%;top:13%;bottom:auto}
 .tile-2{width:26%;left:4%;right:auto;top:9%;bottom:auto}
 .tile-6{width:22%;left:39%;right:auto;top:6%;bottom:auto}
 .tile-3{width:30%;left:4%;right:auto;top:76%;bottom:auto}
 .tile-5{width:18%;left:40%;right:auto;top:82%;bottom:auto}
 .tile-4{width:25%;left:auto;right:4%;top:78%;bottom:auto}
 .film-topline{font-size:7px;gap:12px;letter-spacing:.06em}
 .film-controls{bottom:14px}
}
/* Remove design annotations; retain an unobtrusive accessible playback status. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.visuals-note p{margin-top:0}
@media(max-width:767px){.visuals-intro{gap:22px}.visuals-note{gap:18px}.visuals-note p{margin-bottom:0}}
/* Let the work speak; no scene key, motion tutorial or decorative status. */
.visuals-note p{margin-bottom:0}.visuals-chapter{padding-bottom:35px}
@media(max-width:767px){.visuals-note{display:block;max-width:31ch}.visuals-chapter{padding-bottom:18px}}
/* Compact notification component: intentional inset and shared row alignment. */
.signal-bar{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:24px;padding:12px 22px;background:#202326;color:#f4f5f6;margin-block:14px 32px;box-sizing:border-box}
.signal-bar h2{display:flex;align-items:center;gap:8px;margin:0;font:500 11px/1.4 'Instrument Sans',sans-serif;letter-spacing:.01em;text-transform:none;white-space:nowrap}
.signal-bar h2>span{width:4px;height:4px;flex:none;border-radius:50%;background:#f4f5f6}
.signal-bar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-width:0}
.signal-bar a{display:grid;grid-template-columns:48px minmax(0,1fr) 14px;align-items:center;gap:8px;min-height:44px;min-width:0;color:#bfc5cb;text-decoration:none}
.signal-kind{font-size:10px;line-height:1.4}.signal-title{font-size:12px;line-height:1.45;color:#f4f5f6;overflow-wrap:anywhere}
.signal-bar b{font-size:13px;line-height:1;font-weight:400;justify-self:end;color:#f4f5f6}
.signal-bar a:focus-visible{outline:2px solid #f4f5f6;outline-offset:3px}
@media(max-width:1100px){.signal-bar{grid-template-columns:1fr;gap:7px;padding:12px 18px}.signal-bar nav{gap:20px}.signal-bar a{grid-template-columns:46px minmax(0,1fr) 14px}}
@media(max-width:700px){.signal-bar{gap:6px;padding:12px 16px;margin-block:12px 26px}.signal-bar nav{grid-template-columns:1fr;gap:0}.signal-bar a{grid-template-columns:54px minmax(0,1fr) 14px;gap:10px;min-height:44px}.signal-bar a+a{border-top:1px solid #ffffff1a}.signal-bar h2{font-size:10px;color:#bfc5cb;padding-bottom:4px}.signal-title{font-size:12px}.signal-kind{font-size:10px}}

/* Current signals follows the closing message without a second section-sized gap. */
.closing-chapter .closing-paths{padding-bottom:20px}
@media(max-width:767px){.closing-chapter .closing-paths{padding-bottom:14px}}
@media(max-width:767px){#closing-title{font-size:clamp(58px,16vw,64px)}}
