@font-face{font-family:Space;src:url('assets/fonts/SpaceGrotesk-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Mono;src:url('assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#08090b;color:#f7f7f8;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #888;outline-offset:5px}.review-nav{height:56px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eeeef0;color:#222;position:relative;z-index:5}.review-nav>span{font:8px Mono,monospace;letter-spacing:.06em}.review-nav>div{display:flex;gap:5px}.review-nav button{padding:10px 15px;border:1px solid #d1d1d5;background:transparent;border-radius:5px;font-size:10px;min-height:36px}.review-nav button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.stage{height:calc(100svh - 56px);min-height:430px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto}.stage-header,footer{display:flex;justify-content:space-between;gap:15px;padding:22px 4%;font:8px/1.5 Mono,monospace;letter-spacing:.09em;z-index:2;position:relative;color:#b2b2ba}.center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 22px}.logo{display:block;width:clamp(125px,19vh,225px);height:auto;max-height:19svh;object-fit:contain;margin:0 0 15px}.eyebrow{font:8px/1.6 Mono,monospace;letter-spacing:.16em;margin:0 0 15px;color:#b8b8c2}h1{font:600 clamp(58px,7.7vw,124px)/.98 Space,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 20px}h1 span{background:linear-gradient(135deg,#fff 0%,#92949f 40%,#e8e8ef 65%,#858792 100%);background-clip:text;color:transparent}.intro{font-size:14px;line-height:1.7;color:#aaaab4;margin:0 0 25px}.reveal{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #9a9ca6;border-radius:50px;padding:13px 22px;min-height:48px;background:linear-gradient(130deg,#efeff3,#a6a8b2);color:#101116;font-size:12px;box-shadow:0 8px 30px #0003;transition:transform .2s,box-shadow .2s}.reveal span{font-size:20px}.reveal:hover{transform:translateY(-3px);box-shadow:0 10px 35px #fff2}.orbit{background:radial-gradient(ellipse at 50% 30%,#20232b 0%,#0b0c10 46%,#050507 85%)}.orbit-art{position:absolute;inset:0;z-index:0;pointer-events:none}.orbit-art div{position:absolute;width:65%;aspect-ratio:1.5;border:1px solid #c8ccdb17;left:17.5%;top:15%;border-radius:50%;transform:rotate(-18deg)}.orbit-art div:nth-child(2){transform:rotate(18deg);width:85%;left:7.5%;top:9%;border-color:#c8ccdb0d}.orbit-art div:nth-child(3){width:50%;left:25%;top:25%;transform:rotate(55deg);border-color:#c8ccdb13}.satellites{display:flex;justify-content:center;gap:18px;padding:10px 20px 13px;z-index:2}.satellites button{border:1px solid #7178874d;background:#27293270;backdrop-filter:blur(10px);color:#d6d7df;border-radius:50px;padding:11px 17px;font-size:11px;display:flex;gap:13px;align-items:center;min-height:44px;transition:transform .2s,border-color .2s}.satellites button:hover{transform:translateY(-4px);border-color:#d5d8e7}.satellites button span{font-size:17px}.orbit footer{border-top:1px solid #ffffff0c;margin-top:8px}
.gallery{background:#f5f5f3;color:#161719}.gallery .stage-header,.gallery footer{color:#5b5c62}.gallery .logo{filter:brightness(0);width:clamp(110px,16vh,170px);margin-bottom:20px}.gallery .eyebrow{color:#66686f}.gallery h1{font-size:clamp(63px,8.7vw,125px);margin-bottom:20px}.gallery h1 span{background:linear-gradient(125deg,#4a4c53,#b6b8c0 45%,#44464e);background-clip:text;color:transparent}.gallery .intro{color:#61636a}.gallery .reveal{background:#101113;color:#f3f3f5;border-color:#101113;box-shadow:none;border-radius:2px}.gallery-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font:600 clamp(200px,28vw,430px)/1 Space,sans-serif;color:#e2e2e0;pointer-events:none;z-index:0;letter-spacing:-.1em}.gallery-services{display:flex;justify-content:center;position:relative;z-index:2;gap:0}.gallery-services button{font:9px Mono,monospace;letter-spacing:.08em;padding:13px 26px;min-height:44px;border:0;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background:#f5f5f3e6;color:#555}.gallery-services button+button{border-left:1px solid #c6c6c6}.gallery-services button:hover{background:#e1e1e4;color:#111}.gallery footer{margin-top:12px}
.console{background:linear-gradient(135deg,#191a20,#050507 65%)}.console:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:65px 65px;pointer-events:none}.console .stage-header i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ddd;margin-right:7px}.console-center{display:flex;align-items:center;justify-content:center;padding:8px 20px;position:relative}.launch-card{width:min(640px,100%);padding:22px 35px 28px;background:linear-gradient(145deg,#f6f6f8,#b9bbc5 60%,#e9eaf0);border:1px solid #dce0eb;border-radius:12px;box-shadow:0 35px 100px #0008,0 0 60px #c4c9dd0a;color:#111;text-align:center;display:flex;flex-direction:column;align-items:center}.card-top{display:flex;justify-content:space-between;width:100%;font:8px Mono,monospace;color:#444;margin-bottom:10px}.card-top>span:last-child{font-size:20px}.console .logo{filter:brightness(0);width:clamp(100px,13vh,145px);margin-bottom:10px;max-height:13svh}.console .eyebrow{color:#545762;margin-bottom:12px}.console h1{font-size:clamp(55px,6.6vw,96px);margin-bottom:18px}.console h1 span{color:#686b74;background:none}.console .intro{color:#4b4e59;font-size:13px;margin-bottom:18px}.console .reveal{border:1px solid #18191e;background:#111217;color:#fff;border-radius:4px;box-shadow:none}.console-dock{display:flex;justify-content:center;gap:7px;padding:15px 15px 0;z-index:2}.console-dock button{background:#17191e;color:#d0d1d8;border:1px solid #444650;padding:12px 25px;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:14px;min-height:44px}.console-dock button:hover{background:#30333c;border-color:#a5a8b5}.console-dock span{font-size:18px}
#service-panel{width:min(920px,calc(100vw - 44px));max-height:calc(100svh - 35px);margin:auto;padding:28px;background:linear-gradient(135deg,#f8f8fa,#d8d9df);color:#15161a;border:1px solid #fff;border-radius:15px;box-shadow:0 30px 140px #0009;overflow:auto}#service-panel::backdrop{background:#080a0fbf;backdrop-filter:blur(12px)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-header p{font:8px Mono,monospace;letter-spacing:.1em;color:#60626b;margin:0 0 10px}.panel-header h2{font:600 clamp(22px,3vw,35px)/1.1 Space,sans-serif;letter-spacing:-.04em;margin:0}.close{flex-shrink:0;font-size:27px;border:1px solid #bfc0c8;background:transparent;width:44px;height:44px;border-radius:50%}.close:hover{background:#111;color:#fff}.filters{display:flex;gap:6px;margin:24px 0 20px;flex-wrap:wrap}.filters button{border:1px solid #babcc5;background:transparent;padding:10px 15px;border-radius:30px;font-size:11px;min-height:38px}.filters button[aria-pressed=true]{background:#17181d;color:#fff;border-color:#17181d}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.service-grid li{border:1px solid #bfc1cb;background:#ffffff60;min-height:86px;padding:17px;display:flex;flex-direction:column;gap:12px;border-radius:7px}.service-grid li>span{font:9px Mono,monospace;color:#6a6c75}.service-grid strong{font:600 15px/1.35 Space,sans-serif}.panel-note{font:8px/1.6 Mono,monospace;letter-spacing:.04em;margin:20px 0 0;color:#585b65}
@media(max-width:850px){.review-nav>span:last-child{display:none}.stage-header{font-size:7px}.stage-header>span:last-child{max-width:150px;text-align:right}h1{font-size:70px}.gallery h1{font-size:86px}.intro{font-size:13px}.satellites{gap:8px}.satellites button{padding:10px 12px;font-size:10px}footer{font-size:7px}footer>span:nth-child(2){display:none}}
@media(max-width:600px){.review-nav{height:52px;padding:0 8px;justify-content:center}.review-nav>span{display:none}.review-nav button{font-size:9px;padding:10px}.stage{height:calc(100svh - 52px);min-height:440px}.stage-header,footer{padding:17px 6%;font-size:6px;letter-spacing:.03em}.stage-header>span:last-child{max-width:100px}.logo{width:145px;margin-bottom:15px;max-height:17svh}.eyebrow{font-size:6px;margin-bottom:15px}h1{font-size:clamp(35px,10vw,59px);margin-bottom:18px;letter-spacing:-.045em}.intro{font-size:12px;margin-bottom:20px;line-height:1.7}.center{padding:5px 18px}.reveal{padding:11px 19px;font-size:11px;gap:25px}.satellites{gap:5px;padding:8px 10px 10px}.satellites button{font-size:8px;padding:8px;gap:5px;min-height:40px}.satellites button span{font-size:12px}.orbit-art div{width:160%;left:-30%;top:25%;aspect-ratio:1.3}.orbit-art div:nth-child(2){width:185%;left:-42%;top:15%}.orbit-art div:nth-child(3){width:130%;left:-15%;top:25%}.gallery .logo{width:120px;margin-bottom:18px}.gallery h1{font-size:clamp(55px,17vw,85px);margin-bottom:16px}.gallery .intro{font-size:11px}.gallery-art{font-size:200px;padding:0}.gallery-services button{font-size:7px;padding:12px 17px;letter-spacing:.02em}.gallery footer{margin-top:4px}.launch-card{padding:18px 20px 22px;border-radius:10px}.console-center{padding:0 18px}.console .logo{width:110px;max-height:12svh}.console h1{font-size:clamp(47px,14vw,75px);margin-bottom:14px}.console .intro{font-size:11px}.console .eyebrow{font-size:6px}.console-dock{gap:6px;padding-top:12px}.console-dock button{padding:9px 16px;font-size:10px;gap:8px}.card-top{font-size:6px}.console footer{padding-top:15px;padding-bottom:15px}#service-panel{width:calc(100vw - 24px);padding:19px;border-radius:12px}.panel-header p{font-size:6px}.panel-header h2{font-size:23px}.close{width:38px;height:38px}.filters{margin:18px 0 14px;gap:5px}.filters button{font-size:9px;padding:8px 11px;min-height:34px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-grid li{min-height:67px;padding:10px;gap:7px}.service-grid strong{font-size:12px}.service-grid li>span{font-size:7px}.panel-note{font-size:6px;margin-top:14px}}
@media(max-height:650px){.stage-header,footer{padding-top:12px;padding-bottom:12px}.logo{width:115px;max-height:14svh;margin-bottom:10px}.eyebrow{margin-bottom:10px}.intro{margin-bottom:15px}.console .logo{width:85px;max-height:10svh}.console h1{font-size:50px}.gallery .logo{width:95px;margin-bottom:10px}.gallery h1{font-size:60px}.launch-card{padding-top:12px;padding-bottom:17px}.card-top{margin-bottom:4px}.console .intro{margin-bottom:12px}.service-grid li{min-height:56px;padding:8px;gap:5px}#service-panel{padding:16px}.panel-note{margin-top:10px}.filters{margin-top:14px;margin-bottom:10px}}
@media(max-height:480px) and (min-width:601px){.stage{min-height:0}.stage-header,footer{padding:7px 4%}.center{display:grid;grid-template-columns:auto 1fr;gap:0 25px;padding:5px 15%;text-align:left}.center .logo{grid-column:1;grid-row:1/5;width:120px;max-height:120px;margin:0}.center .eyebrow{grid-column:2;margin:0;font-size:6px}.center h1{grid-column:2;font-size:40px;margin:8px 0}.center .intro{grid-column:2;font-size:10px;margin-bottom:8px}.center .reveal{grid-column:2;min-height:37px;width:fit-content;padding:8px 15px;font-size:10px}.gallery h1 br{display:none}.gallery h1{font-size:45px}.satellites{padding:5px}.satellites button{min-height:34px;padding:5px 12px}.gallery-services button{min-height:34px;padding:8px 20px}.console-center{padding:0 15%}.launch-card{display:grid;grid-template-columns:100px 1fr;gap:0 22px;padding:12px 25px;text-align:left}.card-top{grid-column:1/-1;margin-bottom:8px}.console .logo{grid-column:1;grid-row:2/6;width:100px;max-height:110px;margin:0}.console .eyebrow,.console h1,.console .intro,.console .reveal{grid-column:2}.console h1{font-size:37px;margin:3px 0}.console h1 br{display:none}.console .intro{font-size:10px;margin:5px 0 8px}.console .reveal{min-height:36px;padding:7px 12px;font-size:10px}.console-dock{padding-top:7px}.console-dock button{min-height:34px;padding:5px 20px}#service-panel{padding:15px;max-height:calc(100svh - 20px)}.panel-header h2{font-size:23px}.panel-header p{margin-bottom:6px}.filters{margin:10px 0}.filters button{padding:6px 12px;min-height:30px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-grid li{min-height:48px;padding:8px;gap:4px}.service-grid strong{font-size:11px}.service-grid li>span{font-size:7px}.panel-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:600px) and (max-height:650px){#service-panel{padding:14px}.panel-header h2{font-size:20px}.panel-header p{margin-bottom:6px}.filters{gap:4px;margin:12px 0 10px}.filters button{padding:6px 9px;font-size:8px;min-height:30px}.service-grid{gap:6px}.service-grid li{min-height:43px;padding:7px;justify-content:center}.service-grid li>span{display:none}.service-grid strong{font-size:11px;line-height:1.3}.panel-note{font-size:5px;margin-top:9px}}

/* Selected White Gallery: one screen, with a persistent lights switch. */
html{color-scheme:light}body{background:#f5f5f3}.stage{height:100svh;min-height:0}
.stage-header{align-items:center;min-height:76px;padding-top:16px;padding-bottom:16px}
.theme-toggle{display:flex;align-items:center;gap:12px;background:#e9e9e7;border:1px solid #c4c4c8;color:#292a30;border-radius:30px;padding:8px 14px 8px 8px;font:8px Mono,monospace;letter-spacing:.1em;min-height:44px}
.bulb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#17181c;color:#fff;font:16px Arial,sans-serif;box-shadow:0 0 12px #0001}.theme-toggle:hover{border-color:#777}.gallery footer{padding-top:19px;padding-bottom:19px}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#08090b}
[data-theme=dark] .gallery{background:radial-gradient(ellipse at 50% 25%,#1d1e26,#08090b 65%);color:#f7f7f8}
[data-theme=dark] .gallery .stage-header,[data-theme=dark] .gallery footer{color:#b3b4be}
[data-theme=dark] .gallery .logo{filter:none}
[data-theme=dark] .gallery .eyebrow,[data-theme=dark] .gallery .intro{color:#b4b5bf}
[data-theme=dark] .gallery h1 span{background:linear-gradient(130deg,#f0f0f7,#90939e 45%,#dfe1eb);background-clip:text;color:transparent}
[data-theme=dark] .gallery-art{color:#ffffff07}
[data-theme=dark] .gallery .reveal{background:linear-gradient(135deg,#f2f2f7,#a6a9b5);color:#121318;border-color:#c5c7d2}
[data-theme=dark] .gallery-services button{background:#121318e6;color:#c1c3cf;border-color:#484a55}
[data-theme=dark] .gallery-services button:hover{background:#30323d;color:#fff}
[data-theme=dark] .theme-toggle{background:#1d1e26;border-color:#494b57;color:#dddfe9}
[data-theme=dark] .bulb{background:#dfe1eb;color:#16171d}
[data-theme=dark] #service-panel{background:linear-gradient(145deg,#252730,#101116);color:#f2f2f7;border-color:#646774}
[data-theme=dark] .panel-header p,[data-theme=dark] .panel-note{color:#b9bdcb}
[data-theme=dark] .close{border-color:#666a79;color:#eee}
[data-theme=dark] .close:hover{background:#eee;color:#111}
[data-theme=dark] .filters button{border-color:#666a79;color:#dfe1eb}
[data-theme=dark] .filters button[aria-pressed=true]{background:#e8eaf3;color:#16171c;border-color:#e8eaf3}
[data-theme=dark] .service-grid li{background:#ffffff06;border-color:#555968}
[data-theme=dark] .service-grid li>span{color:#b7bccc}
@media(max-width:600px){.stage{height:100svh;min-height:0}.stage-header{min-height:70px;padding:13px 6%;font-size:7px}.stage-header>span{max-width:170px}.stage-header>span:last-child{max-width:none}.theme-toggle{gap:8px;font-size:7px;padding:6px 10px 6px 6px}.gallery .logo{width:135px;max-height:17svh}.gallery h1{font-size:clamp(58px,17vw,85px)}.gallery footer{padding-top:15px;padding-bottom:15px}}
@media(max-height:650px){.stage-header{min-height:60px;padding-top:8px;padding-bottom:8px}.gallery .logo{width:105px;max-height:15svh}.gallery h1{font-size:60px}.gallery footer{padding-top:12px;padding-bottom:12px}}
@media(max-height:480px) and (min-width:601px){.stage-header{min-height:50px}.gallery h1{font-size:45px}.gallery .logo{width:105px;max-height:120px}.gallery footer{padding-top:6px;padding-bottom:6px}}