:root{--white:#fff;--white-2:#ffffffb8;--white-3:#ffffff75;--chalk:#ecebe4;--ink:#1d1f22;--ink-2:#5b5f66;--rule:#1d1f2229;--paint:#0a86d6;--radius:3px;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(16px, 3.2vw, 48px);font-optical-sizing:auto;color:var(--white);-webkit-font-smoothing:antialiased;font-family:Roboto Flex,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#000;margin:0}html.is-locked,html.is-locked body{height:100%;overflow:hidden}#gl{z-index:0;touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--white);outline-offset:3px}.sheet :focus-visible{outline-color:var(--ink)}.wide{font-stretch:151%}.btn{border-radius:var(--radius);justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.btn--light{background:var(--white);color:var(--ink)}.btn--light:hover{background:var(--chalk)}.btn--dark{background:var(--ink);color:var(--white)}.btn--dark:hover{background:#2c2f33}.btn--quiet{color:var(--white-2);min-height:40px;padding:0 8px;font-weight:500}.btn--quiet:hover{color:var(--white)}.sheet--ink .btn--light:hover{background:var(--chalk)}.loader{z-index:20;transition:opacity 1.2s var(--ease), visibility 1.2s;background:#000;place-content:center;justify-items:center;gap:24px;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader__brand{letter-spacing:-.01em;font-size:clamp(26px,3.4vw,40px);font-weight:700;font-stretch:151%}.loader__bar{background:#ffffff29;width:min(260px,60vw);height:2px;overflow:hidden}.loader__bar span{background:var(--white);transform-origin:0;width:100%;height:100%;transition:transform .4s var(--ease);display:block;transform:scaleX(0)}.loader__pct{color:var(--white-3);font-variant-numeric:tabular-nums;font-size:13px}.loader.is-ready .loader__bar,.loader.is-ready .loader__pct{opacity:0;transition:opacity .6s}.loader__gate{justify-items:center;gap:10px;display:grid;position:absolute;top:calc(50% + 40px);left:50%;translate:-50%}.loader__gate[hidden]{display:none}.ui{z-index:10;pointer-events:none;position:fixed;inset:0}.ui:before,.ui:after{content:"";pointer-events:none;opacity:0;z-index:-1;transition:opacity 1.2s var(--ease);position:absolute;left:0;right:0}.ui:before{background:linear-gradient(#00142852,#0000);height:22%;top:0}.ui:after{background:linear-gradient(#0000,#0014286b);height:36%;bottom:0}.ui.is-visible:before,.ui.is-visible:after{opacity:1}.ui>*{opacity:0;transition:opacity 1.4s var(--ease)}.ui.is-visible>*{opacity:1;pointer-events:auto}.ui__top{top:max(var(--gutter), env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{letter-spacing:.36em;margin-right:-.36em;font-size:15px;font-weight:700}.ui__actions{align-items:center;gap:6px;display:flex}.text-btn{min-height:40px;color:var(--white-2);padding:0 10px;font-size:14px;font-weight:500;transition:color .25s}.text-btn:hover{color:var(--white)}.icon-btn{width:40px;height:40px;color:var(--white-2);place-items:center;transition:color .25s;display:grid}.icon-btn:hover{color:var(--white)}.theme-btn{position:relative;overflow:hidden}.theme-btn svg{transition:transform .8s var(--ease), opacity .6s;position:absolute}.theme-btn .moon{opacity:0;transform:translateY(140%)}.theme-btn[aria-pressed=true] .sun{opacity:0;transform:translateY(-140%)}.theme-btn[aria-pressed=true] .moon{opacity:1;transform:none}.eq{align-items:center;gap:2px;height:12px;display:flex}.eq i{background:currentColor;width:2px;height:3px;transition:height .3s;display:block}.icon-btn[aria-pressed=true] .eq i{animation:1s ease-in-out infinite eq}.icon-btn[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.icon-btn[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.6s}.icon-btn[aria-pressed=true] .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.langs{margin-right:6px;display:flex}.langs button{min-width:34px;min-height:40px;color:var(--white-3);font-size:13px;font-weight:600;transition:color .25s}.langs button:hover{color:var(--white)}.langs button[aria-pressed=true]{color:var(--white);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.ui__model{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 58px);left:var(--gutter);position:absolute}.ui__model p{margin:0}.ui__modelname{font-size:15px;font-weight:700;font-stretch:151%}.ui__modeltype{color:var(--white-2);font-size:13px;margin-top:2px!important}.ui__picker{left:var(--gutter);bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 30px);width:min(560px, calc(100vw - 2 * var(--gutter)));position:absolute}.picker__label{color:var(--white-2);margin:0 0 4px;font-size:13px}.picker__count{color:var(--white-3);font-variant-numeric:tabular-nums;margin-left:6px}.picker__name{height:clamp(48px,5.4vw,76px);position:relative;overflow:hidden}.picker__name span{letter-spacing:-.02em;white-space:nowrap;align-items:center;font-size:clamp(34px,4.6vw,64px);font-weight:800;font-stretch:151%;line-height:1;display:flex;position:absolute;inset:0}.picker__row{align-items:center;gap:4px;margin-top:14px;display:flex}.arrow{width:40px;height:40px;color:var(--white-2);flex:none;place-items:center;transition:color .25s;display:grid}.arrow:hover{color:var(--white)}.picker__chips{gap:6px;padding:0 6px;display:flex}.picker__chips button{background:var(--c);width:34px;height:22px;transition:transform .3s var(--ease);border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff47}.picker__chips button[aria-current=true]{box-shadow:inset 0 0 0 1px #ffffff47, 0 0 0 2px #00000059, 0 0 0 4px var(--white)}.ui__specs{right:var(--gutter);bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 30px);grid-template-columns:repeat(2,minmax(120px,auto));gap:16px 40px;margin:0;display:grid;position:absolute}.spec{gap:2px;display:grid}.spec dt{color:var(--white-2);font-size:13px}.spec dd{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(22px,2vw,28px);font-weight:700;font-stretch:125%}.spec dd small{color:var(--white-2);margin-left:2px;font-size:14px;font-weight:500;font-stretch:100%}.ui__fine{left:var(--gutter);right:var(--gutter);bottom:max(10px, env(safe-area-inset-bottom));color:#fff6;text-align:center;margin:0;font-size:11px;line-height:1.5;position:absolute}.ui__hint{left:50%;top:calc(max(var(--gutter), env(safe-area-inset-top)) + 60px);color:var(--white-2);white-space:nowrap;font-size:13px;position:absolute;translate:-50%}@media (width<=900px){.ui__hint{display:none}.ui__specs{gap:12px 24px}}@media (width<=640px),(orientation:portrait) and (width<=900px){.ui__specs{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 104px);bottom:auto;left:var(--gutter);right:var(--gutter);grid-template-columns:repeat(4,auto);justify-content:space-between;gap:8px}.spec dt{font-size:11px}.spec dd{font-size:18px}.spec dd small{margin:0;font-size:11px;display:block}.ui__picker{bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 92px)}.picker__name span{font-size:34px}.ui__fine{font-size:10px}.langs button{min-width:28px}.ui__actions .text-btn{display:none}}.debug{z-index:30;background:#0009;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font:12px ui-monospace,monospace;display:flex;position:fixed;top:12px;left:50%;translate:-50%}.debug input{width:min(60vw,520px)}.debug[hidden]{display:none}@media (prefers-reduced-motion:reduce){.ui>*,.loader{transition-duration:10ms!important}.icon-btn .eq i,.hotspot:after{animation:none!important}}.ui.is-detail>.ui__picker,.ui.is-detail>.ui__specs,.ui.is-detail>.ui__hint,.ui.is-detail>.ui__model{opacity:0!important;pointer-events:none!important}.hotspots{z-index:11;pointer-events:none;position:fixed;inset:0}.hotspot{pointer-events:auto;opacity:0;width:44px;height:44px;transition:opacity .4s var(--ease), transform .5s var(--ease);border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute;top:0;left:0;transform:scale(.6)}.hotspot.is-on{opacity:1;transform:scale(1)}.hotspot:before,.hotspot:after{content:"";border-radius:50%;position:absolute}.hotspot:before{background:var(--white);width:12px;height:12px;box-shadow:0 0 0 1px #00000040,0 1px 8px #00000059}.hotspot:after{border:1.5px solid #ffffffe6;width:26px;height:26px;animation:2.6s ease-in-out infinite hs-breathe}@keyframes hs-breathe{0%,to{opacity:.9;transform:scale(.85)}50%{opacity:.4;transform:scale(1.1)}}.hotspot span{white-space:nowrap;border-radius:var(--radius);background:var(--chalk);color:var(--ink);opacity:0;pointer-events:none;padding:6px 10px;font-size:13px;font-weight:600;transition:opacity .25s;position:absolute;top:calc(100% + 2px);left:50%;translate:-50%}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}@media (pointer:coarse){.hotspot span{opacity:.92}}.panel,.sheet{color:var(--ink);background:var(--chalk);border-radius:var(--radius)}.sheet__title,.panel__title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);font-weight:800;font-stretch:151%;line-height:1.04}.sheet__lead,.panel__lead{color:var(--ink);max-width:60ch;margin:0 0 24px;font-size:17px;line-height:1.55}.sheet__note{color:var(--ink-2);margin:18px 0 0;font-size:13px}.panel{z-index:12;top:50%;right:var(--gutter);width:min(400px, calc(100vw - 2 * var(--gutter)));opacity:0;pointer-events:none;max-height:calc(100vh - 160px);transition:opacity .5s var(--ease), transform .7s var(--ease);padding:24px 28px 26px;position:fixed;overflow:auto;transform:translate(24px)}.panel.is-open{opacity:1;pointer-events:auto;transform:none}.panel__back{min-height:40px;color:var(--ink-2);align-items:center;gap:6px;margin:-8px 0 10px -6px;padding:0 6px;font-size:14px;font-weight:600;transition:color .25s;display:inline-flex}.panel__back:hover{color:var(--ink)}.panel__title{font-size:clamp(26px,2.4vw,34px)}.panel__lead{margin-bottom:18px;font-size:15px}.panel__specs{grid-template-columns:1fr 1fr;gap:0 18px;margin:0 0 20px;display:grid}.panel__specs div{border-top:1px solid var(--rule);padding:9px 0}.panel__specs dt{color:var(--ink-2);margin-bottom:2px;font-size:12px}.panel__specs dd{margin:0;font-size:14px;font-weight:600;line-height:1.35}.panel__swatch-label{color:var(--ink-2);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.panel__swatch-label b{color:var(--ink);font-weight:600}.panel__swatch-row{gap:8px;display:flex}.panel__swatch-row button{background:linear-gradient(90deg, var(--a) 62%, var(--b) 62%);border-radius:2px;width:44px;height:28px;box-shadow:inset 0 0 0 1px #00000026}.panel__swatch-row button[aria-current=true]{box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px var(--chalk), 0 0 0 4px var(--ink)}.panel__hint{color:var(--ink-2);margin-top:16px;font-size:13px}.panel__hint:empty{display:none}@media (width<=760px){.panel{top:auto;bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-height:46vh;padding:18px 20px;left:12px;right:12px;transform:translateY(24px)}.panel__lead{margin-bottom:12px;font-size:14px}}.page{z-index:9;pointer-events:none;position:relative}.hero-spacer{height:100svh}.story{padding:10vh 0 0}.chapter{min-height:115vh;padding:0 var(--gutter);align-items:center;display:flex}.chapter[data-side=right]{justify-content:flex-end}.sheet{pointer-events:auto;width:min(540px,100%);padding:clamp(24px,3vw,40px)}.sheet--wide{width:min(660px,100%)}.sheet--ink{background:color-mix(in srgb, var(--paint) 78%, #000);color:var(--white);transition:background 1.1s var(--ease)}.sheet--ink .sheet__lead{color:var(--white)}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;border-top:1px solid var(--rule);grid-template-columns:32px 1fr;padding:12px 0;font-size:16px;line-height:1.45;display:grid}.steps li:before{content:counter(step);color:var(--ink-2);font-weight:700;font-stretch:151%}.facts,.datatable{margin:0}.facts div,.datatable div{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:20px;padding:11px 0;font-size:16px;display:flex}.facts dt,.datatable dt{color:var(--ink-2)}.facts dd,.datatable dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.datatable div:last-child,.facts div:last-child{border-bottom:1px solid var(--rule)}.gallery{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.gallery figure{aspect-ratio:4/3;background:#c9c8c0;border-radius:2px;margin:0;position:relative;overflow:hidden}.gallery figure:nth-child(3n+1){aspect-ratio:auto;grid-row:span 2}.gallery img{object-fit:cover;width:100%;height:100%;display:block}.gallery figcaption{color:#ffffffe6;text-shadow:0 1px 4px #000000b3;font-size:11px;position:absolute;bottom:6px;left:8px}.discover{z-index:13;left:50%;bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 30px);opacity:0;pointer-events:none;transition:opacity .6s var(--ease), background .25s;position:fixed;translate:-50%}body.ui-on .discover:not(.is-hidden){opacity:1;pointer-events:auto}.ui.is-detail~.discover{opacity:0!important;pointer-events:none!important}.back3d{z-index:13;left:50%;top:max(var(--gutter), env(safe-area-inset-top));opacity:0;pointer-events:none;min-height:40px;transition:opacity .5s var(--ease), background .25s;font-size:14px;position:fixed;translate:-50%}.back3d.is-on{opacity:1;pointer-events:auto}body.story-on .ui>:not(.ui__top),body.story-on .ui:before,body.story-on .ui:after,body.story-on .hotspots{opacity:0!important;pointer-events:none!important}body.story-on .ui__actions #replay{visibility:hidden}.footer{min-height:100vh;padding:0 var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));grid-template-columns:1.2fr 1fr;align-items:center;display:grid;position:relative}.footer__stage{pointer-events:auto;cursor:grab;touch-action:pan-y;height:80vh;position:relative}.footer__stage:active{cursor:grabbing}.footer__drag{color:var(--white-3);font-size:13px;position:absolute;bottom:6%;left:50%;translate:-50%}.footer__info{pointer-events:auto;gap:20px;max-width:520px;display:grid}.footer__brand{letter-spacing:-.03em;margin:0;font-size:clamp(40px,5.6vw,84px);font-weight:800;font-stretch:151%;line-height:.95}.footer__tag{color:var(--white-2);margin:0;font-size:16px;line-height:1.5}.footer__label{color:var(--white-3);margin:12px 0 0;font-size:13px;font-weight:500}.footer__contacts{display:grid}.contact{color:var(--white);border-bottom:1px solid #ffffff29;align-items:center;gap:14px;padding:14px 0;text-decoration:none;transition:color .25s;display:flex}.contact:hover{color:var(--chalk)}.contact:hover span{text-underline-offset:5px;text-decoration:underline}.contact span{gap:1px;font-size:20px;font-weight:700;font-stretch:125%;display:grid}.contact small{color:var(--white-3);font-size:13px;font-weight:500;font-stretch:100%}.footer__legal{color:#fff6;margin:0;font-size:12px;line-height:1.6}@media (width<=760px){.chapter,.chapter[data-side=right]{justify-content:center;min-height:100vh}.sheet{padding:22px}.sheet__lead{font-size:16px}.footer{grid-template-columns:1fr;padding-top:0}.footer__stage{height:55vh}.discover{bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 34px)}}
