:root{
  --bg:#08060a;
  --text:#f6f0fa;
  --soft:#d2c6dc;
  --soft2:#9b8baa;
  --purple:#9f74d2;
  --purple2:#7e55b6;
  --purple3:#c79afb;
  --pink:#d98bcf;
  --green:#395a42;
  --amber:#e8c9a6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 20%, rgba(130,92,165,.12), transparent 30%),radial-gradient(circle at 80% 40%, rgba(217,139,207,.05), transparent 30%),var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}
body{overflow:hidden}
#dust{position:fixed;inset:0;width:100%;height:100%;z-index:40;pointer-events:none}
.viewport{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}
.camera{position:absolute;inset:0;perspective:1700px;perspective-origin:50% 42%;transform-style:preserve-3d}
.room{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.layer,.layer-fx,.object{position:absolute;transform-style:preserve-3d;will-change:transform,filter,opacity}
.back-wall{z-index:1;left:18%;right:18%;top:7%;height:57%;border-radius:3px;background:linear-gradient(180deg, rgba(30,23,36,.98), rgba(13,10,17,.98));box-shadow:inset 0 0 120px rgba(0,0,0,.62),inset 0 -30px 90px rgba(0,0,0,.3);transform:translateZ(-240px)}
.wall-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%, rgba(139,94,199,.12), transparent 38%),radial-gradient(circle at 78% 54%, rgba(179,110,255,.11), transparent 26%);filter:blur(8px)}
.wall-ribs{position:absolute;top:0;bottom:0;right:0;width:30%;background:repeating-linear-gradient(90deg, rgba(255,255,255,.01) 0 4px, rgba(0,0,0,.07) 4px 18px);box-shadow:inset 80px 0 80px rgba(0,0,0,.24),inset 0 0 24px rgba(255,255,255,.02)}
.side-wall{z-index:0;top:5%;bottom:12%;width:28%;background:linear-gradient(180deg, rgba(15,11,19,.98), rgba(6,5,8,.98));filter:brightness(.9)}
.side-wall.left{left:-3%;transform:rotateY(58deg) translateZ(-410px) translateX(-140px)}
.side-wall.right{right:-3%;transform:rotateY(-58deg) translateZ(-410px) translateX(140px)}
.ceiling{z-index:0;left:10%;right:10%;top:-16%;height:26%;background:radial-gradient(ellipse at center, rgba(80,58,110,.1), transparent 60%);filter:blur(28px);transform:rotateX(78deg) translateZ(-180px)}
.floor-plane{z-index:0;left:-8%;right:-8%;bottom:-22%;height:62%;background:linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 100%),linear-gradient(180deg, rgba(255,255,255,.01), rgba(0,0,0,.06)),linear-gradient(180deg, #09070c, #060507);background-size:180px 100%,100% 100%,100% 100%;box-shadow:inset 0 80px 100px rgba(0,0,0,.36),inset 0 -60px 120px rgba(0,0,0,.4);transform-origin:center bottom;transform:rotateX(83deg) translateZ(-30px)}
.light-beam{z-index:4;filter:blur(20px);mix-blend-mode:screen}
.beam-a{left:13%;top:14%;width:17%;height:40%;background:conic-gradient(from 188deg at 55% 0%, rgba(243,214,176,.25), rgba(243,214,176,.07) 18%, transparent 36%);transform:translateZ(120px) skewX(-2deg);animation:beamPulse 7s ease-in-out infinite, beamSway 13s ease-in-out infinite alternate}
.beam-b{left:73%;top:18%;width:16%;height:34%;background:radial-gradient(ellipse at center, rgba(196,140,255,.12), transparent 70%);transform:translateZ(160px);animation:beamBreathe 10s ease-in-out infinite}
@keyframes beamPulse{0%,100%{opacity:.36}50%{opacity:.82}}
@keyframes beamSway{0%{transform:translateZ(120px) translateX(0) skewX(-2deg)}100%{transform:translateZ(120px) translateX(18px) skewX(2deg)}}
@keyframes beamBreathe{0%,100%{opacity:.25;transform:translateZ(160px) scale(1)}50%{opacity:.7;transform:translateZ(160px) scale(1.1)}}
.object{z-index:10}
.side-table{left:6%;top:63%;width:160px;height:180px;transform:translateZ(240px);animation:tableFloat 10s ease-in-out infinite}
.side-table .shadow{position:absolute;left:14px;right:14px;bottom:14px;height:18px;border-radius:50%;background:rgba(0,0,0,.44);filter:blur(12px);transform:translateZ(-1px);animation:shadowPulse 7s ease-in-out infinite}
.table-top{position:absolute;left:24px;right:24px;top:38px;height:18px;border-radius:50%;background:linear-gradient(180deg, #8c5d33, #57331a);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22);transform:rotateX(74deg) translateZ(8px)}
.table-leg{position:absolute;width:8px;height:84px;background:linear-gradient(180deg, #161318, #050406);bottom:34px;border-radius:99px;transform-origin:top center}
.leg-a{left:48px;transform:skewX(5deg)}.leg-b{left:76px;transform:skewX(-2deg)}.leg-c{left:104px;transform:skewX(-8deg)}
.cup{left:10.9%;top:67.5%;width:38px;height:52px;transform:translateZ(272px);animation:cupFloat 7s ease-in-out infinite}
.cup-shadow{position:absolute;inset:auto 2px 0 2px;height:12px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(8px)}
.cup-body{position:absolute;left:4px;right:4px;top:6px;bottom:8px;border-radius:0 0 8px 8px;background:linear-gradient(180deg, rgba(72,45,28,.78), rgba(26,18,14,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 12px 14px rgba(255,200,120,.1)}
.plant-small{left:2.8%;top:60.5%;width:132px;height:150px;transform:translateZ(250px)}
.plant-small .shadow,.plant-big .shadow{position:absolute;left:18px;right:18px;bottom:10px;height:16px;border-radius:50%;background:rgba(0,0,0,.46);filter:blur(12px)}
.plant-small .pot{position:absolute;left:28px;right:28px;bottom:18px;height:48px;border-radius:0 0 24px 24px;background:linear-gradient(180deg, #181318, #0d090e);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.plant-small .leaf,.plant-big .leaf{position:absolute;left:50%;bottom:48px;width:24px;height:68px;border-radius:80% 80% 14% 14%;transform-origin:bottom center;background:linear-gradient(180deg, #486d4f, #1d2b1f);box-shadow:inset -6px -8px 10px rgba(0,0,0,.18), inset 4px 4px 10px rgba(255,255,255,.05)}
.plant-small .l1{transform:translateX(-42px) rotate(-34deg);height:62px}.plant-small .l2{transform:translateX(-18px) rotate(-14deg);height:78px}.plant-small .l3{transform:translateX(-2px) rotate(0deg);height:82px}.plant-small .l4{transform:translateX(14px) rotate(16deg);height:72px}.plant-small .l5{transform:translateX(34px) rotate(32deg);height:62px}
.floor-lamp{left:8.8%;top:21%;width:280px;height:390px;transform:translateZ(90px)}
.lamp-shadow{position:absolute;left:28px;bottom:12px;width:120px;height:28px;border-radius:50%;background:rgba(0,0,0,.32);filter:blur(14px)}
.lamp-base{position:absolute;left:66px;bottom:20px;width:44px;height:12px;border-radius:50%;background:linear-gradient(180deg, #1a151b, #09070a)}
.lamp-pole{position:absolute;left:84px;bottom:30px;width:4px;height:240px;background:linear-gradient(180deg, #2c2b2e, #09070a)}
.lamp-arm{position:absolute;left:86px;top:28px;width:128px;height:3px;background:linear-gradient(90deg, #242126, #0f0d12);transform-origin:left center;transform:rotate(-22deg)}
.lamp-head{position:absolute;left:182px;top:20px;width:54px;height:64px;border-radius:50% 50% 35% 35%;background:linear-gradient(180deg, #1a171d, #050406)}
.lamp-cone{position:absolute;left:168px;top:76px;width:120px;height:180px;background:conic-gradient(from 190deg at 30% 0%, rgba(255,226,186,.26), rgba(255,226,186,.04) 18%, transparent 40%);filter:blur(12px);transform:skewX(-8deg);animation:lampCone 6s ease-in-out infinite}
@keyframes lampCone{0%,100%{opacity:.42}50%{opacity:.88}}
.chair{left:29%;top:42%;width:420px;height:360px;transform:translateZ(320px);animation:chairFloat 9s ease-in-out infinite}
.shadow-chair{position:absolute;left:54px;bottom:18px;width:220px;height:42px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(18px)}
.ottoman-shadow{position:absolute;right:36px;bottom:24px;width:160px;height:36px;border-radius:50%;background:rgba(0,0,0,.32);filter:blur(16px)}
.chair-base{position:absolute;left:128px;bottom:22px;width:56px;height:68px;background:linear-gradient(180deg, #121117, #050406);clip-path:polygon(45% 0, 55% 0, 60% 64%, 100% 70%, 98% 76%, 60% 72%, 80% 96%, 72% 100%, 54% 76%, 46% 76%, 28% 100%, 20% 96%, 40% 72%, 2% 76%, 0 70%, 40% 64%)}
.chair-seat{position:absolute;left:88px;top:134px;width:168px;height:84px;border-radius:36px 36px 42px 42px;background:linear-gradient(180deg, #232129, #08080b);box-shadow:inset 0 10px 20px rgba(255,255,255,.05),inset -20px -30px 28px rgba(0,0,0,.35),0 16px 28px rgba(0,0,0,.26);transform:rotate(-3deg)}
.chair-seat-side{position:absolute;left:102px;top:170px;width:160px;height:54px;border-radius:0 0 28px 28px;background:linear-gradient(180deg, #6a4325, #3a2314);transform:skewX(-26deg);opacity:.84}
.chair-back{position:absolute;left:78px;top:72px;width:176px;height:112px;border-radius:46px;background:linear-gradient(180deg, #1f1d24, #0b0a0d);box-shadow:inset 0 16px 20px rgba(255,255,255,.05), inset -20px -28px 30px rgba(0,0,0,.34)}
.chair-head{position:absolute;left:98px;top:20px;width:142px;height:86px;border-radius:38px;background:linear-gradient(180deg, #232128, #09080b);box-shadow:inset 0 12px 18px rgba(255,255,255,.05), inset -20px -24px 28px rgba(0,0,0,.34)}
.chair-arm{position:absolute;top:140px;width:86px;height:24px;border-radius:18px;background:linear-gradient(180deg, #202027, #0b0b0e)}
.chair-arm.left{left:78px;transform:rotate(3deg)}.chair-arm.right{left:214px;transform:rotate(-2deg)}
.chair-highlight{position:absolute;left:90px;top:38px;width:120px;height:180px;background:radial-gradient(ellipse at 30% 24%, rgba(255,255,255,.08), transparent 48%);filter:blur(8px);mix-blend-mode:screen}
.ottoman{position:absolute;right:0;bottom:36px;width:176px;height:108px;transform:rotate(-8deg)}
.ottoman-top{position:absolute;inset:0;border-radius:42px;background:linear-gradient(180deg, #1d1b22, #08080b);box-shadow:inset 0 12px 20px rgba(255,255,255,.05), inset -18px -26px 28px rgba(0,0,0,.34)}
.ottoman-side{position:absolute;left:10px;right:8px;bottom:-10px;height:34px;border-radius:0 0 24px 24px;background:linear-gradient(180deg, #6a4325, #3a2314);transform:skewX(-26deg);opacity:.84}
.ottoman-base{position:absolute;left:66px;bottom:-28px;width:48px;height:40px;background:linear-gradient(180deg, #121117, #050406);clip-path:polygon(45% 0, 55% 0, 60% 58%, 100% 64%, 98% 72%, 60% 68%, 78% 98%, 70% 100%, 54% 72%, 46% 72%, 30% 100%, 22% 98%, 40% 68%, 2% 72%, 0 64%, 40% 58%)}
.plant-big{left:52.8%;top:28%;width:210px;height:314px;transform:translateZ(150px);animation:plantBigFloat 12s ease-in-out infinite}
.plant-big .pot{position:absolute;left:44px;right:44px;bottom:26px;height:86px;border-radius:0 0 40px 40px;background:linear-gradient(180deg, #181318, #0d090e);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.plant-big .a{transform:translateX(-62px) rotate(-38deg);height:124px;width:36px}.plant-big .b{transform:translateX(-34px) rotate(-20deg);height:156px;width:42px}.plant-big .c{transform:translateX(-8px) rotate(-8deg);height:168px;width:42px}.plant-big .d{transform:translateX(18px) rotate(4deg);height:172px;width:44px}.plant-big .e{transform:translateX(40px) rotate(18deg);height:152px;width:40px}.plant-big .f{transform:translateX(58px) rotate(34deg);height:126px;width:34px}.plant-big .g{transform:translateX(18px) rotate(28deg);height:136px;width:34px}
.light-sculpture{left:70.6%;top:20%;width:100px;height:420px;transform:translateZ(180px)}
.sculpt-shadow{position:absolute;left:28px;right:24px;bottom:18px;height:22px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(12px)}
.sculpt-base{position:absolute;left:34px;right:28px;bottom:18px;height:10px;border-radius:50%;background:linear-gradient(180deg, #151217, #060507)}
.sculpt-line{position:absolute;top:16px;bottom:28px;width:12px;left:44px;border-radius:999px;background:linear-gradient(180deg, rgba(255,240,223,.95), rgba(255,232,203,.8));box-shadow:0 0 22px rgba(255,239,217,.26), 0 0 48px rgba(255,239,217,.12)}
.line-1{transform:skewX(-12deg);animation:sculptWobbleA 7s ease-in-out infinite}.line-2{transform:skewX(12deg);animation:sculptWobbleB 7s ease-in-out infinite}
.sculpt-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center, rgba(255,236,216,.14), transparent 56%);filter:blur(18px);opacity:.62;animation:sculptGlow 7s ease-in-out infinite}
@keyframes sculptWobbleA{0%,100%{transform:translateX(-10px) skewX(-12deg)}50%{transform:translateX(4px) skewX(8deg)}}
@keyframes sculptWobbleB{0%,100%{transform:translateX(10px) skewX(12deg)}50%{transform:translateX(-4px) skewX(-8deg)}}
@keyframes sculptGlow{0%,100%{opacity:.38}50%{opacity:.9}}
.console{left:74.8%;top:50.5%;width:288px;height:150px;transform:translateZ(130px)}
.console-shadow{position:absolute;left:0;right:0;bottom:10px;height:26px;border-radius:50%;background:rgba(0,0,0,.34);filter:blur(12px)}
.console-top{position:absolute;left:0;right:0;top:0;height:16px;background:linear-gradient(180deg, #19151d, #08070a);transform:rotateX(76deg) translateY(-4px);border-radius:4px 4px 0 0}
.console-front{position:absolute;left:0;right:0;top:10px;bottom:18px;background:linear-gradient(180deg, #171218, #08070a);border-radius:0 0 4px 4px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.console-glow{position:absolute;left:0;right:0;top:26px;height:6px;background:linear-gradient(90deg, rgba(180,99,255,.0), rgba(180,99,255,.45), rgba(180,99,255,.0));filter:blur(8px);animation:consolePulse 9s ease-in-out infinite}
@keyframes consolePulse{0%,100%{opacity:.38}50%{opacity:.9}}
.speaker{position:absolute;top:-22px;width:70px;height:108px}.spk-left{left:16px}.spk-right{right:16px}
.speaker-face{position:absolute;inset:0;background:linear-gradient(180deg, #221d24, #09080a);border-radius:2px;box-shadow:0 10px 18px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.03)}
.driver{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle, #161316 30%, #0a090b 31% 42%, #28232c 43% 58%, #09080b 59%)}
.driver.big{bottom:12px;width:40px;height:40px}.driver.small{top:14px;width:22px;height:22px}
.deco{position:absolute;left:50%;bottom:28px;width:18px;height:28px;transform:translateX(-50%);border-radius:10px;background:linear-gradient(180deg, #1d181f, #08070a)}
.window-glow{inset:0;z-index:20;background:linear-gradient(90deg, rgba(180,99,255,.18), transparent 18%, transparent 100%),radial-gradient(circle at 6% 42%, rgba(168,96,255,.10), transparent 24%);opacity:.64;mix-blend-mode:screen;animation:windowGlow 10s ease-in-out infinite alternate}
@keyframes windowGlow{0%{opacity:.35}100%{opacity:.82}}
.ambient-fog{inset:-10%;z-index:21;filter:blur(56px);mix-blend-mode:screen}
.fog-a{background:radial-gradient(circle at 18% 40%, rgba(172,118,240,.18), transparent 30%);animation:fogMoveA 18s ease-in-out infinite alternate}
.fog-b{background:radial-gradient(circle at 80% 42%, rgba(164,100,238,.14), transparent 26%);animation:fogMoveB 24s ease-in-out infinite alternate}
.fog-c{background:radial-gradient(circle at 56% 85%, rgba(116,80,158,.20), transparent 32%);animation:fogMoveC 16s ease-in-out infinite alternate}
@keyframes fogMoveA{0%{transform:translate(-8%, 3%) scale(1)}100%{transform:translate(8%, -3%) scale(1.15)}}
@keyframes fogMoveB{0%{transform:translate(8%, -4%) scale(1)}100%{transform:translate(-10%, 7%) scale(1.08)}}
@keyframes fogMoveC{0%{transform:translate(-6%, 0) scale(1)}100%{transform:translate(7%, -6%) scale(1.12)}}
.reflection-pass{inset:0;z-index:22;background:linear-gradient(180deg, transparent 58%, rgba(255,255,255,.04) 69%, rgba(255,255,255,.02) 74%, transparent 84%),linear-gradient(110deg, transparent 48%, rgba(255,255,255,.05) 54%, transparent 60%);mix-blend-mode:screen;opacity:.54;animation:reflectionSlide 12s ease-in-out infinite alternate}
@keyframes reflectionSlide{0%{transform:translateY(0) skewX(0)}100%{transform:translateY(9px) skewX(-3deg)}}
.post-bloom{inset:0;z-index:23;background:radial-gradient(circle at 50% 40%, rgba(193,141,255,.08), transparent 34%),radial-gradient(circle at 78% 28%, rgba(255,235,210,.08), transparent 16%);filter:blur(12px);mix-blend-mode:screen;opacity:.75}
.vignette{inset:0;z-index:24;background:radial-gradient(circle at center, transparent 38%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.54) 100%)}
.grain{inset:0;z-index:25;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainShift .7s steps(3) infinite}
@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(.5%,-.5%)}100%{transform:translate(0,0)}}
.ui{position:relative;z-index:50;min-height:100vh;padding:24px 28px 18px;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none}
.ui a,.ui button,.ui nav{pointer-events:auto}
.hud{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.brand{font-size:18px;font-weight:700;letter-spacing:.45em;text-transform:uppercase;color:rgba(255,255,255,.9);text-shadow:0 0 20px rgba(199,154,251,.2);animation:brandDrift 8s ease-in-out infinite}
@keyframes brandDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a{color:rgba(247,242,250,.72);text-decoration:none;font-size:12px;letter-spacing:.22em;text-transform:uppercase;position:relative;transition:transform .2s ease,color .2s ease}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:linear-gradient(90deg, transparent, rgba(199,154,251,.9), transparent);transform:scaleX(.25);transition:transform .2s ease}
.nav a:hover{transform:translateY(-2px);color:#fff}.nav a:hover::after{transform:scaleX(1)}
.hero{align-self:start;padding-top:16vh;display:flex;flex-direction:column;gap:8px}
.hero h1{margin:0;font-size:clamp(58px, 12vw, 150px);line-height:.9;letter-spacing:-.08em;color:rgba(255,255,255,.95);text-shadow:0 0 30px rgba(199,154,251,.12), 0 10px 40px rgba(0,0,0,.25);animation:heroFloat 10s ease-in-out infinite}
.hero p{margin:0;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:rgba(228,220,234,.42);animation:heroPulse 9s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}}
@keyframes heroPulse{0%,100%{opacity:.34}50%{opacity:.84}}
.labels{position:absolute;inset:0;pointer-events:none}
.label{position:absolute;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(238,232,244,.24);text-shadow:0 0 18px rgba(173,118,240,.15);animation:labelFloat 7s ease-in-out infinite}
.label-lamp{left:17%;top:26%;animation-delay:-1s}.label-chair{left:37%;top:61%;animation-delay:-3s}.label-plant{left:60.5%;top:34%;animation-delay:-2s}.label-sound{right:12%;top:48%;animation-delay:-4s}
@keyframes labelFloat{0%,100%{transform:translateY(0);opacity:.22}50%{transform:translateY(-6px);opacity:.58}}
.cluster{position:absolute;bottom:54px;display:flex;flex-direction:column;gap:16px;max-width:220px}.cluster-left{left:28px}.cluster-right{right:28px;text-align:right}
.mini{display:flex;flex-direction:column;gap:6px}.mini h2,.mini p{margin:0;background:none!important}.mini h2{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.84);text-shadow:0 0 16px rgba(173,118,240,.08)}.mini p{font-size:13px;line-height:1.5;color:rgba(227,219,233,.52);text-shadow:0 2px 10px rgba(0,0,0,.35)}
.footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:16px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(228,220,234,.28)}
@keyframes tableFloat{0%,100%{transform:translateZ(240px) translateY(0)}50%{transform:translateZ(240px) translateY(-4px)}}
@keyframes cupFloat{0%,100%{transform:translateZ(272px) translateY(0)}50%{transform:translateZ(272px) translateY(-2px)}}
@keyframes chairFloat{0%,100%{transform:translateZ(320px) translateY(0)}50%{transform:translateZ(320px) translateY(-5px)}}
@keyframes plantBigFloat{0%,100%{transform:translateZ(150px) translateY(0)}50%{transform:translateZ(150px) translateY(-4px)}}
@keyframes shadowPulse{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.25;transform:scale(.94)}}
@media (max-width:1100px){.chair{left:24%}.console{left:70%}}
@media (max-width:860px){.ui{padding:18px 16px 14px}.hero{padding-top:17vh}.hero h1{font-size:clamp(54px, 17vw, 108px)}.labels{display:none}.cluster{max-width:170px;gap:12px}.mini h2{font-size:12px}.mini p{font-size:11px}.back-wall{left:10%;right:10%}.side-table{transform:translateZ(160px) scale(.9)}.cup{display:none}.floor-lamp{transform:translateZ(40px) scale(.85)}.chair{left:18%;transform:translateZ(220px) scale(.82)}.plant-big{left:49%;transform:translateZ(90px) scale(.86)}.light-sculpture{left:68.5%;transform:translateZ(120px) scale(.9)}.console{left:67%;transform:translateZ(80px) scale(.84)}}
@media (max-width:640px){.nav{gap:10px}.nav a{font-size:11px}.cluster-left{left:16px}.cluster-right{right:16px}.cluster{bottom:48px;max-width:126px}.hero{padding-top:16vh}.floor-lamp{left:2%}.chair{left:8%;top:48%;transform:translateZ(150px) scale(.68)}.plant-big{left:48%;top:29%;transform:translateZ(60px) scale(.74)}.light-sculpture{left:66%;top:24%;transform:translateZ(70px) scale(.76)}.console{left:61%;top:53%;transform:translateZ(40px) scale(.68)}.side-table,.plant-small{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}