@font-face{font-family:Noct Sans;src:url('/demos/noct/assets/noct-sans.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--canvas:#101112;--surface:#18191a;--surface-raised:#222324;--ink:#edece7;--muted:#a8a8a5;--line:#ffffff21;--accent:#dba273;--page-gutter:64px;--text-xs:12px;--text-sm:14px;--text-body:16px;--text-title:24px;--text-section:56px;--text-display:82px;--ease:cubic-bezier(.22,1,.36,1);--spring:linear(0,.16 .8%,.53 2.2%,.83 4.2%,1.01 7%,1.052 10%,1.028 14%,1.004 20%,1 30%,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px;scrollbar-color:#555552 var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Noct Sans,Arial,sans-serif;font-size:var(--text-body);line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none;text-underline-offset:.25em}button,summary{user-select:none}button:disabled{opacity:.4;cursor:default}button:active:not(:disabled),.button:active{transform:scale(.97)}button,a,summary{transition:color .2s,background .2s,border-color .2s,transform .2s var(--ease)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--canvas);background:var(--accent)}input{accent-color:var(--accent);caret-color:var(--accent)}input,select{min-width:0}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}.icon{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450}h1,h2{letter-spacing:-.045em;line-height:1.06;text-wrap:balance}h2{font-size:var(--text-section)}h3{font-size:var(--text-title);letter-spacing:-.025em;line-height:1.25}p{text-wrap:pretty}p,li{color:var(--muted)}.page-width{width:calc(100% - var(--page-gutter)*2);max-width:1440px;margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:12px 23px;border-radius:4px;font-size:var(--text-sm);font-weight:500;line-height:1.4;white-space:nowrap}.button-light{color:#161718;background:var(--ink)}.button-light:hover{background:#fffdf6}.button-light .icon{width:18px;height:18px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border-radius:50%}.icon-button:hover{background:#ffffff12}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:var(--text-sm);padding-block:10px;border-bottom:1px solid #ffffff60}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link:hover .icon{transform:translateX(4px)}.text-link .icon{transition:transform .25s var(--ease)}.skip-link{position:fixed;left:20px;top:12px;transform:translateY(-150%);z-index:100;background:var(--ink);color:var(--canvas);padding:8px 18px}.skip-link:focus{transform:none}
.site-header{height:88px;position:relative;z-index:20;background:var(--canvas)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;position:relative;align-items:flex-start;font-size:34px;font-weight:650;letter-spacing:.03em;line-height:1;transform:scaleX(1.13);transform-origin:left center}.registered{font-size:10px;letter-spacing:0;margin-left:3px;line-height:1.4}.desktop-nav{display:flex;gap:35px;position:absolute;left:50%;transform:translateX(-50%);font-size:var(--text-sm);color:#b8b9b6}.desktop-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:18px}.header-cta{min-height:40px;padding:10px 17px;font-size:var(--text-xs);gap:27px}.bag-button{position:relative}.bag-button .icon{width:20px;height:20px}.bag-count{position:absolute;right:-2px;top:0;font-size:10px;background:var(--ink);color:var(--canvas);min-width:16px;height:16px;line-height:16px;border-radius:50%}.mobile-menu-button,.mobile-nav{display:none}
.hero{isolation:isolate;position:relative;height:calc(100svh - 184px);min-height:680px;max-height:850px;overflow:hidden;--product-rotation:-5deg;--light-color:#beb5a1}.hero-world{position:absolute;inset:-5% 0 -7% 16%;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%)}.hero-scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:0;transform:scale(1.035);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}.hero-scene.is-active{opacity:1;transform:scale(1)}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101112 0%,#101112bd 25%,#10111208 60%),linear-gradient(0deg,#101112 1%,#10111200 45%,#10111215 75%,#10111280);pointer-events:none;z-index:-1}.hero-copy{padding-top:100px;position:relative;z-index:3;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero h1{font-size:clamp(60px,5.7vw,var(--text-display));line-height:1.055;max-width:1020px;margin-left:-4px;font-weight:430;letter-spacing:-.046em}.hero h1 br{display:block}.hero-description{font-size:var(--text-body);color:#b6b7b2;margin-top:26px;line-height:1.7;max-width:340px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.hero-price{font-size:var(--text-sm);color:#a9aaa6}.film-button{display:inline-flex;align-items:center;gap:12px;font-size:var(--text-xs);color:#c2c2bc;margin:25px 0 0 -3px;padding:5px 3px}.film-button:hover{color:var(--ink)}.play-circle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ffffff4d;border-radius:50%}.play-circle .icon{width:11px;height:11px;fill:currentColor;stroke:none;margin-left:2px}.film-duration{color:#8f918c;margin-left:6px}.hero-product{position:absolute;width:clamp(430px,44vw,700px);right:4%;bottom:53px;z-index:2;transform:rotate(var(--product-rotation));transition:transform 1s var(--ease),filter 1s;pointer-events:none;mix-blend-mode:lighten}.hero-product>img{width:100%;position:relative;z-index:1;mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 85%)}.projection-beam{position:absolute;left:-47%;top:-53%;width:90%;height:90%;background:linear-gradient(30deg,transparent,color-mix(in srgb,var(--light-color) 12%,transparent));clip-path:polygon(100% 100%,0 0,100% 0);filter:blur(10px);opacity:.6;transition:background 1s}.hero[data-scene=bedroom]{--product-rotation:-11deg;--light-color:#d5a17d}.hero[data-scene=bedroom] .hero-product{filter:sepia(.2)}.hero[data-scene=outdoors]{--product-rotation:1deg;--light-color:#a7b8b5}.hero[data-scene=outdoors] .hero-product{filter:saturate(.6)}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;z-index:4}.hero-scene-control{display:flex;flex-direction:column;gap:11px}.control-caption{font-size:var(--text-xs);color:#9fa19c}.scene-tabs{position:relative;display:flex;width:max-content;isolation:isolate;padding:4px;background:#ffffff09;border:1px solid #ffffff21;border-radius:5px}.scene-tabs button{position:relative;min-width:100px;height:37px;padding:6px 17px;font-size:var(--text-xs);color:#b3b4af;z-index:1}.scene-tabs button[aria-selected=true]{color:var(--ink)}.tab-indicator{position:absolute;top:4px;left:4px;bottom:4px;width:100px;background:#ffffff13;border:1px solid #ffffff14;border-radius:2px;transition:transform .5s var(--ease),width .5s var(--ease)}.hero-scene-note{display:flex;flex-direction:column;gap:4px;text-align:right}.scene-note-title{font-size:var(--text-sm);color:#c9c9c2}.scene-note-meta{font-size:var(--text-xs);color:#979a94}.spec-ribbon{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.spec-ribbon>span{display:flex;align-items:baseline;gap:14px;font-size:var(--text-xs);color:#a8aaa4}.spec-ribbon strong{color:#dddcd5;font-size:var(--text-title);font-weight:450;letter-spacing:-.03em}
.design-section{padding-top:130px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:49px}.section-heading>p{max-width:370px;padding-right:42px}.detail-stage{position:relative;height:580px;background:#161718;overflow:hidden;border-radius:6px;isolation:isolate}.detail-ambient{position:absolute;inset:0;background:radial-gradient(ellipse 45% 55% at 60% 45%,#4c423726,transparent);pointer-events:none}.detail-product{position:absolute;width:840px;max-width:82%;left:50%;top:43%;transform:translate(-50%,-50%) rotate(var(--detail-rotation,-3deg));mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 86%);will-change:transform}.hotspot{display:flex;align-items:center;gap:13px;position:absolute;font-size:var(--text-xs);z-index:2;padding:5px;transition:transform .3s var(--ease),color .2s}.hotspot>.icon{width:32px;height:32px;border:1px solid #ffffff75;border-radius:50%;padding:8px;background:#28282670;backdrop-filter:blur(8px)}.hotspot:hover{color:var(--accent)}.hotspot:hover>.icon{background:#ffffff20;transform:rotate(90deg)}.hotspot span{background:#1617189c;padding:3px 5px;line-height:1.5}.hotspot-lens{top:31%;left:29%;flex-direction:row-reverse}.hotspot-body{right:11%;top:42%}.hotspot-stand{bottom:20%;left:51%}.hotspot-lens::after,.hotspot-body::after,.hotspot-stand::after{content:'';width:1px;height:56px;background:#ffffff2c;position:absolute;pointer-events:none}.hotspot-lens::after{right:21px;top:38px;transform:rotate(-30deg);transform-origin:top}.hotspot-body::after{left:-34px;top:22px;transform:rotate(90deg)}.hotspot-stand::after{left:21px;bottom:38px}.stage-instruction{position:absolute;bottom:25px;left:28px;font-size:var(--text-xs);color:#9a9c96}.detail-coordinate{position:absolute;right:28px;bottom:25px;font-size:10px;letter-spacing:.1em;color:#7e827a}.detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:41px 0 0}.detail-summary>div{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.detail-summary h3{font-size:var(--text-body);font-weight:500;letter-spacing:-.02em;line-height:1.6}.detail-summary p{font-size:var(--text-sm);line-height:1.75;max-width:350px}
.experience-section{padding-top:155px}.experience-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px;gap:40px}.experience-heading>div{display:flex;flex-direction:column;gap:23px;min-width:335px}.experience-tabs{display:flex;border-bottom:1px solid var(--line)}.experience-tabs button{padding:12px 15px;font-size:var(--text-xs);color:#a7a9a2;position:relative;flex:1;min-height:45px}.experience-tabs button[aria-selected=true]{color:var(--ink)}.experience-tabs button::after{content:'';position:absolute;bottom:-1px;height:1px;background:var(--ink);left:14px;right:14px;transform:scaleX(0);transform-origin:center;transition:transform .4s var(--ease)}.experience-tabs button[aria-selected=true]::after{transform:scaleX(1)}.experience-stage{position:relative;isolation:isolate;min-height:660px;height:52vw;max-height:850px;overflow:hidden;background:#171918}.experience-images{position:absolute;inset:-5% 0}.experience-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .8s var(--ease)}.experience-image.is-active{opacity:1}.experience-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0d0ee6,transparent 55%),linear-gradient(90deg,#1011122b,transparent 50%);z-index:-1}.experience-images{z-index:-2;transform:translateY(var(--scene-parallax,0px)) scale(1.04)}.experience-caption{position:absolute;bottom:46px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.scene-location{font-size:var(--text-xs);color:#cbc9bd;display:block;margin-bottom:13px}.scene-headline{font-size:44px;line-height:1.1;letter-spacing:-.04em}.scene-description{font-size:var(--text-sm);color:#c1c3ba;max-width:360px;line-height:1.8}.experience-product{position:absolute;left:3%;bottom:12%;width:35%;max-width:530px;mix-blend-mode:lighten;transform:rotate(-8deg);transition:transform .8s var(--ease);pointer-events:none;z-index:-1}.experience-product img{mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 86%)}.experience-stage[data-scene=bedroom] .experience-product{transform:rotate(-16deg) translateY(-15px)}.experience-stage[data-scene=outdoors] .experience-product{transform:rotate(0deg) translateX(25px)}.experience-screen-size{position:absolute;top:30px;right:var(--page-gutter);font-size:var(--text-xs);color:#e7e5ddba}.sound-section{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:50px;padding-block:118px;border-bottom:1px solid var(--line)}.sound-section h2{font-size:44px}.sound-section p{font-size:var(--text-sm);line-height:1.8;margin-bottom:19px}.sound-art{position:relative;width:190px;height:150px;display:flex;align-items:center;justify-content:center;margin:auto;color:#c6b8a3}.sound-art>.icon{width:30px;height:30px;stroke-width:1}.sound-orbit{position:absolute;inset:40% 25%;border:1px solid #c5bca030;border-radius:50%;transform:rotate(-25deg)}.orbit-1{inset:15% 3%}.orbit-2{inset:3% 15%}.orbit-3{inset:25% -4%}.specs-section{display:grid;grid-template-columns:1fr 1.15fr;gap:120px;padding-block:130px}.specs-heading{display:flex;align-items:flex-start;flex-direction:column;gap:28px}.specs-heading .text-link{margin-top:16px}.spec-table dl{margin:0}.spec-table dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;border-bottom:1px solid var(--line);padding:18px 0;font-size:var(--text-sm)}.spec-table dl>div:first-child{padding-top:0}.spec-table dt{color:#9fa29b}.spec-table dd{margin:0;color:#d9dbd2}.spec-footnote{font-size:var(--text-xs);color:#93978e;margin-top:23px;line-height:1.7}
.buy-section{display:grid;grid-template-columns:1.15fr 1fr;background:#191a1b;border-radius:6px;overflow:hidden;min-height:680px;gap:90px;padding:64px}.buy-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0}.buy-model-name{position:absolute;font-size:clamp(90px,10vw,170px);line-height:1;letter-spacing:-.06em;top:15px;left:5px;color:#323332;z-index:-1;font-weight:500}.buy-visual>img{width:130%;max-width:none;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 46%,#000 52%,transparent 86%);transition:opacity .25s var(--ease),transform .6s var(--ease)}.finish-label{position:absolute;bottom:7px;left:5px;display:flex;align-items:center;gap:9px;font-size:var(--text-xs);color:#cdcec6}.finish-label>span:last-child{margin-left:15px;color:#8e9388}.finish-dot{height:7px;width:7px;background:#83847e;border-radius:50%}.buy-content{padding:0;min-width:0}.buy-content h2{font-size:44px;line-height:1.1;margin-bottom:33px}.buy-product-heading{display:flex;justify-content:space-between;align-items:baseline}.buy-product-heading h3,.buy-product-heading>.price{font-size:var(--text-title);line-height:1.3}.buy-description{font-size:var(--text-sm);margin-top:9px}.finish-picker{border:0;padding:0;margin:29px 0 25px}.finish-picker legend{font-size:var(--text-xs);margin-bottom:14px}.current-finish{color:#a1a69b;margin-left:6px}.finish-options{display:flex;gap:22px}.finish-choice{display:flex;align-items:center;gap:10px;font-size:var(--text-xs);cursor:pointer;position:relative;min-height:40px}.finish-choice input{position:absolute;width:35px;height:35px;opacity:0;cursor:pointer;z-index:1;left:-1px}.swatch{width:31px;height:31px;border-radius:50%;box-shadow:inset 0 1px 2px #ffffff33;outline:1px solid transparent;outline-offset:4px;transition:outline .2s,transform .2s}.swatch-midnight{background:#363736}.swatch-lunar{background:#c8c7bd}.finish-choice input:checked+.swatch{outline-color:#e1e0d5}.finish-choice input:focus-visible+.swatch{outline:2px solid var(--accent);outline-offset:4px}.finish-choice:hover .swatch{transform:scale(1.06)}.accessory-option{border-block:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;font-size:var(--text-xs);margin-bottom:24px}.accessory-option label{display:flex;align-items:flex-start;gap:11px;position:relative;cursor:pointer}.accessory-option input{position:absolute;width:24px;height:24px;opacity:0;left:0;top:0;cursor:pointer}.checkbox-visual{width:18px;height:18px;border:1px solid #8c8f85;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.checkbox-visual>.icon{width:13px;height:13px;opacity:0;stroke:#171919}.accessory-option input:checked+.checkbox-visual{background:var(--ink);border-color:var(--ink)}.accessory-option input:checked+.checkbox-visual>.icon{opacity:1}.accessory-option input:focus-visible+.checkbox-visual{outline:2px solid var(--accent);outline-offset:4px}.accessory-option small{display:block;font-size:var(--text-xs);color:#94998e;margin-top:2px}.add-to-bag{width:100%;gap:6px;justify-content:flex-start;min-height:52px}.add-to-bag>.icon{margin-left:auto}.purchase-perks{display:flex;justify-content:center;gap:30px;margin-top:16px;font-size:var(--text-xs);color:#afb4a8}.purchase-perks>span{display:flex;align-items:center;gap:8px}.purchase-perks .icon{height:15px;width:15px}.in-box{font-size:var(--text-xs);border-bottom:1px solid var(--line);margin-top:24px}.in-box summary{padding:15px 0}.in-box summary>.icon{width:15px;height:15px}.in-box p{padding:0 0 15px;font-size:var(--text-xs)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer}summary::-webkit-details-marker{display:none}summary>.icon{transition:transform .25s var(--ease)}details[open]>summary>.icon{transform:rotate(45deg)}details[open]>p{animation:fade-up .3s var(--ease)}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:120px;padding-block:140px}.faq-section h2{font-size:44px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:23px 0;font-size:var(--text-sm)}.faq-list details:first-child summary{padding-top:0}.faq-list summary .icon{width:16px;height:16px}.faq-list p{font-size:var(--text-sm);padding:0 28px 23px 0;max-width:65ch}.site-footer{border-top:1px solid var(--line)}.footer-top{padding:45px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top p{font-size:var(--text-sm);color:#a4aa9b}.footer-top .text-link{border-bottom:0;gap:20px;font-size:var(--text-xs)}.footer-bottom{padding:22px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;color:#969c8d;font-size:var(--text-xs)}.footer-bottom>div{display:flex;gap:28px}.footer-bottom button{padding:0;font-size:inherit}.footer-bottom button:hover{color:var(--ink)}
.intro{animation:fade-up .6s var(--ease) both}.intro-1{animation-delay:.04s}.intro-2{animation-delay:.10s}.intro-3{animation-delay:.16s}.intro-4{animation-delay:.22s}@keyframes fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:1;transform:none}.reveal.is-entering{animation:fade-up .6s var(--ease) both}
dialog{color:var(--ink);background:var(--surface);border:1px solid #ffffff21;border-radius:7px;padding:0;max-height:calc(100svh - 48px);box-shadow:0 24px 90px #0008}dialog::backdrop{background:#070909bd;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .32s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-close{position:absolute;top:15px;right:15px;z-index:5;background:#1011127d;backdrop-filter:blur(6px)}.detail-dialog{width:900px;max-width:calc(100% - 48px);overflow:auto}.detail-dialog-image{height:400px;overflow:hidden;background:#101112}.detail-dialog-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.detail-dialog[data-detail=lens] .detail-dialog-image img{transform:scale(1.7);transform-origin:30% 35%}.detail-dialog[data-detail=body] .detail-dialog-image img{transform:scale(1.45);transform-origin:70% 50%}.detail-dialog[data-detail=stand] .detail-dialog-image img{transform:scale(1.45);transform-origin:75% 80%}.detail-dialog-copy{padding:36px 45px 42px}.detail-dialog h2{font-size:36px;margin-bottom:18px}.detail-dialog p{max-width:60ch;line-height:1.8}.detail-dialog-copy>span{display:block;color:var(--accent);font-size:var(--text-xs);margin-top:20px}.tour-dialog{width:1100px;max-width:calc(100% - 48px);height:690px;isolation:isolate;overflow:hidden}.tour-images{position:absolute;inset:0;z-index:-2}.tour-image{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.tour-dialog::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101112,transparent 75%);z-index:-1;pointer-events:none}.tour-content{position:absolute;bottom:36px;left:44px;right:44px}.tour-content h2{font-size:44px}.tour-description{font-size:var(--text-sm);margin-top:12px}.tour-controls{display:flex;align-items:center;gap:16px;margin-top:23px;font-size:var(--text-xs)}.tour-controls .icon-button{border:1px solid #ffffff35}.tour-previous .icon{transform:rotate(180deg)}.tour-pause{margin-left:auto;padding:12px 15px;border-bottom:1px solid var(--line);width:65px}.info-dialog{padding:50px;width:600px;max-width:calc(100% - 40px)}.info-dialog h2{font-size:36px;margin:10px 0 25px}.info-dialog p{font-size:var(--text-sm);margin-top:17px}.info-dialog a{text-decoration:underline}.bag-drawer{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;height:100svh;max-height:none;max-width:100%;width:510px;border-radius:0;border-right:0;border-block:0;display:none;box-shadow:-20px 0 80px #0004}.bag-drawer[open]{display:flex;flex-direction:column;animation:drawer-in .4s var(--ease)}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-heading{position:relative;display:flex;align-items:center;justify-content:space-between;padding:31px 28px;border-bottom:1px solid var(--line);flex-shrink:0}.drawer-heading h2{font-size:var(--text-title);letter-spacing:-.035em}.drawer-heading .dialog-close{position:static;background:none}.drawer-count{font-size:var(--text-sm);color:var(--muted);margin-left:10px}.bag-body{padding:25px 28px;overflow:auto;flex:1;display:flex;flex-direction:column;overscroll-behavior:contain}.bag-empty{padding:60px 15px;text-align:center;margin:auto}.bag-empty>.icon{height:42px;width:42px;stroke-width:1;color:#959a8f}.bag-empty h3{margin:26px 0 13px}.bag-empty p{font-size:var(--text-sm);margin-bottom:26px}.bag-item{display:grid;grid-template-columns:125px 1fr;column-gap:20px;padding:10px 0 23px;border-bottom:1px solid var(--line)}.bag-item img{width:125px;height:110px;object-fit:cover;mix-blend-mode:lighten}.bag-item-copy>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:var(--text-sm)}.bag-item-copy h3{font-size:var(--text-body)}.bag-item-copy>p{font-size:var(--text-xs);margin-top:5px}.quantity-control{display:flex;align-items:center;width:max-content;border:1px solid var(--line);gap:9px;height:34px;margin-top:15px}.quantity-control button{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.quantity-control .icon{width:13px;height:13px}.quantity-control span{font-size:var(--text-xs);min-width:15px;text-align:center}.remove-item{font-size:var(--text-xs);color:#a4ac9c;text-decoration:underline;padding:0;margin-top:10px}.bag-totals{margin-top:auto;padding-top:35px}.bag-total-line{display:flex;justify-content:space-between;padding-block:8px;font-size:var(--text-sm)}.bag-total-line.muted{color:#a0aa96;font-size:var(--text-xs)}.bag-total-line.total{font-size:var(--text-title);border-top:1px solid var(--line);margin-top:15px;padding-top:20px}.bag-totals .button{margin-top:22px;width:100%}.demo-note{font-size:var(--text-xs);color:#a1a998;text-align:center;line-height:1.6;margin-top:16px}.checkout-back{align-self:flex-start;font-size:var(--text-xs);color:var(--muted);padding:0 0 22px;display:flex;align-items:center;gap:10px}.checkout-back .icon{transform:rotate(180deg);width:15px;height:15px}.checkout-heading{font-size:var(--text-title);margin-bottom:7px}.checkout-description{font-size:var(--text-sm);margin-bottom:26px}.checkout-form{display:flex;flex-direction:column;gap:17px}.checkout-form label{display:flex;flex-direction:column;gap:7px;font-size:var(--text-xs)}.checkout-form input,.checkout-form select{font-size:var(--text-body);color:var(--ink);background:#1c1e1d;border:1px solid #ffffff35;border-radius:3px;height:47px;padding:10px 12px;width:100%}.checkout-form input:user-invalid{border-color:#dba273}.checkout-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkout-form .button{margin-top:12px}.review-item{border-block:1px solid var(--line);padding:21px 0;margin-top:20px}.review-item h3{font-size:var(--text-body);margin-bottom:12px}.review-item p{font-size:var(--text-sm);white-space:pre-line}.order-success{margin:auto 0;text-align:center;padding:20px 10px}.success-symbol{width:70px;height:70px;border:1px solid #ffffff3b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;color:var(--accent)}.success-symbol>.icon{width:30px;height:30px}.order-success h3{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin-bottom:21px}.order-success p{font-size:var(--text-sm);margin-bottom:22px}.order-success .button{width:100%;margin-top:15px}.order-reference{font-size:var(--text-xs);display:block;color:var(--accent);margin-block:23px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#171a17;padding:12px 22px;border-radius:4px;font-size:var(--text-sm);z-index:100;pointer-events:none;transition:transform .3s var(--ease),opacity .3s}.toast.is-visible{transform:translate(-50%,0);opacity:1}
@media(min-width:1600px){:root{--page-gutter:80px}.hero-copy{padding-top:120px}.hero-product{right:8%}.hero-world{inset:-3% 0 -8% 20%}}
@media(max-width:1199px){:root{--page-gutter:40px;--text-section:48px;--text-display:70px}.desktop-nav{gap:22px;left:46%}.header-actions{gap:8px}.hero h1{font-size:68px}.hero-copy{padding-top:90px}.hero-product{right:-1%;bottom:85px;width:50vw}.hero-world{inset:0 -15% 0 13%}.hero-bottom{bottom:30px}.spec-ribbon>span{flex-direction:column;gap:1px}.detail-stage{height:510px}.detail-summary{gap:50px}.detail-summary>div{grid-template-columns:1fr;gap:12px}.hotspot-lens{left:21%;top:28%}.hotspot-body{right:5%}.hotspot-stand{left:53%}.experience-stage{min-height:590px}.sound-section{gap:30px;grid-template-columns:.7fr 1.2fr 1fr}.sound-section h2,.faq-section h2{font-size:40px}.sound-art{transform:scale(.8);transform-origin:left center}.specs-section,.faq-section{gap:60px}.buy-section{padding:40px;gap:50px;grid-template-columns:1fr 1fr}.buy-content h2{font-size:40px}.buy-visual>img{width:140%}.finish-label>span:last-child{display:none}.purchase-perks{gap:20px}.footer-top p{max-width:230px}.footer-top .text-link{gap:10px}}
@media(max-width:899px){:root{--page-gutter:28px;--text-section:44px}.desktop-nav{gap:20px;left:48%;font-size:var(--text-xs)}.header-cta{display:none}.header-actions{gap:15px}.hero{height:790px;max-height:none}.hero h1{font-size:66px}.hero-world{inset:90px -28% 0 3%;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}.hero::after{background:linear-gradient(0deg,#101112 0%,transparent 40%),linear-gradient(90deg,#101112ed 0%,#10111260 45%,transparent 70%),linear-gradient(#101112,transparent 40%)}.hero-copy{padding-top:60px}.hero-product{right:-2%;bottom:105px;width:60vw}.hero-scene-note{max-width:200px}.hero-description{margin-top:22px}.hero-actions{margin-top:23px}.section-heading>p{padding:0}.design-section{padding-top:100px}.detail-stage{height:450px}.detail-product{max-width:90%;top:43%}.hotspot span{display:none}.hotspot-lens{left:32%;top:31%}.hotspot-body{right:16%;top:41%}.hotspot-stand{left:63%;bottom:18%}.hotspot::after{display:none}.detail-coordinate{display:none}.experience-heading>div{min-width:290px}.experience-section{padding-top:110px}.experience-stage{min-height:540px}.experience-product{width:43%;bottom:17%;left:1%}.scene-headline{font-size:36px}.sound-section{grid-template-columns:1fr 1fr;gap:35px;padding-block:90px}.sound-art{display:none}.sound-section h2{font-size:40px}.specs-section{gap:40px;padding-block:100px;grid-template-columns:1fr 1.4fr}.spec-table dl>div{gap:15px;grid-template-columns:.8fr 1fr}.buy-section{grid-template-columns:.8fr 1fr;gap:35px;padding:36px}.buy-model-name{font-size:100px}.buy-visual>img{width:160%}.buy-content h2{font-size:36px}.purchase-perks{gap:16px;font-size:11px}.faq-section{gap:40px;padding-block:100px;grid-template-columns:1fr 1.4fr}.faq-section h2{font-size:36px}.footer-top p{display:none}}
@media(max-width:599px){:root{--page-gutter:22px;--text-section:38px;--text-display:44px}.site-header{height:74px}.wordmark{font-size:29px}.registered{font-size:9px}.desktop-nav{display:none}.header-actions{gap:6px}.mobile-menu-button{display:inline-flex}.header-inner{position:relative}.mobile-nav{position:absolute;top:74px;left:0;right:0;flex-direction:column;background:#171819f5;backdrop-filter:blur(18px);padding:15px 22px 22px;border-bottom:1px solid var(--line);gap:0}.mobile-nav:not([hidden]){display:flex}.mobile-nav a{font-size:var(--text-body);padding:13px 0;border-bottom:1px solid #ffffff0b}.hero{min-height:750px;height:calc(100svh - 74px);max-height:850px}.hero-copy{padding-top:45px}.hero h1{font-size:clamp(37px,10.2vw,56px);line-height:1.075;letter-spacing:-.047em;max-width:100%;margin-left:-1px}.hero h1 br{display:none}.hero-description{font-size:var(--text-sm);line-height:1.75;max-width:240px;margin-top:18px}.hero-actions{gap:18px;margin-top:21px}.hero-actions .button{min-height:46px;font-size:var(--text-xs);gap:22px;padding:12px 18px}.hero-price{font-size:var(--text-xs)}.film-button{font-size:11px;margin-top:14px;gap:9px}.play-circle{width:25px;height:25px}.film-duration{display:none}.hero-world{inset:210px -35% 50px -30%;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 30%,#000 85%,transparent)}.hero-scene{object-position:63% 50%}.hero::after{background:linear-gradient(0deg,#101112 0%,transparent 25%,transparent 61%,#101112 81%),linear-gradient(90deg,#1011122b,transparent 50%)}.hero-product{width:86%;right:0;bottom:112px;max-width:430px;transform:rotate(-8deg)}.hero[data-scene=bedroom] .hero-product{transform:rotate(-14deg) translateY(-8px)}.hero[data-scene=outdoors] .hero-product{transform:rotate(0deg) translateY(2px)}.projection-beam{opacity:.3}.hero-bottom{bottom:27px;align-items:center}.hero-scene-control{width:100%;gap:11px}.control-caption{font-size:11px}.scene-tabs{width:100%;justify-content:space-between;background:#ffffff09}.scene-tabs button{flex:1;min-width:0;font-size:11px;padding:6px 13px;height:37px}.hero-scene-note{display:none}.spec-ribbon{height:auto;display:grid;grid-template-columns:1fr 1fr;padding:26px 0;row-gap:24px}.spec-ribbon>span{font-size:11px;gap:3px}.spec-ribbon>span:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.spec-ribbon strong{font-size:22px;letter-spacing:-.03em}.design-section{padding-top:77px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.section-heading>p{font-size:var(--text-sm);line-height:1.7}.detail-stage{height:310px;margin-inline:-8px;width:calc(100% + 16px);border-radius:4px}.detail-product{width:450px;max-width:118%;top:43%}.hotspot-lens{left:24%;top:29%}.hotspot-body{right:11%;top:36%}.hotspot-stand{left:62%;bottom:19%}.hotspot>.icon{width:31px;height:31px}.stage-instruction{left:17px;bottom:16px;font-size:10px}.detail-summary{grid-template-columns:1fr;gap:28px;padding-top:27px}.detail-summary>div{grid-template-columns:.8fr 1.2fr;gap:19px}.detail-summary h3{font-size:var(--text-sm)}.detail-summary p{font-size:var(--text-xs);line-height:1.8}.experience-section{padding-top:82px}.experience-heading{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:28px}.experience-heading>div{width:100%;gap:17px;min-width:0}.experience-heading p{font-size:var(--text-sm)}.experience-heading p br{display:none}.experience-tabs{width:100%}.experience-tabs button{font-size:var(--text-xs);padding:11px 12px}.experience-stage{height:620px;min-height:0}.experience-images{inset:0 -60%}.experience-image{object-position:65% 50%}.experience-stage::after{background:linear-gradient(0deg,#101112f5,transparent 70%)}.experience-caption{bottom:29px;display:block}.scene-location{font-size:11px;margin-bottom:10px}.scene-headline{font-size:36px}.scene-description{font-size:var(--text-xs);margin-top:18px;line-height:1.8}.experience-product{width:92%;max-width:400px;left:0;bottom:28%;}.experience-screen-size{top:19px;font-size:10px;right:22px}.sound-section{padding-block:64px;gap:24px;grid-template-columns:1fr}.sound-section h2{font-size:36px}.sound-section>div:last-child{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sound-section p{font-size:var(--text-xs);margin:0}.sound-section .text-link{font-size:11px;gap:13px;max-width:130px;line-height:1.5}.specs-section{display:block;padding-block:76px}.specs-heading{gap:22px;margin-bottom:35px}.specs-heading p{font-size:var(--text-sm)}.specs-heading .text-link{display:none}.spec-table dl>div{padding:16px 0;font-size:var(--text-xs);gap:23px;grid-template-columns:.8fr 1.2fr}.spec-footnote{font-size:10px;margin-top:19px}.buy-section{grid-template-columns:1fr;padding:27px 25px 32px;gap:15px;border-radius:4px}.buy-visual{min-height:280px;order:0;margin-inline:-15px}.buy-model-name{top:0;left:12px;font-size:100px}.buy-visual>img{width:120%;max-width:400px}.finish-label{bottom:0;left:13px;font-size:10px}.finish-label>span:last-child{display:block;margin-left:8px}.buy-content{padding-top:12px}.buy-content h2{font-size:38px;margin-bottom:27px}.buy-product-heading h3,.buy-product-heading .price{font-size:22px}.buy-description{font-size:var(--text-xs);margin-top:8px}.finish-picker{margin-block:25px}.finish-options{gap:26px}.accessory-option{font-size:var(--text-xs);padding:17px 0;margin-bottom:21px}.accessory-option small{font-size:10px}.add-to-bag{min-height:50px;font-size:var(--text-xs)}.purchase-perks{font-size:10px;gap:21px}.in-box{font-size:11px;margin-top:18px}.faq-section{display:block;padding-block:76px}.faq-section h2{font-size:36px;margin-bottom:32px}.faq-list summary{font-size:var(--text-xs);padding:19px 0}.faq-list p{font-size:var(--text-xs);padding-right:10px}.footer-top{padding:33px 0;flex-wrap:wrap;gap:28px}.footer-top .text-link{font-size:10px;gap:11px}.footer-bottom{align-items:flex-start;flex-direction:column;font-size:10px;gap:20px;padding-block:22px}.footer-bottom>div{width:100%;justify-content:space-between;gap:20px}.detail-dialog{max-width:calc(100% - 24px)}.detail-dialog-image{height:260px}.detail-dialog-copy{padding:25px}.detail-dialog h2{font-size:29px}.detail-dialog p{font-size:var(--text-sm)}.tour-dialog{max-width:calc(100% - 24px);height:650px}.tour-image{object-position:65% 50%}.tour-content{bottom:25px;left:23px;right:23px}.tour-content h2{font-size:36px}.tour-description{font-size:var(--text-xs)}.info-dialog{padding:37px 25px}.info-dialog h2{font-size:29px;margin-top:20px}.bag-drawer{width:100%}.drawer-heading{padding:20px 22px}.bag-body{padding:23px 22px}.bag-item{grid-template-columns:100px 1fr;gap:13px}.bag-item img{width:100px;height:100px}.bag-total-line.total{font-size:22px}.checkout-form{gap:16px}.toast{width:calc(100% - 44px);text-align:center;font-size:var(--text-xs);bottom:20px}}
.hero-product,.experience-product{mix-blend-mode:normal}.hero-product>img,.experience-product img,.buy-visual>img{mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal}.hero-product{filter:drop-shadow(0 22px 22px #0008)}.projection-beam{display:none}.hotspot{min-height:44px;min-width:44px}.scene-tabs button{min-height:44px}.film-button{min-height:44px}.quantity-control{height:46px}.quantity-control button{width:44px;height:44px}
.detail-macros{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;gap:8px}.detail-macros>div{overflow:hidden;position:relative;background:#131415}.detail-macros img{position:absolute;height:auto;max-width:none;mix-blend-mode:lighten;transform:scale(calc(var(--detail-zoom,1.72)/1.72));will-change:transform}.macro-lens img{width:200%;left:-10%;top:-12%;transform-origin:29% 35%}.macro-stand img{width:240%;left:-138%;top:-30%;transform-origin:81% 51%}.hotspot-lens{left:20%;top:42%;flex-direction:row}.hotspot-body{left:27%;top:auto;right:auto;bottom:14%}.hotspot-stand{left:80%;top:40%;bottom:auto}.hotspot::after{display:none}.hotspot span{background:#101112b0;border-radius:2px}.experience-caption>.scene-headline{margin:0}
@media(max-width:899px){.hotspot-lens{left:15%;top:42%}.hotspot-body{left:27%;bottom:14%;top:auto;right:auto}.hotspot-stand{left:76%;top:45%;bottom:auto}}
@media(max-width:599px){.detail-macros{gap:5px;grid-template-columns:1.1fr 1fr}.detail-stage{height:330px}.macro-lens img{width:275%;left:-20%;top:-3%}.macro-stand img{width:420%;left:-283%;top:-20%}.hotspot-lens{left:23%;top:29%}.hotspot-body{left:34%;bottom:12%;top:auto;right:auto}.hotspot-stand{left:75%;top:34%;bottom:auto}.spec-footnote,.footer-bottom,.footer-top .text-link,.finish-label,.experience-screen-size{font-size:11px}.footer-bottom button{min-height:44px}.experience-caption>.scene-description{margin-top:18px}}
@media(max-width:599px){.hero h1{font-size:clamp(32px,9.7vw,46px);text-wrap:initial;letter-spacing:-.04em}.hero h1 br{display:block}.hero-copy{padding-top:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.detail-product{will-change:auto}.experience-images{transform:none!important}.intro{opacity:1;transform:none}}
