.hardware-page{--hardware-cream: var(--paper);--hardware-muted: rgba(243, 238, 232, .62);--hardware-faint: rgba(243, 238, 232, .14);--hardware-dark: var(--ink);--hardware-red: var(--wine);--hardware-coral: var(--coral);--hardware-orange: var(--yellow);background:var(--paper)}html.hardware-scroll-runtime{scroll-behavior:auto!important}.hardware-page .site-header{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.hardware-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;margin:-1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hardware-experience{position:relative;min-height:100svh;color:var(--hardware-cream);background:var(--hardware-dark)}.hardware-stage{position:relative;min-height:100svh;overflow:hidden;background:var(--hardware-dark);isolation:isolate}.hardware-viewer{position:absolute;z-index:1;inset:0;contain:layout paint;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hardware-viewer:before,.hardware-viewer:after{display:none}.hardware-viewer canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:grab;transform:translateZ(0);touch-action:pan-y;will-change:transform}.hardware-viewer canvas:active{cursor:grabbing}.hardware-viewer__loading,.hardware-viewer__error{position:absolute;z-index:6;top:50%;left:50%;display:grid;width:min(calc(100% - 48px),340px);padding:22px;border:1px solid rgba(248,241,231,.18);background:var(--hardware-dark);transform:translate(-50%,-50%)}.hardware-viewer__loading{grid-template-columns:1fr auto;gap:14px 20px}.hardware-viewer__loading>span,.hardware-viewer__loading strong{color:var(--hardware-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.hardware-viewer__loading strong{color:var(--hardware-cream)}.hardware-viewer__loading-track{height:2px;overflow:hidden;background:#f8f1e726;grid-column:1 / -1}.hardware-viewer__loading-track span{display:block;width:100%;height:100%;background:var(--hardware-coral);transform:scaleX(0);transform-origin:left center}.hardware-viewer__error[hidden]{display:none}.hardware-viewer__error strong{margin-bottom:12px;color:var(--hardware-cream);font-size:20px}.hardware-viewer__error p{margin:0;color:var(--hardware-muted);line-height:1.55}.hardware-viewer__meta{position:absolute;z-index:4;top:clamp(84px,11vh,124px);right:clamp(22px,4.5vw,76px);left:clamp(22px,4.5vw,76px);display:flex;justify-content:space-between;color:#f8f1e775;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:820;letter-spacing:.12em}.hardware-viewer__gesture{position:absolute;z-index:4;right:clamp(22px,4.5vw,76px);bottom:clamp(34px,5vh,58px);display:flex;align-items:center;margin:0;color:#f8f1e775;font-size:9px;font-weight:820;letter-spacing:.1em;gap:10px;text-transform:uppercase}.hardware-viewer__gesture span{color:var(--hardware-orange);font-size:17px}.hardware-copy{position:absolute;z-index:3;bottom:clamp(54px,8vh,92px);left:clamp(22px,5vw,84px);width:min(calc(100% - 44px),650px);pointer-events:none;will-change:transform,opacity}.hardware-copy__phase{display:flex;align-items:center;justify-content:space-between;width:min(100%,440px);padding-bottom:13px;border-bottom:1px solid rgba(248,241,231,.2);color:var(--hardware-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}.hardware-copy__phase>span:first-child{color:var(--hardware-orange)}.hardware-copy__phase b{font-weight:inherit}.hardware-copy__kicker{margin:clamp(24px,4vh,42px) 0 12px;color:var(--hardware-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}.hardware-copy h2{max-width:620px;margin:0;color:var(--hardware-cream);font-size:clamp(48px,5.1vw,76px);letter-spacing:-.05em;line-height:.9;overflow-wrap:anywhere}.hardware-copy__description{max-width:410px;margin:22px 0 0;color:var(--hardware-muted);font-size:clamp(14px,1.15vw,17px);line-height:1.65}.hardware-copy__part-progress{display:grid;width:min(100%,440px);margin-top:clamp(24px,4vh,40px);grid-template-columns:repeat(13,minmax(0,1fr));gap:4px}.hardware-copy__part-progress span{height:3px;background:#f8f1e71f;transition:background-color .18s ease}.hardware-copy__part-progress span.is-complete{background:var(--hardware-orange)}.hardware-copy__part-progress span.is-active{background:var(--hardware-cream)}.hardware-experience[data-phase=product] .hardware-copy__part-progress,.hardware-experience[data-phase=exploded] .hardware-copy__part-progress{visibility:hidden}.hardware-stage__scroll-cue{position:absolute;z-index:4;right:clamp(22px,4.5vw,76px);bottom:50%;display:flex;align-items:center;color:#f8f1e761;font-size:9px;font-weight:820;letter-spacing:.1em;gap:14px;text-transform:uppercase;transform:rotate(90deg) translate(50%);transform-origin:right bottom}.hardware-stage__scroll-cue i{display:block;width:58px;height:1px;background:var(--hardware-coral)}.hardware-stage__meter{position:absolute;z-index:5;top:0;right:0;width:3px;height:100%;overflow:hidden;background:#f8f1e712}.hardware-stage__meter span{display:block;width:100%;height:100%;background:var(--hardware-coral);transform:scaleY(0);transform-origin:top center}.hardware-experience.is-loaded .hardware-viewer__loading{visibility:hidden;opacity:0;transition:opacity .26s ease,visibility .26s ease}.hardware-mobile-sequence{display:none}.hardware-outro{display:grid;min-height:78svh;align-content:center;padding:clamp(90px,13vw,190px) max(24px,calc((100vw - 1280px)/2));color:var(--ink);background:var(--paper-bright)}.hardware-outro>p{margin:0 0 28px;color:var(--wine);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hardware-outro h2{max-width:900px;margin:0;font-size:clamp(54px,9vw,132px);letter-spacing:-.065em;line-height:.86}.hardware-outro>span{display:block;max-width:460px;margin-top:42px;color:var(--ink-soft);font-size:17px;line-height:1.7}@media(max-width:900px){.hardware-stage{position:sticky;z-index:3;top:0;min-height:0;height:48svh;background:var(--hardware-dark)}.hardware-viewer canvas{cursor:default;pointer-events:none}.hardware-viewer:before{width:min(84vw,440px)}.hardware-viewer:after{width:min(52vw,290px)}.hardware-viewer__meta{top:76px;right:18px;left:18px}.hardware-viewer__gesture,.hardware-copy,.hardware-stage__scroll-cue,.hardware-stage__meter{display:none}.hardware-mobile-sequence{position:relative;z-index:2;display:block;padding:0 20px 80px;background:var(--hardware-dark)}.hardware-mobile-intro,.hardware-mobile-step{display:flex;min-height:52svh;flex-direction:column;justify-content:flex-end;padding:64px 2px 48px;border-bottom:1px solid rgba(248,241,231,.14)}.hardware-mobile-intro p,.hardware-mobile-step p{margin:0 0 17px;color:var(--hardware-orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hardware-mobile-intro h2,.hardware-mobile-step h2{max-width:540px;margin:0;color:var(--hardware-cream);font-size:clamp(42px,13vw,72px);letter-spacing:-.055em;line-height:.9;overflow-wrap:anywhere}.hardware-mobile-intro span,.hardware-mobile-step span{display:block;max-width:460px;margin-top:24px;color:var(--hardware-muted);font-size:15px;line-height:1.6}.hardware-mobile-step{opacity:.44;transition:opacity .26s ease}.hardware-mobile-step.is-active{opacity:1}.hardware-mobile-step.is-complete:not(.is-active){opacity:.68}.hardware-mobile-step--application{min-height:68svh;border-bottom:0}.hardware-outro{min-height:70svh;padding-right:20px;padding-left:20px}}@media(max-width:560px){.hardware-stage{height:46svh}.hardware-viewer__meta{top:70px;font-size:8px}.hardware-mobile-sequence{padding-right:18px;padding-left:18px}.hardware-mobile-intro,.hardware-mobile-step{min-height:54svh;padding-bottom:42px}.hardware-mobile-step--application{min-height:70svh}}@media(max-height:700px)and (min-width:901px){.hardware-copy{bottom:34px}.hardware-copy__kicker{margin-top:20px}.hardware-copy h2{font-size:clamp(48px,6.4vw,88px)}.hardware-copy__description{margin-top:16px}.hardware-copy__part-progress{margin-top:18px}}@media(prefers-reduced-motion:reduce){.hardware-mobile-step{opacity:1;transition:none}}