/* MAX / spatial edition. Large gestures belong to the scenes; navigation stays ordinary. */
:root{--scene:#17201e;--mix:#fff;--r-on:1;--g-on:1;--b-on:1}
body[data-page=home] .masthead{background:#101711}.masthead{height:76px}.masthead .wordmark{font-size:37px}
.portal-scroll{position:relative;background:#101711}.portal-stage{height:calc(100svh - 76px);min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:var(--scene);--scroll:0}
.js .portal-scroll{height:220svh}.js .portal-stage{position:sticky;top:76px}
.portal-room{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--mix) 14%,transparent),transparent 67%);transition:background .35s}
.room-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:7vw 7vw;mask-image:radial-gradient(ellipse,#000,transparent 78%);transform:perspective(600px) rotateX(38deg) scale(1.5)}
.room-ring{position:absolute;width:70vw;height:70vw;left:15vw;top:calc(48% - 35vw);border:1px solid color-mix(in srgb,var(--mix) 34%,transparent);border-radius:50%;transform:rotateX(58deg) rotateZ(-25deg);transition:border-color .3s}
.ring-two{transform:rotateX(35deg) rotateY(52deg) rotateZ(25deg)}.ring-three{transform:rotateY(58deg) rotateZ(-15deg)}
.light-portal{position:absolute;left:26%;top:14%;width:48%;height:65%;isolation:isolate;filter:blur(30px);opacity:.6}
.light-disc{position:absolute;width:68%;aspect-ratio:1;border-radius:50%;mix-blend-mode:screen;transition:opacity .4s;animation:liquid-light 12s ease-in-out infinite alternate}
.red-disc{left:0;top:5%;background:radial-gradient(circle,#ff351f 10%,#ad0b35 52%,transparent 72%);opacity:var(--r-on)}
.green-disc{right:0;top:5%;background:radial-gradient(circle,#73ff39 10%,#138452 52%,transparent 72%);opacity:var(--g-on);animation-delay:-4s}
.blue-disc{left:15%;bottom:0;background:radial-gradient(circle,#3537ff 10%,#274cd8 52%,transparent 72%);opacity:var(--b-on);animation-delay:-8s}
.portal-kicker{position:absolute;top:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:25px;z-index:10;font-size:10px;color:#e4ebd2}
.portal-title{position:absolute;left:0;top:21%;width:100%;text-align:center;z-index:3;pointer-events:none;will-change:transform,opacity}
.play-word{display:block;font-size:clamp(180px,29vw,610px);font-weight:900;letter-spacing:-.10em;padding-right:.08em;line-height:.76;color:var(--mix);text-shadow:0 0 70px color-mix(in srgb,var(--mix) 12%,transparent);transition:color .35s}
.play-line{display:block;font-size:clamp(30px,4.2vw,78px);font-weight:400;letter-spacing:-.05em;line-height:1;margin-top:20px}.play-line em{color:var(--green)}
.satellites{position:absolute;inset:0;perspective:1100px;pointer-events:none;z-index:4}
.satellite{position:absolute;width:22%;max-width:410px;pointer-events:auto;box-shadow:0 25px 70px #0008;will-change:transform;transform:translate3d(var(--flight-x,0px),var(--flight-y,0px),0) rotate(var(--rotate,0deg)) scale(var(--flight-scale,1));transition:filter .25s;outline-offset:8px}
.satellite img{width:100%;height:auto;aspect-ratio:1.55;object-fit:contain;background:transparent;border:1px solid transparent}
.satellite>span{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;font:9px var(--mono);background:#111e;color:white;opacity:0;transition:opacity .2s}
.satellite:hover>span,.satellite:focus-visible>span{opacity:1}.satellite:hover{filter:brightness(1.1)}
.satellite-0{left:3%;top:13%;--rotate:-12deg}.satellite-1{right:3%;top:9%;--rotate:11deg}.satellite-2{left:9%;bottom:19%;--rotate:7deg;width:19%}.satellite-3{right:6%;bottom:17%;--rotate:-9deg;width:20%}
.portal-ending{position:absolute;inset:14% 10% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:6;opacity:0;pointer-events:none;will-change:transform,opacity}
.portal-ending h2{font-size:clamp(64px,8vw,150px);line-height:.9;margin:25px 0}.portal-ending h2 em{color:var(--green)}.portal-ending .eyebrow{font-size:10px}.portal-ending .pill{margin-top:15px}
.portal-ending{visibility:hidden}.js .portal-ending{visibility:visible}.portal-ending.is-visible{pointer-events:auto;visibility:visible}
.portal-console{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:25px;z-index:12}
.mix-console{gap:10px;align-items:center;flex-wrap:wrap;max-width:235px}.mix-console>.tiny{width:100%;font-size:9px;color:#b8c0ad}.mix-console>div{display:flex;gap:8px}
.light-switch{width:43px;height:43px;border:1px solid currentColor;border-radius:50%;font:13px var(--mono);transition:background .3s,box-shadow .3s;color:var(--channel)}
.light-switch[data-light=r]{--channel:#ff735f}.light-switch[data-light=g]{--channel:#bdff75}.light-switch[data-light=b]{--channel:#94abff}
.light-switch[aria-pressed=true]{background:var(--channel);color:#141811;box-shadow:0 0 24px color-mix(in srgb,var(--channel) 26%,transparent)}
.light-switch[aria-pressed=false]{color:var(--channel);background:#141811;opacity:.65}.mix-readout{font-size:9px!important;max-width:75px;color:var(--mix)}
.portal-invitation{text-align:center;display:flex;flex-direction:column;gap:13px}.portal-invitation>a{font-size:16px;border-bottom:1px solid #ffffff66;padding-bottom:8px}.portal-invitation>.tiny{font-size:9px;color:#b8c0ad}
.remix-all{gap:12px;align-items:center;padding:15px 20px;border:1px solid #ffffff77;border-radius:40px;font:12px var(--mono);background:#0b120d99}.remix-all>span{font-size:27px;line-height:1}.remix-all:hover{background:var(--green);color:var(--ink)}.remix-all[disabled]{opacity:.6}
.portal-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff2;z-index:15}.portal-progress>i{height:100%;width:100%;transform:scaleX(var(--scroll));transform-origin:left;background:var(--green);display:block}
.scroll-reel{position:relative}.js .scroll-reel{height:320svh}.reel-pin{position:relative;isolation:isolate;overflow:hidden;background:#bfa8f5;color:#141811}.js .reel-pin{position:sticky;top:76px;height:calc(100svh - 76px);min-height:590px}
.reel-topline{position:absolute;left:var(--gutter);right:var(--gutter);top:30px;display:flex;justify-content:space-between;z-index:8;font-size:10px}
.reel-panel{position:relative;padding:90px var(--gutter) 70px;min-height:700px;background:var(--panel)}.js .reel-panel{position:absolute;inset:0;min-height:0;will-change:transform,opacity}
.reel-0{--panel:#bfa8f5}.reel-1{--panel:#8ea9f7}.reel-2{--panel:#bfd99a}
.reel-number{position:absolute;left:1%;top:7%;font-size:clamp(170px,35vw,660px);font-weight:900;letter-spacing:-.1em;line-height:1;opacity:.12;user-select:none}
.reel-art{display:block;position:absolute;width:57%;right:5%;top:13%;transform:rotate(-4deg);box-shadow:0 30px 65px #18231b33;will-change:transform}
.reel-art img{width:100%;height:auto;max-height:57vh;object-fit:contain;background:#f0f3e7}.reel-open{position:absolute;right:15px;bottom:15px;background:#131710;color:var(--paper);font:10px var(--mono);padding:14px 18px;border-radius:30px}
.reel-caption{position:absolute;left:var(--gutter);bottom:9%;z-index:3;max-width:64%;text-shadow:0 1px 0 var(--panel)}
.reel-caption .eyebrow{font-size:10px;margin-bottom:14px}.reel-caption h2{font-size:clamp(55px,6.7vw,125px);line-height:.87}.reel-caption h2 em{font-size:1.08em}.reel-caption .text-link{background:var(--panel);padding:12px 0;margin-top:25px;font:11px var(--mono)}
.reel-meter{position:absolute;right:var(--gutter);bottom:30px;display:flex;gap:8px;z-index:10}.reel-meter>i{display:block;width:32px;height:4px;background:#1113}.reel-meter>i.active{background:#111}
.manifesto-section{overflow:clip;background:var(--paper);color:var(--ink);padding:65px var(--gutter) 100px}.manifesto-section>.eyebrow{font-size:10px;margin-bottom:60px}
.kinetic-heading{display:flex;flex-direction:column;font-size:clamp(82px,16vw,290px);line-height:.85;letter-spacing:-.085em}.kinetic-heading>span{display:block;will-change:transform}.kinetic-heading>span:nth-child(2){align-self:end;color:#3557da}.kinetic-heading>span:nth-child(3){color:#3557da}
.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:90px;max-width:1400px}.manifesto-copy>div>p{font-size:18px;color:#50554a}.manifesto-copy .pill{margin-top:32px}
.immersive-work{padding-top:35px}.explorer-heading{padding:0 var(--gutter) 30px;display:flex;align-items:end;justify-content:space-between;gap:30px}.explorer-heading .eyebrow{font-size:9px;color:var(--muted);margin-bottom:17px}.explorer-heading h1{font-size:clamp(46px,5.5vw,100px);letter-spacing:-.07em}.explorer-heading h1 em{color:var(--blue)}
.view-switch{gap:3px;border:1px solid #4a4f41;border-radius:30px;padding:4px;flex-shrink:0}.view-switch>button{padding:12px 18px;border-radius:30px;font-size:11px;min-height:44px}.view-switch>button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.explorer-toolbar{align-items:center;gap:20px;padding:15px var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink);position:relative;z-index:3}.explorer-filters{display:flex;gap:8px}.explorer-filters>button{font-size:11px;padding:12px 15px;min-height:44px;border:1px solid transparent;border-radius:30px}.explorer-filters>button[aria-pressed=true]{color:var(--green);border-color:#7a8c58}.explorer-filters>button:hover{background:#ffffff12}
.explorer-search{margin-left:auto}.explorer-search input{background:none;color:var(--paper);border:0;border-bottom:1px solid #515749;padding:12px 4px;width:220px;font-size:12px}.explorer-shuffle{font:11px var(--mono);padding:12px 0;min-height:44px}
.depth-explorer{position:relative;height:calc(100svh - 330px);min-height:570px;overflow:hidden;isolation:isolate;flex-direction:column;--explore-tone:#bcb1ec;touch-action:pan-y;outline-offset:-5px}
.depth-explorer:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--explore-tone) 21%,#10120f),#10120f 78%);transition:background .7s}
.depth-space{position:absolute;inset:0;z-index:-2;perspective:700px;overflow:hidden}.depth-space>i{position:absolute;left:10%;top:-15%;width:80%;height:105%;border:1px solid color-mix(in srgb,var(--explore-tone) 25%,transparent);transform:scale(var(--ring-scale,.8));border-radius:42%;transition:border-color .5s}
.depth-space>i:nth-child(2){left:20%;width:60%;top:0%;height:75%}.depth-space>i:nth-child(3){left:30%;width:40%;top:14%;height:50%}.depth-space>i:nth-child(4){left:40%;width:20%;top:27%;height:25%}
.depth-space>span{position:absolute;inset:30% -20% -80%;background:repeating-linear-gradient(0deg,#ffffff12 0px,#ffffff12 1px,transparent 1px,transparent 45px),repeating-linear-gradient(90deg,#ffffff12 0px,#ffffff12 1px,transparent 1px,transparent 80px);transform:rotateX(65deg);mask-image:linear-gradient(transparent,#000)}
.depth-stage{position:absolute;inset:35px 0 210px;perspective:1050px;perspective-origin:50% 45%;transform-style:preserve-3d;pointer-events:none}
.depth-plane{position:absolute;left:50%;top:50%;width:clamp(320px,55vw,860px);height:100%;max-height:450px;display:block;padding:0;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:none;backface-visibility:hidden;visibility:hidden}
.depth-plane img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 30px #0006);background:transparent}.depth-plane[data-active=true]{pointer-events:auto}.depth-plane:focus-visible{outline-offset:12px}
.plane-action{position:absolute;left:50%;bottom:10px;translate:-50% 0;background:#111e;padding:14px 20px;border-radius:30px;font:10px var(--mono);white-space:nowrap;border:1px solid #fff4;opacity:0;transition:opacity .2s}
.depth-plane[data-active=true]:hover .plane-action,.depth-plane[data-active=true]:focus-visible .plane-action{opacity:1}
.depth-topline{position:absolute;top:20px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;pointer-events:none;font-size:9px;color:#c1c7b4}.depth-coordinate{font-size:24px;letter-spacing:-.05em}
.depth-hud{position:absolute;bottom:85px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:30px;background:linear-gradient(transparent,#11120f 40%);padding-top:30px;pointer-events:none}
.depth-current{max-width:680px}.depth-category{font-size:9px;color:var(--explore-tone);margin-bottom:10px}.depth-title{font-size:clamp(25px,3.1vw,53px);letter-spacing:-.055em;line-height:1.03}.depth-teaser{font-size:13px;color:var(--muted);margin-top:12px}
.depth-nav{display:flex;gap:8px;align-items:center;pointer-events:auto;flex-shrink:0}.depth-nav>button{height:48px;min-width:48px;border:1px solid #676f57;border-radius:50%;font-size:20px}.depth-nav .depth-enter{border-radius:30px;font:12px var(--mono);padding:0 20px;background:var(--green);color:#111;border-color:var(--green)}.depth-nav button[disabled]{opacity:.25;cursor:default}
.depth-track{position:absolute;left:var(--gutter);right:var(--gutter);bottom:18px;display:flex;gap:6px;justify-content:center;overflow-x:auto;padding:5px 4px;scrollbar-width:thin;scrollbar-color:#737b67 transparent}
.depth-track>button{padding:0;border:1px solid #ffffff22;border-radius:2px;flex:0 1 47px;min-width:25px;height:31px;opacity:.4;transition:opacity .2s,border-color .2s,transform .2s}.depth-track>button>img{width:100%;height:100%;object-fit:cover}.depth-track>button[aria-current=true]{opacity:1;border-color:var(--green);transform:translateY(-3px)}.depth-track>button:hover{opacity:1}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px;padding:35px var(--gutter) 90px}.js .explorer-collection:not([data-view=grid]) .overview-grid{display:none}.depth-empty{padding:65px var(--gutter)}.depth-empty h2{font-size:45px;margin-bottom:30px}
.project-dialog.spatial-dialog{max-width:none;width:100vw;height:100dvh;max-height:none;border:0;margin:0;padding:0;overflow:hidden;background:#101510}
.spatial-dialog .dialog-close{position:absolute;right:var(--gutter);top:20px;margin:0;float:none;z-index:20}
.spatial-dialog .dialog-layout{position:absolute;inset:0 0 100px;grid-template-columns:1.2fr .8fr;gap:5%;padding:85px var(--gutter) 20px;overflow:hidden}
.spatial-dialog .dialog-art{padding:0;background:transparent;position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y;isolation:isolate}
.spatial-dialog .dialog-art:before{content:"";position:absolute;inset:5% -10%;border:1px solid #ffffff25;border-radius:50%;transform:rotateY(35deg);z-index:-1}
.spatial-dialog .dialog-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 35px #0007);will-change:transform,opacity}
.spatial-dialog .dialog-copy{max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:20px 10px 20px 0;scrollbar-width:thin}
.spatial-dialog .dialog-copy h2{font-size:clamp(30px,3.8vw,68px)}.spatial-dialog .dialog-copy .eyebrow{color:var(--green);font-size:10px}
.spatial-dialog .preview-browse{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:90px;border-top:1px solid #414936;display:flex;align-items:center;gap:15px}
.preview-browse>button{width:48px;height:48px;border:1px solid #71815c;border-radius:50%;font-size:23px}.preview-browse>button[disabled]{opacity:.25;cursor:default}.preview-browse .preview-position{font:12px var(--mono);color:var(--green);margin-right:auto}.preview-browse .preview-hint{font:10px var(--mono);color:var(--muted);margin-right:20px;max-width:290px}
.preview-heading-label{position:absolute;top:35px;left:var(--gutter);font:10px var(--mono);color:var(--muted);letter-spacing:.1em}
@keyframes liquid-light{to{translate:6% -8%;scale:1.2}}
.portal-stage[data-outside=true] .light-disc,.portal-stage[data-paused=true] .light-disc{animation-play-state:paused}
.portal-room{translate:calc(var(--look-x,0)*-12px) calc(var(--look-y,0)*-10px);scale:1.05;transition:translate .45s ease-out}
.satellites{translate:calc(var(--look-x,0)*14px) calc(var(--look-y,0)*10px);transition:translate .45s ease-out}
.depth-track>button{min-height:44px;min-width:32px}
html[data-motion=reduce] .portal-room,html[data-motion=reduce] .satellites{translate:none}
@media(max-width:1100px){.portal-stage{min-height:620px}.satellite{width:26%}.satellite-2,.satellite-3{width:23%}.play-word{font-size:32vw}.portal-title{top:29%}.portal-kicker>span:last-child{display:none}.portal-ending{inset:10% 8% 20%}.portal-ending h2{font-size:10vw}.explorer-heading{align-items:start}.view-switch>button{padding:10px 12px;font-size:10px}.explorer-toolbar{gap:10px}.explorer-filters{gap:0}.explorer-filters>button{padding:10px;font-size:10px}.explorer-search input{width:180px}.depth-current{max-width:55%}.depth-teaser{font-size:12px}.depth-nav .depth-enter{font-size:10px;padding:0 14px}.depth-plane{width:64vw}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-art{width:65%;right:5%;top:17%}.reel-caption{bottom:12%;max-width:80%}.reel-caption h2{font-size:8vw}}
@media(max-width:700px){
 .masthead{height:68px;padding:0 18px}.masthead .wordmark{font-size:32px}.masthead nav{font-size:10px;gap:13px}.motion-control{padding-left:10px}
 .portal-stage{height:calc(100svh - 68px);min-height:640px}.js .portal-stage{top:68px}.js .portal-scroll{height:190svh}
 .portal-kicker{top:22px;left:20px;right:20px;font-size:8px}.portal-title{top:34%}.play-word{font-size:36vw;letter-spacing:-.1em}.play-line{font-size:25px;margin-top:16px}
 .satellite{width:39%}.satellite-0{left:-2%;top:13%}.satellite-1{right:0;top:11%}.satellite-2{left:0;bottom:26%;width:35%}.satellite-3{right:-1%;bottom:27%;width:34%}
 .satellite>span{font-size:7px;padding:7px;opacity:1;max-height:30px;overflow:hidden}.light-portal{left:8%;top:25%;width:84%;height:45%;filter:blur(20px)}
 .room-ring{width:125vw;height:125vw;left:-12.5vw;top:calc(43% - 62.5vw)}.portal-console{left:20px;right:20px;bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;align-items:end}
 .portal-invitation{grid-column:1/-1;grid-row:1;gap:10px}.portal-invitation>a{align-self:center;font-size:14px}.portal-invitation>.tiny{font-size:8px}.mix-console{gap:7px}.mix-console>.tiny{font-size:8px}.mix-console>div{gap:5px}.light-switch{width:38px;height:38px;font-size:11px}.mix-readout{display:none}.remix-all{justify-self:end;font-size:9px;padding:12px;gap:7px;min-height:44px}.remix-all>span{font-size:23px}
 .portal-ending{inset:17% 5% 28%}.portal-ending h2{font-size:16vw}.portal-ending .eyebrow{font-size:8px}.portal-ending .pill{font-size:12px;padding:15px 20px}
 .js .scroll-reel{height:285svh}.js .reel-pin{top:68px;height:calc(100svh - 68px);min-height:600px}.reel-topline{top:25px;font-size:8px}.reel-topline>span:last-child{max-width:130px;text-align:right}
 .reel-panel{min-height:640px}.reel-art{width:86%;right:7%;top:16%;transform:rotate(-3deg)}.reel-art img{max-height:38svh}.reel-number{top:14%;font-size:62vw}
 .reel-caption{left:22px;right:22px;bottom:11%;max-width:none}.reel-caption h2{font-size:clamp(44px,11.5vw,80px)}.reel-caption .eyebrow{font-size:9px}.reel-caption .text-link{font-size:9px;max-width:100%;margin-top:18px}.reel-open{font-size:8px;right:10px;bottom:10px;padding:10px 13px}
 .manifesto-section{padding:45px 22px 65px}.manifesto-section>.eyebrow{font-size:8px;max-width:250px;margin-bottom:45px}.kinetic-heading{font-size:18vw;line-height:1}.manifesto-copy{display:block;margin-top:45px}.manifesto-copy>div>p{font-size:15px}.manifesto-copy .pill{font-size:11px;padding:15px 20px}
 .immersive-work{padding-top:25px}.explorer-heading{display:block;padding:0 20px 20px}.explorer-heading h1{font-size:46px}.explorer-heading .eyebrow{font-size:7px;letter-spacing:.03em;margin-bottom:14px}.view-switch{width:fit-content;margin-top:22px}.view-switch>button{padding:9px 14px;min-height:40px}
 .explorer-toolbar{flex-wrap:wrap;padding:10px 16px;gap:5px 12px}.explorer-filters{width:100%;justify-content:space-between}.explorer-filters>button{font-size:9px;padding:8px;min-height:38px}.explorer-search{margin-left:0;flex:1}.explorer-search input{width:100%;font-size:11px;min-height:40px}.explorer-shuffle{font-size:10px;min-height:40px}
 .depth-explorer{height:calc(100svh - 68px);min-height:575px}.depth-stage{inset:55px 0 240px;perspective:750px}.depth-plane{width:84vw;max-height:330px}.depth-topline{top:20px;left:20px;right:20px;font-size:7px}.depth-coordinate{font-size:18px}
 .depth-hud{left:20px;right:20px;bottom:80px;display:block;padding-top:15px}.depth-current{max-width:none}.depth-category{font-size:8px;margin-bottom:8px}.depth-title{font-size:26px;line-height:1.02}.depth-teaser{font-size:11px;margin-top:9px}.depth-nav{justify-content:space-between;margin-top:19px}.depth-nav>button{height:44px;min-width:44px}.depth-nav .depth-enter{font-size:11px;padding:0 27px}
 .depth-track{left:20px;right:20px;bottom:18px;justify-content:flex-start;gap:5px}.depth-track>button{flex:0 0 36px;height:27px}.plane-action{font-size:8px;padding:10px 14px;opacity:1!important;bottom:5px}
 .overview-grid{grid-template-columns:1fr;padding:25px 20px 60px;gap:35px}.depth-empty h2{font-size:36px}
 .spatial-dialog .dialog-layout{display:flex;flex-direction:column;inset:0 0 84px;padding:70px 20px 15px;gap:20px;overflow-y:auto;overscroll-behavior:contain}
 .spatial-dialog .dialog-art{flex:none;height:35svh;min-height:190px;width:100%}.spatial-dialog .dialog-copy{overflow:visible;max-height:none;margin:0;padding:0;width:100%}.spatial-dialog .dialog-copy h2{font-size:33px;margin:15px 0}.spatial-dialog .preview-teaser{font-size:17px;margin-bottom:16px}.spatial-dialog .preview-description{font-size:14px}.spatial-dialog .preview-link{margin-top:20px;font-size:11px;padding:15px 20px}
 .spatial-dialog .dialog-close{top:15px;right:20px;font-size:10px;padding:11px 16px}.preview-heading-label{left:20px;top:30px;font-size:8px}.spatial-dialog .preview-browse{left:20px;right:20px;height:78px;gap:9px}.preview-browse .preview-hint{font-size:7px;max-width:150px;margin-right:0}.preview-browse .preview-position{font-size:10px}.preview-browse>button{width:44px;height:44px;flex-shrink:0}
}
/* Without scripts or with reduced motion, the same content has a direct, unpinned route. */
html[data-motion=reduce] .portal-scroll,html[data-motion=reduce] .scroll-reel{height:auto!important}
html[data-motion=reduce] .portal-stage,html[data-motion=reduce] .reel-pin{position:relative!important;top:0!important;height:auto;min-height:0}
html[data-motion=reduce] .portal-stage{height:calc(100svh - 76px);min-height:680px}
html[data-motion=reduce] .portal-title,html[data-motion=reduce] .satellite{transform:none!important;opacity:1!important}
html[data-motion=reduce] .portal-ending{display:none!important}
html[data-motion=reduce] .reel-panel{position:relative!important;transform:none!important;opacity:1!important;min-height:700px;visibility:visible!important}
html[data-motion=reduce] .kinetic-heading>span{transform:none!important}
@media(prefers-reduced-motion:reduce){.js .portal-scroll,.js .scroll-reel{height:auto}.js .portal-stage,.js .reel-pin{position:relative;top:0}.js .reel-pin{height:auto}.js .reel-panel{position:relative;min-height:700px}.portal-ending{display:none}.light-disc{animation:none}}