:root{--background:#fff;--foreground:#080808;--orange:#ff5a00;--muted:#97979f;--title:#d4d4d4;font-family:Arial,Helvetica,sans-serif;color:var(--foreground);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:6px}p,h1,h2,figure{margin:0}svg{display:block;width:100%;height:auto}html{scroll-behavior:auto}.homepage{width:100%;min-height:100svh;position:relative;display:flex;flex-direction:column}header{height:8.6vh;min-height:76px;display:flex;align-items:center;padding:0 3.05%;gap:3vw;position:relative;z-index:5}.wordmark{font-size:clamp(20px,1.15vw,30px);letter-spacing:.36em}header nav{position:absolute;left:37.8%;display:flex;gap:3.4vw;font-size:clamp(14px,.72vw,19px)}.explore{margin-left:auto;margin-right:17.8%;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#080808;color:#fff;border-radius:40px;padding:14px 27px;font-size:clamp(14px,.72vw,19px)}.micro{text-transform:uppercase;color:var(--muted);font-size:clamp(10px,.52vw,14px);font-weight:600;letter-spacing:.32em;line-height:1.55}.motto{position:absolute;right:2.45%;top:25%;padding-left:1.2vw;border-left:1px solid #ddd;font-size:clamp(9px,.46vw,12px);line-height:1.7}main{position:relative;flex:1;min-height:calc(100svh - 140px)}.spatial{position:absolute;top:-4.4vh;left:20.1%;font-size:17.55vw;line-height:1;font-weight:750;letter-spacing:-.075em;color:var(--title);white-space:nowrap}.intro{position:absolute;left:3.05%;top:22.2%;z-index:3}.eyebrow::before{content:"";display:block;width:22px;height:2px;background:var(--orange);margin-bottom:10px}h1{font-size:clamp(40px,3.52vw,100px);line-height:1.06;letter-spacing:-.055em;margin:48px 0 44px;font-weight:750}.action{display:inline-flex;align-items:center;gap:20px;padding:6px 7px 6px 20px;min-height:42px;background:var(--orange);border-radius:50px;font-size:clamp(14px,.72vw,19px)}.arrow{display:grid;place-items:center;border-radius:50%;background:#ffecd9;width:30px;height:30px;font-size:25px;font-weight:400;color:#555;line-height:1}.intro-note{margin-top:40px}.product{position:absolute;left:28.05%;top:14.8%;width:46.5%;z-index:2;outline-offset:0}.product svg{overflow:visible}.pedestal{position:absolute;width:47.6%;left:26.1%;bottom:0;z-index:1}.callout{position:absolute;z-index:3;font-size:clamp(16px,1.02vw,27px);letter-spacing:-.03em}.callout .micro{margin-top:8px;letter-spacing:.32em;font-size:clamp(10px,.61vw,16px)}.optics{left:68.2%;top:25.2%}.optics:before{content:"";position:absolute;right:calc(100% + 13px);top:-11px;width:5.2vw;border-top:1px solid #999;transform:rotate(-40deg);transform-origin:right}.fit{left:23.4%;top:65%}.fit:before{content:"";position:absolute;left:7vw;bottom:calc(100% + 22px);width:3.3vw;border-top:1px solid #999;transform:rotate(-40deg)}.design{position:absolute;left:83.05%;right:1.6%;top:7.9%;height:74%;border-left:1px solid #dedee0;padding:3.7vh 0 0 1.3vw}.design h2{font-size:clamp(18px,1.15vw,31px);text-transform:uppercase;letter-spacing:.08em;line-height:1.3}.design-copy{font-size:clamp(18px,1.16vw,31px);color:#7b7b81;letter-spacing:.055em;line-height:1.3;margin:8px 0 24px}.portrait{width:100%;max-height:42vh;object-fit:cover}.human{margin-top:30px}.dash{display:block;color:#aaa;margin-top:22px}.film{position:absolute;left:2.5%;bottom:3%;width:20.1%;border-radius:10px;overflow:hidden;color:#fff;z-index:3}.film-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(transparent,#060606 35%);font-size:clamp(18px,1.03vw,27px)}.film-caption small{display:block;font-size:12px;letter-spacing:.25em;margin-top:4px}.play{border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:15px;padding-left:2px}.unavailable{display:none;position:absolute;top:12px;left:12px;background:#000d;padding:8px;border-radius:4px;font-size:13px}.film:focus .unavailable,.film:hover .unavailable{display:block}.rotation{position:absolute;right:2.4%;bottom:3.4%;width:15.8%;}.rotation .micro{text-align:right;line-height:2.15}.rotate-label{position:absolute;bottom:15px;right:3vw;color:var(--orange);white-space:nowrap;font-size:clamp(18px,1.25vw,33px);letter-spacing:-.03em}.rotation-track{height:1px;background:#bdbdbf;margin-top:3px}.rotation-track:before{content:"";display:block;width:34%;height:1px;background:var(--orange)}footer{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2.4%;color:#8e8e96;font-size:clamp(10px,.49vw,13px)}footer small{font-size:inherit}footer nav{display:flex;gap:28px}footer span{cursor:default}
@media(min-width:1800px){h1{margin-top:2.6vw;margin-bottom:2.25vw}.action{min-height:52px;padding:7px 8px 7px 24px;gap:22px}.arrow{width:36px;height:36px;font-size:30px}.intro-note{margin-top:2.1vw}.explore{padding:17px 31px}}
@media(min-width:901px) and (max-height:760px){header{min-height:64px}.intro{top:21%}h1{margin:30px 0}.intro-note{margin-top:24px}.design{padding-top:20px}.design-copy{margin-bottom:16px}.human{margin-top:18px}.dash{margin-top:12px}footer{height:44px}main{min-height:calc(100svh - 108px)}}
@media(max-width:900px){header{height:auto;min-height:100px;padding:24px 5%;align-items:flex-start;flex-wrap:wrap}.wordmark{font-size:22px}header nav{position:static;order:3;width:100%;gap:32px;font-size:14px;margin-top:4px}.explore{margin:0 0 0 auto;padding:10px 18px;font-size:14px}.motto{display:none}main{display:flex;flex-direction:column;min-height:0;padding:0 5%}.spatial{position:relative;top:auto;left:auto;order:0;font-size:25vw;letter-spacing:-.075em;line-height:1.05;margin:5px 0 0 -1%}.intro{position:relative;left:auto;top:auto;order:2;margin-top:14px}.eyebrow{font-size:10px}.eyebrow::before{margin-bottom:7px}h1{font-size:clamp(44px,8vw,70px);margin:22px 0 25px}.action{font-size:15px;gap:28px;min-height:46px}.intro-note{margin-top:24px;font-size:10px}.product{position:relative;left:auto;top:auto;width:100%;order:1;margin-top:-9vw;z-index:2}.pedestal{position:relative;left:auto;bottom:auto;order:1;width:100%;margin-top:-3vw}.callout{display:none}.design{position:relative;left:auto;right:auto;top:auto;height:auto;order:3;margin-top:44px;padding:0 0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.design h2{font-size:21px;grid-column:1}.design-copy{font-size:19px;grid-column:1;margin:0}.portrait{grid-column:2;grid-row:1/5;max-height:none;align-self:start}.human{margin-top:14px;font-size:10px}.dash{margin-top:0}.film{position:relative;left:auto;bottom:auto;width:100%;order:4;margin-top:35px;max-width:520px}.film-caption{font-size:23px;padding:20px}.rotation{position:relative;right:auto;bottom:auto;width:100%;order:5;margin-top:30px}.rotation .micro{font-size:10px;line-height:1.7}.rotate-label{right:auto;left:0;font-size:22px;bottom:16px}.rotation-track{margin-top:12px}footer{height:auto;min-height:96px;padding:30px 5%;gap:20px;flex-wrap:wrap;font-size:10px}footer nav{gap:22px}}
@media(min-width:901px){.homepage{height:100svh;min-height:700px}header{flex:0 0 8.6%;min-height:64px}main{min-height:0}footer{flex:0 0 5.9%;height:auto}.fit{top:64%}.design{height:74%}.rotation .micro{margin-bottom:28px}.rotate-label{bottom:9px;right:3vw;font-size:clamp(18px,1.15vw,30px)}}
.film-caption{min-height:40%;background:linear-gradient(transparent 0%,#060606 22%);padding-top:20px}.play{flex-shrink:0}
.optics .micro{font-size:clamp(9px,.55vw,15px);letter-spacing:.25em}
.film-caption{background:#060606}

/* The frame and every surrounding element remain in their approved positions. */
.product { overflow: visible; touch-action: pan-y pinch-zoom; }
.product > svg { transform-origin: 50% 50%; transform-box: border-box; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .product > svg { transform: none !important; will-change: auto !important; }
  .product { touch-action: auto; }
}

/* One translate per item; no nested bobbing or changes to its layout box. */
.ui-bob { translate: 0 var(--ui-bob-y, 0px); }
.ui-bob-relative { position: relative; }
header nav a.ui-bob, footer nav span.ui-bob { display: inline-block; }
.ui-bob-hit::after {
  content: ''; position: absolute; left: 0; right: 0; top: 100%;
  height: calc(-1 * var(--ui-bob-y, 0px));
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .ui-bob, .ui-bob-hit::after { translate: none !important; }
}

.film.ui-bob-hover .unavailable { display: block; }

.panel-entry { pointer-events: auto; cursor: pointer; outline: none; }
.panel-light { fill: transparent; stroke: transparent; stroke-width: 2.5; transition: fill .25s ease, stroke .25s ease, filter .25s ease; }
.panel-entry:hover .panel-light, .panel-entry:focus-visible .panel-light { fill: #ff9d2714; stroke: #ffb46c; filter: drop-shadow(0 0 6px #ff7600aa); }
.panel-entry:focus-visible .panel-light { stroke-width: 4; }
.product { transition: transform .7s cubic-bezier(.22,.7,.2,1); }
.homepage[data-journey] .product { transform: translate(var(--journey-x),var(--journey-y)); }
.homepage header,.homepage .intro,.homepage .spatial,.homepage .callout,.homepage .design,.homepage .film,.homepage .rotation,.homepage footer,.homepage .pedestal { transition: opacity .55s ease; }
.homepage[data-journey] header,.homepage[data-journey] .intro,.homepage[data-journey] .spatial,.homepage[data-journey] .callout,.homepage[data-journey] .design,.homepage[data-journey] .film,.homepage[data-journey] .rotation,.homepage[data-journey] footer,.homepage[data-journey] .pedestal { opacity:0;pointer-events:none; }
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.journey {position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#111;overflow:hidden;}
.journey::backdrop {background:transparent;}
.journey-video {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;transition:opacity .45s ease;}
.journey.playing .journey-video {opacity:1;}
.journey-controls {position:absolute;top:24px;left:3%;right:3%;display:flex;justify-content:flex-end;gap:12px;z-index:2;}
.journey-controls a,.journey-controls button,.journey-fallback {font:14px Arial,sans-serif;border:1px solid #ddd;border-radius:40px;padding:13px 20px;background:#ffffffed;color:#111;cursor:pointer;}
.journey-controls button:focus-visible,.journey a:focus-visible {outline:2px solid #ff5a00;outline-offset:4px;}
.journey-feedback {position:absolute;bottom:6%;left:5%;right:5%;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px;font-size:15px;}
.journey.playing .journey-feedback:has(p:empty) {visibility:hidden;}
.journey-fallback {background:#ff5a00;border-color:#ff5a00;}
@media(prefers-reduced-motion:reduce){.product,.panel-light,.journey-video{transition:none!important}.homepage header,.homepage .intro,.homepage .spatial,.homepage .callout,.homepage .design,.homepage .film,.homepage .rotation,.homepage footer,.homepage .pedestal{transition:none!important}}

.spatial-audio-toggle{position:fixed;top:82px;right:3%;z-index:20;width:40px;height:40px;padding:10px;border:1px solid #cdd0ce;border-radius:50%;background:#fffffff2;color:#292d2a;display:grid;place-items:center;cursor:pointer;box-sizing:border-box;transition:background .18s,border-color .18s}.spatial-audio-toggle:hover{border-color:#e86c2a;background:#fff}.spatial-audio-toggle:focus-visible{outline:2px solid #f06520;outline-offset:4px}.spatial-audio-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.spatial-audio-toggle .audio-slash{display:none}.spatial-audio-toggle[data-state=muted] .audio-slash,.spatial-audio-toggle[data-state=blocked] .audio-slash{display:block}.spatial-audio-toggle[data-state=muted] .audio-waves,.spatial-audio-toggle[data-state=blocked] .audio-waves{display:none}.spatial-audio-toggle[data-state=muted]{color:#767b77}.spatial-audio-toggle:disabled{opacity:.45;cursor:default}.journey .spatial-audio-toggle{top:84px;right:3%}@media(max-width:700px){.spatial-audio-toggle{top:76px;right:5%;width:38px;height:38px;padding:9px}.journey .spatial-audio-toggle{top:82px;right:5%}}@media(prefers-reduced-motion:reduce){.spatial-audio-toggle{transition:none}}

.portal-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle, #fffaf3 0%,#fffaf3 64%,#fff5e9 69%,#ffe5c7 71%,#ffd5a000 72%);pointer-events:none;opacity:0;z-index:1;}

/* Dissolve into the already-rendered showroom, without a second navigation. */
.showroom-preload{position:absolute;inset:0;width:100%;height:100%;border:0;background:#eceeea;opacity:0;pointer-events:none;}
.journey.dissolving .showroom-preload{opacity:1;}
.journey.dissolving .journey-video{opacity:0;transition:opacity .85s cubic-bezier(.4,0,.2,1);}
.journey.portal-hold .portal-glow{width:220vmax!important;height:220vmax!important;background:#fffaf3;border-radius:0;}
.journey.dissolving .portal-glow{opacity:0!important;transition:opacity .9s cubic-bezier(.4,0,.2,1);}
.journey.dissolving .journey-controls{opacity:0;pointer-events:none;transition:opacity .25s ease;}
.journey.showroom-live .showroom-preload{pointer-events:auto;}
.journey.showroom-live .journey-video,.journey.showroom-live .portal-glow,.journey.showroom-live>.spatial-audio-toggle{display:none;}
@media(prefers-reduced-motion:reduce){.journey.dissolving .portal-glow,.journey.dissolving .journey-video{transition:none;}}

.journey.showroom-live .journey-controls{display:none;}

/* Spatial assembly: machined layers suspended over a soft studio floor. */
.orbit-loading{position:fixed;inset:0;z-index:10000;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#fff 15%,#f5f6f2 80%);display:grid;place-items:center;transition:opacity .9s ease,visibility .9s;animation:loading-failsafe 0s 8s forwards}
.orbit-loading[hidden]{display:none}
.loader-brand,.loader-index{position:absolute;top:clamp(24px,4vh,52px);font-size:11px;letter-spacing:.3em;color:#737a72}
.loader-brand{left:4vw;font-size:18px;letter-spacing:.36em;color:#161b16}.loader-index{right:4vw;font-size:9px}
.loading-assembly{width:min(96vw,1100px);height:min(83vh,880px);position:relative;transition:transform .9s cubic-bezier(.3,0,.15,1),opacity .65s}
.assembly-svg{display:block;width:100%;height:100%;overflow:visible}
.assembly-counter{position:absolute;left:0;right:0;top:3%;display:flex;flex-direction:column;align-items:center;line-height:1;color:#141914;font-variant-numeric:tabular-nums}
.loading-number{font-size:clamp(80px,9vw,152px);font-weight:500;letter-spacing:-.065em;padding-right:.065em}.loading-unit{margin-top:12px;letter-spacing:.22em;font-size:clamp(10px,1vw,13px);color:#878e85}
.assembly-layer{opacity:0;transform:translateY(48px) scale(.85);transform-origin:450px 554px;transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.assembly-layer.is-built{opacity:1;transform:translateY(0) scale(1)}
.ring-spin{transform-origin:0px 0px;transition:transform .08s linear}
.assembly-layer.is-built .layer-pulse{animation:assembly-pulse 1.2s ease-out both}
.layer-pulse{opacity:0;fill:none;stroke:#ff7b24;stroke-width:3;filter:drop-shadow(0 0 5px #ff7b2440)}
.orbit-loading.is-complete .assembly-charge{filter:drop-shadow(0 0 8px #ff7b2455);stroke-width:5}
.orbit-loading.is-complete .loading-number{color:#eb641a;transition:color .5s}
@keyframes assembly-pulse{0%{opacity:0;stroke-width:1}30%{opacity:.65;stroke-width:5}100%{opacity:0;stroke-width:1}}
.assembly-charge{stroke-dashoffset:calc(100 - var(--charge,0));transition:stroke-dashoffset .1s linear}
.loader-bottom{position:absolute;bottom:4vh;display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:.22em;color:#7c8479}.loader-status{color:#494f46}.loader-bottom-line{width:50px;height:1px;background:#ef7b37}
.orbit-loading.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.orbit-loading.is-leaving .loading-assembly{transform:scale(1.09);opacity:0}
@keyframes ring-turn{to{transform:rotate(360deg)}}
@keyframes layer-arrive{from{opacity:0;transform:translateY(65px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes loading-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:600px){.loading-assembly{width:118vw;height:70vh}.assembly-counter{top:8%}.loading-number{font-size:88px}.loader-index{font-size:7px;letter-spacing:.15em}.loader-bottom{flex-direction:column;gap:14px;font-size:8px}.loader-bottom-line{width:26px}.loader-brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){.assembly-layer,.ring-spin,.layer-pulse{animation:none;transition:none}.assembly-layer{opacity:1;transform:none}.orbit-loading,.loading-assembly,.assembly-charge{transition:none}}

/* One continuous dissolve, with the product leading the homepage entrance. */
.orbit-loading{transition:opacity 1.45s cubic-bezier(.4,0,.2,1),visibility 1.45s}
.orbit-loading.is-leaving .loading-assembly{transform:scale(1.035);transition:opacity .65s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.homepage.is-preparing{opacity:0;overflow:clip}
.homepage.is-preparing.is-arrived{opacity:1;transition:opacity 1.6s ease}
.homepage.is-preparing.is-arrived :is(.product,.pedestal,.spatial,header,.intro,.design,.callout,.film,.rotation,footer){animation:home-enter 1.3s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--arrival-delay,0s)}
.homepage.is-preparing.is-arrived .product{--arrival-delay:.08s;animation-name:product-enter;animation-duration:1.7s}
.homepage.is-preparing.is-arrived .pedestal{--arrival-delay:0s;animation-name:stage-enter}
.homepage.is-preparing.is-arrived .spatial{--arrival-delay:.12s}
.homepage.is-preparing.is-arrived header{--arrival-delay:.28s}
.homepage.is-preparing.is-arrived .intro{--arrival-delay:.36s}
.homepage.is-preparing.is-arrived .design{--arrival-delay:.48s}
.homepage.is-preparing.is-arrived .callout{--arrival-delay:.58s}
.homepage.is-preparing.is-arrived .film{--arrival-delay:.62s}
.homepage.is-preparing.is-arrived :is(.rotation,footer){--arrival-delay:.7s}
@keyframes home-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes product-enter{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes stage-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.orbit-loading,.orbit-loading.is-leaving .loading-assembly,.homepage.is-preparing.is-arrived{transition:none}.homepage.is-preparing.is-arrived :is(.product,.pedestal,.spatial,header,.intro,.design,.callout,.film,.rotation,footer){animation:none}}

/* Clearer supporting typography and a softly framed portrait. */
.homepage footer{font-size:clamp(13px,.65vw,17px);color:#72757c;line-height:1.5}
.homepage .design-copy{font-size:clamp(16px,.92vw,24px);line-height:1.45;letter-spacing:.035em}
.homepage .portrait{border-radius:18px;overflow:hidden;box-shadow:0 12px 32px -16px #22282e30,0 2px 8px #22282e08}
.homepage .rotation{min-height:40px}
.homepage .rotation-track{position:absolute;bottom:0;left:0;right:0;margin:0}
@media(max-width:900px){.homepage footer{font-size:13px}.homepage .design-copy{font-size:16px}.homepage .portrait{border-radius:14px}.homepage .rotation{margin-top:32px;min-height:46px}}

.pedestal .stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0}
.pedestal.stage-live>svg{visibility:hidden}
.pedestal.stage-live .stage-canvas{opacity:1}
.pedestal.stage-live::before{content:'';position:absolute;left:3%;right:3%;bottom:-1%;height:22%;background:radial-gradient(ellipse,#2a2b2d20,transparent 68%);filter:blur(7px);pointer-events:none}

button.film{border:0;padding:0;background:#080808;text-align:left;font:inherit;cursor:pointer}
.commercial-player{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;border:0;padding:clamp(18px,3vw,48px);margin:0;background:#111412;color:#f6f6f3;opacity:1;transition:opacity .22s ease}
.commercial-player::backdrop{background:#111412}
.commercial-player[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.commercial-player.is-closing{opacity:0}
.commercial-top{width:min(100%,1440px);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.2em;padding-right:66px}
.commercial-close{border:1px solid #ffffff35;border-radius:30px;padding:10px 19px;background:transparent;color:inherit;font:inherit;font-size:13px;letter-spacing:0;cursor:pointer}
.commercial-video{display:block;width:min(100%,1440px);max-height:calc(100svh - 170px);aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#080a09}
.commercial-status{min-height:20px;font-size:13px;color:#bfc5bf;text-align:center}
.commercial-player>.spatial-audio-toggle{z-index:2;background:#fff;color:#111;top:24px;right:24px}
@media(prefers-reduced-motion:reduce){.commercial-player{transition:none}}

/* Keep the CTA arrow optically centered with generous clearance. */
.action .arrow{flex-shrink:0;color:#343434}.action .arrow svg{width:66.667%;height:66.667%;overflow:visible}