/* ETV 2076: a spatial console, grounded in legibility and stable imagery. */
.future-hero,.technology-cover,.film-frame{animation:none!important;clip-path:none!important;filter:none!important}.future-hero:after{background:linear-gradient(90deg,#f3f8fcf7 0%,#f3f8fced 28%,#edf5fbb0 46%,#e8f7ff00 72%)}.future-still{position:absolute;inset:0;z-index:-3;display:block}.future-still img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.future-hero .hero-editorial{max-width:780px}.future-hero .hero-editorial h1{font-size:clamp(54px,6.5vw,104px)}.future-coordinate{background:#f6fbfdc9;padding:12px 16px;border-left:1px solid #85b4c8;bottom:24px}.technology-cover>img,.universal-tech-cover>img,.course-entry-cover>figure>img,.cover-art>img{animation:none!important;transform:none!important}.future-reveal.future-arrived{animation:quiet-arrive .55s ease-out both}@keyframes quiet-arrive{from{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:none}}::view-transition-new(root){animation:quiet-arrive .3s ease both}::view-transition-old(root){animation:none}
.spatial-studio{--console-ink:#e6f4fa;--console-muted:#a8c7d9;--console-line:#80bed637;position:relative;padding:100px 4.5% 70px;background:radial-gradient(ellipse at 60% 48%,#174663 0,#0b283e 38%,#061725 78%);color:var(--console-ink);isolation:isolate}.spatial-studio:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#7ac7e508 1px,transparent 1px),linear-gradient(90deg,#7ac7e508 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000 35%,transparent)}.spatial-studio .section-intro{grid-template-columns:.6fr 2fr;margin:0 2% 50px;align-items:start}.spatial-studio .section-intro h2{font-size:clamp(42px,4.6vw,68px);color:#e9f7ff;letter-spacing:-.05em}.spatial-studio .section-intro h2 em{color:#93d6eb}.spatial-studio .section-intro p:not(.eyebrow){max-width:620px;color:#b6cfde;font-size:14px;line-height:1.8}.spatial-studio .eyebrow{color:#9bc4d7}.console-shell{position:relative;max-width:1700px;margin:0 auto;border:1px solid #7fc5e16b;border-radius:20px;background:linear-gradient(135deg,#8dd5f51c,#091e3155 40%,#83d9f508);box-shadow:0 45px 100px #00000065,inset 0 1px #e5faff66,inset 0 -1px #7fcee92e;overflow:hidden}.console-shell:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#fff0 20%,#c1ecff05 40%,#fff0 55%);z-index:2}.console-topline,.console-bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;font:9px Arial,sans-serif;letter-spacing:.13em;color:#a6cadd;border-bottom:1px solid var(--console-line)}.console-topline>span:first-child{display:flex;align-items:center;gap:10px;color:#dcf6ff}.console-topline i{width:5px;height:5px;display:block;border-radius:50%;background:#86dded;box-shadow:0 0 12px #75d8f5}.console-topline b{margin-left:20px;font-weight:400;color:#d2edf9}.console-bottomline{border-top:1px solid var(--console-line);border-bottom:0;font-size:8px;color:#8eb1c5;padding:17px 26px}.console-workspace{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:650px}.console-bay{min-width:0}.spatial-studio .studio-tabs{display:flex;flex-direction:column;gap:8px;border:0;border-right:1px solid var(--console-line);border-radius:0;background:#05152333;margin:0;padding:22px 10px;overflow:visible}.spatial-studio .studio-tabs button{min-height:98px;border:1px solid transparent;border-radius:9px;padding:18px 7px;font-size:11px;line-height:1.65;color:#9cbed1;background:transparent;text-align:center;white-space:normal}.spatial-studio .studio-tabs button[aria-selected=true]{border-color:#8bd8f76b;color:#e9fbff;background:linear-gradient(135deg,#3c809c44,#28638616);box-shadow:inset 0 1px #c4f1ff27,0 5px 25px #00000020}.spatial-studio .studio-tabs button:hover{background:#5089a62b;color:#e9fbff}.spatial-studio .studio-tabs button:focus-visible{outline:2px solid #b4ecff;outline-offset:2px}.spatial-studio .studio-panel{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.15fr) minmax(250px,1fr);min-height:650px;border:0;border-radius:0;background:none;overflow:visible}.spatial-studio .studio-controls{padding:30px 24px;border-right:1px solid var(--console-line);background:linear-gradient(160deg,#7fb5d20b,#051a2b22);min-width:0}.spatial-studio .studio-panel h3{font-size:27px;line-height:1.18;letter-spacing:-.035em;color:#e1f4ff;margin:18px 0 28px;font-weight:400}.spatial-studio .studio-controls .eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.8}.spatial-studio .studio-controls label:not(.check-control){font-size:11px;color:#b7d3e2;margin:22px 0}.spatial-studio .studio-controls input:not([type=checkbox]):not([type=range]),.spatial-studio .studio-controls select{border:1px solid #77adc457;border-radius:6px;background:#061c2ce8;color:#d8ecf7;font-size:12px;padding:12px 10px;margin-top:10px;box-shadow:inset 0 1px 5px #00000030;color-scheme:dark}.spatial-studio .studio-controls input:focus-visible,.spatial-studio .studio-controls select:focus-visible{outline:2px solid #9fdbf1;outline-offset:3px}.spatial-studio .studio-controls input[type=range],.spatial-studio .check-control input{accent-color:#8ad6e8}.spatial-studio .studio-download{width:100%;text-align:left;font-size:11px;background:linear-gradient(120deg,#8ed8ee22,#69b9da0b);color:#e2f8ff;border-color:#86cce58c;border-radius:6px;padding:14px 12px;box-shadow:inset 0 1px #b2f1ff19;transition:background .2s}.spatial-studio .studio-download:hover{background:#5aabc142}.spatial-studio .check-control{color:#b7d3e2;font-size:11px;line-height:1.6}.spatial-studio .studio-controls legend{color:#b7d3e2;font-size:11px}.spatial-studio .studio-output{padding:30px 24px;background:linear-gradient(140deg,#629fc60a,#08263d45);justify-content:flex-start;border-left:1px solid var(--console-line)}.spatial-studio .studio-output>.eyebrow{font-size:8px;line-height:1.8;margin:0 0 30px;min-height:30px;letter-spacing:.1em}.spatial-studio .studio-output p,.spatial-studio .studio-output li{color:#b8d3e2;font-size:12px;line-height:1.85}.spatial-studio .studio-caption{color:#96b8cd!important;font-size:10px!important;margin-top:25px;line-height:1.8!important}.spatial-studio .studio-output a{color:#b3e4f5;font-size:12px}.spatial-studio .mini-site{padding:22px 18px;border-color:#8ec9e359;min-height:350px;background:linear-gradient(150deg,#a1e2fb12,#0a233a70);box-shadow:inset 0 1px #d8faff29,0 15px 40px #00000020;border-radius:10px}.spatial-studio .mini-site h3{font-size:30px;color:#b9e4f7;margin-top:42px;max-width:230px}.spatial-studio .mini-nav strong{color:#d5f0ff;font-size:11px}.spatial-studio .mini-nav span{display:none}.spatial-studio .mini-nav{border-color:var(--console-line)}.spatial-studio .mini-site p{font-size:11px;max-width:230px}.spatial-studio .mini-site a{background:transparent;border:1px solid var(--signature);color:#d5effa;font-size:10px;padding:11px 12px;box-shadow:inset 0 0 22px #8bd5ff09}.spatial-studio .mini-orb{display:none}.spatial-studio .mini-site:after{content:"";position:absolute;right:-70px;bottom:-130px;width:280px;aspect-ratio:1;border-radius:50%;border:1px solid var(--signature);box-shadow:0 0 0 18px #79c5ea06,0 0 0 55px #79c5ea04;z-index:-1}.spatial-studio .decision-orbit{display:none}.spatial-studio .route-badge{font-size:8px;background:#78c5d712;border:1px solid #8bc9e650;color:#b9ebfa;border-radius:4px;padding:9px 10px;line-height:1.6;letter-spacing:.08em}.spatial-studio .audit-bars{height:120px;gap:8px;margin:0 0 20px}.spatial-studio .audit-bars i{background:#40648066;border:1px solid #729db72e;border-radius:3px 3px 0 0}.spatial-studio .audit-bars i.ready{background:linear-gradient(#a1e3f2a6,#3e85a96b);box-shadow:0 0 20px #5db4e415}.spatial-studio .module-path li{border-color:var(--console-line);padding:16px 0 16px 30px}.spatial-studio .module-path li:before{color:#9dcfe5}.spatial-model{padding:30px 20px 28px;min-width:0;display:flex;flex-direction:column;align-items:stretch;background:radial-gradient(ellipse at 50% 35%,#1f6c8e1c,transparent 65%)}.model-top{display:flex;flex-direction:column;gap:8px;text-align:center;color:#9dc7da;font:8px Arial,sans-serif;letter-spacing:.14em}.model-mode{color:#d5ecf8;letter-spacing:.03em;font-size:12px}.model-volume{position:relative;isolation:isolate;height:300px;width:100%;margin:10px 0 0}.system-field{width:100%;height:100%;display:block}.model-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:8px;text-shadow:0 2px 20px #041321}.model-center span{font:italic 38px Arial,sans-serif;letter-spacing:-.06em;color:#e5f8ff}.model-center small{font:7px Arial,sans-serif;letter-spacing:.2em;color:#bbdeed}.model-crosshair{position:absolute;width:13px;height:13px;border-color:#a9deef6b;border-style:solid;pointer-events:none}.crosshair-a{left:0;top:30px;border-width:1px 0 0 1px}.crosshair-b{bottom:28px;right:0;border-width:0 1px 1px 0}.system-components{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}.system-components button{display:flex;align-items:center;gap:9px;padding:11px 9px;border:1px solid #6599b337;border-radius:5px;background:#3f789014;color:#b6d3e4;font-size:10px;text-align:left;cursor:pointer;min-height:40px}.system-components button span{font-size:8px;color:#81b6ce}.system-components button[aria-pressed=true]{background:#5fbed121;border-color:#8ed9ea88;color:#e1f6ff}.system-components button:hover{background:#6fb7d02b}.system-components button:focus-visible{outline:2px solid #b4eaff;outline-offset:2px}.component-reading{padding:20px 2px;min-height:140px}.component-label{color:#cfedfa;font-size:12px}.component-description{color:#a9c9dc;font-size:11px;line-height:1.8;margin:9px 0 0}.model-telemetry{margin-top:auto;padding:18px 2px 0;border-top:1px solid var(--console-line);display:flex;flex-direction:column;gap:10px}.model-telemetry>span{font-size:7px;color:#8fb5cd;letter-spacing:.15em}.telemetry-value{font-size:15px;color:#d5f0fa;font-weight:400;line-height:1.4}.telemetry-note{font-size:9px;color:#9ebed1;line-height:1.6}.telemetry-track{height:3px;background:#5b8ba52e;overflow:hidden}.telemetry-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4489b3,#b0edf1);transition:width .35s}.console-research{max-width:1200px;margin:32px auto 0;border-top:1px solid #5d9cb33b;padding:20px 0;color:#b7cfde}.console-research summary{font-size:11px;cursor:pointer;color:#a6c7da}.console-research p,.console-research li{font-size:12px;line-height:1.9;max-width:850px;color:#b8cfdd}.console-research a{color:#b6e4f1}.console-research ul{padding-left:18px}
@media(min-width:1700px){.spatial-studio .studio-controls,.spatial-studio .studio-output{padding:40px 32px}.spatial-studio .studio-panel h3{font-size:33px}.model-volume{height:380px}.spatial-model{padding:40px 30px}.spatial-studio .studio-panel{min-height:770px}.spatial-studio .studio-controls label:not(.check-control){font-size:13px}.spatial-studio .studio-output p,.spatial-studio .studio-output li{font-size:13px}}
@media(max-width:1200px){.console-workspace{grid-template-columns:83px minmax(0,1fr)}.spatial-studio{padding:75px 4% 55px}.spatial-studio .studio-panel{grid-template-columns:minmax(210px,.9fr) minmax(230px,1fr)}.spatial-studio .studio-output{grid-column:1/-1;border-left:0;border-top:1px solid var(--console-line);padding:28px 30px}.spatial-studio .studio-output>p.eyebrow{min-height:0;margin-bottom:18px}.spatial-studio .mini-site{max-width:none;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.spatial-studio .mini-nav{grid-column:1/-1}.spatial-studio .mini-site h3{margin:12px 0 0;max-width:360px}.spatial-studio .mini-site a{justify-self:start;align-self:center;margin:0}.spatial-studio .mini-site p{max-width:420px}.spatial-studio .studio-panel h3{max-width:500px}.model-volume{height:280px}.component-reading{min-height:120px}.spatial-studio .studio-tabs button{padding:16px 5px;font-size:10px;min-height:88px}}
@media(max-width:800px){.spatial-studio .section-intro{grid-template-columns:1fr;gap:20px}.console-topline{font-size:8px;padding:20px}.console-topline>span:last-child{font-size:7px}.console-topline b{margin-left:8px}.console-bottomline{padding:17px 20px;font-size:7px;gap:25px}.spatial-studio .studio-controls{padding:28px 20px}.spatial-model{padding:28px 16px}.model-volume{height:260px}.spatial-studio .studio-panel{grid-template-columns:minmax(200px,.9fr) minmax(200px,1fr)}.console-workspace{grid-template-columns:74px minmax(0,1fr)}.spatial-studio .studio-tabs{padding:20px 7px}.spatial-studio .studio-tabs button{font-size:9px}.system-components button{font-size:9px;padding:10px 7px;gap:7px}.component-description{font-size:10px}.spatial-studio .section-intro h2{font-size:49px}}
@media(max-width:650px){.future-hero:after{background:linear-gradient(90deg,#f3f8fcf2,#f3f8fce0 50%,#edf5fbb3)}.future-still img{object-position:63% center}.future-coordinate{font-size:7px;right:6%;bottom:15px;padding:8px 10px}.spatial-studio{padding:60px 5% 40px}.spatial-studio .section-intro{margin:0 1% 32px}.spatial-studio .section-intro h2{font-size:43px}.spatial-studio .section-intro p:not(.eyebrow){font-size:12px}.console-shell{border-radius:13px}.console-workspace{display:block}.spatial-studio .studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--console-line);padding:10px 8px;gap:5px}.spatial-studio .studio-tabs button{min-height:63px;padding:10px 4px;font-size:9px;border:1px solid transparent;border-radius:6px;line-height:1.7}.spatial-studio .studio-panel{display:flex;flex-direction:column;min-height:0}.spatial-studio .studio-controls{order:2;border:0;border-top:1px solid var(--console-line);padding:26px 22px}.spatial-model{order:1;padding:26px 22px 24px}.spatial-studio .studio-output{order:3;padding:26px 22px;border-top:1px solid var(--console-line);min-height:0}.model-volume{height:255px;max-width:360px;margin:8px auto 0}.model-top{gap:7px}.system-components{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.system-components button{flex-direction:column;gap:5px;justify-content:center;text-align:center;font-size:9px;padding:9px 3px;min-height:55px}.component-reading{min-height:0;padding:20px 0}.component-description{font-size:11px}.model-telemetry{padding-top:15px;gap:8px}.telemetry-value{font-size:14px}.spatial-studio .mini-site{display:block;padding:20px;min-height:320px}.spatial-studio .mini-site h3{margin:35px 0 20px;font-size:32px}.spatial-studio .mini-site a{display:inline-block;margin-top:15px}.spatial-studio .studio-panel h3{font-size:29px}.spatial-studio .studio-controls label:not(.check-control){font-size:12px}.spatial-studio .studio-controls input:not([type=checkbox]):not([type=range]),.spatial-studio .studio-controls select{font-size:13px}.spatial-studio .studio-download{font-size:12px}.console-topline{padding:18px 17px;font-size:7px;gap:10px;letter-spacing:.08em}.console-topline>span:last-child{font-size:6px}.console-topline b{display:none}.console-bottomline{flex-direction:column;align-items:flex-start;gap:8px;font-size:7px;padding:17px 20px}.console-research p,.console-research li{font-size:11px}.spatial-studio .check-control{font-size:12px}.console-research{padding-bottom:15px}.spatial-studio .studio-output>.eyebrow{font-size:8px}.spatial-studio .studio-output p,.spatial-studio .studio-output li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.future-reveal.future-arrived{animation:none!important}::view-transition-new(root){animation:none!important}}
@media(min-width:651px){.future-still img{object-position:right center}}
@media(min-width:651px){.home-hero.future-hero{min-height:700px;padding:58px 6% 48px}.future-still img{object-position:90% top}}