/* QRELIA PULSE / SYSTEM EXHIBIT
   Intentionally NOT a conventional SaaS component library.
   A legible museum/instrument overlay sits over one persistent WebGL world.
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070d12;--panel:#111b23;--ink:#f1f4f0;--dim:#a4b6bd;--line:#34414b;--cyan:#42e7c9;--orange:#ff7855;--edge:clamp(22px,4.8vw,86px);--mono:'DM Mono',Consolas,monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);overflow-x:clip}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a:hover,button:hover{color:var(--cyan)}img{max-width:100%;height:auto}p{margin:0 0 1.2em}h1,h2,h3,h4{margin:0;font-family:var(--display);line-height:.88;text-transform:uppercase;font-weight:800;letter-spacing:-.021em}h1{font-size:clamp(86px,13.2vw,230px)}h2{font-size:clamp(72px,9.2vw,155px)}h3{font-size:clamp(32px,4.4vw,66px)}h1 em,h2 em,h3 em{font-style:normal;color:var(--cyan);font-weight:500}small,.eyebrow,.precision-note,.story-facts,.chapter-coordinate,.spec-grid,.instrument-bottom,.command-link,.detail-asset,.quiet-link,.micro-tag,.os-header,.os-telemetry,.os-footer,.flood-number,.control-bank,.build-stamp{font-family:var(--mono)}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:500}.eyebrow.accent{color:var(--cyan)}.skip-link{position:fixed;z-index:200;top:-100px;left:24px;background:#fff;color:#000;padding:12px}.skip-link:focus{top:20px}
.world{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .4s}.world canvas{width:100%!important;height:100%!important;display:block}.world.world-online{opacity:1}.static-world{pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.32;overflow:hidden}.static-world img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.3)}body.world-online .static-world{opacity:0}.os-grain{pointer-events:none;position:fixed;inset:0;z-index:2;opacity:.22;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(91,147,153,.028) 4px);mix-blend-mode:screen}.hud-rails{position:fixed;inset:0 var(--edge);z-index:1;pointer-events:none;border-left:1px solid rgba(102,139,146,.13);border-right:1px solid rgba(102,139,146,.13)}.hud-rails i:first-child{position:absolute;left:33.333%;top:0;height:100%;border-left:1px solid rgba(102,139,146,.10)}.hud-rails i:last-child{position:absolute;left:66.667%;top:0;height:100%;border-left:1px solid rgba(102,139,146,.10)}.route-progress{height:3px;position:fixed;left:0;top:0;right:0;background:rgba(42,62,68,.65);z-index:70}.route-progress-fill{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--cyan);will-change:transform}
.os-header{position:fixed;z-index:65;left:0;top:3px;right:0;min-height:77px;display:flex;align-items:center;gap:clamp(16px,3vw,52px);padding:10px var(--edge);border-bottom:1px solid rgba(79,117,125,.32);backdrop-filter:blur(20px);background:rgba(4,11,16,.90);font-size:10px;font-weight:500;letter-spacing:.045em}.os-logo{flex-shrink:0;display:flex;align-items:center;gap:11px;line-height:1.05;font-size:13px;letter-spacing:.04em;color:#fff}.os-logo small{display:block;font-size:8px;color:var(--dim);letter-spacing:.11em;margin-top:5px}.q-icon{font-size:32px;font-weight:700;font-family:var(--display);border:1px solid var(--cyan);width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--cyan);position:relative;line-height:1}.q-icon span{font-size:18px;position:absolute;right:1px;bottom:0}.logo-light{color:var(--dim);font-weight:400}.os-nav{display:flex;flex:1;justify-content:center;gap:clamp(12px,2vw,35px)}.os-nav a{white-space:nowrap;color:#b8c5c9}.os-nav a:hover{color:#fff}.os-contact{white-space:nowrap;display:flex;align-items:center;gap:20px;border:1px solid var(--cyan);padding:13px 17px;color:var(--cyan)}.os-contact span{font-size:20px;line-height:0}.os-contact:hover{background:var(--cyan);color:var(--bg)}.os-menu{display:none;background:none;color:var(--ink);border:1px solid var(--line);height:42px;width:45px;padding:10px;cursor:pointer}.os-menu span{display:block;background:var(--ink);height:1px;margin:5px 0}.os-mobile[hidden]{display:none!important}.os-mobile{position:fixed;z-index:64;top:79px;right:0;left:0;background:#101b23;max-height:calc(100dvh - 80px);overflow:auto;padding:24px var(--edge) 45px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;box-shadow:0 22px 50px #000b}.os-mobile a{padding:15px;border-bottom:1px solid var(--line);font:18px var(--display);text-transform:uppercase}.os-telemetry{position:fixed;left:var(--edge);right:var(--edge);bottom:0;height:40px;z-index:50;border-top:1px solid rgba(84,116,122,.42);background:rgba(6,14,18,.93);display:grid;grid-template-columns:1fr 2fr 2fr;align-items:center;gap:16px;font-size:9px;color:var(--dim);letter-spacing:.13em}.os-telemetry span:first-child{color:var(--cyan)}.live-led{text-align:right}.live-led:first-letter{color:var(--cyan)}main{position:relative;z-index:4;min-height:65vh}#main:focus{outline:0}
.experience{position:relative}.scene-chapter{min-height:135svh;position:relative;isolation:isolate;border-top:1px solid transparent}.chapter-inner{width:100%;min-height:100svh;padding:clamp(115px,13vh,170px) var(--edge) 85px;display:flex;position:sticky;top:0;align-items:center}.scene-start .chapter-inner{align-items:stretch;flex-direction:column;justify-content:space-between}.scene-start{min-height:155svh}.story-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.build-stamp{text-align:right;color:#a6bbc1;font-size:10px;line-height:1.8;letter-spacing:.06em}.hero-copy{max-width:min(59%,850px);position:relative}.hero-copy h1{font-size:clamp(76px,10vw,205px);line-height:.83;letter-spacing:-.045em;text-shadow:0 8px 60px #050b0ec4}.hero-copy h1 strong{font-weight:800;color:var(--cyan)}.hero-copy p{max-width:460px;margin:38px 0 30px;font-size:clamp(15px,1.6vw,20px);line-height:1.65;color:#c3d4d6;background:linear-gradient(90deg,rgba(6,13,18,.88),transparent);padding:8px 0}.flood-number{position:absolute;top:-.45em;left:-.08em;font-size:clamp(170px,25vw,400px);line-height:1;color:rgba(70,220,191,.06);pointer-events:none}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.command-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--cyan);color:#06151a;border:1px solid var(--cyan);padding:18px 21px;font-size:11px;letter-spacing:.065em;font-weight:500;min-width:248px;transition:background .2s,transform .2s}.command-link:hover{background:#c6fff1;color:#06151a;transform:translateY(-3px)}.command-link span{font-size:23px;line-height:0}.command-large{font-size:13px;padding:21px 25px}.quiet-link{display:inline-block;font-size:10px;letter-spacing:.1em;padding:10px 0;border-bottom:1px solid var(--line);color:var(--dim)}.quiet-link:hover{color:var(--cyan)}.instrument-bottom{display:flex;justify-content:space-between;align-self:stretch;gap:15px;color:var(--dim);font-size:9px;letter-spacing:.12em}.pulse-dot{color:var(--cyan);font-size:13px}.drag-pad{position:absolute;right:clamp(20px,9vw,155px);bottom:12%;width:178px;height:90px;background:rgba(9,23,30,.72);border:1px solid #4f8890;color:#c3e7e0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px var(--mono);letter-spacing:.08em;cursor:grab;touch-action:pan-y;user-select:none}.drag-pad>span{font-size:28px;line-height:1}.drag-pad small{font-size:8px;color:var(--dim);margin-top:5px}.drag-pad:active{cursor:grabbing}.scene-chapter:nth-child(2n) .chapter-inner{align-items:center}.aside-column{width:min(44%,570px);padding:30px 0 30px;border-top:1px solid rgba(83,136,142,.6);background:linear-gradient(90deg,rgba(6,14,19,.94),rgba(6,14,19,.78) 80%,transparent);position:relative}.aside-column.align-right{margin-left:auto;background:linear-gradient(270deg,rgba(6,14,19,.93),rgba(6,14,19,.75) 80%,transparent)}.aside-column h2{font-size:clamp(67px,7.3vw,119px);margin:20px 0 25px;word-break:normal;overflow-wrap:normal;line-height:.84;text-wrap:balance}.aside-column p{font-size:clamp(15px,1.25vw,18px);line-height:1.65;max-width:480px;color:#c6d0d0}.chapter-coordinate{position:absolute;bottom:75px;right:var(--edge);font-size:9px;letter-spacing:.2em;color:var(--cyan)}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spec-grid>div{padding:12px 9px;border-right:1px solid var(--line);min-width:0}.spec-grid>div:last-child{border-right:0}.spec-grid span,.spec-grid small{font-size:9px;display:block;color:var(--dim)}.spec-grid strong{font:48px var(--display);line-height:1.25;display:block;letter-spacing:-.03em;color:#fff}.assembly-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 10px}.assembly-notes>div{padding:11px 12px;background:rgba(8,18,23,.76);border:1px solid rgba(82,113,109,.58);min-width:0}.assembly-notes b{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid var(--cyan);color:var(--cyan);font:11px var(--mono);margin-bottom:10px}.assembly-notes span{display:block;font:11px var(--mono);letter-spacing:.1em;color:#eff7f8;text-transform:uppercase}.assembly-notes small{display:block;margin-top:6px;font-size:10px;line-height:1.6;color:var(--dim)}.control-bank{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.control-bank button{background:rgba(15,37,43,.95);border:1px solid #52716d;color:var(--cyan);padding:11px 13px;cursor:pointer;text-align:left;font:10px var(--mono)}.control-bank button[aria-pressed=true]{background:var(--cyan);color:var(--bg)}.precision-note{font:10px/1.75 var(--mono)!important;color:var(--dim)!important;margin-top:24px;max-width:460px}.signal-steps{padding:0;margin:25px 0 20px;list-style:none;border-top:1px solid var(--line)}.signal-steps li{display:grid;grid-template-columns:140px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font:12px/1.5 var(--mono)}.signal-steps span{color:var(--cyan);font-size:10px}.signal-steps strong{font-size:12px;color:#ddeceb;font-weight:400}.story-facts{display:flex;flex-direction:column;gap:0;margin:24px 0 24px}.story-facts span{border-bottom:1px solid var(--line);padding:10px 0;color:var(--cyan);font-size:10px;letter-spacing:.08em}.detail-asset{display:block;background:transparent;border:none;border-bottom:1px solid var(--line);padding:16px 0;letter-spacing:.08em;font-size:10px;color:#e8f6f3;cursor:pointer;text-align:left}.asset-safety{pointer-events:none}.scene-fallback{display:none}.world:not(.world-online)~.os-grain{opacity:.08}body:not(.world-online) .scene-fallback{display:block;position:absolute;inset:18% 4% 15% 48%;opacity:.55;z-index:-1;overflow:hidden}body:not(.world-online) .scene-fallback img{height:100%;width:100%;object-fit:contain;filter:grayscale(.3) brightness(.8)}body:not(.world-online) .scene-fallback:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 70%)}.scene-finish{min-height:115svh}.scene-finish .aside-column{width:min(50%,730px)}
/* The detail pages use the same world and transform language, with conventional
   accessible content kept outside the canvas for search and screen readers. */
.detail-start{position:relative;min-height:96svh;display:flex;align-items:center;padding:160px var(--edge) 90px;isolation:isolate}.detail-start>.detail-copy{width:min(57%,850px);border-top:1px solid var(--cyan);padding:22px 0}.detail-copy h1{font-size:clamp(84px,11.5vw,185px);margin:22px 0 30px}.detail-copy h1 em{display:block}.detail-copy>p{max-width:460px;font-size:19px;color:#ccd7d9}.detail-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}.detail-scene{min-height:95svh;display:flex;align-items:center;padding:110px var(--edge) 80px;position:relative}.detail-scene>.detail-text{width:min(43%,620px);background:linear-gradient(90deg,rgba(8,16,22,.95),rgba(8,16,22,.75));padding:25px 0;border-top:1px solid var(--line)}.detail-scene.is-right{justify-content:flex-end}.detail-scene.is-right>.detail-text{background:linear-gradient(-90deg,rgba(8,16,22,.94),rgba(8,16,22,.76))}.detail-text h2{font-size:clamp(66px,7.7vw,124px);margin:20px 0 28px}.detail-text p{max-width:440px;color:#c2d1d3}.detail-text .precision-note{font-size:10px}.detail-picture{display:none}.detail-banner{padding:115px var(--edge);background:rgba(12,25,32,.97);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.detail-banner h2{font-size:clamp(65px,8vw,135px)}.detail-banner .wide-lead{max-width:850px;margin:28px 0;color:#bed2d2;font-size:20px}.data-strips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);margin-top:46px}.data-strip{background:#111e25;padding:26px}.data-strip b{font:52px var(--display);color:var(--cyan);display:block;line-height:1}.data-strip span{display:block;color:var(--dim);font:10px/1.8 var(--mono);margin-top:15px;letter-spacing:.1em}.feature-docs{padding:90px var(--edge);position:relative;background:#0b151b}.doc-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-bottom:1px solid var(--line);padding:0 0 20px}.doc-head h2{font-size:clamp(50px,7vw,115px)}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:35px}.doc-tile{border:1px solid var(--line);padding:12px 12px 20px;background:#10202a}.doc-tile button{padding:0;border:0;background:none;display:block;cursor:zoom-in;width:100%}.doc-tile img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#e4e2dd}.doc-tile h3{font-size:31px;margin:16px 8px 5px}.doc-tile p{margin:0 8px 0;color:var(--dim);font-size:13px}.micro-tag{font:10px var(--mono);color:var(--cyan);letter-spacing:.13em;margin:10px 8px;display:block}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:35px}.notes-grid>div{padding:25px;background:#101e26}.notes-grid strong{font:45px var(--display);color:#fff;display:block}.notes-grid span{color:var(--cyan);font:10px var(--mono)}.notes-grid p{color:var(--dim);font-size:14px;margin-top:12px}.film-slot{padding:120px var(--edge);background:#05090d;border-top:1px solid var(--line)}.film-slot video{width:min(100%,1060px);height:auto;display:block;border:1px solid #425058;background:black}.film-slot p{color:var(--dim);margin-top:15px}.film-slot h1{font-size:clamp(75px,10vw,160px);margin-bottom:25px}.photo-register{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-register figure{margin:0;background:#101e26;border:1px solid var(--line);padding:8px}.photo-register img{width:100%;height:300px;object-fit:cover;display:block}.photo-register figcaption{padding:13px 8px 5px;color:var(--dim);font:10px var(--mono)}
/* Source asset vault: an unedited, navigable archive with high-resolution zoom. */
.vault-intro{padding:160px var(--edge) 60px;position:relative;background:linear-gradient(180deg,#0b1820ef,#091319eb)}.vault-intro h1{font-size:clamp(90px,12vw,195px);margin:24px 0}.vault-intro>p{max-width:750px;color:#c4d5d5;font-size:18px}.vault-tools{display:flex;flex-wrap:wrap;gap:8px;margin:38px 0 0}.vault-tools button{background:transparent;border:1px solid #50636c;color:#c0d2d4;padding:12px 18px;font:10px var(--mono);cursor:pointer}.vault-tools button[aria-pressed=true]{color:#001216;background:var(--cyan);border-color:var(--cyan)}.vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--line);padding:2px;margin:0 var(--edge) 100px}.vault-item{background:#0d1c23;min-width:0;overflow:hidden}.vault-item[hidden]{display:none}.vault-item button{display:block;border:0;padding:0;width:100%;cursor:zoom-in;background:#071015}.vault-item img{width:100%;aspect-ratio:1.06;object-fit:cover;display:block;filter:saturate(.8);transition:transform .4s,filter .4s}.vault-item button:hover img{transform:scale(1.035);filter:saturate(1)}.vault-item .vault-caption{min-height:70px;padding:12px;color:var(--dim);font:10px/1.7 var(--mono)}.vault-item .vault-caption b{color:var(--cyan);display:block;font-weight:400}.asset-dialog{z-index:150;border:1px solid var(--cyan);background:#0b161d;color:#fff;max-width:min(95vw,1400px);max-height:94dvh;padding:45px 16px 10px;box-shadow:0 20px 100px #000c}.asset-dialog::backdrop{background:#020608d9;backdrop-filter:blur(8px)}.asset-dialog img{max-width:100%;max-height:calc(90dvh - 120px);object-fit:contain;display:block;margin:auto}.asset-dialog p{font:11px var(--mono);text-align:center;margin:12px}.dialog-close{position:absolute;right:12px;top:10px;color:var(--cyan);border:0;background:none;font:11px var(--mono);cursor:pointer}
/* Functional lead intake, not simulated registration. */
.contact-stage{padding:150px var(--edge) 100px;position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(25px,6vw,110px);align-items:start}.contact-stage h1{font-size:clamp(73px,8vw,130px);margin:30px 0}.contact-stage .contact-prose{color:#c2d5d5;font-size:18px;max-width:450px}.form-panel{padding:30px;background:#0d1d25ef;border:1px solid #3d6972;box-shadow:0 30px 80px #0007}.form-kicker{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px;color:var(--cyan);font:10px var(--mono)}.lead-form{display:block}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.form-field label{font:10px var(--mono);color:#b8cccf;text-transform:uppercase;letter-spacing:.04em}.form-field label span{font-size:9px;color:var(--dim)}.form-field input,.form-field select,.form-field textarea{padding:12px 13px;background:#091319;border:1px solid #536770;color:#fff;max-width:100%;min-height:46px;border-radius:0}.form-field textarea{resize:vertical;min-height:140px}.form-field input::placeholder,.form-field textarea::placeholder{color:#7e9da6}.field-error,.validation-summary{color:#ffac9a;font-size:12px}.honeypot{position:absolute;left:-99999px;visibility:hidden}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;margin-top:20px}.form-footer p{max-width:280px;font-size:12px;color:var(--dim)}.form-footer p a{text-decoration:underline}.submit-button{padding:15px 21px;background:var(--cyan);border:1px solid var(--cyan);color:#05151b;cursor:pointer;font:11px var(--mono);display:flex;gap:22px}.submit-button:hover{background:#dcfff5;color:#06151a}.form-success{padding:30px 0}.form-success strong{font:50px var(--display)}.form-success p{color:var(--dim)}
/* Tables / plan disclosure: no invented prices or fake assurances. */
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:50px}.plan-card{background:#10222b;border:1px solid #3f6267;padding:30px}.plan-card h3{font-size:50px}.plan-card p{color:var(--dim)}.plan-card a{display:inline-block;margin-top:20px;border-bottom:1px solid var(--cyan);font:11px var(--mono);padding-bottom:9px}.information-copy{background:#0a151b;padding:100px var(--edge);max-width:100%}.information-copy article{max-width:800px;margin:0 auto}.information-copy h1{font-size:clamp(65px,9vw,125px);margin:50px 0}.information-copy h2{font-size:42px;margin:40px 0 18px}.information-copy p,.information-copy li{color:#c2d1d5}.information-copy a{text-decoration:underline;color:var(--cyan)}
.os-footer{position:relative;z-index:10;background:#03080c;border-top:1px solid var(--cyan);padding:100px var(--edge) 50px}.footer-main{display:flex;justify-content:space-between;align-items:end;gap:45px;border-bottom:1px solid var(--line);padding-bottom:80px}.footer-main h2{font-size:clamp(69px,9vw,150px);margin-top:18px}.footer-contact{border:1px solid var(--cyan);color:var(--cyan);display:flex;gap:30px;align-items:center;padding:22px;font:12px var(--mono)}.footer-contact span{font-size:22px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;margin:35px 0;font:10px var(--mono);color:#b5c7ca}.footer-last{display:flex;gap:20px;justify-content:space-between;color:#8aadb2;font:9px var(--mono);border-top:1px solid var(--line);padding-top:25px}
@media(max-width:1220px){.os-nav{display:none}.os-contact{margin-left:auto}.os-menu{display:block}.hero-copy{max-width:68%}.aside-column{width:min(53%,600px)}.detail-scene>.detail-text{width:51%}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){:root{--edge:20px}.hud-rails i{display:none}.os-header{min-height:65px;padding:9px var(--edge);gap:12px}.os-logo{font-size:11px}.os-logo small{font-size:7px}.q-icon{width:35px;height:35px;font-size:26px}.os-contact{display:none}.os-menu{margin-left:auto}.os-mobile{top:67px}.os-telemetry{height:36px;grid-template-columns:50px 1fr;gap:7px;font-size:8px}.live-led{display:none}.scene-chapter{min-height:120svh}.scene-start{min-height:135svh}.chapter-inner{min-height:100svh;padding:103px var(--edge) 60px}.story-head .build-stamp{display:none}.hero-copy{max-width:100%;padding-top:5vh;align-self:flex-start}.hero-copy h1{font-size:clamp(57px,14vw,107px);text-shadow:0 4px 28px #030b0edd}.hero-copy p{max-width:315px;font-size:15px;margin:25px 0 22px}.hero-actions{gap:10px}.command-link{font-size:10px;padding:14px 15px;min-width:auto;gap:15px}.quiet-link{font-size:10px}.flood-number{font-size:230px}.instrument-bottom{display:none}.drag-pad{right:20px;bottom:10%;width:120px;height:65px;font-size:9px;opacity:.9}.drag-pad span{font-size:18px}.aside-column,.aside-column.align-right{margin:0 0 auto;width:100%;max-width:430px;padding:20px 0;background:linear-gradient(180deg,rgba(5,12,17,.96),rgba(5,12,17,.83) 70%,transparent)}.chapter-inner:has(.aside-column){align-items:flex-start;padding-top:98px}.aside-column h2{font-size:clamp(63px,14vw,115px);margin:12px 0 15px;line-height:.88}.aside-column p{font-size:14px;max-width:320px;line-height:1.55;margin-bottom:12px}.aside-column .precision-note{font-size:9px!important;margin-top:10px}.story-facts{margin:9px 0}.story-facts span{font-size:9px;padding:6px 0}.spec-grid{margin:10px 0 5px;max-width:420px}.spec-grid strong{font-size:31px}.spec-grid span,.spec-grid small{font-size:8px}.assembly-notes{grid-template-columns:1fr;gap:8px;margin:10px 0 6px}.assembly-notes>div{padding:9px 10px}.assembly-notes b{width:19px;height:19px;font-size:9px;margin-bottom:7px}.assembly-notes span{font-size:9px}.assembly-notes small{font-size:8px;line-height:1.45}.control-bank{margin:10px 0}.control-bank button{font-size:8px;padding:8px}.chapter-coordinate{right:var(--edge);bottom:45px;font-size:8px}.signal-steps{margin:8px 0}.signal-steps li{grid-template-columns:100px 1fr;gap:8px;padding:6px 0}.signal-steps span,.signal-steps strong{font-size:9px}.detail-start{padding:110px var(--edge) 60px;min-height:90svh;align-items:flex-start}.detail-start>.detail-copy{width:100%;padding-top:18px}.detail-copy h1{font-size:clamp(75px,17vw,140px);margin:25px 0}.detail-copy>p{font-size:15px;max-width:360px}.detail-scene{min-height:110svh;align-items:flex-start;padding:105px var(--edge) 55px}.detail-scene>.detail-text,.detail-scene.is-right>.detail-text{width:100%;max-width:420px;padding-top:17px;background:linear-gradient(180deg,rgba(6,13,17,.98),rgba(6,13,17,.72),transparent)}.detail-text h2{font-size:clamp(65px,15vw,110px);margin:12px 0}.detail-text p{max-width:330px;font-size:14px}.detail-banner,.feature-docs{padding:70px var(--edge)}.detail-banner h2{font-size:clamp(60px,12vw,90px)}.detail-banner .wide-lead{font-size:16px}.data-strips,.notes-grid{grid-template-columns:1fr}.data-strip{padding:18px}.data-strip b{font-size:38px}.doc-head{display:block}.doc-grid{grid-template-columns:1fr}.photo-register{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-register img{height:190px}.vault-intro{padding:130px var(--edge) 40px}.vault-intro h1{font-size:clamp(76px,16vw,125px)}.vault-intro p{font-size:15px}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 var(--edge) 60px}.vault-item .vault-caption{font-size:8px;min-height:64px;padding:8px}.vault-tools button{padding:9px 10px;font-size:9px}.contact-stage{grid-template-columns:1fr;padding:125px var(--edge) 60px}.contact-stage h1{font-size:clamp(80px,15vw,120px)}.form-panel{padding:16px}.form-row{grid-template-columns:1fr;gap:0}.plan-grid{grid-template-columns:1fr}.footer-main{display:block;padding-bottom:45px}.footer-main h2{font-size:clamp(72px,14vw,130px)}.footer-contact{display:inline-flex;margin-top:28px}.footer-last{flex-direction:column;gap:8px}body:not(.world-online) .scene-fallback{inset:48% 0 8% 20%;opacity:.48}body:not(.world-online) .scene-fallback:after{background:linear-gradient(180deg,var(--bg),transparent 30%)}.world.world-online{opacity:.87}}
@media(max-width:400px){.hero-copy h1{font-size:57px}.aside-column h2{font-size:62px}.vault-grid{grid-template-columns:1fr}.photo-register{grid-template-columns:1fr}.os-telemetry{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world,.command-link,.vault-item img{transition:none!important}.drag-pad{display:none}.os-grain{display:none}*{animation-duration:.001ms!important;animation-iteration-count:1!important}body.world-online .scene-fallback{display:block;position:absolute;inset:55% 5% 10% 45%;opacity:.12;z-index:-1}}

/* Scroll directly influences typography as well as the WebGL transforms. */
@media(prefers-reduced-motion:no-preference){.aside-column h2,.detail-text h2{transform:translateY(var(--motion-offset,0px));transition:transform .14s linear}.flood-number{transform:rotate(var(--motion-rotate,0deg));transition:transform .14s linear}}

/* Software screenshots are evidence. Never crop their contents in the archive. */
.vault-item[data-asset-kind="admin"] img,.vault-item[data-asset-kind="crew"] img,.vault-item[data-asset-kind="email"] img,.vault-item[data-asset-kind="pommie"] img{object-fit:contain;background:#d8d6d1;padding:5px}.vault-item[data-asset-kind="pommie"] img{background:#14232c}

/* Rendering failures must be visible instead of leaving a deceptively normal static page. */
.world-diagnostic{position:fixed;right:20px;bottom:55px;z-index:85;background:#24100eef;border:1px solid #ff8d65;color:#fff;max-width:min(90vw,520px);padding:16px 20px;box-shadow:0 10px 35px #0008;font:12px/1.6 var(--mono);overflow-wrap:anywhere}
body.world-online .world{opacity:1!important}

/* HARDWARE INSPECTOR / the original opaque panel hid 97% of the WebGL canvas.
   The transparency is deliberate. CSS must never paint over the 3D object. */
.detail-banner--inspector{min-height:112svh;isolation:isolate;display:flex;align-items:center;padding-top:125px;padding-bottom:110px;background:linear-gradient(90deg,#0c1920f9 0%,#0c1920ed 26%,#0c1920b2 41%,#0c19204a 60%,rgba(12,25,32,.02) 82%)}
.detail-banner--inspector>.inspection-copy{width:min(46%,690px);position:relative;z-index:5}
.detail-banner--inspector h2{font-size:clamp(64px,7.6vw,132px)}
.detail-banner--inspector .wide-lead{max-width:520px;font-size:clamp(15px,1.27vw,19px);color:#deeeee;margin:26px 0 20px}
.inspector-part-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:19px 0 18px;max-width:540px;font:10px var(--mono)}
.inspector-part-list>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:8px;background:rgba(5,18,23,.7);border-left:1px solid rgba(71,235,207,.55);color:#e8f3f1}
.inspector-part-list b{color:var(--cyan)}
.inspector-part-list small{color:#96b7b9;font-size:9px}
.inspector-disclaimer{font:9px/1.7 var(--mono);color:#97b5b8;max-width:510px;margin:10px 0!important}
.inspector-side-labels{position:absolute;right:var(--edge);bottom:55px;z-index:4;display:flex;flex-direction:column;gap:5px;align-items:flex-end;color:#5ee9cf;font:10px var(--mono);letter-spacing:.1em;text-shadow:0 3px 12px #021015}
@media(max-width:760px){.detail-banner--inspector{min-height:155svh;align-items:flex-start;padding-top:104px;padding-bottom:70px;background:linear-gradient(180deg,#0c1920fa 0%,#0c1920ee 27%,#0c1920a6 48%,#0c19200a 70%)}.detail-banner--inspector>.inspection-copy{width:100%;max-width:490px}.detail-banner--inspector h2{font-size:clamp(65px,15vw,105px)}.detail-banner--inspector .wide-lead{font-size:14px;line-height:1.55}.inspector-part-list{gap:4px}.inspector-part-list>div{padding:6px;font-size:9px}.inspector-side-labels{bottom:30px;right:var(--edge);font-size:8px}}
/* Focus controls affect mesh opacity and exploded offsets in both GLB engines. */
.hardware-focus{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:20px 0 8px;max-width:590px}
.hardware-focus>span{flex-basis:100%;font:10px var(--mono);color:#9acbc7;letter-spacing:.11em;margin-bottom:3px}
.hardware-focus button{border:1px solid rgba(97,226,206,.6);background:rgba(4,22,28,.72);color:#c1e9e4;padding:9px 10px;font:10px var(--mono);cursor:pointer}
.hardware-focus button[aria-pressed="true"]{background:#48e7c9;border-color:#48e7c9;color:#07151a}
@media(max-width:760px){.hardware-focus{gap:4px;margin:10px 0 6px}.hardware-focus button{padding:7px;font-size:9px}}