.brand-logo[data-astro-cid-4awkve5s]{width:100%;height:auto;color:var(--brand-logo-ink);display:block}@font-face{font-family:Geist;src:url(/fonts/geist-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-semibold.woff2)format("woff2");font-weight:600 800;font-display:swap}@font-face{font-family:Matrix;src:url(/fonts/matrix-sans-print.woff2)format("woff2");font-weight:400;font-display:swap}:root{color-scheme:dark;--ink:#edf4f7;--muted:#b6c4d0;--bg:#080f15;--line:#3a4d5a;--release:#ffb36c;--delivery:#81c5ff;--quality:#58ead5;--brand-logo-ink:#f2f4f6;--brand-logo-gray:#b4bdc4;--brand-logo-mark:#ff322e;color:var(--ink);background:var(--bg);font-family:Geist,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:3px solid #fff}a:hover{color:var(--quality)}[hidden]{display:none!important}html{scroll-padding-top:1rem}section,article{scroll-margin-top:1.5rem}p,li,h1,h2,h3,a,button{overflow-wrap:anywhere}.skip-link{z-index:10;color:#081017;background:#fff;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.lab-header{z-index:2;background:#080f15;border-bottom:1px solid #ffffff1a;align-items:center;gap:1.5rem;padding:1rem 3%;display:flex;position:relative}.logo{flex:none;align-content:center;width:184px;min-height:44px;display:block}.lab-label{letter-spacing:.12em;color:var(--quality);font-size:.875rem}.lab-label span{color:var(--muted);letter-spacing:0}.lab-header nav{align-items:center;gap:2rem;margin-left:auto;display:flex}.lab-header nav a{align-items:center;min-height:44px;font-size:1rem;text-decoration:none;display:inline-flex}.lab-header nav a:last-child{border:1px solid var(--line);border-radius:6px;gap:.5rem;padding:0 1rem}.camp{isolation:isolate;background:#070e14;grid-template-columns:minmax(0,30%) minmax(0,70%);align-items:start;gap:0;min-height:570px;padding:2.25rem 3% 1.25rem;display:grid;position:relative}.scene{z-index:-1;pointer-events:none;position:absolute;inset:0}.scene picture,.scene img{width:100%;height:100%;display:block}.character-zone{z-index:2;color:#fff;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:8px;min-width:44px;height:53%;min-height:44px;position:absolute;top:8%}.character-zone span{opacity:0;background:#080f15;padding:.25rem .5rem;font-size:.875rem;position:absolute;top:.5rem;left:.5rem}.character-zone:hover span,.character-zone:focus-visible span{opacity:1}.character-zone[data-scene-role=release]{width:20%;left:42%}.character-zone[data-scene-role=delivery]{width:15%;left:66%}.character-zone[data-scene-role=quality]{width:17%;left:82%}.camp:not(.is-interactive) .character-zone{display:none}.scene img{object-fit:cover;object-position:50% 100%}.scene:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg, #03080a80, transparent var(--spot-start), transparent var(--spot-end), #03080a99);transition:opacity .18s;position:absolute;inset:0}[data-active=release]{--spot-start:43%;--spot-end:62%}[data-active=delivery]{--spot-start:64%;--spot-end:77%}[data-active=quality]{--spot-start:81%;--spot-end:99%}.is-interactive:not([data-active=none]) .scene:before{opacity:1}.camp:not(.is-interactive) .role-buttons,.camp:not(.is-interactive) .selection-hint{display:none}.scene:after{content:"";background:linear-gradient(90deg,#070e14 0%,#070e14eb 23%,#070e1450 42%,#0000 70%),linear-gradient(#0000 50%,#080f15 100%);position:absolute;inset:0}.scene-caption{color:#cad8e2;letter-spacing:.1em;text-transform:uppercase;z-index:1;font-size:.875rem;position:absolute;top:1.8rem;right:3%}.intro{z-index:1;grid-column:1;min-width:0;padding-right:1rem;position:relative}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.65rem;font-size:.875rem;display:flex}.eyebrow>span{background:#ff3838;width:7px;height:7px;display:inline-block}.intro h1{letter-spacing:-.025em;margin:1rem 0 .9rem;font-family:Matrix,monospace;font-size:clamp(2.5rem,4.3vw,4.5rem);font-weight:400;line-height:1.12}.intro h1 em{color:var(--quality);font-style:normal}.lead{color:#d1dde4;font-size:1.125rem;line-height:1.5}.role-information{max-width:25rem;margin-top:1.4rem}.role-detail{margin-bottom:1.5rem}.is-interactive .role-detail{margin:0}.role-kicker{color:var(--release);letter-spacing:.06em;margin-bottom:.4rem;font-size:.875rem}.role-detail[data-detail=delivery] .role-kicker{color:var(--delivery)}.role-detail[data-detail=quality] .role-kicker{color:var(--quality)}.role-detail h2{font-size:1rem;font-weight:400;line-height:1.5}.skills{color:var(--muted);flex-wrap:wrap;gap:.35rem .8rem;margin:.75rem 0 1rem;padding:0;font-size:.875rem;list-style:none;display:flex}.skills li{border-bottom:1px solid #ffffff26}.primary-action{background:var(--quality);color:#041d1a;border:1px solid var(--quality);border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.65rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.primary-action:hover{color:#041d1a;background:#acf9ec}.availability{color:var(--muted);margin-top:.5rem;font-size:.875rem}.selection{z-index:1;grid-column:2;align-self:end;min-width:0;margin-top:310px;padding-left:1.5rem}.selection-hint{justify-content:space-between;gap:1rem;margin-bottom:.65rem;font-size:.875rem;display:flex}.selection-hint span{color:var(--muted)}.role-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.role-button{--role-color:var(--release);text-align:left;color:var(--ink);background:#071019e8;border:1px solid #5c666e;border-radius:8px;grid-template-columns:1fr auto;align-content:start;gap:.4rem;min-width:0;padding:.85rem 1rem;transition:border-color .15s,background-color .15s;display:grid;position:relative}.role-button[data-role=delivery]{--role-color:var(--delivery)}.role-button[data-role=quality]{--role-color:var(--quality)}.role-button:hover,.role-button[data-preview=true]{border-color:var(--role-color);background:#111c25}.role-button[aria-pressed=true]{box-shadow:inset 0 3px var(--role-color);border-color:var(--role-color)}.role-number{color:var(--role-color);font-size:.875rem}.role-name{grid-column:1/-1;font-family:Matrix,monospace;font-size:1.5rem;line-height:1.1}.role-short{color:var(--muted);grid-column:1/-1;font-size:.875rem}.role-selected{color:var(--role-color);font-size:1.3rem;position:absolute;top:.6rem;right:1rem}.asset-note{color:var(--muted);margin-top:.65rem;font-size:.875rem}.graphics-error{border:1px solid var(--release);background:var(--bg);z-index:2;grid-column:1/-1;padding:1rem}.firelight{mix-blend-mode:screen;z-index:1;background:radial-gradient(#ff701930,#0000 70%);border-radius:50%;width:17%;height:28%;animation:4s ease-in-out infinite fire;position:absolute;top:62%;left:61%}.embers{z-index:1;width:8%;height:12%;position:absolute;top:71%;left:66%}.embers i{opacity:0;background:#ffbb64;border-radius:50%;width:2px;height:3px;animation:4s linear infinite spark;position:absolute}.embers i:nth-child(2){animation-delay:1.1s;left:20%}.embers i:nth-child(3){animation-delay:2.6s;left:60%}.embers i:nth-child(4){animation-delay:.8s;left:40%}.embers i:nth-child(5){animation-delay:3.1s;left:80%}.embers i:nth-child(6){animation-delay:1.8s;left:90%}[data-motion=paused] .embers i,[data-motion=paused] .firelight{animation-play-state:paused}@keyframes fire{0%,to{opacity:.35}50%{opacity:.85}}@keyframes spark{0%{opacity:0;transform:translate(0)}15%{opacity:.8}to{opacity:0;transform:translate(-24px,-110px)}}.about{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;max-width:1400px;margin:auto;padding:4rem 3%;display:grid}.about h2{margin:.8rem 0 1.25rem;font-family:Matrix,monospace;font-size:2.5rem;font-weight:400;line-height:1.1}.about p:not(.eyebrow){color:var(--muted);max-width:40rem;margin-top:1rem}.paths article{border-bottom:1px solid var(--line);padding:1.5rem 0}.paths article:first-child{padding-top:0}.path-number{color:var(--delivery);font-size:.875rem}.paths h3{margin-top:.5rem;font-size:1.3rem}.paths a{align-items:center;min-height:44px;margin-top:.5rem;display:inline-flex}.lab-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding:1.5rem 3%;font-size:.875rem;display:flex}.lab-footer a{align-content:center;min-height:44px}.demo{max-width:850px;margin:auto;padding:2rem 1.5rem 4rem}.back{align-items:center;min-height:44px;margin-bottom:1rem;display:inline-flex}.demo h1{margin:.75rem 0 1rem;font:400 clamp(2rem,5vw,3.75rem)/1.12 Matrix,monospace}.situation{border:1px solid var(--line);background:#101b24;margin:2rem 0;padding:1.5rem}.situation h2{margin-bottom:.75rem;font-size:1.2rem}.situation ul{padding-left:1.3rem}.demo fieldset{border:0;margin:0 0 1.5rem;padding:0}.demo legend{margin-bottom:1rem;font-size:1.3rem;font-weight:600}.decision-option{border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:1rem;margin-bottom:.65rem;padding:1rem;display:flex}.decision-option:has(input:checked){border-color:var(--quality);background:#102d29}.decision-option input{width:22px;height:22px;accent-color:var(--quality);flex:none}.consequences details{border:1px solid var(--line);margin-top:1rem;padding:1rem}.consequences summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600}.consequences p{margin-top:1rem}.demo-note{color:var(--muted);margin:2rem 0 1rem;font-size:.875rem}#feedback{color:var(--quality);margin-top:1rem}@media (width>=1000px) and (height<=700px){.camp{min-height:540px;padding-top:1.5rem}.intro h1{margin:.75rem 0;font-size:3.5rem}.role-information{margin-top:1rem}.selection{margin-top:300px}.scene-caption{top:1.25rem}}@media (width>=1600px){.camp{min-height:760px;padding-top:3.5rem}.selection{margin-top:480px}.role-information{margin-top:2rem}.intro{padding-right:2rem}.intro h1{font-size:5rem}}@media (width<=1050px){.lab-header,.lab-header nav{gap:1rem}.lab-label span{display:none}.camp{grid-template-columns:minmax(0,38%) minmax(0,62%)}.selection-hint span{display:none}.role-name{font-size:1.25rem}.role-button{padding:.75rem}.selection{padding-left:.5rem}.about{gap:2rem}}@media (width<=700px){.character-zone{height:62%;top:25%}.character-zone[data-scene-role=release]{width:28%;left:22%}.character-zone[data-scene-role=delivery]{width:23%;left:51%}.character-zone[data-scene-role=quality]{width:24%;left:75%}.lab-header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.75rem 5%}.logo{width:150px}.lab-label{margin-left:auto}.lab-header nav{justify-content:space-between;gap:.5rem;width:100%}.lab-header nav a{font-size:.875rem}.lab-header nav a:last-child{padding:0 .6rem}.camp{flex-direction:column;min-height:0;padding:1.5rem 5%;display:flex}.scene{z-index:0;order:2;width:111.12%;height:310px;margin:.75rem -5.56% 0;position:relative;inset:auto}.scene img{object-fit:cover;object-position:80% 55%}.scene:after{background:linear-gradient(#080f15,#0000 20% 70%,#080f15)}.scene-caption{display:none}.intro{display:contents}.intro>.eyebrow{order:0}.intro h1{order:1;margin:.75rem 0;font-size:3rem}.intro h1 br{display:none}.intro h1 em{white-space:normal}.intro>.lead{display:none}.role-information{order:4;max-width:none;margin-top:1.5rem}.role-detail h2{font-size:1.125rem}.selection{z-index:1;order:3;align-self:stretch;margin-top:-1.5rem;padding:0}.selection-hint{margin:.5rem 0}.role-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.role-button{gap:.5rem;padding:.65rem .5rem}.role-name{font-family:Geist,sans-serif;font-size:1rem;line-height:1.3}.role-short{display:none}.role-selected{font-size:1rem;right:.4rem}.asset-note{font-size:.875rem;line-height:1.4}.firelight{width:25%;height:25%;top:70%;left:54%}.embers{top:77%;left:64%}.embers i:nth-child(n+4){display:none}.about{grid-template-columns:1fr;gap:2rem;padding:2rem 5%}.about h2{font-size:2rem}.lab-footer{flex-direction:column;padding:1rem 5%}.graphics-error{order:5;margin-top:1rem}.demo{padding:1.5rem 5%}.demo .primary-action{width:100%}}@media (width<=350px){.role-buttons{grid-template-columns:1fr}.role-button{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:48px}.role-name{grid-column:2;font-family:Geist,sans-serif}.role-number{grid-column:1}.role-selected{grid-column:3;position:static}.scene{height:260px}.intro h1{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
