:root{color-scheme:dark;--bg:#091719;--ink:#edf4f0;--muted:#91aaa7;--line:#c5efe218;--mint:#c1f0dc;--lilac:#c3a5dd;--navy:#6e9cca;--panel:#ffffff04;--panel-hover:#d4ffed0a;--light-a:#28665c;--light-b:#4d365d;--pointer-x:0;--pointer-y:0;--art-size:min(58vh,610px);--selected-glow:#a1e3cd}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;height:100%;width:100%}html{background:var(--bg);transition:background .65s ease}body{font:400 16px/1.65 'IBM Plex Sans Arabic',sans-serif;color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;isolation:isolate}button,a{ -webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%}svg{display:block}::selection{background:#bbdecc45;color:var(--ink)}.portal-shell{width:min(100%,1720px);height:100vh;height:100svh;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:22px clamp(28px,5.1vw,84px) 20px;position:relative;z-index:1}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 41%,#12362f31,transparent 47%)}.light{position:absolute;border-radius:50%;filter:blur(95px);opacity:.48;transition:transform 1.3s ease,opacity 1.3s ease,background 1.3s ease;animation:light-breathe 12s ease-in-out infinite alternate}.light-mint{width:58vw;height:61vh;background:var(--light-a);top:36%;left:-34%;transform:translateX(calc(var(--pointer-x) * 15px))}.light-lilac{width:47vw;height:65vh;background:var(--light-b);top:20%;right:-30%;animation-delay:-6s}.horizon{position:absolute;left:8%;right:8%;height:40%;bottom:-34%;background:var(--light-a);filter:blur(80px);opacity:.6}.grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.portal-header{height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:inline-flex;align-items:center;gap:14px;font-family:"IBM Plex Sans Arabic",sans-serif;font-weight:400;font-size:14px}.identity-mark{height:36px;width:40px;stroke:var(--mint);stroke-width:1.1;flex-shrink:0}.identity-mark path{fill:var(--mint);stroke:none}.header-tail{display:flex;align-items:center;gap:20px}.chapter-word{font-size:12px;color:var(--muted)}.motion-toggle{width:39px;height:39px;min-width:44px;min-height:44px;background:transparent;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;padding:12px}.motion-toggle svg{width:17px;height:17px;stroke:var(--muted);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.motion-play{display:none}.portal-header .motion-toggle:hover{border-color:#c1f0dc50}.portal-header .motion-toggle:hover svg{stroke:var(--mint)}#portal-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.intro{text-align:center;position:relative;z-index:4;padding-top:clamp(16px,3.2vh,34px);pointer-events:none}.intro-kicker{margin:0 0 11px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.intro-kicker>span{width:5px;height:5px;background:var(--mint);box-shadow:0 0 12px #c1f0dc44;border-radius:50%}.intro h1{font:500 clamp(42px,7.1vh,74px)/1.5 Alexandria,sans-serif;letter-spacing:-1.8px;margin:0 auto;max-width:15em;text-wrap:balance}.intro h1 em{font-style:normal;color:var(--mint);background:linear-gradient(115deg,var(--lilac) -20%,var(--mint) 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro>p:last-child{color:var(--muted);margin:10px 0 0;font-size:16px}.ring-stage{min-height:0;position:relative;isolation:isolate;margin:0 -3vw;perspective:1000px;pointer-events:none}.stage-aura{position:absolute;left:50%;top:52%;width:min(47vw,680px);height:65%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#94d4c81f,transparent 67%);filter:blur(36px);transition:background .8s ease,transform 1s ease}.orbital-plane{position:absolute;width:min(76vw,950px);height:260px;left:50%;top:50%;transform:translate(-50%,-44%) rotate(-12deg);z-index:-1;opacity:.75}.orbit{position:absolute;inset:0;border:1px solid #a1d7c624;border-radius:50%;transform:rotateX(60deg);box-shadow:0 -1px 0 #acdbce03}.orbit-one{transform:rotateX(32deg) rotate(-4deg)}.orbit-two{inset:35px 70px;transform:rotateX(42deg) rotate(17deg);border-color:#c3a5dd15}.orbit-point{position:absolute;border-radius:50%;height:5px;width:5px;background:var(--mint);box-shadow:0 0 16px #c1f0dc60}.point-one{left:4%;top:52%;opacity:.7}.point-two{right:10%;top:23%;background:var(--lilac);opacity:.6}.sculpture-tilt{position:absolute;inset:0;transform:translate3d(calc(var(--pointer-x) * 7px),calc(var(--pointer-y) * 4px),0) rotateY(calc(var(--pointer-x) * 3deg)) rotateX(calc(var(--pointer-y) * -2deg));transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}.sculpture-float{position:absolute;left:50%;top:47%;width:var(--art-size);transform:translate(-50%,-50%);animation:float-rings 9s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}.ring-sculpture{width:100%;height:auto;filter:drop-shadow(0 16px 40px #02090977);user-select:none;opacity:0;animation:art-enter 1.8s .12s cubic-bezier(.19,1,.22,1) forwards}.stage-reflection{position:absolute;left:50%;bottom:2%;width:240px;height:19px;background:var(--selected-glow);border-radius:50%;filter:blur(28px);opacity:.07;transform:translateX(-50%) scaleX(1.5);animation:reflection-breathe 9s ease-in-out infinite;transition:background .8s ease}.scene-note{position:absolute;top:48%;display:flex;align-items:center;gap:14px;font-size:11px;color:#92b4ac9e;letter-spacing:0;z-index:3}.scene-note i{display:block;width:30px;height:1px;background:linear-gradient(90deg,transparent,#9bb0af60)}.scene-note-right{right:4%;transform:translateY(20px)}.scene-note-left{left:5%;transform:translateY(-20px)}.scene-note-left i{transform:rotate(180deg)}.gateways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,1110px);margin:0 auto;z-index:5}.gateway{position:relative;display:flex;align-items:center;gap:21px;min-height:120px;padding:24px 27px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),#ffffff00);isolation:isolate;transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease;min-width:0;backdrop-filter:blur(12px)}.gateway:before{content:'';height:1px;position:absolute;top:-1px;right:21%;left:21%;background:linear-gradient(90deg,transparent,#c8eade35,transparent);transition:opacity .3s ease;opacity:.5}.gate-index{position:absolute;top:10px;left:15px;color:#7ea29970;font:400 10px Manrope,sans-serif}.gate-icon{height:47px;width:47px;display:grid;place-items:center;flex-shrink:0;border:1px solid #a2d5c61c;border-radius:13px;background:#92c9b806;color:var(--mint);transition:background .3s ease}.gate-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.gate-copy{display:grid;gap:5px;min-width:0;flex:1}.gate-copy strong{font:400 21px/1.6 Alexandria,Manrope,sans-serif;overflow-wrap:anywhere}.gateway-rmu .gate-copy strong{font-family:Manrope,"IBM Plex Sans Arabic",sans-serif;letter-spacing:1px;font-size:22px;direction:ltr;text-align:right}.gate-copy>span{font-size:12px;color:var(--muted);white-space:normal;line-height:1.7;overflow-wrap:anywhere}.gate-arrow{width:20px;height:20px;flex-shrink:0;stroke:#a7c4bb;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .3s ease,opacity .3s ease}.gateway-home{border-color:#c1f0dc32;background:linear-gradient(135deg,#9bd9c312,#bcefe005);box-shadow:inset 0 0 30px #a5edce02}.gateway-home:before{background:linear-gradient(90deg,transparent,#c8eade7a,transparent);opacity:1}.gateway-control .gate-icon{color:var(--lilac);border-color:#c5afe421;background:#be9de309}.gateway-rmu .gate-icon{color:#a6c9e4;border-color:#a1bcdd21;background:#93b9d707}.gateway:is(:hover,:focus-visible){transform:translateY(-5px);background:var(--panel-hover);border-color:#c1f0dc6b;box-shadow:0 14px 35px #0000001a}.gateway:is(:hover,:focus-visible):before{opacity:1}.gateway:is(:hover,:focus-visible) .gate-arrow{opacity:1;transform:translateX(-4px)}.gateway:is(:hover,:focus-visible) .gate-icon{background:#c1f0dc0f}.gateway-control:is(:hover,:focus-visible){border-color:#c5afe46b;background:#be9de30c}.gateway-rmu:is(:hover,:focus-visible){border-color:#a1bcdd6b;background:#93b9d70b}.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:63px;padding:18px 2px 0;color:var(--muted)}.location-story{display:flex;gap:12px;align-items:center;font-size:11px}.location-story>span{display:flex;gap:7px;align-items:center}.location-story i{height:4px;width:4px;border-radius:50%;background:var(--lilac)}.location-story .person-r{background:var(--navy)}.route-dash{width:27px;height:1px;background:#8fabab4d}.location-story small{font-size:11px;color:#91aaa778;margin-inline-start:4px}.private-signature{font:400 12px/1.5 Manrope,sans-serif;letter-spacing:2px}.private-signature i{font-style:normal;color:var(--lilac);font-size:10px}.private-signature>span{font-size:8px;color:#91aaa778;letter-spacing:1.6px;margin-left:13px}.no-script{position:fixed;bottom:0;left:10%;right:10%;z-index:8;background:var(--bg);font-size:11px;text-align:center}.intro,.portal-header,.gateways,.portal-footer{animation:content-enter 1s ease both}.intro{animation-delay:.04s}.gateways{animation-delay:.12s}.portal-footer{animation-delay:.2s}
[data-active=home] .light-mint{opacity:.85;transform:translate(20%,1%)}[data-active=rmu] .light-mint{background:#335778;opacity:.8;transform:translate(16%,-5%)}[data-active=control] .light-lilac{opacity:.9;transform:translate(-20%,5%)}[data-active=rmu]{--selected-glow:#9fcfe7}[data-active=control]{--selected-glow:#c9a0e3}[data-active=home] .stage-aura{transform:translate(-50%,-50%) scale(1.1)}
[data-theme=midnight]{--bg:#111320;--ink:#f3eff7;--muted:#aaa4ba;--mint:#e0cae5;--lilac:#c9a0dc;--light-a:#38385e;--light-b:#673356;--line:#e9d6f019;--panel:#e9d6f004;--panel-hover:#e9d6f00c}
[data-theme=pearl]{color-scheme:light;--bg:#e9eeea;--ink:#1c3a3b;--muted:#5b7370;--mint:#386b62;--lilac:#835873;--navy:#3b6188;--light-a:#a8d5c7;--light-b:#c4aecf;--line:#335a491f;--panel:#ffffff44;--panel-hover:#ffffff99;--selected-glow:#398479}
[data-theme=pearl] .gateway-home{background:#ffffff66;border-color:#6c9b863e}[data-theme=pearl] .gate-icon{background:#ffffff55;border-color:#36635325;color:#35685b}[data-theme=pearl] .gateway-rmu .gate-icon{color:#42657e}[data-theme=pearl] .gateway-control .gate-icon{color:#825e87}[data-theme=pearl] .gate-arrow{stroke:#476e63}[data-theme=pearl] .gate-index{color:#5b73688e}[data-theme=pearl] .orbit{border-color:#4d776628}[data-theme=pearl] .scene-note{color:#4f7466a3}[data-theme=pearl] .location-story small,[data-theme=pearl] .private-signature>span{color:#627873}[data-theme=pearl] .ring-sculpture{filter:drop-shadow(0 22px 28px #173b401f)}
@keyframes float-rings{0%,100%{transform:translate(-50%,-50%) rotate(-.7deg)}50%{transform:translate(-50%,calc(-50% - 10px)) rotate(.7deg)}}@keyframes reflection-breathe{0%,100%{opacity:.065;transform:translateX(-50%) scaleX(1.5)}50%{opacity:.035;transform:translateX(-50%) scaleX(1.3)}}@keyframes light-breathe{from{opacity:.4}to{opacity:.65}}@keyframes art-enter{from{opacity:0;transform:translateY(20px) scale(.97);filter:drop-shadow(0 16px 40px #02090977) blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 16px 40px #02090977) blur(0)}}@keyframes content-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}[data-motion=off] .ring-sculpture{opacity:1}[data-motion=off] .motion-play{display:block}[data-motion=off] .motion-pause{display:none}[data-suspended=true] *{animation-play-state:paused!important}
@media(min-width:1600px){:root{--art-size:min(62vh,690px)}.intro{padding-top:30px}.intro h1{font-size:78px}.gateway{min-height:132px}.gateways{width:1160px}}
@media(max-width:1100px){.portal-shell{padding-inline:38px}.gateway{padding:20px;gap:15px;min-height:111px}.gate-copy strong{font-size:18px}.gateway-rmu .gate-copy strong{font-size:21px}.gate-icon{width:41px;height:44px}.gate-arrow{width:17px;height:17px}.gate-copy>span{font-size:11px}.scene-note{font-size:10px;gap:9px}.scene-note-right{right:2%}.scene-note-left{left:3%}.scene-note i{width:20px}.orbital-plane{height:230px}.intro h1{font-size:clamp(45px,6.5vh,64px)}.intro>p:last-child{font-size:15px}.light{filter:blur(65px)}}
@media(max-width:760px){:root{--art-size:min(74vw,58vh,540px)}.portal-shell{padding:16px 24px 14px}.portal-header{height:47px}.identity{font-size:12px;gap:10px}.identity-mark{width:33px;height:31px}.header-tail{gap:14px}.chapter-word{font-size:11px}.intro{padding-top:clamp(15px,3vh,27px)}.intro h1{font-size:clamp(39px,5.9vh,58px);letter-spacing:-1px}.intro-kicker{font-size:11px;margin-bottom:12px}.intro>p:last-child{font-size:14px;margin-top:10px}.gateways{gap:11px}.gateway{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:20px 16px 19px;min-height:156px;border-radius:14px}.gate-icon{width:33px;height:33px;background:transparent!important;border:0!important;border-radius:0;display:block}.gate-icon svg{width:29px;height:29px;stroke-width:1.1}.gate-copy{flex:none;gap:7px;width:100%}.gate-copy strong{font-size:16px;white-space:nowrap;letter-spacing:0}.gateway-rmu .gate-copy strong{font-size:20px}.gate-copy>span{font-size:10px;line-height:1.6;min-height:32px}.gate-index{top:14px;left:13px;font-size:9px}.gate-arrow{position:absolute;top:27px;left:15px;width:14px;height:14px;opacity:.55}.scene-note{display:none}.orbital-plane{width:98%;height:200px;transform:translate(-50%,-42%) rotate(-17deg)}.orbit-two{inset:30px 60px}.stage-aura{width:90%;height:90%;filter:blur(25px)}.stage-reflection{width:190px;bottom:3%}.portal-footer{min-height:62px;padding-top:16px;gap:10px}.location-story{gap:8px;font-size:10px}.location-story small{display:none}.route-dash{width:18px}.private-signature{font-size:11px;letter-spacing:2px}.private-signature>span{font-size:7px;letter-spacing:1px;margin-left:9px}.light-mint{width:100vw;left:-80%;height:75vh}.light-lilac{width:100vw;right:-80%;height:65vh}.horizon{left:-20%;right:-20%;height:60%;bottom:-58%}.ring-stage{margin-inline:-4vw}.sculpture-float{top:48%}}
@media(max-width:480px){:root{--art-size:min(100vw,57vh)}.portal-shell{padding:13px 20px max(12px,env(safe-area-inset-bottom))}.portal-header{height:48px}.identity{font-size:11px;gap:9px}.identity-mark{height:28px;width:31px}.chapter-word{display:none}.motion-toggle{width:37px;height:37px;min-width:40px;min-height:40px;padding:11px}.motion-toggle svg{width:15px;height:15px}.intro{padding-top:clamp(19px,3.7vh,32px)}.intro-kicker{font-size:10px;margin-bottom:13px;gap:8px}.intro-kicker>span{width:4px;height:4px}.intro h1{font-size:clamp(35px,5.9vh,48px);letter-spacing:-1.2px;line-height:1.6;max-width:100%}.intro>p:last-child{font-size:13px;margin-top:9px}.gateways{gap:9px}.gateway{min-height:138px;padding:18px 13px 15px;gap:13px;border-radius:13px;justify-content:flex-start}.gate-icon{width:27px;height:29px}.gate-icon svg{width:25px;height:25px}.gate-copy{gap:5px}.gate-copy strong{font-size:14px}.gateway-rmu .gate-copy strong{font-size:17px}.gate-copy>span{font-size:10px;line-height:1.6;min-height:32px}.gate-index{font-size:8px;left:12px;top:10px}.gate-arrow{width:12px;height:12px;top:28px;left:11px}.portal-footer{min-height:53px;padding-top:17px;align-items:center}.private-signature{font-size:10px}.private-signature>span{display:none}.location-story{font-size:10px;gap:9px}.location-story i{width:3px;height:3px}.route-dash{width:23px}.orbital-plane{width:112%;height:200px;transform:translate(-50%,-43%) rotate(-19deg)}.orbit{border-color:#a1d7c61c}.point-one{left:6%}.point-two{right:9%}.sculpture-float{top:46%}.stage-reflection{width:140px;bottom:5%;height:14px}.light{filter:blur(65px)}.light-mint{left:-90%;opacity:.45}.light-lilac{right:-82%;opacity:.3}.stage-aura{background:radial-gradient(ellipse,#94d4c817,transparent 69%)}}
@media(max-width:359px){.portal-shell{padding-inline:16px}.intro h1{font-size:34px}.intro-kicker{font-size:9px}.intro>p:last-child{font-size:12px}.gateways{gap:7px}.gateway{padding:15px 11px 12px;min-height:127px;gap:13px}.gate-copy strong{font-size:12px}.gate-copy>span{font-size:9px}.gateway-rmu .gate-copy strong{font-size:16px}.gate-icon svg{width:24px;height:24px}.gate-arrow{top:24px;left:10px}.location-story{font-size:9px}.portal-footer{min-height:44px;padding-top:13px}}
@media(max-height:740px) and (min-width:761px){.portal-shell{padding-top:10px;padding-bottom:10px}.portal-header{height:49px}.intro{padding-top:10px}.intro-kicker{margin-bottom:5px;font-size:10px}.intro h1{font-size:46px;line-height:1.4}.intro>p:last-child{font-size:13px;margin-top:6px}.gateway{min-height:95px;padding-block:19px}.gate-copy strong{font-size:18px}.portal-footer{min-height:48px;font-size:10px}.orbital-plane{height:180px}:root{--art-size:min(62vh,480px)}}
@media(max-height:740px) and (max-width:760px){.portal-shell{padding-top:8px;padding-bottom:9px}.intro{padding-top:10px}.intro h1{font-size:38px;line-height:1.45}.intro-kicker{font-size:9px;margin-bottom:7px}.intro>p:last-child{font-size:12px;margin-top:5px}.portal-header{height:43px}.gateway{min-height:124px;padding-top:15px;padding-bottom:12px;gap:10px}.gate-copy strong{font-size:13px}.gateway-rmu .gate-copy strong{font-size:16px}.gate-copy>span{font-size:9px}.portal-footer{min-height:44px;padding-top:10px}:root{--art-size:min(94vw,54vh)}.orbital-plane{height:170px}}
@media(max-height:610px) and (max-width:760px){.intro{padding-top:7px}.intro h1{font-size:33px}.intro-kicker{margin-bottom:5px}.intro>p:last-child{font-size:11px}.gateway{min-height:105px;padding:13px 10px 10px;gap:6px}.gate-copy>span{font-size:9px;line-height:1.45;min-height:26px}.gate-copy strong{font-size:12px}.gate-icon{height:24px}.gate-icon svg{height:22px;width:22px}.gate-arrow{top:23px;width:11px;height:11px}.gate-index{top:7px;font-size:7px}.portal-footer{min-height:35px;padding-top:8px}.portal-header{height:39px}.identity{font-size:10px}:root{--art-size:min(95vw,52vh)}}
@media(max-height:500px) and (min-width:600px){.portal-shell{padding:8px 26px;grid-template-rows:38px minmax(0,1fr) 30px}.portal-header{height:38px}.identity{font-size:11px}.identity-mark{width:28px;height:28px}.motion-toggle{width:32px;height:32px;min-width:38px;min-height:38px;padding:10px}.chapter-word{font-size:10px}#portal-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:20px}.intro{grid-column:1;grid-row:1;align-self:center;padding:0;text-align:right;z-index:4}.intro-kicker{justify-content:flex-start;font-size:9px;margin-bottom:8px}.intro h1{font-size:36px;line-height:1.4;max-width:100%}.intro>p:last-child{font-size:11px;margin-top:9px}.ring-stage{grid-column:2;grid-row:1;margin:0}.sculpture-float{top:46%;width:min(41vw,77vh)}.orbital-plane{height:150px;width:110%}.orbit-two{inset:25px 30px}.gateways{grid-column:1/-1;grid-row:2;gap:10px}.gateway{min-height:67px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:10px 15px;border-radius:11px}.gate-icon{width:27px;height:27px;display:grid;place-items:center}.gate-icon svg{width:23px;height:23px}.gate-copy{gap:2px;flex:1}.gate-copy strong{font-size:13px}.gateway-rmu .gate-copy strong{font-size:16px}.gate-copy>span{min-height:0;font-size:9px;line-height:1.4}.gate-index{display:none}.gate-arrow{position:static;width:13px;height:13px}.portal-footer{min-height:30px;padding-top:8px}.location-story{font-size:9px}.private-signature{font-size:9px}.private-signature>span{font-size:6px}.scene-note{display:none}.stage-reflection{bottom:10%;height:6px;width:110px}.light{filter:blur(50px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ring-sculpture{opacity:1}.sculpture-tilt{transform:none!important}.motion-play{display:block}.motion-pause{display:none}}
/* The decorative orbit stays inside its stage, never enlarging the viewport. */
.ring-stage{overflow:clip}
/* Final legibility and direct interaction feedback. */
:root{--muted:#a3b9b3}.scene-note{display:none}.gate-copy>span{font-size:13px}.gate-copy strong{white-space:normal;overflow-wrap:anywhere}.gateway:active{transform:translateY(-1px) scale(.986);background:#c5efdf13}.identity{min-width:0;max-width:calc(100% - 55px)}#portal-identity{overflow-wrap:anywhere}.location-story,.location-story small{font-size:12px}.location-story small{color:#91aaa7}.gate-index{opacity:.6}[data-long-title=true] .intro h1{font-size:clamp(28px,5vh,56px);max-width:17em}
@media(max-width:1100px){.gate-copy>span{font-size:12px}}
@media(max-width:760px){.gate-copy>span{font-size:11px;min-height:36px}.gate-index{display:none}.gateway{padding-bottom:15px}.location-story{font-size:11px}.gate-arrow{opacity:.8}.private-signature>span{display:none}}
@media(max-width:480px){.gateway{min-height:141px}.gate-copy>span{font-size:11px;min-height:36px}.intro-kicker{font-size:11px}.identity{font-size:12px}.portal-footer{min-height:51px}[data-long-title=true] .intro h1{font-size:29px}.gate-copy strong{font-size:14px}}
@media(max-height:740px) and (max-width:760px){.gateway{min-height:127px}.gate-copy>span{font-size:11px}.intro-kicker{font-size:10px}}
@media(max-height:610px) and (max-width:760px){.gateway{min-height:117px;gap:5px}.gate-copy>span{font-size:10px;min-height:29px}.gate-copy strong{font-size:12px}.portal-footer{min-height:36px}.identity{font-size:11px}.intro-kicker{font-size:10px}}
@media(max-height:500px) and (min-width:600px){.gateway{min-height:70px}.gate-copy>span{font-size:11px;min-height:0}.gate-copy strong{font-size:13px}.portal-footer{min-height:30px}.location-story{font-size:10px}.intro-kicker{font-size:10px}.identity{font-size:11px}[data-long-title=true] .intro h1{font-size:24px}}
/* Theme contrast switches atomically; only the ambient lights interpolate. */
html{transition:none}
[data-theme=pearl]{--muted:#526e66}[data-theme=midnight]{--muted:#b6adc6}