.entrance{background:radial-gradient(ellipse at 82% 25%,#112b4855,transparent 45%),radial-gradient(ellipse at 15% 95%,#0d223955,transparent 48%),#03070d}.entrance header{background:transparent;border-bottom:1px solid #ffffff16;position:relative}.entrance .navrow{min-height:90px}.gateway{min-height:calc(100svh - 91px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;gap:0 20px}.gateway-copy{position:relative;z-index:2;padding:55px 0 35px}.gateway .eyebrow{font-size:11px;letter-spacing:2.6px;display:flex;align-items:center;gap:12px}.signal-dot{width:6px;height:6px;border-radius:50%;background:#a2d9ff;box-shadow:0 0 14px #55b9ff}.gateway h1{font-size:clamp(58px,6.7vw,102px);line-height:1.02;letter-spacing:-.065em;margin-bottom:28px}.gateway h1 em{font-weight:400;font-style:normal;background:linear-gradient(110deg,#eef5fc,#bdcede 52%,#8dcfff);background-clip:text;color:transparent}.gateway-description{font-size:clamp(16px,1.4vw,20px);color:#b0bac7;line-height:1.8}.gateway-button{margin-top:23px;display:inline-flex;align-items:center;gap:40px;padding:17px 24px;color:#06111e;background:linear-gradient(110deg,#eef5fc,#a6d8ff);border:1px solid #e4f2ff;border-radius:5px;box-shadow:0 4px 35px #57baff1a;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s}.gateway-button:hover{transform:translateY(-3px);box-shadow:0 8px 40px #57baff33}.gateway-button span{font-size:24px;line-height:1}.gateway-note{margin:24px 0 0;font-size:11px;color:#8f9bab}.sculpture{position:relative;width:100%;aspect-ratio:1;perspective:900px;isolation:isolate;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out}.aura{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#4faaff24,transparent 68%);box-shadow:0 0 100px #9ccde40d}.sphere-grid{position:absolute;inset:11%;border:1px solid #abcde21a;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 35px,#bcdef10a 36px 37px);mask-image:linear-gradient(transparent,#000,transparent)}.ring{position:absolute;inset:6%;border:1px solid #9bd3dc60;border-radius:50%;box-shadow:inset 0 1px 12px #82bdd318,0 0 12px #92dbe013}.ring-a{transform:rotate(-30deg) scaleY(.42);border-top:2px solid #b9e8f2a0;animation:ring-drift 16s ease-in-out infinite alternate}.ring-b{inset:13%;transform:rotate(54deg) scaleY(.46);border-right:2px solid #8fcaffa0}.ring-c{inset:19%;transform:rotate(-73deg) scaleY(.6);border-left:2px solid #8ed6ff78}.floating-mark{position:absolute;inset:18%;width:64%;height:64%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 12px 22px #a6dee626);animation:mark-float 7s ease-in-out infinite}.plinth{position:absolute;bottom:6%;left:25%;width:50%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#79c5ff28,transparent 70%);filter:blur(6px)}.art-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:#839aa9}.gateway-bottom{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ffffff20;padding:25px 0}.gateway-bottom>p{font-size:10px;letter-spacing:1.6px;line-height:1.9;margin:0;color:#a9b4c0}.gateway-bottom>p span{color:#d5e3e8}.quick-paths{display:flex;gap:35px;font-size:13px}.quick-paths a{padding:12px 0;color:#d4dce7}.quick-paths a:hover{color:#8dcfff}.quick-paths span{margin-left:15px;color:#9daac0}.gateway-bottom .gateway-disclosure{font-size:10px;letter-spacing:0;color:#81919f;text-align:right}@keyframes mark-float{50%{transform:translateY(-12px)}}@keyframes ring-drift{to{transform:rotate(-15deg) scaleY(.42)}}
@media(min-width:1500px){.gateway{min-height:min(850px,calc(100svh - 91px))}}@media(max-width:1000px){.entrance .wrap{width:calc(100% - 48px)}.entrance nav{display:flex;position:static;padding:0;background:none;gap:20px}.gateway h1{font-size:65px}.gateway-bottom{flex-wrap:wrap}.gateway-disclosure{display:none}.quick-paths{gap:24px}}
@media(max-width:650px){.entrance .wrap{width:calc(100% - 36px)}.entrance .navrow{min-height:78px;gap:10px}.entrance .brand-symbol{width:34px;height:34px}.entrance .brand{gap:8px}.entrance .wordmark{font-size:10px;letter-spacing:.6px}.entrance .wordmark small{font-size:9px}.entrance nav{gap:0}.entrance nav>a:not(.navcta){display:none}.entrance .navcta{font-size:11px;padding:9px 11px}.gateway{min-height:calc(100svh - 79px);grid-template-columns:1fr;gap:0}.gateway-copy{padding:35px 0 0;text-align:center}.gateway .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.gateway h1{font-size:clamp(48px,12vw,72px);margin-bottom:16px}.gateway-description{font-size:15px;line-height:1.65;margin:0}.gateway-button{margin-top:22px;padding:13px 19px;font-size:14px}.gateway-note{font-size:9px;margin-top:15px}.sculpture{width:min(75%,300px);justify-self:center;margin:0;aspect-ratio:1.25}.floating-mark{inset:14% 22%;width:56%;height:70%}.art-label{display:none}.gateway-bottom{padding:15px 0;justify-content:center;gap:10px}.gateway-bottom>p{display:none}.quick-paths{width:100%;justify-content:space-between;gap:12px;font-size:11px}.quick-paths span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sculpture{transform:none}}

/* Keep navigation and typography usable across screen sizes. */
.entrance .navrow{flex-wrap:nowrap;padding-block:0}
.entrance .navrow nav{display:flex;flex-direction:row;width:auto;gap:24px;padding:0;align-items:center}
.entrance .menu-button{display:none}
.gateway .eyebrow,.gateway-note,.art-label,.gateway-bottom>p,.gateway-bottom .gateway-disclosure{font-size:.75rem}
.quick-paths{font-size:.875rem}
.gateway h1{font-size:clamp(3.5rem,6.7vw,6.375rem)}
.gateway-copy,.sculpture{min-width:0}
@media(max-width:800px){
 .entrance .navrow{flex-wrap:wrap;gap:10px;padding-block:14px}
 .entrance .menu-button{display:block;min-height:44px;padding:8px 14px;font-size:.875rem;border:1px solid #586777;border-radius:4px;background:transparent;color:var(--ink)}
 .entrance .navrow nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;position:static;background:transparent}
 .entrance .navrow nav.open{display:flex}
 .entrance .navrow nav a{display:block;min-height:44px;padding:10px 12px;font-size:.875rem}
 .entrance .wordmark{font-size:.75rem;letter-spacing:.6px}
 .entrance .wordmark small{font-size:.75rem;letter-spacing:1px}
 .gateway{grid-template-columns:1fr}
 .gateway-copy{text-align:center;padding-top:36px}
 .gateway .eyebrow{justify-content:center;letter-spacing:1px}
 .gateway h1{font-size:clamp(3rem,10vw,4.5rem)}
 .gateway-description{font-size:1rem}
 .sculpture{width:min(75%,340px);justify-self:center}
 .gateway-button{font-size:1rem}
 .quick-paths{flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:.875rem}
 .quick-paths a{min-height:44px}
}

/* The supplied artwork sets the lighting; the surrounding interface stays quiet. */
.entrance{background:radial-gradient(ellipse at 80% 32%,#15487932,transparent 48%),radial-gradient(ellipse at 10% 100%,#0c274b28,transparent 55%),#03070d}
.entrance header{background:#040a12a8}
.gateway h1 em{background:var(--air-metal);background-clip:text;color:transparent}
.gateway-button{background:var(--air-metal);color:#06111e;border-color:#c4e4ff;box-shadow:inset 0 1px 0 #ffffff70,0 6px 26px #2c9df024}
.sculpture{transform:none;aspect-ratio:1}.floating-mark{inset:0;width:100%;height:100%;mix-blend-mode:normal;filter:none;animation:none;object-fit:contain;border-radius:12px}
.sculpture .ring,.sculpture .sphere-grid,.sculpture .plinth,.sculpture .aura{display:none}
.art-label{bottom:-12px;color:#a8bed2}.signal-dot{background:#a2d9ff;box-shadow:0 0 10px #55b9ff60}
@media(max-width:800px){.sculpture{width:min(100%,460px);margin:20px auto 28px}.floating-mark{inset:0;width:100%;height:100%}}

/* Let the original blue atmosphere disappear into its sampled black surround. */
.entrance,.entrance header{background:var(--bg)}
.gateway,.sculpture,.floating-mark{background:transparent;border:0;border-radius:0;box-shadow:none}
.sculpture{overflow:visible}
.floating-mark{object-fit:contain;filter:none;mix-blend-mode:normal}