#hero-track{height:600vh;position:relative}#experience{position:sticky;top:0;height:100vh;width:100%}.editor #hero-track{height:100vh}.editor #landing{display:none}#landing{position:relative;z-index:6;background:#141414;color:#f0eee9;--accent:#ff6a00;font-family:Arial,'Microsoft YaHei',sans-serif}#landing *{box-sizing:border-box}#landing h2{font:500 clamp(64px,7.4vw,120px)/.94 Teko,sans-serif;white-space:normal;color:inherit;letter-spacing:-.015em}#landing h3{margin:0;font-weight:500}#landing p{line-height:1.75}#landing em{color:#ff741a}#landing .light-section em{color:#b84c08}.lp-section{padding:125px 8.7%;position:relative}.light-section{background:#f0eee9;color:#232220}.section-head{max-width:960px;margin-bottom:60px}.section-head p{max-width:630px;margin-top:28px;font-size:16px;color:#77726b}.kicker{display:block;font-size:10px;letter-spacing:.19em;margin-bottom:24px;color:#a69a8e}.light-section .kicker{color:#7a6453}.light-section{border-top:1px solid #d7d0c7}.landing-nav{position:fixed;top:20px;left:50%;transform:translate(-50%,-80px);z-index:30;display:flex;gap:24px;padding:15px 24px;border:1px solid #ffffff24;border-radius:30px;background:#141414da;backdrop-filter:blur(16px);opacity:0;transition:transform .5s,opacity .5s;pointer-events:none;white-space:nowrap}.landing-nav.visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.landing-nav a{font-size:11px;color:#eee;text-decoration:none}.landing-nav a:hover{color:#ff741a}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.revealed{opacity:1;transform:none}.expanding-cards{display:grid;grid-template-columns:var(--card-columns);gap:12px;height:560px;transition:grid-template-columns .65s cubic-bezier(.2,.7,.2,1)}.project-card{position:relative;border:0;padding:0;background:#262321;border-radius:6px;overflow:hidden;min-width:0;min-height:0;text-align:left;color:white}.project-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transform:scale(1.08);transition:filter .6s,transform .8s}.project-card[data-active=true] img{filter:none;transform:scale(1)}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 75%)}.card-number{position:absolute;z-index:2;left:22px;top:24px;font:400 30px Teko}.collapsed-title{position:absolute;z-index:2;bottom:26px;left:22px;writing-mode:vertical-rl;font-size:19px;letter-spacing:3px;transform:none;transition:opacity .25s}.card-copy{position:absolute;bottom:36px;left:32px;right:32px;z-index:2;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(20px);transition:opacity .5s .1s,transform .5s .1s}.card-copy small{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#ff9b58}.card-copy strong{font-size:27px;font-weight:500;white-space:nowrap}.card-copy>span{font-size:13px;line-height:1.7;min-width:220px}.project-card[data-active=true] .card-copy{opacity:1;transform:none}.project-card[data-active=true] .collapsed-title{opacity:0}.section-foot{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:9px;letter-spacing:1px;color:#8d8177}.film-section{height:190vh;background:#141414}.film-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.film-media{position:absolute;inset:0;transform-origin:center;overflow:hidden;border-radius:5px}.film-poster{width:100%;height:100%;object-fit:cover;object-position:center 48%}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0003)}.film-copy{position:absolute;left:8.7%;top:25%;max-width:65%;transition:opacity .5s}.film-copy p{margin-top:30px;color:#ddd;font-size:16px}.round-link{border:0;background:none;display:flex;gap:16px;align-items:center;margin-top:30px;font-size:14px}.round-link span{width:50px;height:50px;display:grid;place-items:center;border:1px solid #ff6a00;border-radius:50%;color:#ff741a}.film-external{display:inline-block;font-size:11px;color:#bbb;margin-top:22px}.film-meter{position:absolute;bottom:35px;left:8.7%;right:8.7%;display:flex;gap:25px;align-items:center;font-size:9px;letter-spacing:2px}.film-meter i{height:1px;background:#ffffff44;flex:1}.film-meter i:after{content:'';display:block;height:2px;background:#ff741a;transform:scaleX(var(--progress,0));transform-origin:left}.playing .film-copy,.playing .film-shade{opacity:0;pointer-events:none}.playing .film-media{transform:none!important}.playing .film-meter{pointer-events:none}.playing #video-slot{position:absolute;inset:0;background:black;z-index:3}#video-slot iframe{width:100%;height:100%;border:0}.bento-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.bento-card{background:#191919;color:#eee;border-radius:10px;overflow:hidden;position:relative;border:1px solid #ffffff1a}.bento-size{grid-row:span 2}.bento-visual{height:250px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 70%,#43271755,transparent 70%)}.bento-size .bento-visual{height:440px}.bento-copy{position:relative;padding:32px;background:#171717cc;backdrop-filter:blur(10px)}#landing .bento-copy h3{font:500 43px/1 Teko}.bento-copy .kicker{color:#c6a58c;margin-bottom:15px}.bento-copy p{font-size:13px;color:#a9a5a0;margin-top:15px}.dimension-board{width:200px;height:200px;background:repeating-linear-gradient(90deg,transparent 0 20px,#ff6a0014 21px 22px),#242525;border:1px solid #6a5b4f;border-radius:16px;box-shadow:20px 25px 55px #000;transform:rotate(-20deg);position:relative;display:grid;place-items:center;transition:transform .7s}.bento-size:hover .dimension-board{transform:rotate(-12deg) translateY(-10px)}.dimension-board span{font:500 46px/.85 Teko;color:#ff741a}.dimension-board i{position:absolute;width:60px;height:25px;background:repeating-linear-gradient(90deg,#c7c2b9 0 5px,#5e5b55 6px 8px);border-radius:3px}.dimension-board i:nth-of-type(1){top:-10px}.dimension-board i:nth-of-type(2){bottom:-10px}.dimension-board i:nth-of-type(3){left:-25px;transform:rotate(90deg)}.dimension-board i:nth-of-type(4){right:-25px;transform:rotate(90deg)}.dimension-x{position:absolute;bottom:38px;color:#a6998d;font:13px monospace;letter-spacing:2px}.dimension-y{position:absolute;left:20px;top:48%;color:#a6998d;font:11px monospace;writing-mode:vertical-rl}.wireless strong{font:500 54px Teko;z-index:1}.wireless strong span{color:#ff741a;padding:0 15px}.wireless i{position:absolute;width:140px;height:140px;border:1px solid #ff6a0040;border-radius:50%;animation:radio 5s linear infinite}.wireless i:nth-child(2){animation-delay:-1.6s}.wireless i:nth-child(3){animation-delay:-3.3s}@keyframes radio{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(3);opacity:0}}.usb-port{width:140px;height:65px;border:8px solid #b9b6b0;border-radius:33px;box-shadow:0 10px 30px #000;display:grid;place-items:center;background:#090909}.usb-port i{width:85px;height:10px;background:repeating-linear-gradient(90deg,#d29c5b 0 3px,#444 3px 6px)}.usb>span{position:absolute;bottom:30px;font:9px monospace;letter-spacing:3px;color:#b7a698}.family-section{position:relative;padding:0 7% 15vh;background:#141414;isolation:isolate}.family-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.family-background img{position:sticky;top:0;width:100%;height:100vh;object-fit:cover;opacity:.17;filter:grayscale(.6)}.family-heading{position:sticky;top:35vh;text-align:center;z-index:2;pointer-events:none;mix-blend-mode:screen;padding-top:80px}.family-heading p{font-size:14px;color:#ccc;margin-top:22px}.portrait-wall{position:relative;padding-top:40vh;display:grid;grid-template-columns:repeat(4,1fr);gap:90px 25px}.module-wrap{grid-column:var(--col);min-width:0}.module-wrap:nth-child(even){margin-top:140px}.module-card{padding:24px 18px;background:#242422e8;border:1px solid #ffffff1c;aspect-ratio:.82;transform-origin:bottom center;box-shadow:0 15px 40px #0006}.module-card img{width:100%;height:72%;object-fit:contain}.module-id{font:9px monospace;color:#ad9c8e}.module-card h3{font:500 27px Teko!important;white-space:nowrap}.module-card small{font-size:8px;color:#a69a8e}.ports-section{height:350vh;background:#141414}.ports-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.ports-intro{position:absolute;left:8.7%;top:12%;z-index:2;pointer-events:none}#landing .ports-intro h2{font-size:clamp(45px,5vw,75px)}#ports-canvas{position:absolute;left:0;top:0;bottom:0;width:66%}#ports-loading{position:absolute;left:40%;top:50%;font-size:12px;color:#aaa}.port-copy{position:absolute;left:66%;right:8%;top:40%;z-index:2}#landing .port-copy h3{font:500 86px/.9 Teko;color:#ff741a}.port-copy p{font-size:14px;color:#aaa;margin-top:25px}.port-tabs{display:flex;gap:8px;margin-top:30px}.port-tabs button{border:1px solid #555;border-radius:20px;background:transparent;padding:10px 14px;font:11px Arial}.port-tabs button[aria-pressed=true]{border-color:#ff741a;background:#ff6a0020;color:#ff741a}.port-copy small{display:block;margin-top:45px;font-size:10px;color:#888}.timeline-section{height:280vh}.timeline-sticky{position:sticky;top:0;height:100vh;padding:90px 0 30px;overflow:hidden}.timeline-sticky .section-head{margin:0 8.7%}.timeline-window{width:82.6%;margin:35px auto 0;overflow:hidden}.timeline-track{height:390px;display:flex;position:relative;width:max-content;padding:0 70px 0 0;will-change:transform}.milestone{position:relative;flex:0 0 310px;width:310px;padding:0 28px 0 0}.journey-line{position:absolute;top:50%;height:1px;background:#c3b6aa;left:0;right:50px}.journey-line i{display:block;height:2px;background:#c15a1a;transform-origin:left}.milestone-dot{position:absolute;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#cbbdb0;transition:background .4s}.milestone.current .milestone-dot{background:#c15a1a;box-shadow:0 0 0 6px #c15a1a11}.milestone>div{position:absolute;left:0;right:40px;bottom:calc(50% + 30px);opacity:.4;transition:opacity .7s}.milestone.below>div{top:calc(50% + 30px);bottom:auto}.milestone.current>div{opacity:1}.milestone time{font:500 34px Teko;color:#b24e11}.milestone p{font-size:13px;margin-top:8px;max-width:240px}.timeline-hint{margin-left:8.7%;font:9px monospace;color:#8a7868;letter-spacing:2px}.contact-section{padding-bottom:35px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info h3,#contact-form h3{font:500 35px Teko}.contact-info>a{display:block;font-size:20px;margin-top:20px;color:#ff9650;text-decoration:none}.contact-info p{font-size:14px;color:#aaa;margin-top:20px}#contact-globe{width:100%;height:auto;aspect-ratio:600/430;mask-image:linear-gradient(#000 65%,transparent)}#contact-form{padding:40px;border:1px solid #ffffff20;border-radius:12px;background:#1b1b1b}#contact-form label{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#c3b7ac;letter-spacing:1px;margin-top:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#contact-form input,#contact-form textarea{min-width:0;width:100%;border:1px solid #ffffff1f;border-radius:6px;background:#252525;color:white;padding:14px;font:13px Arial;resize:vertical}#contact-form input:focus,#contact-form textarea:focus{outline:1px solid #ff741a}.form-dots{height:3px;background:radial-gradient(circle,#777 1px,transparent 1px) 0 0/7px 3px;margin-top:20px}.send-button{margin-top:25px;background:#ff741a;color:#141414;border:0;border-radius:5px;padding:16px 22px;font-size:13px}.send-button span{margin-left:40px}.form-note{font-size:10px;color:#999;margin-top:18px;letter-spacing:0}.landing-footer{margin-top:95px;border-top:1px solid #ffffff20;padding-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9b8d80}.landing-footer a{text-decoration:none}.landing-footer>a:first-child{font:500 34px Teko;color:#ff741a}.landing-footer a span{display:block;font:8px Arial;letter-spacing:3px;color:#aaa}
@media(max-width:1000px){.lp-section{padding:90px 6%}.expanding-cards{height:480px}.portrait-wall{gap:50px 15px;grid-template-columns:repeat(3,1fr)}.module-wrap{grid-column:auto!important}.module-wrap:nth-child(even){margin-top:80px}.module-card h3{font-size:22px!important}.contact-grid{gap:35px}.bento-size .bento-visual{height:400px}.port-copy{left:60%;right:5%}#ports-canvas{width:65%}.port-tabs{flex-wrap:wrap}}
@media(max-width:700px){#landing h2{font-size:60px}.lp-section{padding:75px 7%}.section-head{margin-bottom:35px}.section-head p{font-size:14px}.kicker{font-size:8px;margin-bottom:20px}.landing-nav{gap:13px;padding:13px 16px;top:10px}.landing-nav a{font-size:8px}.landing-nav a:nth-child(2){display:none}.expanding-cards{height:700px;grid-template-columns:1fr;grid-template-rows:var(--card-columns);transition:grid-template-rows .65s}.collapsed-title{writing-mode:horizontal-tb;left:22px;bottom:15px;transform:none;font-size:15px;letter-spacing:0}.card-number{right:20px;left:auto;top:15px;font-size:19px}.card-copy{left:22px;bottom:24px}.card-copy strong{font-size:22px}.card-copy>span{font-size:12px;min-width:0}.section-foot{font-size:8px;flex-direction:column;gap:10px}.film-copy{left:7%;top:25%;max-width:86%}.film-copy p{font-size:13px}.film-meter{left:7%;right:7%;gap:15px;font-size:7px;letter-spacing:1px}.bento-grid{grid-template-columns:1fr}.bento-size .bento-visual{height:340px}.bento-copy{padding:26px}.bento-card .kicker{font-size:8px}.family-section{padding:0 7% 80px}.family-heading{top:25vh;padding-top:70px}.family-heading h2{font-size:60px!important}.family-heading p{font-size:12px}.portrait-wall{grid-template-columns:repeat(2,1fr);gap:80px 16px;padding-top:35vh}.module-wrap:nth-child(even){margin-top:130px}.module-card{padding:12px 10px;aspect-ratio:.65}.module-card h3{font-size:20px!important}.module-id{font-size:6px}.module-card small{font-size:6px}.module-card img{height:66%}.ports-intro{left:7%;top:11%}#landing .ports-intro h2{font-size:45px}#ports-canvas{width:100%;top:18%;height:53%;bottom:auto}.port-copy{left:7%;right:7%;top:71%}#landing .port-copy h3{font-size:55px}.port-copy .kicker{position:absolute;right:0;top:8px}.port-copy p{font-size:12px;margin-top:7px}.port-tabs{margin-top:12px}.port-tabs button{padding:9px 13px;font-size:10px}.port-copy small{display:none}.timeline-section{height:auto}.timeline-sticky{position:relative;height:auto;padding:75px 0}.timeline-window{overflow:visible;width:86%;margin-top:40px}.timeline-track{display:block;width:100%;height:auto;padding:0 0 0 25px}.journey-line{left:3px;top:0;bottom:0;right:auto;width:1px;height:100%}.journey-line i{display:none}.milestone{width:100%;padding:0 0 35px}.milestone>div,.milestone.below>div{position:relative;inset:auto;opacity:1}.milestone-dot{top:10px;left:-26px;background:#c15a1a}.milestone p{max-width:none;font-size:13px}.timeline-hint{display:none}.contact-grid{grid-template-columns:1fr;gap:30px}#contact-globe{max-height:270px;object-fit:cover}#contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.contact-info>a{font-size:18px}.landing-footer{margin-top:60px;gap:20px}.landing-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.wireless i{animation:none}.project-card *,.expanding-cards{transition:none}.timeline-section{height:auto}.timeline-sticky{position:relative;height:auto}.timeline-window{overflow:auto}.timeline-track{transform:none!important}.milestone>div{opacity:1}.family-heading{position:relative;top:auto}.film-section{height:110vh}}
/* Keep the interface model clear of the chapter heading on desktop. */
@media(min-width:701px){#ports-canvas{top:20%;bottom:2%}.timeline-track{height:clamp(280px,38vh,390px)}}
/* October 12: Figma Sales and scroll-entry choreography. */
#landing{overflow-x:clip}#projects{padding:0;background:#141414;border:0}.project-panel{padding:125px 8.7%;background:#f0eee9;transform-origin:100% 100%;will-change:transform,opacity;overflow:hidden;box-shadow:-20px -25px 80px #0003}.film-sticky{will-change:opacity}.film-copy{will-change:transform,opacity}.film-media{border-radius:0}.film-poster{transition:opacity .8s}#video-slot{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1s}#video-slot iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0}.video-ready #video-slot{opacity:1}.video-ready .film-poster{opacity:0}.film-shade{background:linear-gradient(90deg,#000b,#0004);pointer-events:none}.video-status{display:block;font:10px Arial;color:#c0b3a8;margin-top:16px}.film-external{margin-top:12px}#ports-canvas{will-change:transform,opacity}
#sales{padding-left:9.94%;padding-right:9.56%;background:#f5f5f5}#sales .section-head h2{font-size:clamp(64px,8vw,128px);font-weight:700}#sales .section-head em{color:#ff6a00}.sales-grid{--sales-scale:1;display:grid;grid-template-columns:486fr 441fr 330fr;grid-template-rows:551fr 117fr 355fr;gap:calc(15px * var(--sales-scale));height:calc(1053px * var(--sales-scale));position:relative}.sales-card{position:relative;background:#141414;overflow:hidden;min-width:0;min-height:0;color:#e0e0e0;outline-offset:4px}.sales-card:focus-visible{outline:2px solid #ff6a00}.sales-zoner{grid-column:1;grid-row:1;border-top-left-radius:15px}.sales-root{grid-column:2/4;grid-row:1/3;border-top-right-radius:15px}.sales-usb{grid-column:1;grid-row:2/4;border-bottom-left-radius:15px}.sales-wireless{grid-column:2;grid-row:3}.sales-peripheral{grid-column:3;grid-row:3;border-bottom-right-radius:15px}.sales-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.artboard{position:absolute;top:0;left:0;transform:scale(var(--art-scale,1));transform-origin:0 0}.art-state{position:absolute;inset:0;transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.art-state>img{display:block;max-width:none}.art-state.hovered{opacity:0;transform:translateY(10px)}.sales-card:is(:hover,:focus-visible,:focus-within,.touch-active) .art-state.hovered{opacity:1;transform:none}.sales-card:is(:hover,:focus-visible,:focus-within,.touch-active) .art-state.idle{opacity:0;transform:translateY(-6px)}.sales-tag{position:absolute;z-index:2;right:calc(20px * var(--sales-scale));top:calc(20px * var(--sales-scale));font:500 calc(24px * var(--sales-scale))/1.4 Teko;color:#909090;pointer-events:none}.sales-tag.left-tag{left:calc(46px * var(--sales-scale));right:auto}.sales-copy{position:absolute;left:0;right:0;bottom:0;height:calc(181px * var(--sales-scale));padding:calc(22px * var(--sales-scale)) calc(45px * var(--sales-scale));background:#0009;backdrop-filter:blur(2px);z-index:2;pointer-events:none}.sales-root .sales-copy{height:calc(186px * var(--sales-scale));background:#000c}.sales-peripheral .sales-copy{padding-left:calc(27px * var(--sales-scale));padding-right:calc(24px * var(--sales-scale))}#landing .sales-copy h3{font:500 calc(50px * var(--sales-scale))/1.44 Teko;white-space:nowrap}#landing .sales-copy p{font-size:calc(18px * var(--sales-scale));line-height:1.5;margin-top:calc(12px * var(--sales-scale));color:#e0e0e0}.sales-wireless .sales-copy p,.sales-peripheral .sales-copy p{font-size:calc(16px * var(--sales-scale))}#sales-model{position:absolute;inset:0 0 27.2%;overflow:hidden}#sales-model .model-loading{position:absolute;top:50%;left:35%;font-size:11px;color:#999}.wifi-mark{position:absolute;left:144px;top:-29px}.bluetooth-tile{position:absolute;left:13px;top:45px;width:199.42px;height:199.42px;border:2px solid #b6b6b6;border-radius:24px;transform:rotate(-24.71deg);background:linear-gradient(135deg,#0003,#353535cc),linear-gradient(131deg,#16161600,#393939);filter:blur(.5px)}.bluetooth-mark{position:absolute;left:62px;top:85px;transform:rotate(-23.54deg)}.hovered .bluetooth-tile{left:53px;top:61px;transform:rotate(-13.63deg);background:linear-gradient(135deg,#0003,#925e39),linear-gradient(131deg,#16161600,#393939)}.hovered .bluetooth-mark{left:113px;top:97px;transform:rotate(-12.46deg)}
@media(max-width:1000px){.project-panel{padding:90px 6%}#sales{padding-left:6%;padding-right:6%}}
@media(max-width:700px){.project-panel{padding:75px 7%}#sales{padding:75px 7%}.sales-grid{height:auto;display:flex;flex-direction:column;gap:14px}.sales-card{border-radius:10px;--sales-scale:.78;width:100%;min-height:370px}.sales-root{order:-1;min-height:440px}.sales-zoner{min-height:420px}.sales-copy,.sales-root .sales-copy{height:auto;min-height:140px;padding:20px 24px}#landing .sales-copy h3{font-size:34px;line-height:1.25}#landing .sales-copy p{font-size:12px!important;line-height:1.6;margin-top:12px}.sales-tag{font-size:16px;top:18px;right:18px}.sales-tag.left-tag{left:24px}.sales-wireless,.sales-peripheral{min-height:355px}.sales-wireless .sales-art,.sales-peripheral .sales-art{height:355px}.sales-root #sales-model{bottom:140px}}
@media(prefers-reduced-motion:reduce){.art-state{transition:none}.project-panel,.film-sticky,.film-copy,#ports-canvas{will-change:auto}}

.artboard div{border-style:solid;border-width:0}.usb-glass{position:absolute;left:56px;top:4px;width:385.776px;height:385.776px;border:2px solid #b6b6b6!important;border-radius:24px;transform:rotate(16.69deg);background:linear-gradient(135deg,#0003,#353535cc),linear-gradient(131deg,#16161600,#393939);filter:blur(.5px)}.usb-icon{position:absolute;left:126.642px;top:55.132px;transform:rotate(-73.31deg)}

/* Compact Sales layout and layered caption interaction. */
#sales{padding-top:90px;padding-bottom:90px}
#sales .section-head,.sales-grid{max-width:1080px;margin-left:auto;margin-right:auto}
#sales .section-head{margin-bottom:42px}
#sales .section-head h2{font-size:clamp(52px,6vw,96px)}
#sales .section-head p{font-size:14px;margin-top:22px}
#landing .sales-copy h3{font-size:calc(44px * var(--sales-scale));line-height:1.25}
#landing .sales-copy p{font-size:calc(17px * var(--sales-scale));margin-top:calc(10px * var(--sales-scale))}
.sales-copy,.sales-root .sales-copy{transform:translateY(8px);background:rgba(0,0,0,.60);backdrop-filter:blur(5px);transition:transform .55s cubic-bezier(.2,.7,.2,1),background-color .55s,box-shadow .55s;box-shadow:inset 0 1px #ffffff14}
.sales-copy h3,.sales-copy p{transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s}
.sales-copy p{opacity:.83;transform:translateY(3px)}
.sales-card:is(:hover,:focus-visible,:focus-within,.touch-active) .sales-copy{transform:translateY(0);background:rgba(0,0,0,.76);box-shadow:inset 0 1px #ff6a0055}
.sales-card:is(:hover,:focus-visible,:focus-within,.touch-active) .sales-copy h3{transform:translateY(-2px)}
.sales-card:is(:hover,:focus-visible,:focus-within,.touch-active) .sales-copy p{opacity:1;transform:translateY(0);transition-delay:.06s}
.family-background img{opacity:.46;filter:none}
.family-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14141418,#14141450 65%,#141414);pointer-events:none}
@media(max-width:700px){#sales{padding:65px 7%}#sales .section-head h2{font-size:52px}.sales-card{min-height:320px}.sales-root{min-height:390px}.sales-zoner{min-height:350px}.sales-wireless,.sales-peripheral{min-height:315px}.sales-copy,.sales-root .sales-copy{min-height:125px;padding:18px 22px}#landing .sales-copy h3{font-size:29px}#landing .sales-copy p{font-size:12px;margin-top:9px}.sales-root #sales-model{bottom:125px}.sales-tag{font-size:14px}.family-background img{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.sales-copy,.sales-copy h3,.sales-copy p{transition:none!important;transform:none!important}}

/* Full-section portrait parallax and content-sized captions. */
.family-background img{position:absolute;top:calc(-1 * var(--family-drift,0px));left:0;width:100%;height:calc(100% + var(--family-drift,0px));object-fit:cover;object-position:center;will-change:transform}
#sales .sales-copy{height:auto;min-height:0;padding-top:calc(22px * var(--sales-scale));padding-bottom:max(32px,calc(40px * var(--sales-scale)))}
#sales .sales-copy p{margin-bottom:0}
#sales .sales-copy h3{white-space:normal;overflow-wrap:break-word}
#sales .sales-root #sales-model{bottom:var(--caption-height,125px)}
@media(max-width:700px){#sales .sales-copy{padding-top:18px;padding-bottom:34px}}
@media(prefers-reduced-motion:reduce){.family-background img{will-change:auto;transform:none!important}}
/* Shared hardware canvas carries the board continuously from ports to specifications. */
#hardware-story{position:relative;background:#141414}#hardware-visual{position:sticky;top:0;height:100vh;margin-bottom:-100vh;overflow:hidden;pointer-events:none}#hardware-visual #ports-canvas{width:66%;top:20%;bottom:2%;height:auto}.ports-section,.specs-section{background:transparent;position:relative}.ports-sticky,.specs-sticky{pointer-events:none}.port-tabs,.spec-tabs{pointer-events:auto}.specs-section{height:300vh}.specs-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.specs-intro{position:absolute;left:8.7%;top:12%}#landing .specs-intro h2{font-size:clamp(45px,5vw,75px)}.spec-copy{position:absolute;left:8.7%;width:29%;top:43%}#landing .spec-copy h3{font:500 clamp(50px,6vw,86px)/.95 Teko;color:#ff6a00}.spec-copy h4{font:500 23px Arial;margin:18px 0 0}.spec-copy p{font-size:14px;color:#bbb;max-width:380px;margin:16px 0 0}.spec-copy small{display:block;font-size:10px;color:#888;margin-top:30px}.spec-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.spec-tabs button{border:1px solid #555;background:transparent;border-radius:20px;padding:10px 12px;font:11px Arial}.spec-tabs button[aria-pressed=true]{color:#ff6a00;border-color:#ff6a00;background:#ff6a0020}.specs-progress{position:absolute;bottom:0;left:8.7%;right:8.7%;height:2px;background:#ffffff20}.specs-progress i{display:block;height:100%;background:#ff6a00;transform-origin:left}
.timeline-sticky{display:grid;grid-template-columns:37% minmax(0,1fr);gap:6%;align-items:center;padding:95px 8.7% 45px}.timeline-photo{position:relative;aspect-ratio:800/1080;margin:0;max-height:74vh;overflow:hidden;border-radius:5px;background:#141414}.timeline-photo img{position:absolute;width:183.75%;height:204.167%;max-width:none;left:-45.25%;top:-59.722%;object-fit:fill}.timeline-content{min-width:0}.timeline-sticky .section-head{margin:0}#landing .timeline-content h2{font-size:clamp(42px,4.6vw,72px)}.timeline-content .section-head p{font-size:13px;margin-top:18px}.timeline-window{width:100%;margin:20px 0 0}.timeline-track{height:clamp(240px,35vh,340px)}.timeline-hint{margin-left:0}.team-section{background:#1a1a1a}.team-accordion{display:flex;gap:12px;width:100%;height:clamp(380px,40vw,580px)}.team-card{position:relative;flex:1;min-width:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#252525;text-align:left;transition:flex .5s cubic-bezier(.5,.85,.25,1.15)}.team-card img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.team-card:before{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .3s;z-index:1}.team-card:after{content:'';position:absolute;inset:0;background:#fff3;backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}.team-accordion.has-active .team-card{flex:.6}.team-accordion.has-active .team-card[data-active=true]{flex:1.8}.team-accordion.has-active .team-card:not([data-active=true]):after{opacity:1}.team-card[data-active=true]:before{opacity:1}.team-card:focus-visible{outline:3px solid #ff6a00;outline-offset:5px}.team-number{position:absolute;top:24px;left:24px;color:#fff;font:24px Teko;z-index:2}.team-copy{position:absolute;bottom:35px;left:28px;right:20px;z-index:2;color:white;display:flex;flex-direction:column;gap:12px}.team-copy strong,.team-copy>span{opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}.team-copy strong{font-size:24px;font-weight:500}.team-copy>span{font-size:clamp(14px,1.6vw,24px);line-height:1.3}.team-card[data-active=true] .team-copy strong{opacity:1;transform:none;transition-delay:.3s}.team-card[data-active=true] .team-copy>span{opacity:1;transform:none;transition-delay:.5s}.team-placeholder-note{font-size:11px;color:#8f8982;margin:20px 0 0}
@media(max-width:700px){#hardware-visual #ports-canvas{width:100%;top:20%;height:49%;bottom:auto}.specs-intro{left:7%;top:11%}#landing .specs-intro h2{font-size:45px}.spec-copy{top:69%;left:7%;width:86%}.spec-copy .kicker{position:absolute;right:0;top:8px}#landing .spec-copy h3{font-size:48px}.spec-copy h4{font-size:17px;margin-top:5px}.spec-copy p{font-size:11px;margin-top:7px}.spec-tabs{margin-top:12px;gap:5px}.spec-tabs button{font-size:9px;padding:7px 9px}.spec-copy small{display:none}.timeline-sticky{display:block;padding:75px 7%}.timeline-photo{width:100%;max-height:none;aspect-ratio:800/1080;margin-bottom:35px}.timeline-track{height:auto}.team-accordion{height:auto;flex-direction:column}.team-card{flex:none!important;width:100%;height:350px}.team-card:before{opacity:1}.team-card:after{display:none}.team-copy strong,.team-copy>span{opacity:1;transform:none}.team-copy{bottom:28px}.team-copy>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.team-card,.team-card:after,.team-card:before,.team-copy strong,.team-copy>span{transition:none}.team-copy strong,.team-copy>span{opacity:1;transform:none}.team-card:before{opacity:1}}

#hardware-story{overflow:clip;isolation:isolate}

/* Images have a fixed height and 16:9 width; accordion reveals a crop without zooming. */
.team-accordion{--team-image-height:clamp(380px,40vw,580px);height:var(--team-image-height)}
.team-card img{position:absolute;left:50%;top:0;width:calc(var(--team-image-height)*16/9);height:var(--team-image-height);max-width:none;object-fit:cover;object-position:center;transform:translateX(-50%);transition:none}
html.hardware-snapping{scroll-behavior:auto!important}
@media(max-width:700px){.team-accordion{--team-image-height:350px;height:auto}.team-card img{width:calc(var(--team-image-height)*16/9);height:var(--team-image-height)}}
.team-card img{width:max(calc(var(--team-image-height)*16/9),49.56vw)}
@media(max-width:700px){.team-card img{width:calc(var(--team-image-height)*16/9)}}