.engineer{isolation:isolate;color:#f1f3f5;background:#080b0f;height:100svh;min-height:780px;max-height:1250px;position:relative;overflow:hidden}.engineer .stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.engineer .world{transform-origin:0 0;will-change:transform;width:1672px;height:941px;position:absolute}.engineer .world>img,.engineer .effects{width:100%;height:100%;position:absolute;inset:0}.engineer .shade{background:linear-gradient(90deg,#080b0fc9 0%,#080b0f9c 27%,#080b0f27 47%,#0000 63%),linear-gradient(#080b0f66,#0000 12% 57%,#080b0f33 71%,#080b0fed 90%,#080b0f 100%);position:absolute;inset:0}.engineer .copy{left:var(--gutter);z-index:2;width:43%;max-width:655px;position:absolute;top:clamp(140px,18vh,230px)}.engineer .copy .eyebrow{color:var(--accent-2);font:11px var(--font-mono);letter-spacing:.14em;margin-bottom:30px}.engineer .copy h1{font:500 clamp(44px,4.4vw,74px)/1.055 var(--font-sans);letter-spacing:-.055em;margin-bottom:28px}.engineer .copy h1 em{color:var(--accent-2);font-style:normal}.engineer .lead{color:#c7cdd6;max-width:44ch;font-size:17px;line-height:1.75}.engineer .scope{color:#a4adb9;margin-top:20px;font-size:12px;line-height:1.9}.engineer .copy .hero-ctas{flex-wrap:wrap;gap:10px;margin-top:30px}.engineer .copy .btn{padding:15px 17px;font-size:10px}.engineer .story{right:var(--gutter);z-index:2;text-shadow:0 1px 3px #000;width:31%;max-width:455px;position:absolute;bottom:130px}.engineer .story-kicker{color:var(--accent-2);font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;gap:13px;margin-bottom:12px;display:flex}.engineer .story>p:nth-child(2){color:#e0e5ec;text-wrap:pretty;min-height:84px;font-size:18px;line-height:1.55}.engineer .story-note{font:9px var(--font-mono);color:#8b96a5;letter-spacing:.1em;text-transform:uppercase;margin-top:12px}.engineer .bottom{bottom:29px;left:var(--gutter);right:var(--gutter);z-index:3;align-items:center;gap:35px;display:flex;position:absolute}.engineer .chapters{flex:1;grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.engineer .chapters button{text-align:left;color:#929eac;border-top:1px solid #d2c3ae44;min-height:56px;padding:20px 0 10px;font-size:12px;position:relative}.engineer .chapters button>span{font:9px var(--font-mono);color:#ad956f;margin-right:12px}.engineer .chapters button[aria-pressed=true]{color:#fff0da}.engineer .chapters button i{background:var(--accent-2);transform-origin:0;width:100%;height:2px;position:absolute;top:-1px;left:0;transform:scaleX(0);box-shadow:0 0 10px #d6bb8155}.engineer .transport{gap:8px;display:flex}.engineer .transport button{color:#dfe4eb;border:1px solid #d2c3ae44;border-radius:50%;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.engineer .transport button:hover,.engineer .chapters button:hover{color:#fff;border-color:var(--accent-2)}.engineer a:focus-visible,.engineer button:focus-visible{outline:2px solid var(--accent-2);outline-offset:5px}.engineer .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.engineer .screen{transform-origin:0 0;color:#d1e0e9;width:640px;height:460px;font-family:var(--font-mono);background:linear-gradient(145deg,#101b24,#10151c);padding:27px 27px 20px;position:absolute;top:0;left:0;overflow:hidden}.engineer .screen-head{letter-spacing:1px;color:#a9b9c6;border-bottom:1px solid #49606e;justify-content:space-between;padding-bottom:15px;font-size:10px;display:flex}.engineer .screen-head span:last-child{color:#d1b887}.engineer .screen h2{font:400 23px var(--font-sans);letter-spacing:-.5px;margin:21px 0 3px}.engineer .map{width:100%;height:225px}.engineer .map-links{stroke:#517286;fill:none;stroke-width:2px}.engineer .map-packets{stroke:#e1c28e;fill:none;stroke-width:3px;stroke-dasharray:17 430}.engineer .map-nodes{fill:#14222d;stroke:#7799ad;stroke-width:1px}.engineer .map-labels{fill:#d8e5eb;text-anchor:middle;font:12px var(--font-mono)}.engineer .screen-foot{color:#afc3ce;font-size:11px}.engineer .screen-progress{background:#35424a;height:2px;margin-top:19px}.engineer .screen-progress i{transform-origin:0;background:#ddc18a;width:100%;height:100%;display:block;transform:scaleX(.1)}.engineer #annotations{stroke:#d6bd8b;stroke-width:1px;fill:none;opacity:.75}.engineer #annotations text{stroke:none;fill:#ebd9b8;font:10px var(--font-mono);letter-spacing:1.5px}.engineer #annotations circle{fill:#ebd9b8;stroke:none}@media (width>=1121px) and (width<=1150px){.engineer .copy h1{font-size:clamp(41px,4.6vw,52px)}.engineer .copy{width:45%}.engineer .lead{font-size:15px}.engineer .copy .btn{padding:13px 12px;font-size:9px}.engineer .story{width:35%}.engineer .story>p:nth-child(2){font-size:16px}.engineer .chapters{gap:15px}.engineer .chapters button{font-size:10px}.engineer .chapters button>span{margin-right:5px}.engineer .bottom{gap:18px}}@media (width>=1121px) and (height<=820px){.engineer .copy{top:132px}.engineer .copy h1{margin-bottom:22px;font-size:clamp(43px,4.2vw,60px)}.engineer .copy .eyebrow{margin-bottom:23px}.engineer .lead{font-size:15px}.engineer .scope{margin-top:14px}.engineer .copy .hero-ctas{margin-top:22px}.engineer .story{bottom:119px}}@media (width<=1120px){.engineer{height:auto;min-height:0;max-height:none;padding:415px var(--gutter) 28px}.engineer .stage{height:440px;top:50px}.engineer .shade{background:linear-gradient(#080b0f77,#0000 17% 65%,#080b0f)}.engineer .copy{width:100%;max-width:none;position:relative;inset:auto}.engineer .copy .eyebrow{margin-bottom:24px;font-size:10px}.engineer .copy h1{margin-bottom:24px;font-size:clamp(39px,10.4vw,66px)}.engineer .lead{font-size:16px}.engineer .copy .hero-ctas{margin-top:23px}.engineer .copy .btn{padding:14px 12px;font-size:9px}.engineer .scope{font-size:12px}.engineer .story{width:100%;max-width:none;margin-top:38px;position:relative;inset:auto}.engineer .story>p:nth-child(2){min-height:80px;font-size:17px}.engineer .bottom{margin-top:28px;display:block;position:relative;inset:auto}.engineer .chapters{grid-template-columns:1fr 1fr;gap:12px 20px}.engineer .chapters button{font-size:11px}.engineer .transport{justify-content:flex-end;margin-top:24px}.engineer .screen h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.engineer .world{will-change:auto}.engineer *{transition:none!important}}.engineer .stage{top:85px}.engineer .shade:after{content:"";background:linear-gradient(#080b0f,#0000);height:40px;position:absolute;inset:0 0 auto}@media (width<=1120px){.engineer .stage{height:405px}}.engineer #replay{color:#d6e4ef;background:#101a2255;border:1px solid #c3d9e038;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.engineer #replay:hover{background:#a9d8ff20;border-color:#a9d8ff80}.engineer #replay svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.engineer:not(.ready) .bottom,.engineer:not(.ready) .effects,.engineer:not(.ready) .screen{visibility:hidden}