.device{z-index:1;height:300vh}.device__stage{--stage-inset:env(safe-area-inset-bottom,0px);height:100lvh;position:sticky;top:0;overflow:hidden}@supports (height:100svh){.device__stage{--stage-inset:calc(100lvh - 100svh + env(safe-area-inset-bottom,0px))}}.device__still{opacity:0;transition:opacity var(--d3) var(--ease);background:#000;display:none;position:absolute;inset:0}.device__still picture{display:contents}.device__still img{object-fit:contain;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}html.use-stills .device__still,html.stage-bridge .device__still,html.gl-pending .device__still,html.gl-unpending .device__still{opacity:1;display:block}html.stage-bridge.gl-ready:not(.gl-pending) .device__still,html.gl-unpending:not(.gl-pending) .device__still{opacity:0}@media (min-width:1069px),(orientation:landscape){html.use-stills:not(.reduced-motion) .device__still,html.stage-bridge:not(.reduced-motion) .device__still,html.gl-pending .device__still,html.gl-unpending .device__still{left:30vw}html.use-stills:not(.reduced-motion) .device__still img,html.stage-bridge:not(.reduced-motion) .device__still img,html.gl-pending .device__still img,html.gl-unpending .device__still img{object-fit:cover;object-position:50% 50%;transform:scale(1.12)}}.device__beats{z-index:2;pointer-events:none;position:absolute;inset:0}.device__beats .beat{width:min(34vw,480px)}.device__beats .beat--right{left:auto;right:var(--gutter)}.device__beats .beat--parts{top:calc(var(--nav-h) + 40px);transform:none!important}.device__labels,.device__leaders{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.device__leaders line{stroke:#f5f5f78c;stroke-width:1px;opacity:0}.callout{opacity:0;will-change:transform, opacity;gap:5px;width:max-content;max-width:min(250px,17vw);display:grid;position:absolute;top:0;left:0}.callout.is-left{text-align:right;justify-items:end}.callout__num{display:none}.callout__key{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:11.5px}.callout__cap{color:#a8a8ad;font-size:13.5px;line-height:1.4}.callout-dot{opacity:0;background:var(--text);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 3px #76a8c259,0 0 10px #76a8c2e6}.callout-dot--num{width:22px;height:22px;font-family:var(--f-mono);color:#000;place-items:center;font-size:11px;font-weight:600;display:grid;top:-11px;left:-11px}.device__concept{z-index:2;left:50%;bottom:max(28px, calc(16px + var(--stage-inset)));white-space:nowrap;font-family:var(--f-mono);letter-spacing:.06em;color:#a8a8ad;box-shadow:inset 0 0 0 1px var(--hair-2);opacity:0;pointer-events:none;background:#0b0d10b3;border-radius:999px;margin:0;padding:8px 14px;font-size:11.5px;position:absolute;transform:translate(-50%)}.device__mlist{display:none}.device__mlist li[hidden]{display:none!important}.device-list{gap:6px;display:grid}@media (min-width:735px) and (max-width:1068px) and (orientation:portrait){.device__beats .beat{left:var(--gutter);right:var(--gutter);top:auto;bottom:calc(132px + var(--stage-inset));width:auto;max-width:620px;transform:none}.device__beats .beat .t-display{font-size:clamp(56px,7.6vw,80px)}.device__beats .beat .t-headline{font-size:clamp(32px,4.2vw,44px)}.device__beats .beat .t-sub{font-size:clamp(20px,2.4vw,23px)}.device__beats .beat--parts{top:calc(var(--nav-h) + 28px);bottom:auto}.device__mlist{z-index:2;opacity:0;padding:72px var(--gutter) calc(96px + var(--stage-inset));background:linear-gradient(#0000 0,#000000e6 56px,#000 100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;margin:0;list-style:none;display:grid;position:absolute;bottom:0;left:0;right:0}.device__mlist li{grid-template-columns:26px 1fr;align-items:start;gap:14px;display:grid}.device__mlist .callout__num{background:var(--text);color:#000;width:26px;height:26px;font-family:var(--f-mono);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.device__mlist .callout__key{font-size:12px;display:block}.device__mlist .callout__cap{margin-top:5px;font-size:15px;display:block}.callout-dot--num{width:26px;height:26px;font-size:12px;top:-13px;left:-13px}.device__concept{bottom:max(32px, calc(20px + var(--stage-inset)))}}@media (max-width:734px) and (orientation:portrait){.device{height:220lvh}.device__beats .beat{width:auto}.device__beats .beat--right{left:20px;right:20px}.device__beats .beat--parts{top:calc(var(--nav-h) + 20px);bottom:auto}.device__beats .beat:not(.beat--parts){bottom:calc(92px + var(--stage-inset))}.device__mlist{z-index:2;opacity:0;padding:56px 20px calc(84px + var(--stage-inset));background:linear-gradient(#0000 0,#000000e0 44px,#000 100%);gap:12px;margin:0;list-style:none;display:grid;position:absolute;bottom:0;left:0;right:0}.device__mlist li{grid-template-columns:22px 1fr;align-items:start;gap:12px;display:grid}.device__mlist .callout__num{background:var(--text);color:#000;width:22px;height:22px;font-family:var(--f-mono);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.device__mlist .callout__key{display:block}.device__mlist .callout__cap{margin-top:3px;font-size:14px;display:block}.device__concept{--pause-lane:calc(max(12px, env(safe-area-inset-right,0px)) + 44px + 10px);bottom:calc(16px + var(--stage-inset));white-space:normal;text-align:center;width:max-content;min-height:44px;max-width:calc(100% - 2 * var(--pause-lane));border-radius:14px;align-content:center;padding:7px 14px;font-size:10.5px;line-height:1.4;display:grid}}@media (max-height:520px) and (orientation:landscape){.device__beats .beat{top:calc(50% + var(--nav-h) / 2);width:min(44vw,440px)}.device__beats .beat .t-display{font-size:clamp(30px,5vw,44px)}.device__beats .beat .t-headline{font-size:clamp(22px,3.2vw,30px)}.device__beats .beat .t-sub{margin-top:10px;font-size:14px}.device__beats .beat--parts{top:calc(var(--nav-h) + 12px)}.callout{max-width:180px}.callout__cap{display:none}.device__concept{bottom:max(10px, var(--stage-inset));padding:6px 12px;font-size:10px}}@media (min-width:735px),(orientation:landscape){html.stills .device{height:320vh}}html.reduced-motion .device,html.no-js .device{height:auto;display:grid}html.reduced-motion .device-sr,html.no-js .device-sr,html.reduced-motion .device__stage,html.no-js .device__stage{grid-area:1/1}html.reduced-motion .device__stage,html.no-js .device__stage{align-items:center;height:auto;min-height:100svh;display:grid;position:relative}html.reduced-motion .device__beats,html.reduced-motion .device__labels,html.reduced-motion .device__leaders,html.no-js .device__beats,html.no-js .device__labels,html.no-js .device__leaders,html.reduced-motion .device__mlist,html.reduced-motion .device__concept,html.no-js .device__mlist,html.no-js .device__concept{display:none}html.reduced-motion .device__still,html.no-js .device__still{opacity:1;display:block;left:40vw}html.reduced-motion .device__still img,html.no-js .device__still img{object-position:50% 50%;transform:scale(1.35)}html.reduced-motion .device-sr,html.no-js .device-sr{z-index:2;padding:calc(var(--nav-h) + 48px) 0 72px;align-self:center;width:min(40vw,480px)!important;height:auto!important;margin:0 0 0 var(--gutter)!important;clip:auto!important;clip-path:none!important;white-space:normal!important;position:relative!important;overflow:visible!important}html.reduced-motion .device-sr h2,html.no-js .device-sr h2{font-family:var(--f-display);letter-spacing:-.035em;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.02}html.reduced-motion .device-sr>p,html.no-js .device-sr>p{color:#a8a8ad;margin-top:14px;font-size:17px}html.reduced-motion .device-list,html.no-js .device-list{gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}html.reduced-motion .device-list--panel,html.no-js .device-list--panel{margin-top:18px}html.reduced-motion .device-sr__sub,html.no-js .device-sr__sub{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin-top:40px;font-size:12px;font-weight:500}html.reduced-motion .device-sr__sub+p,html.no-js .device-sr__sub+p{margin-top:8px;font-size:14px}html.reduced-motion .device-list__k,html.no-js .device-list__k{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:11.5px;display:block}html.reduced-motion .device-list__c,html.no-js .device-list__c{color:#a8a8ad;font-size:14px;display:block}@media (max-width:1068px) and (orientation:portrait),(max-width:734px){html.reduced-motion .device-sr,html.no-js .device-sr,html.reduced-motion .device__stage,html.no-js .device__stage{grid-area:auto}html.reduced-motion .device-sr,html.no-js .device-sr{padding:0 var(--gutter) 48px;top:auto;left:auto;transform:none;width:auto!important;margin:0!important;position:relative!important}html.reduced-motion .device__stage,html.no-js .device__stage{display:block}html.reduced-motion .device__still,html.no-js .device__still{height:60svh;position:relative;left:0}html.reduced-motion .device__still img,html.no-js .device__still img{transform:none}}