@layer pages{.machine-page{--machine-paper: #efede7;--machine-black: #101111;--machine-muted: rgba(16, 17, 17, .58);--machine-line: rgba(16, 17, 17, .18);min-width:0;overflow:clip;color:var(--machine-black);background:var(--machine-paper)}.machine-page *,.machine-page *:before,.machine-page *:after{box-sizing:border-box}.machine-intro{min-height:min(70rem,100svh);display:grid;align-items:end;overflow:hidden;padding-block:calc(var(--header-height) + var(--space-5)) var(--space-5);background:linear-gradient(90deg,transparent 49.96%,rgba(16,17,17,.05) 50%,transparent 50.04%),linear-gradient(rgba(16,17,17,.035) 1px,transparent 1px),var(--machine-paper);background-size:100% 100%,100% 12.5%,100% 100%}.machine-intro__grid,.machine-explanation__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2)}.machine-intro__kicker,.machine-intro__meta,.machine-stage__identity,.machine-stage__phase,.machine-stage__view,.machine-stage__metrics,.machine-stage__caption,.machine-explanation__index{font-family:var(--font-ui);font-size:var(--text-label);letter-spacing:.105em;text-transform:uppercase}.machine-intro__kicker{grid-column:1 / span 4;align-self:start;margin:0}.machine-intro h1{grid-column:1 / -1;margin:clamp(4rem,9vh,8rem) 0 0;font-family:var(--font-display);font-size:clamp(6rem,14.5vw,17rem);font-weight:var(--weight-regular);letter-spacing:-.083em;line-height:.69}.machine-intro__copy{grid-column:7 / span 3;margin:clamp(4rem,8vw,8rem) 0 0;font-size:var(--text-body-lg);line-height:1.42}.machine-intro__meta{grid-column:10 / -1;display:grid;gap:.75rem;align-self:end;margin:clamp(4rem,8vw,8rem) 0 0}.machine-intro__meta div{display:flex;justify-content:space-between;gap:1rem;padding-top:.65rem;border-top:1px solid var(--machine-line)}.machine-intro__meta dt,.machine-intro__meta dd{margin:0}.machine-intro__meta dt{color:var(--machine-muted)}.machine-experience{position:relative;color:var(--machine-paper);background:var(--machine-black)}.machine-scroll{position:relative;height:440svh}.machine-stage{position:sticky;top:0;width:100%;height:100svh;min-height:38rem;overflow:hidden;background:var(--machine-black);outline-offset:-3px;isolation:isolate;touch-action:pan-y}.machine-stage:after{position:absolute;inset:var(--space-2);z-index:4;border:1px solid rgba(239,237,231,.13);pointer-events:none;content:""}.machine-stage:focus-visible{outline:1px solid var(--machine-paper)}.machine-stage__canvas,.machine-stage__fallback{position:absolute;inset:0;width:100%;height:100%}.machine-stage__canvas{display:block}.machine-stage__fallback{display:none;object-fit:cover}.machine-stage.is-fallback .machine-stage__canvas{display:none}.machine-stage.is-fallback .machine-stage__fallback{display:block}.machine-stage__ui{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:var(--space-2);padding:calc(var(--header-height) + clamp(1.25rem,2.2vw,2.5rem)) clamp(1.5rem,3vw,3.5rem) clamp(1.5rem,3vw,3.5rem);pointer-events:none}.machine-stage__identity{grid-column:1 / span 3;display:grid;gap:.45rem}.machine-stage__phase{grid-column:7 / span 3;display:grid;gap:.45rem;margin:0}.machine-stage__view{grid-column:11 / -1;display:grid;justify-items:end;gap:.45rem;margin:0}.machine-stage__identity span,.machine-stage__phase span,.machine-stage__view span{color:#efede775}.machine-stage__identity strong,.machine-stage__phase strong,.machine-stage__view strong{font:inherit;font-weight:var(--weight-regular)}.machine-stage__hint{grid-column:1 / span 4;grid-row:3;align-self:end;max-width:27rem;margin:0;font-size:clamp(1rem,1.3vw,1.35rem);line-height:1.35}.machine-stage__metrics{grid-column:8 / -1;grid-row:3;align-self:end;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0;opacity:.18;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.machine-stage__metrics div{display:grid;gap:.5rem;padding-top:.6rem;border-top:1px solid rgba(239,237,231,.24)}.machine-stage__metrics dt,.machine-stage__metrics dd{margin:0}.machine-stage__metrics dt{color:#efede76e}.machine-stage[data-machine-phase=detect] .machine-stage__metrics{opacity:.62}.machine-stage[data-machine-phase=interpret] .machine-stage__metrics{opacity:.9}.machine-stage[data-machine-phase=blind] .machine-stage__metrics{opacity:.42}.machine-stage__caption{margin:0;padding-block:1rem 1.3rem;color:#efede76b}.machine-noscript{display:none;position:absolute;z-index:5;inset:auto clamp(1.25rem,3vw,3rem) clamp(1.25rem,3vw,3rem);max-width:35rem;margin:0;color:var(--machine-paper);line-height:1.45}.machine-explanation{padding-block:clamp(8rem,16vw,16rem)}.machine-explanation__index{grid-column:1 / span 2;margin:0;color:var(--machine-muted)}.machine-explanation h2{grid-column:3 / -1;max-width:11ch;margin:0;font-family:var(--font-display);font-size:clamp(4.8rem,10.5vw,12rem);font-weight:var(--weight-regular);letter-spacing:-.075em;line-height:.83}.machine-explanation__copy{grid-column:7 / span 4;margin-top:clamp(5rem,10vw,10rem);font-size:var(--text-body-lg);line-height:1.5}.machine-explanation__copy p{margin:0}.machine-explanation__copy p+p{margin-top:1.4em}.machine-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:var(--space-5);color:var(--machine-black);background:var(--machine-paper)}.machine-navigation a{min-height:4.5rem;display:grid;align-content:space-between;gap:1rem;padding:var(--space-2) 0;border-top:1px solid var(--machine-line);color:inherit;text-decoration:none}.machine-navigation a:last-child{padding-left:var(--space-3)}.machine-navigation small{display:flex;align-items:center;gap:.6rem;color:var(--machine-muted)}.machine-navigation strong{font-size:var(--text-body-lg);font-weight:var(--weight-regular)}.machine-navigation a:focus-visible{outline:1px solid currentColor;outline-offset:5px}@media(max-width:63.999rem){.machine-intro__copy{grid-column:5 / span 4}.machine-intro__meta{grid-column:9 / -1}.machine-stage__metrics{grid-column:7 / -1}.machine-explanation__copy{grid-column:6 / span 6}}@media(max-width:47.999rem){.machine-intro{min-height:92svh;padding-block:calc(var(--header-height) + 5.5rem) 3rem}.machine-intro__grid,.machine-explanation__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.machine-intro__kicker,.machine-intro h1,.machine-intro__copy,.machine-intro__meta{grid-column:1 / -1}.machine-intro__kicker{margin-bottom:3rem}.machine-intro h1{margin-top:0;font-size:clamp(4rem,19vw,6.2rem);line-height:.73}.machine-intro__copy{max-width:22rem;margin-top:4rem;font-size:1.06rem}.machine-intro__meta{margin-top:3rem}.machine-scroll{height:390svh}.machine-stage{min-height:40rem}.machine-stage:after{inset:.65rem}.machine-stage__ui{grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(var(--header-height) + 1rem) 1rem 1rem}.machine-stage__identity{grid-column:1 / span 2}.machine-stage__phase{grid-column:3 / -1;justify-items:end}.machine-stage__view{grid-column:3 / -1;grid-row:2;align-self:start;margin-top:1.5rem}.machine-stage__hint{grid-column:1 / -1;padding-bottom:5rem}.machine-stage__metrics{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.machine-stage__metrics div:nth-child(2),.machine-stage__metrics div:nth-child(3){display:none}.machine-stage__caption{padding-inline:.35rem;font-size:.62rem}.machine-explanation{padding-block:7rem}.machine-explanation__index,.machine-explanation h2,.machine-explanation__copy{grid-column:1 / -1}.machine-explanation h2{margin-top:3rem;font-size:clamp(3.6rem,17vw,5.8rem)}.machine-explanation__copy{margin-top:4rem;font-size:1.05rem}.machine-navigation{grid-template-columns:1fr}.machine-navigation a:last-child{padding-left:0}}@media(prefers-reduced-motion:reduce){.machine-scroll{height:auto}.machine-stage{position:relative;min-height:max(38rem,82svh)}.machine-stage__metrics{transition:none}}}