/* SUPRA-Tex · A study in surface, light and identity. */
:root{--warm:#e4d2ad;--soft-white:#f2f0e9}
.soft-gold{color:var(--warm)}
.hero{background:radial-gradient(ellipse at 73% 45%,#19252b 0,#090f13 40%,#050709 75%)}
.hero h1{font-weight:300}.hero-content{max-width:710px}.hero-description{line-height:1.85;max-width:355px}
.emergence-stage{left:44%;width:53%;top:19%;height:66%}.emergence-world{top:17%}
.hero.realtime .emergence-world,.hero.pending3d .emergence-world{aspect-ratio:16/9;top:13%}
.hero.pending3d .hero-specimen{visibility:hidden}.hero.pending3d .hero-live-controls{opacity:0}
.hero.realtime .hero-specimen{left:0!important;top:0!important;width:100%!important;height:100%!important}
.hero.realtime #hero-film{visibility:hidden}.hero.realtime #emergence-canvas{z-index:4;pointer-events:none}
.hero.realtime .aircraft-shadow{background-image:url('assets/reference-fighter.png');background-size:67% auto;background-position:59.3% 58%}
.model-mount{position:absolute;inset:0;z-index:3;pointer-events:none}.model-mount>canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;outline:none}
.hero-live-controls{position:absolute;left:3%;right:3%;bottom:135px;display:flex;justify-content:space-between;align-items:center;font:8px Consolas,monospace;letter-spacing:.1em;color:#83959e;z-index:6}
.hero-live-controls button{color:#e8d5ad;border:1px solid #dfc69945;border-radius:24px;font:11px SupraSans,sans-serif;letter-spacing:0;padding:10px 15px;background:#101a22c9;backdrop-filter:blur(10px)}.hero-live-controls button:hover{background:#26313a}.hero-live-controls button span{margin-left:10px}
.hero.realtime.exploring .hero-specimen,.hero.realtime.exploring .model-mount{pointer-events:auto}.hero.realtime.exploring .model-mount>canvas{touch-action:none}.hero.realtime .flight-caption{top:-19%;left:30%}
.capability-line{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px;max-width:750px;z-index:1}.capability-line a{display:flex;align-items:center;font-size:12px;border-top:1px solid #d2c5a42e;padding-top:18px;color:#c9cecc;gap:12px}.capability-line span{font:9px Consolas,monospace;color:#9c8a64}.capability-line i{font-style:normal;margin-left:auto;color:#bca77d;transition:transform .3s}.capability-line a:hover i{transform:translate(3px,-3px)}
.materials-section{background:radial-gradient(ellipse at 80% 35%,#4a514624,transparent 45%),#070b0e}.materials-section .section-heading h2{font-size:clamp(48px,5.5vw,84px)}
.observatory{border:1px solid #b9c5c127;border-radius:9px;overflow:hidden;position:relative;background:#0b1115;box-shadow:0 40px 110px #0005;--ambient:#b7c9c2}
.observatory:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#f5e9cd8c,transparent);z-index:5}
.observatory-top{height:58px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;font:8px Consolas,monospace;letter-spacing:.13em;color:#81918f;border-bottom:1px solid #d3d8c816;background:#11181a66}.live-label{color:#d6dac8;display:flex;align-items:center;gap:9px}.live-label i{width:5px;height:5px;border-radius:50%;background:#bacaaa;box-shadow:0 0 12px #bdcf9860}
.observatory-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;min-height:535px}.lab-viewport{height:535px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#38424038,transparent 65%);transition:background .7s}.lab-viewport .model-mount{z-index:3;pointer-events:auto}.lab-viewport .model-mount canvas{touch-action:pan-y;cursor:grab}.lab-viewport .model-mount canvas:active{cursor:grabbing}.lab-viewport.exploring canvas{touch-action:none}
.lab-aureole{position:absolute;width:55%;aspect-ratio:1;left:24%;top:5%;border-radius:50%;border:1px solid #d3ddbd12;box-shadow:0 0 90px #c1ce9f04,inset 0 0 90px #c1ce9f06;pointer-events:none}.lab-aureole:after{content:'';position:absolute;inset:14%;border-radius:50%;border:1px solid #d3ddbd0b}.lab-floor{position:absolute;bottom:12%;left:25%;width:52%;height:5%;background:#0008;border-radius:50%;filter:blur(22px);pointer-events:none}
.lab-title{position:absolute;left:29px;top:29px;pointer-events:none;z-index:4}.lab-title>span{font:8px Consolas,monospace;letter-spacing:.15em;color:#8b9a9e}.lab-title h3{font-size:31px;font-weight:300;letter-spacing:-.04em;margin-top:10px;color:#e2e5df}
.lab-reference{position:absolute;bottom:28px;left:29px;width:103px;z-index:4;pointer-events:none}.lab-reference>span:first-child{display:block;font:7px Consolas,monospace;letter-spacing:.14em;color:#7c8b8b;margin-bottom:9px}.lab-reference img{width:94px;height:86px;object-fit:contain;background:#d8ded410;border:1px solid #d8ded418;border-radius:3px;padding:8px}.lab-reference>span:last-child{display:block;font-size:8px;color:#899894;margin-top:9px;white-space:nowrap}.lab-gesture{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font:7px Consolas,monospace;letter-spacing:.09em;color:#849893;z-index:4;pointer-events:none;white-space:nowrap}
.lab-controls{padding:30px 25px 22px;border-left:1px solid #d3d8c816;background:#090e1190;display:flex;flex-direction:column;gap:29px}.control-index{font:8px Consolas,monospace;letter-spacing:.15em;color:#a3aa9a;display:block;margin-bottom:15px}.channel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.channel-buttons button{font-size:10px;padding:10px 6px;color:#829291;border:1px solid #b6c2b319;border-radius:3px;transition:all .3s}.channel-buttons button:hover{border-color:#d3c6a35c;color:#e2d9c0}.channel-buttons button[aria-pressed=true]{background:#d2c29a16;border-color:#d2c29a60;color:#e6d6ac}.control-block p{font-size:10px;line-height:1.75;color:#82908e;margin-top:13px;min-height:35px}.environment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.environment-buttons button{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e8d8d;text-align:left;padding:6px 0}.environment-buttons button[aria-pressed=true]{color:#e4d5b2}.environment-buttons i{width:23px;height:23px;border-radius:50%;border:2px solid #a9baa125;box-shadow:inset 0 0 7px #0007;display:inline-block}.environment-buttons button[aria-pressed=true] i{outline:1px solid #cfbd91;outline-offset:2px}.env-studio{background:linear-gradient(135deg,#cddcd5,#2c3d44 70%)}.env-sunset{background:linear-gradient(165deg,#a6bdcf 15%,#d08b59 56%,#413836 59%)}.env-forest{background:radial-gradient(ellipse at 55% 20%,#c8d0af,#496545 60%,#273d35)}.env-courtyard{background:linear-gradient(165deg,#92b6d0 35%,#d3bfa2 39%,#736c60)}.light-range-label{display:flex;justify-content:space-between;margin-top:22px;margin-bottom:10px;font-size:9px;color:#8c9a95}.light-range-label output{font:9px Consolas,monospace;color:#c0ae8b}#light-direction{width:100%;height:2px;accent-color:#d7c49d;cursor:ew-resize}
.lab-bottom-controls{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #d3d8c820;padding-top:21px;gap:9px}.lab-bottom-controls button{padding:4px 0;font-size:9px;color:#aeb7ae}.lab-bottom-controls button span{color:#d1bd94;margin-right:5px}.lab-bottom-controls button:hover{color:#f3dfb6}.lab-bottom-controls button[aria-pressed=false]{color:#74857e}
.asset-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d3d8c820;background:#070c0f}.asset-choice{position:relative;min-width:0;min-height:128px;padding:18px 18px 15px;text-align:left;border-right:1px solid #d3d8c817;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr auto;transition:background .4s}.asset-choice:last-child{border-right:0}.asset-choice:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#d3c197;transform:scaleX(0);transform-origin:left;transition:transform .5s}.asset-choice[aria-pressed=true]{background:linear-gradient(0deg,#d1c29314,transparent)}.asset-choice[aria-pressed=true]:after{transform:scaleX(1)}.asset-choice:hover{background:#d3c1970d}.asset-choice img{height:59px;max-width:105px;width:100%;object-fit:contain;grid-column:2;filter:grayscale(.55);opacity:.65;transition:filter .4s,opacity .4s,transform .5s;justify-self:center}.asset-choice[aria-pressed=true] img,.asset-choice:hover img{filter:none;opacity:1;transform:translateY(-3px)}.asset-number{grid-column:1;grid-row:1;font:8px Consolas,monospace;color:#6f817e;padding-top:5px}.asset-choice-name{grid-column:1/-1;grid-row:2;font-size:10px;color:#b1bdb5;display:block;margin-top:12px}.asset-choice small{font:7px Consolas,monospace;color:#637a77;display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.1em}.asset-choice[aria-pressed=true] .asset-choice-name{color:#e7d8b9}.asset-arrow{position:absolute;right:14px;top:18px;font-size:12px;color:#ae9a70;opacity:0;transition:opacity .3s}.asset-choice:hover .asset-arrow,.asset-choice[aria-pressed=true] .asset-arrow{opacity:1}
.observatory-foot{padding:16px 26px;font:8px Consolas,monospace;letter-spacing:.03em;color:#6b817c;border-top:1px solid #d3d8c817;display:flex;justify-content:space-between;align-items:center;gap:15px}.observatory-foot button{font:10px SupraSans,sans-serif;color:#b9b59f}.observatory-foot button span{margin-left:12px;color:#d9c59a}.observatory[data-environment=sunset]{--ambient:#cf9462}.observatory[data-environment=sunset] .lab-viewport{background:radial-gradient(ellipse at 65% 40%,#70442b42,transparent 72%)}.observatory[data-environment=forest] .lab-viewport{background:radial-gradient(ellipse at 50% 40%,#4e664230,transparent 72%)}.observatory[data-environment=courtyard] .lab-viewport{background:radial-gradient(ellipse at 50% 30%,#6b879e30,transparent 72%)}.observatory:not([data-channel=pbr]) #lighting-controls{opacity:.35}.observatory:not([data-channel=pbr]) .lab-viewport{background:#161b1e}.lab-loading{position:absolute;inset:0;background:#0b1115cd;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:8;backdrop-filter:blur(5px);font-size:11px;color:#c0c7b6;opacity:0;pointer-events:none;transition:opacity .3s}.observatory[aria-busy=true] .lab-loading{opacity:1}.loading-line{width:90px;height:1px;background:#d7c6a425;position:relative;overflow:hidden}.loading-line:after{content:'';position:absolute;inset:0;background:#d7c6a4;animation:loading-light 1.4s ease-in-out infinite;transform-origin:left}@keyframes loading-light{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.lab-touch{display:none;position:absolute;right:20px;bottom:23px;z-index:6;border:1px solid #d2c09c50;border-radius:20px;background:#101c21d9;padding:10px 14px;font-size:10px;color:#dfceaa}.lab-touch span{margin-left:12px}
.film-note{margin-top:38px;border-top:1px solid #d4c7a51f;padding-top:20px}.film-note summary{font-size:11px;color:#9aaba7;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.film-note summary span{color:#d6c498}.film-note .cinema{margin-top:23px;max-width:1000px;margin-left:auto;margin-right:auto;transform:none}.film-note .cinema video{max-height:520px}.material-properties{max-width:none;margin:35px 0 0}
.control-section{background:#e8e8df;overflow:hidden}.control-section .section-heading>p{color:#66716f}.control-stories{display:grid;grid-template-columns:1fr 1fr;gap:25px}.control-stories article{padding:28px 28px 0;border:1px solid #677c741f;background:#f4f4ed;border-radius:5px;overflow:hidden}.control-story-copy h3{font-size:26px;font-weight:400;letter-spacing:-.035em;margin:20px 0 14px;color:#293733}.control-story-copy p{font-size:13px;color:#727d76;line-height:1.85;max-width:430px}.control-figure{margin:24px -28px 0;padding:20px;background:white;display:flex;align-items:center;justify-content:center;min-height:240px}.control-figure img{width:100%;height:auto;max-height:320px;object-fit:contain;transition:transform 1s}.control-stories article:hover img{transform:scale(1.035)}
.method-journey{gap:95px;margin-top:65px}.method-steps article,.method-steps article:last-child{min-height:325px}.method-steps{padding-bottom:10px}.method-display{height:380px}.method-intro .body-copy{max-width:480px}.method-visual{top:150px}.release-section{overflow:hidden}.release-eclipse{width:850px;height:850px;top:80px;border-color:#d9c39236;box-shadow:0 -12px 70px -25px #fff1d670}.site-footer{border-top:1px solid #c7ba9318}
@media(min-width:1700px){.hero-content{max-width:850px}.hero-description{max-width:460px;font-size:18px}.emergence-stage{top:19%;height:67%}.observatory-body{grid-template-columns:minmax(0,1fr) 290px}.lab-viewport{height:650px}.lab-controls{padding:36px;gap:37px}.lab-title h3{font-size:40px}.asset-choice{min-height:145px}}
@media(max-width:1100px){.hero-content{max-width:580px}.emergence-stage{left:48%;width:49%;top:23%;height:61%}.hero-live-controls{font-size:7px;bottom:130px}.hero-live-controls button{font-size:9px;padding:9px 12px}.observatory-body{grid-template-columns:minmax(0,1fr) 210px}.lab-controls{padding:25px 18px}.lab-viewport{height:505px}.asset-choice{padding:16px 12px 13px}.asset-choice-name{font-size:9px}.control-story-copy h3{font-size:23px}.method-journey{gap:50px}.capability-line{gap:15px}.capability-line a{font-size:10px}.lab-gesture{left:56%;font-size:6px}}
@media(max-width:720px){.hero{height:990px;min-height:960px}.hero-content{max-width:none;padding-top:137px}.hero-description{font-size:13px;max-width:320px}.emergence-stage{left:5%;width:90%;top:49%;height:36%}.hero.realtime .emergence-world{top:11%}.hero-live-controls{bottom:100px;left:5%;right:5%;font-size:6px}.hero-live-controls button{font-size:9px;padding:8px 11px}.hero.realtime .flight-caption{top:-16%;font-size:6px}.scene-controls{left:5%;right:5%}.scene-caption{font-size:10px}.scene-gesture{font-size:5px}.scene-chapters button span{font-size:8px}.capability-line{grid-column:1;gap:12px;margin-top:35px;max-width:100%}.capability-line a{font-size:9px;display:block;line-height:1.8}.capability-line span{display:block;font-size:7px}.capability-line i{float:right}.materials-section .section-heading h2{font-size:48px}.observatory{margin-left:-12px;margin-right:-12px;border-radius:5px}.observatory-top{height:44px;padding:0 17px;font-size:6px;letter-spacing:.03em}.observatory-top>span:nth-child(2){display:none}.observatory-body{display:block}.lab-viewport{height:370px}.lab-viewport .model-mount{pointer-events:none}.lab-viewport.exploring .model-mount{pointer-events:auto}.lab-title{left:19px;top:23px}.lab-title h3{font-size:27px}.lab-title>span{font-size:6px}.lab-reference{width:66px;left:19px;bottom:20px}.lab-reference img{width:64px;height:60px;padding:4px}.lab-reference>span:first-child{font-size:6px;margin-bottom:6px}.lab-reference>span:last-child{font-size:6px}.lab-gesture{display:none}.lab-touch{display:block}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 18px 17px;border-left:0;border-top:1px solid #d3d8c816}.control-index{font-size:7px;margin-bottom:12px}.channel-buttons button{padding:9px 3px;font-size:9px}.control-block p{font-size:9px;margin-top:11px;min-height:44px}.environment-buttons{gap:5px}.environment-buttons button{font-size:8px;gap:6px}.environment-buttons i{height:18px;width:18px}.light-range-label{font-size:8px;margin-top:15px}.lab-bottom-controls{grid-column:1/-1;padding-top:14px}.lab-bottom-controls button{font-size:9px}.asset-rail{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d3c19733 #090f12;scroll-snap-type:x mandatory}.asset-choice{flex:0 0 29%;min-height:123px;padding:13px 12px;scroll-snap-align:start}.asset-choice img{height:54px;grid-column:1/-1;padding:0 6px}.asset-number{position:absolute;left:9px;top:8px;font-size:6px}.asset-arrow{right:9px;top:11px;font-size:10px}.asset-choice-name{font-size:9px;line-height:1.4}.asset-choice small{font-size:6px}.observatory-foot{font-size:6px;padding:14px 16px;align-items:flex-start;line-height:1.8}.observatory-foot button{font-size:8px;text-align:right;white-space:nowrap}.observatory-foot button span{margin-left:3px}.material-properties p{font-size:10px}.control-stories{grid-template-columns:1fr;gap:20px}.control-stories article{padding:24px 23px 0}.control-story-copy h3{font-size:25px}.control-story-copy p{font-size:12px}.control-figure{margin-left:-23px;margin-right:-23px;min-height:180px;padding:14px}.method-steps article,.method-steps article:last-child{min-height:0}.method-journey{margin-top:40px}.release-eclipse{width:640px;height:640px;top:100px}.site-header nav{display:none}}
@media(prefers-reduced-motion:reduce){.hero.realtime .hero-specimen{will-change:auto}.loading-line:after{animation:none}.model-mount canvas{transition:none}}

.evidence-headline-protocol{font-size:10px;line-height:1.8;color:#6f807f;margin:28px 0 48px;max-width:800px}.evidence-tabs{display:flex;gap:35px;border-bottom:1px solid #cbd4c221}.evidence-tabs button{font-size:12px;color:#6d817e;padding:15px 0 20px;position:relative}.evidence-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#d5c299;transform:scaleX(0);transition:transform .4s}.evidence-tabs button[aria-selected=true]{color:#e2d1ab}.evidence-tabs button[aria-selected=true]:after{transform:scaleX(1)}.evidence-panel{padding-top:28px}.evidence-panel[hidden]{display:none}.evidence-panel-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin:8px 0 22px}.evidence-panel-intro h3{font-size:24px;letter-spacing:-.03em;font-weight:350;color:#c5cfc5}.evidence-panel-intro p{font-size:12px;line-height:1.8;color:#8a9a93}.evidence-details{border-bottom:1px solid #c2ceb520;margin-top:20px}.evidence-details summary{display:flex;justify-content:space-between;cursor:pointer;font-size:12px;color:#b4c1b7;padding:17px 0;list-style:none}.evidence-details summary span{color:#d4bd8e;font-size:17px;font-weight:200;transition:transform .3s}.evidence-details[open] summary span{transform:rotate(45deg)}.evidence-protocol,.evidence-table-key,.evidence-result-note{font-size:10px;line-height:1.8;color:#7e908a;max-width:940px;margin:18px 0}.evidence-protocol strong,.evidence-table-key strong{font-weight:500;color:#afbbad}.evidence-table-scroll{overflow-x:auto;border:1px solid #cbd4c21b;border-radius:4px;margin:22px 0;scrollbar-width:thin;scrollbar-color:#d1bd9150 #0c1417}.evidence-table{border-collapse:collapse;width:100%;font-size:12px;color:#a8b8aa;text-align:right;min-width:550px;font-variant-numeric:tabular-nums}.evidence-table caption{text-align:left;padding:17px 20px;font:8px Consolas,monospace;letter-spacing:.05em;color:#8d9c8c;background:#c7d1b206}.evidence-table th,.evidence-table td{padding:16px 20px;border-bottom:1px solid #cbd4c20e;white-space:nowrap;font-weight:400}.evidence-table thead th{font-size:9px;color:#768e81;vertical-align:bottom}.evidence-table th:first-child{text-align:left;color:#b2bfb2}.evidence-table tbody tr:last-child>*{border-bottom:0}.evidence-table tbody tr:hover{background:#c6d7b305}.evidence-table .is-ours{background:#d5c2990a;color:#ead9ad}.evidence-table .is-ours th{color:#ead9ad;font-weight:500}.evidence-table-wide{min-width:1450px;font-size:10px}.evidence-table-wide th:first-child{position:sticky;left:0;background:#0c1217;z-index:1}.evidence-table-wide .is-ours th:first-child{background:#1b201e}.evidence-table-wide td{padding:15px 18px}.pair-divider{color:#51655a;padding:0 5px}.preference-cell{background:linear-gradient(90deg,#c6b5800c var(--score),transparent var(--score));position:relative}.preference-cell:after{content:'';position:absolute;left:20px;right:20px;bottom:10px;height:1px;background:linear-gradient(90deg,#bfa87560 var(--score),#8fa49812 var(--score))}.comparison-exception{color:#9aa6a0}.evaluation-section{padding-bottom:95px}
@media(max-width:720px){.evidence-headline-protocol{font-size:9px;margin-bottom:33px}.evidence-tabs{gap:23px}.evidence-tabs button{font-size:9px;padding-bottom:17px}.evidence-panel-intro{display:block;margin-top:4px}.evidence-panel-intro h3{font-size:22px;line-height:1.3}.evidence-panel-intro p{margin-top:15px;font-size:11px}.evidence-protocol,.evidence-table-key,.evidence-result-note{font-size:9px}.evidence-table{font-size:10px;min-width:505px}.evidence-table th,.evidence-table td{padding:15px}.evidence-table-wide{min-width:1360px}.evidence-table caption{font-size:7px}.evidence-details summary{font-size:10px}.evaluation-section{padding-bottom:70px}}

/* Readable instrument labels, with room for the material itself. */
.observatory-top{font-size:9px}.control-index{font-size:9px}.channel-buttons button{font-size:12px}.control-block p{font-size:11px}.environment-buttons button{font-size:11px}.light-range-label{font-size:10px}.lab-bottom-controls button{font-size:11px}.lab-reference>span:first-child{font-size:8px}.lab-reference>span:last-child{font-size:9px}.lab-title>span{font-size:9px}.lab-gesture{font-size:8px}.asset-choice-name{font-size:12px}.asset-choice small{font-size:8px}.asset-number{font-size:9px}.observatory-foot{font-size:9px}.observatory-foot button{font-size:11px}.hero .eyebrow{font-size:9px}.scene-caption{font-size:13px}.hero-live-controls{font-size:9px}.scene-chapters button span{font-size:11px}.scene-chapters button{font-size:9px}.photo-caption{font-size:10px}.hero.realtime .flight-caption{font-size:9px}.hero-live-controls button{font-size:12px}.hero-live-controls button:disabled{pointer-events:none}.evidence-headline-protocol,.evidence-protocol,.evidence-table-key,.evidence-result-note{font-size:11px}.evidence-tabs button{font-size:13px}
@media(max-width:1100px){.observatory-body{grid-template-columns:minmax(0,1fr) 230px}.lab-controls{padding-left:20px;padding-right:20px}.asset-choice-name{font-size:11px}.hero .eyebrow{font-size:8px}.hero-live-controls{font-size:7px}.hero-live-controls button{font-size:10px}.hero.realtime .flight-caption{font-size:8px}.scene-chapters button span{font-size:10px}.scene-caption{font-size:11px}}
@media(max-width:720px){.observatory-body{display:block}.hero .eyebrow{font-size:7px}.hero-live-controls{font-size:6px}.hero-live-controls button{font-size:9px}.hero.realtime .flight-caption{font-size:6px}.scene-chapters button{font-size:7px}.scene-chapters button span{font-size:9px}.scene-caption{font-size:10px}.photo-caption{font-size:7px}.observatory-top{font-size:8px}.control-index{font-size:8px}.channel-buttons button{font-size:10px}.control-block p{font-size:10px}.environment-buttons button{font-size:9px}.light-range-label{font-size:9px}.lab-bottom-controls button{font-size:11px}.asset-choice-name{font-size:10px}.asset-choice small{font-size:7px}.asset-number{font-size:7px}.lab-reference>span:first-child{font-size:7px}.lab-reference>span:last-child{font-size:7px}.lab-title>span{font-size:8px}.observatory-foot{font-size:8px}.observatory-foot button{font-size:9px}.evidence-headline-protocol,.evidence-protocol,.evidence-table-key,.evidence-result-note{font-size:10px}.evidence-tabs button{font-size:10px}}
@media(min-width:521px) and (max-width:720px){.hero{height:1120px;min-height:1100px}.emergence-stage{left:50%;transform:translateX(-50%);width:460px;top:45%;height:37%}.hero-content{padding-top:137px}.hero-live-controls{bottom:112px}.scene-controls{bottom:0}}
.lab-fallback-poster{position:absolute;inset:14% 12%;width:76%;height:72%;object-fit:contain;pointer-events:none}.fallback3d .lab-gesture,.fallback3d .lab-touch{display:none}.fallback3d .lab-controls{opacity:.4}.fallback3d #lab-model{visibility:hidden}
@media(max-width:720px){.lab-reference>span:first-child{display:none}}

/* Material meanings and provenance live with the instrument they describe. */
.observatory .observatory-context{padding:17px 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-top:1px solid #c7b99525;background:#141818}
.observatory-context>p{font-size:11px;line-height:1.7;color:#a8afa8;margin:0;flex:1;max-width:480px}
.observatory .demo-notes{padding:0;border:0;flex:1;max-width:560px;font-size:11px;line-height:1.7;color:#a8afa8;scroll-margin-top:120px}
.observatory .demo-notes summary{padding:0;min-height:24px;display:flex;justify-content:space-between;gap:30px;color:#c7b995;cursor:pointer;font-size:11px;line-height:1.7}
.observatory .demo-notes summary span{color:#c7b995}.observatory .demo-notes[open] summary span{transform:rotate(45deg)}
.observatory .demo-notes p{font-size:11px;line-height:1.75;color:#a8afa8;margin:11px 0 0;max-width:560px}
.observatory #channel-description{min-height:40px;max-width:260px}
@media(max-width:720px){.observatory .observatory-context{padding:15px 17px;gap:11px;flex-direction:column}.observatory-context>p{font-size:10px}.observatory .demo-notes{width:100%;max-width:none}.observatory .demo-notes summary,.observatory .demo-notes p{font-size:10px}.observatory #channel-description{min-height:48px}}

/* The material changes; the instrument remains quiet and steady. */
.observatory{--lab-transition:280ms;--lab-ease:cubic-bezier(.22,.68,.12,1)}
#lab-model{isolation:isolate}
#lab-model>.lab-frame-blend{z-index:1;pointer-events:none;cursor:default}
.observatory .channel-buttons button{transition:color var(--lab-transition) var(--lab-ease),background-color var(--lab-transition) var(--lab-ease),border-color var(--lab-transition) var(--lab-ease)}
.observatory .environment-buttons button{transition:color var(--lab-transition) var(--lab-ease),opacity var(--lab-transition) var(--lab-ease)}
.observatory .environment-buttons i{outline:1px solid transparent;outline-offset:2px;transition:outline-color var(--lab-transition) var(--lab-ease),border-color var(--lab-transition) var(--lab-ease)}
.observatory .environment-buttons button[aria-pressed=true] i{outline-color:#cfbd91}
.observatory #lighting-controls{transition:opacity var(--lab-transition) var(--lab-ease)}
.observatory .asset-choice,.observatory .asset-choice img,.observatory .asset-choice:after,.observatory .asset-arrow{transition-duration:var(--lab-transition);transition-timing-function:var(--lab-ease)}
.observatory .asset-choice[data-pending] .asset-arrow{opacity:.6}
.observatory .environment-buttons button[data-pending]{opacity:.65}
.observatory .lab-loading{transition:opacity var(--lab-transition) var(--lab-ease)}
.observatory.lab-replacing .lab-loading{inset:auto 20px 18px auto;background:#0b1115d9;backdrop-filter:blur(5px);border:1px solid #c7b99526;border-radius:3px;padding:12px 15px;gap:9px;font-size:10px;transition-delay:120ms}
.observatory.lab-replacing .lab-loading .loading-line{width:60px}
.observatory.lab-load-error .lab-loading{opacity:1}
.observatory.lab-load-error .loading-line{display:none}
.observatory-foot #lab-retry{padding:9px 14px;border:1px solid #d6c18b80;border-radius:3px;background:#d6c18b14;color:#e0ce9e;font-size:12px;cursor:pointer}
.observatory-foot #lab-retry:hover,.observatory-foot #lab-retry:focus-visible{background:#d6c18b2e;border-color:#e0ce9e}
.motion-paused .observatory *,.motion-paused .observatory *:before,.motion-paused .observatory *:after{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.observatory *,.observatory *:before,.observatory *:after{transition:none!important;animation:none!important}}

.observatory .lab-viewport,.observatory[data-environment] .lab-viewport,.observatory:not([data-channel=pbr]) .lab-viewport{background:none;transition:none}
.observatory .lab-viewport:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:#38424038;mask-image:radial-gradient(ellipse at 50% 35%,#000,transparent 70%);transition:background-color var(--lab-transition) var(--lab-ease),opacity var(--lab-transition) var(--lab-ease)}
.observatory[data-environment=sunset] .lab-viewport:before{background-color:#70442b42}
.observatory[data-environment=forest] .lab-viewport:before{background-color:#4e664230}
.observatory[data-environment=courtyard] .lab-viewport:before{background-color:#6b879e30}
.observatory .lab-viewport:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#161b1e;opacity:0;transition:opacity var(--lab-transition) var(--lab-ease)}
.observatory:not([data-channel=pbr]) .lab-viewport:before{opacity:0}
.observatory:not([data-channel=pbr]) .lab-viewport:after{opacity:1}