@font-face{font-family:"Archivo";src:url("../assets/fonts/archivo-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Archivo Black";src:url("../assets/fonts/archivo-black-latin.woff2") format("woff2");font-style:normal;font-weight:400;font-display:optional}
:root{--ink:#030101;--ember:#c81e06;--hot:#f04a2a;--bone:#ede2d8;--ash:#9e8e84;--line:rgba(237,226,216,.15);--display:"Archivo Black","Arial Black",system-ui,sans-serif;--body:"Archivo","Helvetica Neue",Arial,sans-serif;--contact-charge:0;--proximity:.48}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--hot);outline-offset:4px}.skip-link{position:fixed;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:1000;padding:10px 14px;background:#120503}.eyebrow{margin:0 0 12px;color:var(--hot);font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.contact-gate{position:fixed;inset:0;z-index:300;display:grid;place-items:center;overflow:hidden;background:var(--ink);transition:opacity .8s ease,visibility .8s ease}.contact-gate.is-entered{opacity:0;visibility:hidden;pointer-events:none}.contact-gate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.16) brightness(.32);transform:scale(1.03);transition:filter 1.1s ease,transform 8s ease}.contact-gate.is-energized>img{filter:saturate(1.05) contrast(1.12) brightness(.68);transform:scale(1.08)}.gate-blackout{position:absolute;inset:0;background:radial-gradient(circle at 68% 48%,rgba(4,2,1,.08),rgba(3,1,1,.66) 42%,#030101 82%),linear-gradient(90deg,rgba(3,1,1,.9),transparent 65%)}.gate-circuit{position:absolute;inset:0;width:100%;height:100%;opacity:.17;filter:drop-shadow(0 0 5px #e53212)}.gate-circuit path{fill:none;stroke:#ff5c39;stroke-width:.18;stroke-dasharray:1.2 2.5;vector-effect:non-scaling-stroke}.gate-circuit circle{fill:#ff5936}.contact-gate.is-energized .gate-circuit{opacity:.82}.contact-gate.is-energized .gate-circuit path{animation:current-run .4s linear infinite}.gate-copy{position:relative;z-index:2;width:calc(100vw - 40px);max-width:980px;padding-right:min(24vw,260px)}.gate-brand{display:inline-block;margin-bottom:clamp(72px,14vh,140px);font-family:var(--display);font-size:.73rem;letter-spacing:.35em}.gate-copy h1{max-width:8ch;margin:0 0 24px;font-family:var(--display);font-size:clamp(3.3rem,9vw,8.5rem);line-height:.85;text-wrap:balance;text-shadow:0 8px 55px #000}.gate-copy>p:not(.eyebrow):not(.gate-note){max-width:44ch;margin:0 0 30px;color:#a5958a;font-size:clamp(1rem,1.7vw,1.17rem)}.make-contact{position:relative;display:flex;align-items:center;gap:25px;padding:15px 18px 15px 22px;border:1px solid var(--hot);background:rgba(4,2,1,.76);color:var(--bone);font-size:.65rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;overflow:hidden}.make-contact i{display:block;width:28px;height:28px;border:1px solid #ff7356;border-radius:50%;background:radial-gradient(circle,#ff4a27 0 17%,#8e1608 20% 48%,#160301 52%);box-shadow:0 0 16px rgba(240,74,42,.42)}.make-contact::before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:rgba(200,30,6,.25);transition:width .45s ease}.make-contact:active::before,.make-contact.is-held::before{width:100%}.gate-note{margin:15px 0 0;color:#6e5e55;font-size:.61rem;letter-spacing:.07em}
.contact-hud{position:fixed;left:0;right:0;top:0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px clamp(18px,3.5vw,54px);background:linear-gradient(180deg,rgba(3,1,1,.94),rgba(3,1,1,.35),transparent);pointer-events:none}.contact-hud a,.contact-hud button{pointer-events:auto}.hud-brand{font-family:var(--display);font-size:.71rem;letter-spacing:.34em}.hud-phase{display:flex;gap:14px;align-items:center;color:#76665d;font-size:.56rem;letter-spacing:.14em}.hud-phase b{color:var(--hot)}.contact-hud nav{display:flex;justify-content:flex-end;gap:17px}.contact-hud button,.contact-hud nav a{padding:0;border:0;background:transparent;color:#8b7b71;font-size:.54rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.contact-hud button:hover,.contact-hud nav a:hover,.contact-hud button[aria-pressed="true"]{color:var(--bone)}
.contact-stage{position:fixed;inset:0;z-index:1;background:#030101}.contact-scenes,.contact-scene{position:absolute;inset:0;margin:0}.contact-scene{opacity:0;visibility:hidden;overflow:hidden;transition:opacity .65s ease,visibility .65s ease}.contact-scene.is-active{opacity:1;visibility:visible}.cabin-image{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:saturate(.68) contrast(1.26) brightness(.38);transform:scale(1.035);transition:filter .18s linear,transform 1.7s ease}.contact-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,1,1,.87),transparent 42%,rgba(3,1,1,.2)),linear-gradient(0deg,rgba(3,1,1,.78),transparent 54%,rgba(3,1,1,.38)),radial-gradient(circle at 50% 50%,transparent 22%,rgba(3,1,1,.64) 100%)}.machine-window{position:absolute;right:5.5vw;top:12vh;z-index:2;width:min(40vw,610px);height:67vh;overflow:hidden;border:1px solid rgba(240,74,42,.24);background:#030101;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);box-shadow:0 0 90px rgba(200,30,6,.16);opacity:.03;transform:translateX(18px) scale(.98);transition:opacity .1s linear,transform .35s ease}.contact-scene:nth-child(even) .machine-window{right:auto;left:5.5vw;clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%)}.machine-window::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,1,1,.48),transparent 55%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,80,45,.05) 4px)}.machine-window img{width:100%;height:100%;object-fit:cover;filter:saturate(.48) contrast(1.3) brightness(.28);transform:scale(1.1);transition:filter .13s linear,transform 1.2s ease}.contact-current .cabin-image{filter:saturate(1.02) contrast(1.12) brightness(calc(.62 + var(--proximity)*.28));transform:scale(1.01)}.contact-current .machine-window{opacity:calc(.74 + var(--proximity)*.25);transform:none}.contact-current .machine-window img{filter:saturate(1.05) contrast(1.16) brightness(.9);transform:scale(1.015)}
.contact-circuit{position:absolute;inset:0;z-index:22;width:100%;height:100%;pointer-events:none;opacity:.08;filter:drop-shadow(0 0 4px #f23f1d);transition:opacity .15s ease}.contact-circuit path{fill:none;stroke:#ff5d3b;stroke-width:.2;stroke-dasharray:1.4 2.6;vector-effect:non-scaling-stroke}.contact-circuit circle{fill:#ff6a49;filter:drop-shadow(0 0 4px #ff3514)}.contact-current .contact-circuit{opacity:.92}.contact-current .contact-circuit path{animation:current-run .32s linear infinite}.fog-glass,.droplet-glass{position:absolute;inset:0;width:100%;height:100%}.fog-glass{z-index:28;cursor:crosshair;touch-action:none}.droplet-glass{z-index:29;pointer-events:none}.scene-copy{position:absolute;left:5vw;bottom:21vh;z-index:38;max-width:min(560px,47vw);pointer-events:none;text-shadow:0 4px 28px #000}.contact-scene:nth-child(even)~.scene-copy{left:auto;right:5vw}.scene-copy p{margin:0 0 8px;color:var(--hot);font-size:.58rem;font-weight:700;letter-spacing:.23em}.scene-copy h1{max-width:12ch;margin:0 0 12px;font-family:var(--display);font-size:clamp(2rem,4.8vw,5.5rem);line-height:.88;text-wrap:balance}.scene-copy span{color:#74655c;font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.contact-console{position:absolute;left:5vw;bottom:3vh;z-index:48;width:min(620px,70vw);padding:12px;border:1px solid rgba(240,74,42,.27);background:rgba(4,2,1,.88);box-shadow:0 20px 80px rgba(0,0,0,.65);backdrop-filter:blur(14px)}.contact-rail{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin-bottom:9px}.contact-rail button{height:5px;padding:0;border:0;background:#2c211c;cursor:default}.contact-rail button.is-unlocked{background:#6d1c10;cursor:pointer}.contact-rail button.is-active{background:var(--hot);box-shadow:0 0 10px var(--hot)}.console-row{display:grid;grid-template-columns:42px 1fr 42px;gap:7px}.scene-step{border:1px solid var(--line);background:#090504;color:#8c7c72;cursor:pointer}.scene-step:hover:not(:disabled){border-color:var(--hot);color:var(--bone)}.scene-step:disabled{opacity:.25;cursor:not-allowed}.current-button{position:relative;display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:11px;min-height:57px;padding:7px 12px;border:1px solid #7d291b;background:linear-gradient(145deg,#170805,#050302);color:#8d7d73;text-align:left;text-transform:uppercase;cursor:pointer;overflow:hidden}.current-button::after{content:"";position:absolute;left:0;bottom:0;width:calc(var(--contact-charge)*1%);height:2px;background:var(--hot);box-shadow:0 0 12px var(--hot)}.current-button i{grid-row:1/3;display:block;width:34px;height:34px;border:1px solid #ff7458;border-radius:50%;background:radial-gradient(circle,#ff5130 0 16%,#851406 19% 46%,#170301 50%);box-shadow:0 4px 0 #320500,0 0 12px rgba(240,74,42,.2)}.current-button span{align-self:end;font-size:.52rem;font-weight:700;letter-spacing:.13em}.current-button b{align-self:start;color:var(--bone);font-family:var(--display);font-size:.66rem;letter-spacing:.06em}.current-button.is-down i,.current-button:active i{transform:translateY(3px);box-shadow:0 1px 0 #320500,0 0 18px rgba(240,74,42,.6)}.current-button.is-down{border-color:var(--hot);background:radial-gradient(circle at 20% 50%,rgba(200,30,6,.25),#050302 55%)}.proximity-control{display:grid;grid-template-columns:112px 1fr 32px;align-items:center;gap:9px;margin-top:9px;color:#8a7a70;font-size:.48rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.proximity-control input{width:100%;accent-color:var(--hot);cursor:ew-resize}.proximity-control output{color:var(--hot);font-variant-numeric:tabular-nums}.contact-console>p{min-height:1.1em;margin:6px 0 0;color:#6c5d54;font-size:.47rem;letter-spacing:.08em;text-transform:uppercase}
.contact-complete{position:absolute;inset:0;z-index:60;display:grid;place-content:center;gap:14px;padding:24px;background:radial-gradient(circle,rgba(65,10,3,.5),rgba(3,1,1,.96) 60%);text-align:center}.contact-complete[hidden]{display:none}.contact-complete p{margin:0;color:var(--hot);font-size:.58rem;font-weight:700;letter-spacing:.2em}.contact-complete h2{max-width:9ch;margin:0 auto;font-family:var(--display);font-size:clamp(3rem,9vw,8rem);line-height:.86}.contact-complete>div{display:flex;justify-content:center;gap:8px;margin-top:18px}.contact-complete a{padding:12px 15px;border:1px solid var(--hot);font-size:.59rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.contact-complete a:first-child{background:var(--ember)}.noscript{position:fixed;left:20px;bottom:20px;z-index:500}.noscript a{text-decoration:underline}body.contact-page .thermal-secret-chamber,body.contact-page .thermal-secret-signal{display:none}
@keyframes current-run{to{stroke-dashoffset:-4}}@media(max-width:840px){.gate-copy{padding-right:0}.contact-hud{grid-template-columns:1fr auto}.hud-phase{order:3;grid-column:1/-1;justify-content:space-between;padding-top:7px;border-top:1px solid var(--line)}.contact-hud nav a:first-of-type{display:none}.machine-window,.contact-scene:nth-child(even) .machine-window{left:auto;right:4vw;top:13vh;width:68vw;height:58vh}.scene-copy{left:4vw;bottom:25vh;max-width:70vw}.scene-copy h1{font-size:clamp(2rem,7vw,4rem)}.contact-console{left:4vw;width:min(650px,86vw)}}
@media(max-width:620px){.contact-gate{align-items:end}.gate-copy{padding:0 18px 132px}.gate-brand{margin-bottom:70px}.gate-copy h1{font-size:clamp(3.1rem,16vw,5rem)}.gate-copy>p:not(.eyebrow):not(.gate-note){font-size:.93rem}.contact-hud{padding:13px 13px}.hud-brand{font-size:.61rem}.contact-hud nav{gap:12px}.contact-hud nav button,.contact-hud nav a{font-size:.48rem}.contact-hud nav button:first-child{display:none}.machine-window,.contact-scene:nth-child(even) .machine-window{left:8vw;right:8vw;top:14vh;width:84vw;height:55vh}.scene-copy{left:17px;bottom:35vh;max-width:82vw}.scene-copy h1{font-size:clamp(1.8rem,9.8vw,3.4rem)}.scene-copy span{display:none}.contact-console{left:12px;bottom:104px;width:calc(100vw - 24px);padding:9px}.contact-rail{gap:2px}.console-row{grid-template-columns:35px 1fr 35px}.current-button{grid-template-columns:38px 1fr;min-height:52px;padding:6px 8px}.current-button i{width:30px;height:30px}.current-button b{font-size:.58rem}.current-button>b{grid-column:2}.proximity-control{grid-template-columns:96px 1fr 28px}.contact-console>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thermal-native-console{bottom:12px!important}.contact-complete>div{flex-direction:column}}
:root{--contact-tilt-x:0px;--contact-tilt-y:0px;--contact-bright:.754;--contact-window-opacity:.86}.cabin-image{transform:translate3d(var(--contact-tilt-x),var(--contact-tilt-y),0) scale(1.035)}.contact-current .cabin-image{filter:saturate(1.02) contrast(1.12) brightness(var(--contact-bright));transform:translate3d(var(--contact-tilt-x),var(--contact-tilt-y),0) scale(1.01)}.contact-current .machine-window{opacity:var(--contact-window-opacity)}
.scene-copy h2{max-width:12ch;margin:0 0 12px;font-family:var(--display);font-size:clamp(2rem,4.8vw,5.5rem);line-height:.88;text-wrap:balance}
@media(max-width:840px){.scene-copy h2{font-size:clamp(2rem,7vw,4rem)}}
@media(max-width:620px){.scene-copy h2{font-size:clamp(1.8rem,9.8vw,3.4rem)}}
@media(prefers-reduced-motion:reduce){.contact-gate,.contact-gate>img,.contact-scene,.cabin-image,.machine-window,.machine-window img{transition:none}.contact-circuit path,.gate-circuit path{animation:none!important}}
