@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
@import url('handelos-contrast.css');
:root{--void:#050604;--cream:#f2ece1;--acid:#d8ff00;--line:rgba(242,236,225,.22)}*{box-sizing:border-box}html{background:var(--void);scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--cream);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.imm-nav{height:68px;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:linear-gradient(#050604cc,transparent)}.imm-brand{display:flex;align-items:center;gap:12px;font:10px 'DM Mono',monospace;letter-spacing:.28em}.imm-brand b{display:grid;place-items:center;width:18px;height:18px;background:var(--acid);color:#111;font:bold 13px Arial;letter-spacing:-.1em}.imm-nav nav{display:flex;gap:26px;align-items:center;font-size:11px;color:#bbb8ae}.imm-nav button{padding:0;border:0;background:none;color:var(--acid);font:11px Manrope,Arial;cursor:pointer}.imm-hero,.imm-scene{min-height:100svh;position:relative;isolation:isolate;overflow:hidden}.imm-hero{display:flex;align-items:center;padding:11vh 7vw;background:url('media/handelos-control-room-hero.png') center/cover}.imm-hero:before,.imm-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050604 0%,#050604d9 29%,#05060429 76%,#05060499 100%),linear-gradient(0deg,#050604c9,transparent 43%)}#story-core{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.75}.imm-copy{position:relative;z-index:2}.imm-copy p,.scene-copy p,.imm-record small,.imm-status{font:10px 'DM Mono',monospace;letter-spacing:.15em;color:#afada3}.imm-copy h1{margin:17px 0 35px;font:800 clamp(54px,7.4vw,118px)/.88 Manrope,Arial;letter-spacing:-.09em}.imm-copy h1 em,.scene-copy em{font:500 italic .93em 'Playfair Display',Georgia,serif;letter-spacing:-.07em}.imm-action{display:inline-flex;gap:38px;align-items:center;border-bottom:1px solid var(--acid);padding:0 0 10px;color:var(--acid);font-size:13px;font-weight:800}.imm-action span{font-size:20px}.imm-record{position:absolute;right:8vw;bottom:13vh;width:245px;border-left:1px solid var(--acid);padding:14px 0 14px 17px;z-index:2;background:#06070577;backdrop-filter:blur(8px)}.imm-record b{display:block;color:var(--acid);font:10px 'DM Mono',monospace;margin:10px 0}.imm-record strong,.imm-record span{display:block;font-size:13px;line-height:1.5}.imm-record span{color:#aaa79d}.scroll-invite{position:absolute;bottom:30px;left:7vw;font:9px 'DM Mono',monospace;letter-spacing:.15em;color:#95948c}.imm-scene{display:flex;align-items:center;padding:12vh 7vw;background-position:center;background-size:cover;background-attachment:fixed}.blueprint{background-image:url('media/handelos-story-blueprint.png')}.risk{background-image:url('media/handelos-story-risk.png')}.approval{background-image:url('media/handelos-story-approval.png')}.outcome{background-image:url('media/handelos-control-room-hero.png')}.imm-scene:before{background:linear-gradient(90deg,#050604ed 0%,#050604b3 35%,#05060420 75%,#050604a0 100%),linear-gradient(0deg,#050604a8,transparent 52%)}.scene-copy{max-width:550px;transform:translateY(30px);opacity:.15;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .8s}.imm-scene.is-active .scene-copy{transform:none;opacity:1}.scene-copy h2{font:500 clamp(54px,7vw,112px)/.87 'Playfair Display',Georgia,serif;letter-spacing:-.08em;margin:18px 0}.scene-copy h2 em{color:var(--acid)}.scene-copy span{font-size:15px;color:#cbc8bd;max-width:330px;display:block;line-height:1.55}.scene-copy .imm-action{margin-top:34px}.scene-detail{position:absolute;right:7vw;bottom:12vh;background:none;color:var(--cream);border:1px solid var(--line);padding:13px 16px;font-size:12px;cursor:pointer}.scene-detail span{color:var(--acid);font-size:17px;margin-left:13px}.imm-status{position:fixed;z-index:7;right:25px;bottom:25px;display:flex;align-items:center;gap:9px}.imm-status span{color:var(--acid)}.imm-status i{height:1px;width:30px;background:var(--acid)}.imm-status b{font-weight:500}.ask-overlay,.mail-overlay{position:fixed;z-index:20;right:6vw;top:18vh;width:min(480px,calc(100% - 40px));padding:33px;background:#0d0f0aee;border:1px solid var(--line);box-shadow:0 30px 100px #000;backdrop-filter:blur(18px)}.ask-overlay[hidden],.mail-overlay[hidden]{display:none}.ask-overlay>button,.mail-overlay>button{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--cream);font-size:26px;cursor:pointer}.ask-overlay p,.mail-overlay p{font:10px 'DM Mono',monospace;color:var(--acid);letter-spacing:.15em}.ask-overlay h2,.mail-overlay h2{font:500 43px/1 'Playfair Display',Georgia,serif;letter-spacing:-.06em;margin:15px 0 26px}.ask-overlay input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--cream);padding:14px 0;outline:0}.ask-submit{margin-top:18px;background:var(--acid);border:0;padding:12px 15px;color:#111;font-weight:800;cursor:pointer}.ask-answer{margin-top:22px;border-left:2px solid var(--acid);padding:11px 13px;color:#c9c6bc;font-size:13px;line-height:1.5}.mail-overlay ul{list-style:none;padding:0;margin:0}.mail-overlay li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:#c9c6bc}.mail-overlay li b{display:block;color:var(--acid);font:9px 'DM Mono',monospace;letter-spacing:.13em;margin-bottom:5px}@media(max-width:700px){.imm-nav nav a{display:none}.imm-hero,.imm-scene{padding:110px 25px 70px}.imm-copy h1{font-size:58px}.imm-record{left:25px;right:25px;bottom:90px;width:auto}.imm-scene{background-attachment:scroll}.scene-copy h2{font-size:61px}.imm-status{left:25px;right:auto;bottom:20px}.scene-detail{right:25px;bottom:80px}.ask-overlay,.mail-overlay{right:20px;top:14vh}.scroll-invite{left:25px}}
@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;transition:none!important}.scene-copy{opacity:1;transform:none}}

/* Selected HandelOS control-loop identity. */
.imm-brand{display:inline-flex;align-items:center;line-height:0}
.imm-brand{min-height:34px;overflow:visible}
.imm-brand img{display:block;width:auto;height:32px;max-width:190px;object-fit:contain;object-position:left center}
@media(max-width:700px){.imm-brand{min-height:31px}.imm-brand img{height:29px;max-width:174px}}

/* Contact action stays visible while the story is in motion. */
.imm-nav .imm-contact{color:var(--cream);font-weight:700;text-decoration:none;transition:color .2s ease}
.imm-nav .imm-contact:hover,.imm-nav .imm-contact:focus-visible{color:var(--acid)}
@media(max-width:700px){.imm-nav nav{gap:16px}.imm-nav nav .imm-contact{display:inline-flex}}