:root{--bg:#050505;--ink:#f2f2ef;--muted:#a8b2b5;--cyan:#00e5ff;--gold:#d8b376;--line:rgba(255,255,255,.16);--glass:rgba(8,14,18,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.top{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 4.5%;background:linear-gradient(#05090cec,#05090c66);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-weight:800;letter-spacing:-.04em;font-size:28px}.brand b{color:var(--cyan)}.brand small{font-weight:400;letter-spacing:.22em;font-size:12px;margin-left:10px}.nav{margin-left:auto;display:flex;gap:28px;font-size:11px;letter-spacing:.12em}.nav a:hover{color:var(--cyan)}.menu{display:none;margin-left:auto;background:none;border:0;font-size:24px}.cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid #69dff0;min-height:48px;padding:0 22px;letter-spacing:.07em;font-size:11px}.cta.primary{background:var(--cyan);color:#041014;border-color:var(--cyan);font-weight:700}.cta:hover{box-shadow:0 0 26px #16d9f255}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:108px 5% 50px;overflow:hidden}.hero:before{content:'';position:absolute;inset:-2%;background-image:var(--hero);background-size:cover;background-position:center;filter:saturate(.78) contrast(1.05) brightness(.78);transform:scale(1.035);z-index:-3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,9,.93) 0%,rgba(2,6,9,.58) 32%,rgba(2,6,9,.08) 66%,rgba(2,6,9,.35) 100%);z-index:-2}.hero-copy{width:min(520px,44vw);position:relative;z-index:4}.eyebrow{letter-spacing:.25em;color:var(--cyan);font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(54px,6vw,102px);line-height:.88;letter-spacing:-.06em;margin:0 0 24px}.hero h1 span{color:var(--cyan)}.hero p{max-width:520px;color:#d5dcdf;line-height:1.7;font-size:17px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.portal-grid{position:absolute;right:4.8%;bottom:6%;width:min(52vw,800px);display:grid;grid-template-columns:repeat(5,1fr);gap:8px;z-index:5}.portal{position:relative;aspect-ratio:1.07;clip-path:polygon(50% 0,100% 100%,0 100%);background:#0b141a;border:0;padding:0;overflow:hidden;cursor:pointer;transition:.4s transform,.4s filter}.portal:nth-child(even){clip-path:polygon(0 0,100% 0,50% 100%)}.portal img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.66);transition:.45s}.portal:after{content:attr(data-label);position:absolute;left:12%;right:12%;bottom:10%;font-size:10px;letter-spacing:.08em;text-align:center;font-weight:700;text-shadow:0 2px 10px #000}.portal:hover{transform:translateY(-10px) scale(1.025);filter:drop-shadow(0 0 18px #12daf4aa)}.portal:hover img{filter:saturate(1.1) brightness(.95)}
.section{padding:90px 5%;border-top:1px solid var(--line);position:relative}.section h2{font-size:clamp(38px,4vw,68px);margin:0 0 16px;letter-spacing:-.05em}.section .lead{color:var(--muted);max-width:740px;line-height:1.75}.worldlab{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;margin-top:38px}.labcanvas{height:560px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#132c38,#05080c 70%);position:relative}.labcanvas canvas{width:100%;height:100%;display:block;touch-action:none}.labhelp{position:absolute;left:18px;bottom:16px;font-size:10px;letter-spacing:.12em;color:#b9c7cc}.labpanel{border:1px solid var(--line);padding:28px;background:linear-gradient(180deg,#0a1218dd,#05090cee)}.labpanel h3{font-size:32px;margin:0 0 16px}.labpanel p{color:var(--muted);line-height:1.7}.labpanel .worldlink{display:block;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.labpanel .worldlink span{float:right;color:var(--cyan)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.card{border:1px solid var(--line);background:#081116;padding:22px;min-height:170px}.card b{color:var(--cyan);font-size:12px;letter-spacing:.12em}.card h3{font-size:24px;margin:14px 0 9px}.card p{color:var(--muted);font-size:13px;line-height:1.6}.footer{padding:28px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9babad;font-size:10px;letter-spacing:.12em}
.pagehero{min-height:75vh;display:flex;align-items:flex-end;padding:120px 5% 58px;background-image:linear-gradient(90deg,#04080ae9,#04080a60 55%,#04080a66),var(--hero);background-size:cover;background-position:center}.pagehero h1{font-size:clamp(52px,7vw,108px);line-height:.92;letter-spacing:-.055em;margin:0}.pagehero p{font-size:18px;color:#d4dcde;max-width:620px;line-height:1.7}.subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.subcard{min-height:240px;border:1px solid var(--line);padding:26px;background:linear-gradient(180deg,#0a141b,#071015);position:relative;overflow:hidden}.subcard:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(18,218,244,.07));pointer-events:none}.subcard h3{font-size:27px;margin:12px 0}.subcard p{color:var(--muted);line-height:1.65}.back{display:inline-block;margin-top:26px;color:var(--cyan);font-size:12px;letter-spacing:.1em}
.transition{position:fixed;inset:0;z-index:99;pointer-events:none;background:#020509;transform:translateY(100%);transition:.6s cubic-bezier(.7,0,.2,1)}.transition.on{transform:translateY(0)}
@media(max-width:900px){.nav{display:none}.menu{display:block}.hero{min-height:auto;padding-top:106px;padding-bottom:340px}.hero-copy{width:100%}.portal-grid{left:4%;right:4%;bottom:36px;width:auto;grid-template-columns:repeat(3,1fr)}.portal-grid .portal:nth-child(n+4){display:none}.worldlab{grid-template-columns:1fr}.labcanvas{height:420px}.cards,.subgrid{grid-template-columns:1fr 1fr}.pagehero{min-height:64vh}}
@media(max-width:560px){.brand{font-size:23px}.hero h1{font-size:52px}.hero p{font-size:15px}.portal-grid{grid-template-columns:repeat(3,1fr)}.cards,.subgrid{grid-template-columns:1fr}.labcanvas{height:340px}.section{padding:60px 20px}.hero{padding-left:20px;padding-right:20px}.footer{padding:25px 20px;display:block}.footer span{display:block;margin-top:10px}}
/* V19 DISTINCT INTERACTIONS */
.interactive-lab{padding:72px 5%;border-top:1px solid var(--line);background:#05090c}.interactive-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.interactive-head h2{font-size:clamp(34px,4vw,64px);margin:0;letter-spacing:-.045em}.interactive-head p{max-width:600px;color:var(--muted);line-height:1.7}.lab-stage{height:540px;border:1px solid var(--line);position:relative;overflow:hidden;background:#061017}.lab-stage.bg-mapping{background-image:linear-gradient(180deg,rgba(3,8,12,.18),rgba(3,8,12,.5)),url('assets/mapping.jpg');background-size:cover;background-position:center}.lab-stage canvas{width:100%;height:100%;display:block;touch-action:none}.lab-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.lab-toolbar button{border:1px solid var(--line);background:#07131a;color:#d9e4e8;padding:10px 15px;font-size:10px;letter-spacing:.11em}.lab-toolbar button.active{color:#031014;background:var(--cyan);border-color:var(--cyan)}.lab-caption{position:absolute;left:18px;bottom:18px;background:rgba(3,9,13,.72);border:1px solid var(--line);padding:10px 13px;font-size:9px;letter-spacing:.14em;color:#d8e4e8}.lab-split{display:grid;grid-template-columns:1.45fr .55fr;gap:16px}.lab-side{border:1px solid var(--line);padding:24px;background:#081217}.lab-side h3{font-size:25px;margin:0 0 12px}.lab-side p{color:var(--muted);line-height:1.7}.lab-side label{display:block;margin:20px 0;color:#c6d4d9;font-size:11px;letter-spacing:.08em}.lab-side input[type=range]{width:100%;accent-color:var(--cyan)}.venue-stage{min-height:520px;position:relative;border:1px solid var(--line);background-image:linear-gradient(180deg,rgba(3,8,12,.15),rgba(3,8,12,.4)),url('assets/venue.jpg');background-size:cover;background-position:center;transition:filter .7s,box-shadow .7s}.venue-stage[data-atmos='dinner']{filter:sepia(.18) saturate(.9) brightness(.92);box-shadow:inset 0 0 140px rgba(255,180,90,.16)}.venue-stage[data-atmos='night']{filter:saturate(1.15) brightness(.72) hue-rotate(8deg);box-shadow:inset 0 0 170px rgba(35,95,255,.2)}.venue-stage[data-atmos='brand']{filter:saturate(1.35) hue-rotate(300deg) brightness(.82);box-shadow:inset 0 0 170px rgba(255,35,145,.16)}.venue-stage[data-atmos='ambient']{filter:saturate(.65) brightness(.88);box-shadow:inset 0 0 130px rgba(90,220,170,.14)}.venue-copy{position:absolute;left:4%;bottom:7%;max-width:410px;background:rgba(4,10,14,.72);backdrop-filter:blur(10px);border:1px solid var(--line);padding:22px}.venue-copy h3{font-size:28px;margin:0 0 9px}.venue-copy p{color:#d3dde0;line-height:1.65;margin:0}.portal-grid .portal:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 68%);transform:translateX(-140%);transition:transform .7s;z-index:2}.portal-grid .portal:hover:before{transform:translateX(140%)}
@media(max-width:900px){.lab-split{grid-template-columns:1fr}.lab-stage{height:410px}.interactive-head{display:block}.interactive-head p{margin-top:14px}.venue-stage{min-height:440px}}
@media(max-width:560px){.interactive-lab{padding:55px 20px}.lab-stage{height:340px}.venue-stage{min-height:390px}.venue-copy{left:20px;right:20px;bottom:20px;max-width:none}}
/* mobile navigation */
@media(max-width:900px){body.mobilemenu .nav{display:flex;position:fixed;top:72px;left:0;right:0;z-index:80;flex-direction:column;gap:0;padding:18px 24px;background:rgba(3,9,13,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}body.mobilemenu .nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.menu{z-index:90}}
/* V20 HOME WORLD LAB */
.home-hero .hero-meta{margin-top:22px;color:#9eb1b8;font-size:9px;letter-spacing:.17em}
.worldlab-section{background:radial-gradient(circle at 28% 20%,#10242d 0,#05090c 55%,#030608 100%)}
.worldlab-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1500px;margin:0 auto 28px}.worldlab-title h2{margin:0}.worldlab-title .lead{max-width:600px;margin:0}
.worldlab-v20{max-width:1500px;margin:0 auto;grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr)}
.world-stage{height:680px;background:radial-gradient(circle at 50% 38%,#11303a,#071016 48%,#020508 90%);overflow:hidden;isolation:isolate}
.world-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(50,210,255,.025) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(50,210,255,.025) 80px);pointer-events:none;z-index:1}
.world-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}
.world-scanline{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,transparent,rgba(117,231,255,.05),transparent);background-size:100% 16px;mix-blend-mode:screen;opacity:.25}
.world-status{position:absolute;top:18px;left:18px;z-index:4;display:flex;gap:12px;align-items:center;background:rgba(2,7,10,.68);border:1px solid rgba(255,255,255,.16);padding:10px 12px;backdrop-filter:blur(12px)}
.world-status span{font-size:8px;letter-spacing:.17em;color:#8eb8c6}.world-status b{font-size:10px;letter-spacing:.11em;color:#fff}
.world-instructions{position:absolute;left:18px;bottom:80px;z-index:4;color:#9fb0b6;font-size:8px;letter-spacing:.13em;background:#02060999;padding:9px 11px;border:1px solid rgba(255,255,255,.12)}
.world-dock{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.world-dock button{min-width:0;background:rgba(3,9,13,.78);border:1px solid rgba(255,255,255,.15);color:#dbe6e9;min-height:48px;padding:7px 8px;font-size:9px;letter-spacing:.08em;transition:.3s;backdrop-filter:blur(10px)}
.world-dock button span{display:block;color:#4ddcf5;font-size:8px;margin-bottom:4px}.world-dock button:hover,.world-dock button.active{border-color:#36ddf6;color:white;box-shadow:inset 0 -2px #36ddf6,0 0 24px rgba(25,210,245,.15);background:rgba(9,30,40,.92)}
.world-reset{position:absolute;right:18px;top:18px;z-index:4;background:#020609aa;border:1px solid rgba(255,255,255,.16);color:#9fb0b6;font-size:8px;letter-spacing:.14em;padding:10px 12px}
.world-panel{display:flex;flex-direction:column;justify-content:center;min-height:680px}.world-panel h3{font-size:clamp(32px,3vw,54px);line-height:.94;letter-spacing:-.045em;margin:10px 0 18px}.world-panel>p{font-size:14px;line-height:1.8}
.world-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.11);margin:26px 0}.world-metrics span{background:#081217;padding:15px 10px;font-size:8px;letter-spacing:.09em;color:#8da3ad}.world-metrics b{display:block;color:#e9d1a3;font-size:18px;letter-spacing:-.02em;margin-bottom:4px}.world-open{margin-top:2px}.world-keymap{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:6px 15px;border-top:1px solid var(--line);padding-top:18px}.world-keymap small{color:#77929e;font-size:8px;letter-spacing:.14em}.world-keymap b{font-size:9px;letter-spacing:.15em;color:#dce6e9}
.ecosystem-cards .card{display:block;transition:.35s transform,.35s border-color}.ecosystem-cards .card:hover{transform:translateY(-7px);border-color:rgba(42,214,243,.55)}
@media(max-width:900px){.worldlab-title{display:block}.worldlab-title .lead{margin-top:18px}.worldlab-v20{grid-template-columns:1fr}.world-stage{height:510px}.world-panel{min-height:0}.world-dock{grid-template-columns:repeat(3,1fr)}.world-dock button:nth-child(n+4){display:none}.world-instructions{bottom:140px}.world-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.world-stage{height:420px}.world-status{right:18px}.world-status span{display:none}.world-dock{grid-template-columns:repeat(3,1fr)}.world-reset{display:none}.world-panel h3{font-size:34px}.world-instructions{font-size:7px;bottom:140px}.home-portals{display:none}}
/* V21 WORLD LAB 2.0 */
.world-actions{display:grid;gap:9px;margin-top:4px}.world-actions .cta{width:100%}.world-actions .world-back{background:transparent;border-color:rgba(216,179,118,.48);color:#e8d2aa}.world-actions button:disabled{opacity:.45;cursor:default;box-shadow:none}.world-stage.in-world{box-shadow:inset 0 0 120px rgba(25,210,245,.05)}
.world-panel .world-open{background:transparent;color:#dfecef}.world-panel .world-open:hover{background:rgba(19,215,241,.08)}
@media(max-width:900px){.world-dock{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.world-dock button{min-width:132px;scroll-snap-align:start}.world-dock button:nth-child(n+4){display:block}.world-instructions{bottom:92px}.world-actions{grid-template-columns:1fr 1fr}.world-actions .world-back{grid-column:1/-1}}
@media(max-width:560px){.world-dock button{min-width:122px}.world-actions{grid-template-columns:1fr}.world-actions .world-back{grid-column:auto}.world-instructions{bottom:92px}}

/* V23 PUBLICATION CANDIDATE */
:root{--graphite:#111315;--green:#62ff8a}
body{font-family:Inter,Arial,Helvetica,sans-serif}.top{background:linear-gradient(#050505f2,#05050570)}
.notice{font-size:9px;letter-spacing:.11em;color:#84969c;line-height:1.6}.concept-note{position:absolute;right:18px;bottom:18px;z-index:8;background:rgba(2,6,9,.72);border:1px solid rgba(255,255,255,.14);padding:8px 10px;font-size:8px;letter-spacing:.12em;color:#9cafb4;backdrop-filter:blur(8px)}
.pagehero{position:relative}.pagehero:after{content:'ART3D CONCEPT VISUALIZATION';position:absolute;right:5%;bottom:18px;font-size:8px;letter-spacing:.13em;color:#84969c}
.proof-note{max-width:850px;color:#9babad;line-height:1.7;font-size:12px;margin-top:16px}.division-cta{border:1px solid rgba(0,229,255,.28);background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(17,19,21,.7));padding:28px;margin-top:28px;display:flex;justify-content:space-between;gap:24px;align-items:center}.division-cta h3{font-size:30px;margin:0 0 8px}.division-cta p{color:var(--muted);margin:0;line-height:1.65;max-width:720px}
.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:34px}.contact-card,.project-form{border:1px solid var(--line);background:#081116;padding:28px}.contact-card h3,.project-form h3{font-size:28px;margin:0 0 12px}.contact-card p{color:var(--muted);line-height:1.7}.contact-links{display:grid;gap:10px;margin-top:24px}.contact-links a{border-top:1px solid var(--line);padding:14px 0;color:#e6f2f4}.contact-links a span{float:right;color:var(--cyan)}
.project-form{display:grid;gap:14px}.project-form label{display:grid;gap:7px;font-size:9px;letter-spacing:.13em;color:#9bb0b7}.project-form input,.project-form textarea,.project-form select{width:100%;border:1px solid rgba(255,255,255,.18);background:#05090c;color:#f2f2ef;padding:13px 14px;outline:none;font:inherit}.project-form textarea{min-height:130px;resize:vertical}.project-form input:focus,.project-form textarea:focus,.project-form select:focus{border-color:var(--cyan)}.form-status{min-height:18px;color:#9fc1ca;font-size:11px;line-height:1.5}.smallprint{font-size:10px;color:#7e9299;line-height:1.6}
.work-state{display:flex;gap:10px;align-items:center;color:#98aab0;font-size:10px;letter-spacing:.1em;margin-top:18px}.work-state i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px rgba(98,255,138,.5)}
.footer{align-items:flex-start;gap:24px}.footer .footright{text-align:right;max-width:620px;line-height:1.7}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.division-cta{display:block}.division-cta .cta{margin-top:18px}.footer .footright{text-align:left}}