.design-studio{background:#f1efe8;color:#282b25;font-family:Arial,sans-serif;padding:0 5% 70px;*{box-sizing:border-box}body{margin:0;background:#f1efe8;color:#282b25;font-family:Arial,sans-serif}header{max-width:1480px;margin:auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3d0c6}header a{display:block;width:160px;height:52px;position:relative;overflow:hidden}header img{position:absolute;width:170px;top:-20px;left:-9px}header span{font-size:14px;letter-spacing:2px}main{max-width:1480px;margin:auto;padding:0 5%}.intro{padding:72px 0 48px}.overline{font-size:14px;letter-spacing:2px;font-weight:600;margin:0 0 24px}h1{font:400 clamp(42px,5.5vw,80px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:0}h1 em{font-weight:400;color:#69705e}.lead{font-size:19px;line-height:1.6;margin:24px 0 0}.configurators{display:grid;grid-template-columns:1fr 1fr;gap:24px}article,.showroom{position:relative;overflow:hidden;background:#242820;color:#fff}article{min-height:540px}article>img,.showroom>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,10,0) 10%,rgba(10,16,10,.35) 42%,rgba(10,16,10,.91) 100%)}.content{position:absolute;bottom:36px;left:36px;right:36px}.content .overline{margin-bottom:16px;color:#eee9db}h2{font:400 clamp(30px,3.2vw,49px)/1.15 Georgia,serif;margin:0 0 26px}.action{display:flex;align-items:center;justify-content:space-between;gap:25px;width:fit-content;max-width:100%;background:#f4cc42;color:#262a22;text-decoration:none;padding:18px 23px;font-size:17px;line-height:1.4;font-weight:600;min-height:58px}.action span{font-size:24px;font-weight:400}.showroom{margin-top:32px;min-height:580px}.showroom img{object-position:center 46%}.showroom .shade{background:linear-gradient(90deg,rgba(10,16,10,.85),rgba(10,16,10,.28) 70%)}.tour-content{position:relative;padding:70px 48px;max-width:650px}.tour-content p:not(.overline){font-size:18px;line-height:1.6;margin:0 0 30px}.degree{position:absolute;right:44px;bottom:30px;font:400 92px Georgia,serif;color:#fff9}footer{display:flex;justify-content:space-between;gap:24px;padding:32px 0 48px;font-size:14px;line-height:1.6;letter-spacing:1px}footer a{color:inherit;text-decoration:none;letter-spacing:0;font-size:16px}a:focus-visible{outline:3px solid #f4cc42;outline-offset:5px}@media(max-width:650px){header{padding:15px 6%}header span{font-size:12px}main{padding:0 6%}.intro{padding:44px 0 32px}h1{font-size:43px}.lead{font-size:18px}.configurators{grid-template-columns:1fr;gap:22px}article{min-height:490px}.content{left:24px;right:24px;bottom:28px}h2{font-size:36px}.showroom{min-height:560px;margin-top:22px}.tour-content{padding:45px 26px}.degree{font-size:68px;right:25px;bottom:20px}.action{font-size:16px;padding:16px 18px}footer{flex-direction:column}}

/* Animated product presentations */
.configurators{align-items:start;gap:30px}.presentation{min-height:0;background:#e8e5dc;color:#282b25}.demo-stage{height:340px;position:relative;overflow:hidden;background:#17231f;color:#f7f5ed}.demo-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;filter:blur(2px)}.demo-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#14211de6,transparent 50%,#14211df5)}.demo-top{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;letter-spacing:1.7px}.motion-toggle{width:40px;height:40px;background:#ffffff18;border:1px solid #ffffff50;color:#fff;font-size:18px;cursor:pointer}.product-demo{position:absolute;top:25px;left:0;width:100%;height:280px}.demo-bottom{position:absolute;bottom:22px;left:24px;right:24px}.demo-caption{display:flex;gap:16px;align-items:center;font-size:16px;line-height:1.4;margin-bottom:15px}.demo-number{color:#f4cc42;white-space:nowrap;font-size:14px}.demo-progress{height:2px;background:#ffffff25}.demo-progress i{display:block;height:2px;background:#f4cc42;width:0;animation:progress 12s linear infinite}.presentation-copy{padding:32px}.presentation-copy .overline{font-size:13px;letter-spacing:1.3px;color:#616959;margin-bottom:16px}.presentation-copy h2{font-size:38px;margin-bottom:20px}.presentation-copy>p:not(.overline){font-size:18px;line-height:1.7;margin:0 0 24px}.benefits{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid #c8cabc;padding:17px 0 25px;font-size:15px;color:#48513f;line-height:1.5}.benefits span:before{content:'✓';margin-right:7px}.access-note{display:block;margin-top:15px;font-size:14px;line-height:1.5;color:#555e4e}.diffuser{animation:assemble-cap 12s ease-in-out infinite}.led-strip{animation:assemble-led 12s ease-in-out infinite}.assembled-glow{opacity:0;animation:illuminate 12s ease-in-out infinite}.assembly{transform-origin:center;animation:product-float 12s ease-in-out infinite}.flex-object{transform-origin:300px 165px;animation:rotate-product 12s ease-in-out infinite}.flex-light{stroke-dasharray:850;stroke-dashoffset:850;animation:draw-light 12s ease-in-out infinite}.flex-nodes{animation:nodes 12s linear infinite}.dimensions{opacity:0;animation:dimensions 12s linear infinite}.bom{opacity:0;animation:bom 12s ease-in-out infinite}.is-paused *{animation-play-state:paused!important}
@keyframes progress{to{width:100%}}@keyframes assemble-cap{0%,15%{transform:translateY(-20px)}40%,90%{transform:translateY(62px)}100%{transform:translateY(-20px)}}@keyframes assemble-led{0%,15%{transform:translateY(0)}35%,90%{transform:translateY(23px)}100%{transform:translateY(0)}}@keyframes illuminate{0%,45%{opacity:0}60%,90%{opacity:.8}100%{opacity:0}}@keyframes product-float{0%,100%{transform:translateY(4px)}50%{transform:translateY(-4px)}}@keyframes rotate-product{0%,10%{transform:rotate(-7deg) scale(.92)}40%,60%{transform:rotate(4deg) scale(1)}85%{transform:rotate(0deg) scale(.91)}100%{transform:rotate(-7deg) scale(.92)}}@keyframes draw-light{0%{stroke-dashoffset:850}30%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:850}}@keyframes nodes{0%,28%{opacity:1}40%,100%{opacity:0}}@keyframes dimensions{0%,30%{opacity:0}40%,62%{opacity:1}70%,100%{opacity:0}}@keyframes bom{0%,63%{opacity:0;transform:translate(360px,36px)}72%,94%{opacity:1;transform:translate(360px,28px)}100%{opacity:0;transform:translate(360px,36px)}}
@media(max-width:1000px){.configurators{grid-template-columns:1fr}.demo-stage{height:370px}.product-demo{height:310px}.presentation-copy{padding:30px}.presentation-copy h2{font-size:38px}}@media(max-width:650px){.demo-stage{height:285px}.demo-top{left:18px;right:18px;top:16px;font-size:12px;letter-spacing:1px}.product-demo{height:235px;top:23px}.demo-bottom{left:18px;right:18px;bottom:18px}.demo-caption{font-size:15px;gap:12px}.presentation-copy{padding:25px}.presentation-copy h2{font-size:32px}.presentation-copy>p:not(.overline){font-size:18px}.presentation-copy .action{width:100%;gap:12px}.benefits{font-size:14px}}
@media(prefers-reduced-motion:reduce){.presentation *{animation:none!important}.diffuser{transform:translateY(62px)}.led-strip{transform:translateY(23px)}.assembled-glow{opacity:.5}.flex-light{stroke-dashoffset:0}.flex-nodes{opacity:0}.demo-progress i{width:100%}}
.tour-guide{border-top:1px solid #ffffff45;margin:26px 0;padding-top:20px}.tour-guide h3{font:500 22px/1.3 Arial;margin:0 0 12px}.tour-guide p{font-size:17px!important;line-height:1.6!important;margin-bottom:18px!important}.navigation-keys{display:flex;gap:8px}.navigation-keys span{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #ffffff65;border-radius:4px;font-size:22px}.tour-content{max-width:700px}.degree{pointer-events:none}@media(max-width:650px){.degree{font-size:42px;bottom:12px;right:16px}.tour-content{padding-bottom:65px}}
} .design-studio .showroom{margin-bottom:0}.design-studio .presentation{margin:0}.design-studio .presentation-copy h2{letter-spacing:-.5px}.design-studio .presentation-copy p{color:#282b25}.design-studio .tour-guide h3{color:#fff}.design-studio .tour-content p{color:#fff}.design-studio .demo-top span{color:#fff}.design-studio .demo-caption{color:#fff}.design-studio .demo-number{color:#f4cc42}.design-studio .intro{max-width:1200px;margin:auto}