@charset "UTF-8";
:root{--bg:#11110f;--panel:#1a1a17;--ivory:#efeee7;--muted:#a3a299;--gold:#cbb58b;--line:#ffffff23;--pad:clamp(24px,5vw,88px);color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ivory);overflow-x:clip}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}::selection{background:#cbb58b;color:#11110f}.section-shell{padding-inline:var(--pad);max-width:1920px;margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:500;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:var(--ivory);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:15px}
.header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:32px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #ffffff28;background:linear-gradient(#0b0b0b70,transparent)}.wordmark{font-size:clamp(20px,1.65vw,28px);letter-spacing:.16em;font-weight:500;white-space:nowrap;display:inline-flex;align-items:flex-start}.wordmark-dot{font-size:9px;letter-spacing:0;margin:0 0 0 3px;line-height:1.4}.desktop-nav{display:flex;gap:clamp(22px,2.4vw,42px);font-size:.875rem}.desktop-nav a{position:relative;color:#e4e4e0}.desktop-nav a:after{content:"";position:absolute;bottom:-9px;left:0;right:100%;height:1px;background:var(--gold);transition:right .3s}.desktop-nav a:hover:after{right:0}.header-contact{display:flex;align-items:center;gap:30px;font-size:.875rem;border-bottom:1px solid #ffffff80;padding:10px 0}.header-contact span{font-size:20px}.menu-toggle{display:none;background:transparent;width:42px;height:42px;padding:9px}.menu-toggle span{display:block;height:1px;margin:7px 0;background:var(--ivory)}
.hero{min-height:820px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:#171816}.hero-perspective{position:absolute;inset:0;overflow:hidden;perspective:1000px}.hero-visual{position:absolute;inset:-3%;transform:scale(1.025);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1.2s;will-change:transform;transform-style:preserve-3d}.hero-image{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center 53%;opacity:0;transition:opacity 1.1s,transform 1.6s;transform:scale(1.025)}.hero-image.is-active{opacity:1;transform:scale(1)}.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,10,.88) 0%,rgba(7,9,10,.67) 28%,rgba(7,9,10,.17) 65%,rgba(7,9,10,.02)),linear-gradient(0deg,#11110ff2,transparent 35%,transparent 70%,#07080940)}.hero-copy{position:relative;padding:clamp(190px,24vh,285px) var(--pad) 180px;max-width:1100px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{display:flex;gap:14px;align-items:center;color:#ddd6c7}.short-line{height:1px;width:35px;background:var(--gold)}h1{font-size:clamp(60px,7.3vw,114px);line-height:1.05;letter-spacing:-.05em;font-weight:400;margin:24px 0 25px}h1 em{color:#ddc8a2;letter-spacing:-.055em}.hero-description{font-size:clamp(16px,1.2vw,19px);line-height:1.75;font-weight:400;color:#d2d0ca;min-height:3.5em;transition:opacity .25s}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 25px;font-size:.875rem;min-height:58px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.button-light{background:var(--ivory);color:#151511}.button-light:hover{background:var(--gold)}.hero-copy .button{margin-top:34px}.button-dark{background:#171713;color:var(--ivory)}.button-dark:hover{background:#313128}.hero-bottom{position:absolute;bottom:38px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:36px}.scroll-link{font-size:.8rem;color:#d2d0c8;display:flex;align-items:center;gap:16px;max-width:30%}.scroll-icon{font-size:20px;border:1px solid #ffffff40;border-radius:30px;height:44px;width:30px;display:flex;align-items:center;justify-content:center}.scene-select{display:flex;gap:34px;align-items:center}.scene-button{background:transparent;padding:18px 0;border-top:1px solid #ffffff38;color:#b5b2aa;font-size:.875rem;min-width:126px;text-align:left;position:relative;transition:color .3s}.scene-button:before{content:"";position:absolute;left:0;right:100%;top:-1px;height:2px;background:var(--gold);transition:right .5s}.scene-button.active{color:#fff}.scene-button.active:before{right:0}.scene-button span{font-size:.75rem;color:#ccc2af;margin-right:13px}.scene-count{font-size:.875rem;letter-spacing:.08em;color:#8e8c84}.scene-count b{font-size:1.15rem;color:var(--ivory);font-weight:400}.light-toggle{position:absolute;right:var(--pad);top:132px;display:flex;align-items:center;gap:10px;font-size:.75rem;background:#10110e55;border:1px solid #ffffff36;border-radius:50px;padding:11px 16px;backdrop-filter:blur(10px)}.light-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.hero.is-dimmed .hero-visual{filter:brightness(.46) saturate(.8)}.hotspot-wrap{position:absolute;left:72%;top:54%;z-index:4}.hotspot{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff60;outline:8px solid #ffffff0c;background:#ffffff13;backdrop-filter:blur(5px);font-size:24px;font-weight:200;display:grid;place-items:center;transition:background .3s}.hotspot:hover,.hotspot[aria-expanded=true]{background:#dcc8a3;color:#111}.hotspot-detail{position:absolute;top:60px;right:-15px;width:290px;padding:25px;background:#181915e8;backdrop-filter:blur(20px);border:1px solid #ffffff25;box-shadow:0 15px 50px #0004}.hotspot-detail h2{font-size:23px;line-height:1.3;font-weight:400;margin:10px 0}.hotspot-detail p{color:#bbb9ae;line-height:1.7;font-size:.875rem}
.introduction{padding-block:105px;display:grid;grid-template-columns:1fr 2.05fr;gap:60px;border-bottom:1px solid var(--line)}.intro-label .eyebrow{color:var(--gold)}.intro-label>span{display:block;color:#77796f;font-size:.8rem;margin-top:18px}.intro-main h2{font-size:clamp(26px,2.5vw,40px);font-weight:400;line-height:1.4;letter-spacing:-.03em}.intro-main h2 span{color:#878a7e}.intro-main>p{font-size:1rem;line-height:1.85;color:var(--muted);max-width:670px;margin-top:30px}.experience-section{padding-block:102px 80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading .eyebrow{color:var(--gold);margin-bottom:18px}.section-heading h2{font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.13;letter-spacing:-.04em}.section-heading h2 em{color:var(--gold)}.section-note{font-size:.875rem;color:var(--muted);line-height:1.8;padding-bottom:4px}.experience-grid{display:grid;grid-template-columns:1.26fr 1fr;gap:22px;grid-template-rows:310px 310px}.experience-card{position:relative;overflow:hidden;display:block;width:100%;height:100%;text-align:left;padding:0;background:#22241f;perspective:900px}.experience-card img{height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s;transform:scale(1.005)}.experience-card:hover img{transform:scale(1.05)}.cinema-card{grid-row:span 2}.cinema-card img{object-position:61% center}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080c0be3,transparent 80%),linear-gradient(180deg,#0006,transparent 40%)}.card-number{position:absolute;top:27px;left:30px;font-size:.7rem;letter-spacing:.14em;color:#e1ddd4}.card-copy{position:absolute;bottom:35px;left:32px;right:75px}.card-title{font-size:clamp(27px,2.8vw,42px);line-height:1.13;letter-spacing:-.035em;display:block;font-weight:400}.card-title em{color:#ddd0b6}.card-subtitle{font-size:.8rem;color:#cbc8bf;display:block;margin-top:17px}.card-arrow{position:absolute;right:27px;bottom:38px;width:43px;height:43px;border:1px solid #ffffff6b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;transition:background .3s,color .3s}.experience-card:hover .card-arrow{background:var(--ivory);color:#161713}.concept-note{font-size:.75rem;color:#7e8077;margin-top:16px}.solutions{padding-block:52px 120px;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,9vw,150px)}.solution-intro .eyebrow{color:var(--gold);margin-bottom:22px}.solution-intro h2{font-size:clamp(43px,4.5vw,65px);line-height:1.08;letter-spacing:-.04em;font-weight:400}.solution-intro h2 em{color:var(--gold)}.solution-intro>p:not(.eyebrow){max-width:390px;line-height:1.85;color:var(--muted);font-size:1rem;margin-top:28px}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid #ffffff57;padding-bottom:12px;font-size:.875rem;margin-top:34px}.text-link span{font-size:18px}.solution-list{border-top:1px solid var(--line)}.solution-list details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:23px;padding:28px 0;cursor:pointer;font-size:clamp(18px,1.4vw,22px);font-weight:400}summary::-webkit-details-marker{display:none}.solution-number{font-size:.75rem;color:#8f9186}.plus{width:14px;height:14px;position:relative;margin-left:auto;flex-shrink:0}.plus:before,.plus:after{content:"";position:absolute;top:50%;width:13px;height:1px;background:#c6bcaa;transition:transform .3s}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}details[open] summary{color:var(--gold)}.solution-body{padding:0 25px 28px 38px;max-width:620px}.solution-body p{font-size:.95rem;line-height:1.85;color:var(--muted)}.solution-body>span{display:block;font-size:.75rem;line-height:1.8;color:#8c8d82;margin-top:22px}
.brands{background:#20211c;padding-block:42px 55px;border-block:1px solid #ffffff0b}.expertise{padding-block:115px 120px}.expertise .section-heading{align-items:flex-end;margin-bottom:65px}.expertise-description{max-width:340px;line-height:1.85;color:var(--muted);font-size:1rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.process-number{font-size:.75rem;color:var(--gold)}.process-grid h3{font-size:26px;font-weight:400;margin:28px 0 16px;letter-spacing:-.02em}.process-grid p{line-height:1.85;font-size:.875rem;color:var(--muted);max-width:265px}.contact{background:#d7cfbd;color:#20211a;padding-block:80px 85px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.contact .eyebrow{font-size:.7rem;color:#535549}.contact h2{font-size:clamp(50px,5.5vw,82px);line-height:1.03;letter-spacing:-.045em;font-weight:400;margin:24px 0 34px}.contact h2 em{color:#63644f}.contact-small{font-size:.75rem;color:#595c50;margin-top:17px}.contact-details{display:flex;flex-direction:column;justify-content:center;gap:55px;padding-left:12%}.contact-phone{display:block;font-size:clamp(24px,2vw,31px);letter-spacing:-.04em;margin:21px 0 12px}.contact-email{font-size:1rem;border-bottom:1px solid #595c5066;padding-bottom:5px}.contact-details address{font-style:normal;font-size:.875rem;line-height:1.9;color:#505346;margin-top:18px}.footer{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .wordmark{font-size:19px}.footer>span{color:#8e9283;font-size:.75rem}.back-top{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:20px}
dialog{color:var(--ivory);background:#181a15;border:1px solid #ffffff22;padding:0;box-shadow:0 40px 100px #0008}dialog::backdrop{background:#070907bb;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.close-button{background:#141811bf;color:var(--ivory);border:1px solid #ffffff30;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:27px;line-height:1;z-index:2}.experience-dialog{width:min(1020px,calc(100% - 40px));max-height:85svh;overflow:auto}.experience-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.experience-dialog>.close-button{position:absolute;top:18px;right:18px}.experience-dialog>img{height:100%;min-height:590px;object-fit:cover}.dialog-copy{padding:55px 40px}.dialog-copy .eyebrow{color:var(--gold)}.dialog-copy h2{font-size:37px;font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:20px 0 25px}.dialog-copy>p:not(.eyebrow){line-height:1.85;font-size:1rem;color:var(--muted)}.dialog-copy ul{padding-left:18px;font-size:.875rem;line-height:2;color:#c6c8bb;margin-block:25px 32px}.dialog-copy .button{width:100%;font-size:.8rem}.mobile-menu{width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;border:0;padding:25px}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu nav{display:flex;flex-direction:column;gap:30px;margin:70px 0}.mobile-menu nav a{font-size:32px;letter-spacing:-.035em}.mobile-menu>p{line-height:1.8;color:var(--muted);font-size:.875rem}
@media(min-width:1900px){.hero-copy{max-width:1250px}.hero h1{font-size:120px}.hero-description{font-size:20px}}
@media(max-width:1100px){.desktop-nav{gap:20px;font-size:.8rem}.header{gap:25px;height:88px}.hero{min-height:790px}.hero-copy{padding-top:215px}.hero-copy h1{font-size:80px}.scene-select{gap:25px}.scene-button{min-width:100px}.scroll-link{font-size:.7rem;max-width:26%}.hotspot-wrap{left:78%;top:51%}.scene-count{display:none}.experience-grid{grid-template-rows:280px 280px;gap:18px}.card-copy{left:25px;bottom:28px}.card-number{left:25px}.card-subtitle{font-size:.75rem}.introduction{gap:45px}.process-grid{gap:25px}.contact-details{padding-left:0}.footer>span:first-of-type{display:none}}
@media(max-width:800px){.desktop-nav{display:none}.header{height:82px;gap:20px}.menu-toggle{display:block}.header-contact{margin-left:auto}.hero{min-height:780px;height:100svh;max-height:1000px}.hero-copy{padding-top:205px;max-width:800px}.hero-copy h1{font-size:clamp(57px,9.8vw,78px)}.hero-shade{background:linear-gradient(90deg,#07090bd9,#07090b45),linear-gradient(0deg,#11110ff2,transparent 45%,#07080933)}.hero-image{object-position:58% center}.light-toggle{top:105px}.hotspot-wrap{display:none}.hero-bottom{bottom:28px;display:block}.scroll-link{display:none}.scene-select{justify-content:space-between;gap:25px}.scene-button{width:33%;min-width:0}.introduction{grid-template-columns:1fr;gap:36px;padding-block:70px}.intro-label{display:flex;justify-content:space-between;align-items:center}.intro-label>span{margin:0}.intro-main h2{font-size:29px}.intro-main>p{margin-top:24px;max-width:580px}.experience-section{padding-block:70px 50px}.section-heading{gap:20px;margin-bottom:30px}.section-heading h2{font-size:40px}.section-note{display:none}.experience-grid{grid-template-columns:1fr 1fr;grid-template-rows:470px 360px;gap:18px}.cinema-card{grid-column:span 2;grid-row:auto}.card-title{font-size:32px}.living-card .card-title,.kitchen-card .card-title{font-size:26px}.living-card .card-number,.kitchen-card .card-number{font-size:.65rem;letter-spacing:.08em}.card-copy{left:24px;right:38px;bottom:27px}.card-arrow{width:35px;height:35px;right:20px;bottom:22px}.living-card .card-subtitle,.kitchen-card .card-subtitle{max-width:75%;line-height:1.5}.solutions{grid-template-columns:1fr;gap:48px;padding-block:30px 75px}.solution-intro h2{font-size:48px}.solution-intro h2 br:nth-child(1){display:none}.solution-intro>p:not(.eyebrow){max-width:580px}.brands{padding-block:35px 42px}.expertise{padding-block:75px}.expertise .section-heading{display:block;margin-bottom:42px}.expertise-description{margin-top:28px;max-width:500px}.process-grid{grid-template-columns:1fr 1fr;row-gap:38px;column-gap:30px}.process-grid h3{margin-top:21px}.process-grid p{max-width:none}.contact{grid-template-columns:1fr;gap:48px;padding-block:60px}.contact h2{font-size:65px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-phone{font-size:25px}.contact-email{font-size:.875rem}.contact-details address{font-size:.8rem}.footer{min-height:110px}.experience-dialog[open]{grid-template-columns:1fr}.experience-dialog>img{height:240px;min-height:0}.dialog-copy{padding:35px}.dialog-copy h2{font-size:34px}}
@media(max-width:480px){:root{--pad:24px}.header .wordmark{font-size:18px;letter-spacing:.12em}.header-contact{display:none}.hero{min-height:820px}.hero-copy{padding-top:208px;padding-bottom:135px}.hero-copy .eyebrow{font-size:.63rem;letter-spacing:.12em;gap:10px}.short-line{width:22px}.hero-copy h1{font-size:clamp(50px,13.5vw,59px);line-height:1.04;letter-spacing:-.055em;margin-top:22px}.hero-description{font-size:16px;line-height:1.75}.hero-copy .button{margin-top:29px;padding:18px 22px;font-size:.875rem}.light-toggle{font-size:.875rem;padding:9px 13px}.scene-button{font-size:.875rem;padding-top:16px}.scene-button span{margin-right:7px;font-size:.65rem}.scene-select{gap:16px}.intro-label{display:block}.intro-label>span{margin-top:12px}.intro-main h2{font-size:27px;line-height:1.4}.intro-main>p{font-size:.95rem}.section-heading h2{font-size:37px}.experience-grid{display:flex;flex-direction:column;gap:18px}.experience-card{height:345px}.cinema-card{height:465px}.card-title,.living-card .card-title,.kitchen-card .card-title{font-size:33px}.card-subtitle{font-size:.8rem}.card-number,.living-card .card-number,.kitchen-card .card-number{font-size:.68rem;letter-spacing:.12em}.solution-intro h2{font-size:45px}summary{font-size:17px;gap:15px;padding-block:25px}.solution-body{padding-left:29px;padding-right:10px}.solution-body p{font-size:.9rem}.process-grid{gap:34px 22px}.process-grid h3{font-size:23px}.process-grid p{font-size:.85rem;line-height:1.75}.contact h2{font-size:56px}.contact-details{grid-template-columns:1fr;gap:35px}.contact-phone{font-size:28px}.contact-email{font-size:1rem}.contact-details address{font-size:.875rem}.footer{flex-wrap:wrap;gap:25px;padding-block:30px}.footer .wordmark{font-size:17px}.footer>span:last-of-type{font-size:.65rem;margin-left:auto}.footer .back-top{display:none}.experience-dialog{width:calc(100% - 24px)}.dialog-copy{padding:30px 24px}.dialog-copy h2{font-size:32px}.dialog-copy .button{padding-inline:18px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual{transform:none!important;will-change:auto}.experience-card img{transform:none!important}}

/* Official brand and scene-specific experience controls. */
[hidden]{display:none!important}
.wordmark{align-items:center;flex-shrink:0;line-height:1}
.company-logo{width:260px;height:auto;max-width:100%;object-fit:contain}
.header .company-logo{width:245px}
.footer .company-logo{width:250px}
.mobile-menu .company-logo{width:255px}
.hero-copy h1{font-size:clamp(60px,6.8vw,100px);max-width:790px}
.hero-description{max-width:580px}
.button .hero-cta-label{font-size:inherit;line-height:1.4}
.hero-visual{filter:brightness(var(--room-brightness,1))}
.scene-atmosphere{position:absolute;inset:0;pointer-events:none;background:rgba(70,144,216,var(--climate-tint,0));transition:background .7s;mix-blend-mode:screen}
.cinema-running .scene-atmosphere{background:radial-gradient(ellipse at 80% 40%,#b9ccf62b,transparent 57%);animation:cinema-glow 7s ease-in-out infinite}
.appliance-running .scene-atmosphere{background:radial-gradient(ellipse at 78% 62%,#d9942723,transparent 52%)}
@keyframes cinema-glow{0%,100%{opacity:.35}50%{opacity:1}}
.scene-console{position:absolute;right:var(--pad);top:130px;width:325px;z-index:8}
.console-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.scene-action,.controls-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;background:#11140db8;border:1px solid #ffffff40;border-radius:30px;backdrop-filter:blur(14px);font-size:.875rem;line-height:1.3;transition:background .25s,border-color .25s}
.scene-action:hover,.controls-toggle:hover{background:#353629d9;border-color:#d7c7a0}
.scene-action[aria-pressed=true]{background:#d1be982b;border-color:#d1be98}
.scene-action svg,.controls-toggle svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.controls-toggle{width:44px;min-width:44px;padding:10px}
.controls-toggle[aria-expanded=true]{background:#d1be98;color:#15170f;border-color:#d1be98}
.scene-feedback{text-align:right;font-size:.75rem;line-height:1.6;color:#d4d1c6;margin-top:10px;text-shadow:0 2px 8px #000}
.scene-controls{margin-top:15px;background:#151911ed;border:1px solid #bcb99e40;box-shadow:0 22px 65px #0006;backdrop-filter:blur(26px);padding:23px;border-radius:6px;max-height:min(530px,calc(100svh - 330px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6f705b #1a1d14}
.controls-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:21px;border-bottom:1px solid #ffffff24;margin-bottom:20px}
.controls-heading-row .eyebrow{font-size:.625rem;color:var(--gold)}
.controls-heading-row h2{font-size:22px;letter-spacing:-.025em;font-weight:400;margin-top:5px}
.panel-close{width:32px;height:32px;min-width:32px;display:grid;place-items:center;background:transparent;color:#c8c9bc;font-size:26px;border:1px solid #ffffff30;border-radius:50%;margin-top:2px}
.control-label{font-size:.875rem;line-height:1.5;display:block;color:#e1e2d7}
.control-caption{font-size:.75rem;line-height:1.5;display:block;color:#a5aa97;margin-top:4px;max-width:165px}
.control-field{margin-bottom:20px}
.segmented{display:flex;gap:3px;padding:4px;background:#0e120cc2;border:1px solid #cdd0b124;border-radius:4px;margin-top:10px}
.segmented button{flex:1;background:transparent;color:#aeb29e;padding:10px 8px;font-size:.875rem;min-height:40px;border-radius:2px}
.segmented button[aria-pressed=true]{background:#c9ba982e;color:#eee4ce;box-shadow:inset 0 0 0 1px #c9ba9840}
.playback-status{display:flex;align-items:center;gap:13px;margin:22px 0}
.playback-indicator{width:39px;height:39px;display:grid;place-items:center;border:1px solid #cbb58b50;border-radius:50%;color:var(--gold);font-size:16px;flex-shrink:0}
.playback-status strong{font-weight:400;font-size:.875rem;display:block}
.playback-status div>span{display:block;font-size:.75rem;color:#a5aa97;margin-top:6px}
.cinema-running .playback-indicator{box-shadow:0 0 20px #cbb58b25}
.wide-control{width:100%;min-height:44px;background:#cbb58b;color:#191c12;border-radius:3px;font-size:.875rem;padding:12px 15px;margin:0 0 20px}
.wide-control[aria-pressed=true]{background:#383d29;color:#efe5cf;box-shadow:inset 0 0 0 1px #cbb58b55}
.range-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;gap:10px;margin-top:15px}
.range-label output{color:var(--gold);font-variant-numeric:tabular-nums}
.scene-controls input[type=range]{width:100%;height:32px;cursor:pointer;accent-color:#cbb58b;margin:8px 0 10px;background:transparent}
.scene-controls input[type=range]:focus-visible{outline:2px solid #cbb58b;outline-offset:3px}
.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff1c;padding:16px 0}
.mini-toggle{min-height:40px;flex-shrink:0;background:#272d20;border:1px solid #b9c29d30;color:#dedfce;border-radius:5px;padding:9px 11px;font-size:.8125rem;max-width:125px;line-height:1.4}
.mini-toggle[aria-pressed=true]{background:#c8b98b22;border-color:#c8b98b7a;color:#f1dfb6}
.mini-toggle:disabled{opacity:.55;cursor:wait}
.temperature-control{display:flex;align-items:center;justify-content:space-between;padding:0 16px 20px;gap:20px}
.temperature-control button{height:42px;width:42px;border:1px solid #d7d3bd4f;border-radius:50%;background:transparent;color:#e0d8bf;font-size:23px}
.temperature-control button:disabled{opacity:.3;cursor:default}
.temperature-control output{font-size:34px;line-height:1;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.temperature-control output.is-off{opacity:.4}
.appliance-tabs{margin-top:0}.appliance-tabs button{padding-inline:6px}
.appliance-summary{padding:24px 0 8px}
.appliance-summary .eyebrow{color:var(--gold);font-size:.625rem}
.appliance-summary h3{font-size:24px;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:10px 0 13px}
.appliance-summary>p:last-child{color:#adb39f;font-size:.875rem;line-height:1.8}
.appliance-status{font-size:.8125rem;line-height:1.7;color:#ddcba5;margin-top:-6px}
.demo-note,.console-footnote{font-size:.75rem;line-height:1.7;color:#929a82;margin-top:17px}
.console-footnote{border-top:1px solid #ffffff1c;padding-top:15px;margin-top:20px}
.hotspot-wrap{left:65%;top:62%;z-index:7}
.hotspot{width:44px;height:44px}
.hotspot-detail{top:60px;left:0;right:auto;width:310px;background:#181c14f0;z-index:10}
.hotspot-detail ul{margin:16px 0 0;padding:16px 0 0 16px;border-top:1px solid #ffffff22;color:#d2d4c5;font-size:.8125rem;line-height:1.9}
.hero.controls-open .hotspot-wrap{visibility:hidden}
.hero:has(.hotspot[aria-expanded=true]) .scene-feedback{visibility:hidden}
@media(max-width:1100px){.header .company-logo{width:225px}.hero-copy h1{font-size:clamp(62px,6.8vw,80px);max-width:620px}.scene-console{width:300px;top:112px}.hotspot-wrap{left:auto;right:var(--pad);top:64%}.hotspot-detail{left:auto;right:0}}
@media(max-width:800px){.header .company-logo{width:245px}.scene-console{top:110px;width:320px;max-width:calc(100% - 48px)}.hero-copy{padding-top:225px}.hero-copy h1{font-size:clamp(56px,9.6vw,76px)}.hero-description{max-width:520px}.hotspot-wrap{display:block;top:110px;left:var(--pad);right:auto;z-index:9}.hotspot-detail{left:0;right:auto;width:min(340px,calc(100vw - 48px));top:70px}.scene-controls{max-height:calc(100svh - 295px)}.hero.controls-open .hotspot-wrap{visibility:hidden}.hero .scene-feedback{max-width:290px;margin-left:auto}.footer .company-logo{width:235px}.scene-action{max-width:250px}}
@media(max-width:480px){.header .company-logo{width:235px}.mobile-menu .company-logo{width:min(250px,68vw)}.hero{min-height:835px}.hero-copy{padding-top:242px}.hero-copy h1{font-size:clamp(50px,13.3vw,59px);line-height:1.06}.hero-description{font-size:16px;min-height:5.25em}.hero-copy .eyebrow{font-size:.625rem;letter-spacing:.1em}.scene-console{max-width:calc(100% - 48px);top:110px}.scene-action{font-size:.8125rem;gap:8px;padding-inline:12px}.console-toolbar{gap:7px}.scene-action svg{width:16px;height:16px}.controls-toggle{min-width:42px;width:42px}.hotspot{width:40px;height:40px;font-size:22px}.hotspot-wrap{top:112px}.scene-feedback{font-size:.6875rem}.scene-controls{padding:20px;max-height:calc(100svh - 295px)}.controls-heading-row h2{font-size:22px}.control-row{gap:8px}.mini-toggle{font-size:.8125rem;padding-inline:10px}.footer .company-logo{width:205px}.footer>span:last-of-type{margin-left:0}.hotspot-detail{padding:23px}.hero-copy .button{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.scene-atmosphere{animation:none!important;transition:none!important}}

/* Distribution portfolio: consistent brand-name previews, ready for supplied logos. */
.brands{padding-block:58px 42px;background:#1b1d18}
.brands-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:35px}
.brands-heading-row .eyebrow{color:var(--gold);font-size:.875rem;letter-spacing:.13em}
.brands-heading-row h2{font-size:clamp(32px,3.2vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin-top:16px}
.brands-heading-row h2 em{color:#bcbda9}
.brands-motion{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:96px;padding:10px 16px;margin-bottom:2px;border:1px solid #cbb58b40;border-radius:24px;background:transparent;color:#ddd7c8;font-size:.875rem;flex-shrink:0}
.brands-motion:hover{background:#cbb58b16;border-color:#cbb58b99}
.brands-motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.brand-carousel{border-block:1px solid #cbb58b24}
.brand-window{overflow:hidden}
.brand-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}
.brand-group-copy{display:none}
.brand-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 180px;min-width:0;min-height:120px;padding:24px}
.brand-item::after{content:"";position:absolute;right:0;top:calc(50% - 12px);height:24px;width:1px;background:#cbb58b30}
.brand-name{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,2vw,30px);font-weight:400;letter-spacing:.015em;line-height:1.3;color:#e5e3d8;white-space:nowrap}
.brand-item img{width:auto;max-width:100%;height:auto;max-height:54px;object-fit:contain}
.brand-carousel.is-enhanced .brand-window{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.brand-carousel.is-enhanced .brand-track{display:flex;width:max-content;animation:neotronica-brand-drift 38s linear infinite;animation-play-state:paused;will-change:transform}
.brand-carousel.is-enhanced .brand-group{display:flex;width:max-content;flex:none;flex-wrap:nowrap}
.brand-carousel.is-enhanced .brand-item{width:clamp(170px,20vw,360px);flex:none}
.brand-carousel.is-enhanced[data-motion=running] .brand-track{animation-play-state:running}
@keyframes neotronica-brand-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(hover:hover){.brand-carousel.is-enhanced .brand-window:hover .brand-track{animation-play-state:paused}}
@media(max-width:800px){.brands{padding-block:42px 32px}.brands-heading-row{margin-bottom:28px}.brand-item{min-height:104px}.brands-heading-row .eyebrow{font-size:.75rem}.brands-heading-row h2{font-size:36px}}
@media(max-width:480px){.brands-heading-row{align-items:flex-start;gap:16px;flex-wrap:wrap}.brands-heading-row h2{font-size:33px}.brands-motion{min-width:88px}.brand-name{font-size:23px}.brand-item{min-height:96px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none!important;transform:none!important;will-change:auto!important}.brands-motion{display:none!important}}

/* Explicit foregrounds keep the scene controls readable in embedded contexts. */
h1,h2,h3,h4,h5,h6{color:inherit}
.header-contact{color:#f4deb2;border-bottom-color:#d7c08e;text-shadow:0 1px 6px #0008}
.hero-copy h1{color:#fff9ee;text-shadow:0 2px 22px #0003}
.hero-copy h1 em{color:#ead4a5}
.scene-action{color:#191c12;background:#d7c08e;border-color:#d7c08e;box-shadow:0 6px 24px #0003}
.scene-action:hover{color:#191c12;background:#ead5a9}
.controls-toggle{color:#fff9ee;background:#141810f2;border-color:#d7c7a080}
.controls-toggle:hover{color:#fff9ee;background:#34392b}
.scene-action[aria-pressed=true]{color:#fff0ca;background:#363c29;border-color:#d1be98}
.controls-toggle[aria-expanded=true]{background:#d1be98;color:#15170f}
.hotspot{color:#fff9ee;background:#141810de;border-color:#dfc894b3}
.hotspot:hover{background:#3a412c}
.intro-main h2 span{color:#b5b7a9}

/* An inviting, email-first contact area and a complete closing statement. */
.contact-details{padding-left:0}
.contact-email{font-size:clamp(23px,2.2vw,34px);line-height:1.35;letter-spacing:-.02em;display:inline-block;margin-top:24px;padding-bottom:12px;overflow-wrap:anywhere}
.contact-small{font-size:1rem;line-height:1.7;max-width:440px}
.footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding-block:48px}
.footer-brand{min-width:0}
.footer-statement{max-width:760px;margin-top:22px;font-size:1rem;line-height:1.8;color:#d0d0c3}
.footer-meta{display:flex;align-items:center;gap:24px;color:#a8ac9b;font-size:.875rem;white-space:nowrap}
@media(max-width:800px){.footer{grid-template-columns:1fr;gap:28px;padding-block:38px}.footer-meta{justify-content:space-between}.footer .back-top{display:flex}.contact-details{display:block}.footer-statement{max-width:620px}}
@media(max-width:480px){.contact-email{font-size:clamp(22px,6.5vw,28px)}.footer-statement{font-size:.9375rem}.footer-meta{font-size:.8125rem}.contact-small{font-size:.9375rem}}

/* Product details stay distinct while card captions retain strong contrast. */
.cinema-card img{object-position:center 10%}
.living-card img{object-position:70% center}
.kitchen-card img{object-position:center 58%}
.card-shade{background:linear-gradient(0deg,#080c0bf5,#080c0bb3 38%,#080c0b00 75%),linear-gradient(180deg,#000c,#0009 20%,transparent 45%)}

/* A direct mobile-friendly chat link beneath the contact email. */
.contact-whatsapp{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:12px;margin-top:24px;min-height:52px;padding:15px 22px;border:1px solid #1a6047;border-radius:4px;background:#14543e;color:#fff9ee;font-size:1rem;line-height:1.4;text-decoration:none;box-shadow:0 6px 18px #142a1314;transition:background .2s,border-color .2s,transform .2s}
.contact-whatsapp:hover{color:#fff9ee;background:#0d4433;border-color:#0d4433;transform:translateY(-2px)}
.contact-whatsapp:focus-visible{outline:2px solid #14543e;outline-offset:5px}
.contact-whatsapp svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.contact-email-button{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:12px;margin-top:24px;min-height:52px;padding:15px 22px;border:1px solid #292b22;border-radius:4px;background:#20211a;color:#fff9ee;font-size:1rem;line-height:1.4;text-decoration:none;transition:background .2s,transform .2s}
.contact-email-button:hover{color:#fff9ee;background:#383b2d;transform:translateY(-2px)}
.contact-email-button:focus-visible{outline:2px solid #20211a;outline-offset:5px}
.contact-email-button svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-email-button + .contact-whatsapp{margin-top:14px}
.footer-statement{white-space:nowrap;font-size:clamp(12px,3.2vw,16px);max-width:none}

/* Standalone WordPress page; the wrapper follows the admin-bar document offset. */
body.neotronica-experience-page{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:normal;padding:0;max-width:none}
.neotronica-experience-shell{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:0}
body.admin-bar.neotronica-experience-page .skip:focus{top:calc(var(--wp-admin--admin-bar--height,32px) + 15px)}

/* Four experiences and a product-only kitchen guide. */
.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,420px)}
.cinema-card{grid-row:auto;grid-column:auto}
.professional-card img{object-position:65% center}
.professional-card .card-title{font-size:36px}
.appliance-features{padding-left:18px;color:#d2d4c5;font-size:.8125rem;line-height:1.9}
.scene-select{gap:24px}.scene-button{white-space:nowrap}
@media(min-width:801px) and (max-width:1250px){.hero-bottom .scroll-link{display:none}}
@media(max-width:800px){.experience-grid{grid-template-rows:repeat(2,360px)}.scene-select{gap:12px;flex-wrap:wrap}.scene-button{flex:1 1 auto}}
@media(max-width:480px){.scene-select{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.scene-button{text-align:left;min-height:44px}.experience-card,.cinema-card{height:360px}.professional-card .card-title{font-size:33px}}

/* Original brand artwork, sized without distortion. */
#brand-carousel .brand-item{padding:28px;min-height:132px}
#brand-carousel .brand-logo{display:block;width:160px;height:62px;max-width:100%;max-height:none;object-fit:contain;filter:none;opacity:1}
#brand-carousel .brand-martin-logan .brand-logo{width:130px;height:76px}
#brand-carousel .brand-juke-audio .brand-logo{width:145px;height:70px}
#brand-carousel .brand-tp-link .brand-logo{background:#fff;border-radius:4px;padding:8px}
#brand-carousel .brand-minidsp .brand-logo{background:#666;border-radius:4px;padding:9px}
.brand-carousel.is-enhanced .brand-track{animation-duration:100s}
@media(max-width:480px){#brand-carousel .brand-item{padding:22px;min-height:118px}#brand-carousel .brand-logo{width:140px;height:56px}}