:root{--canvas-900: #2A2118;--canvas-800: #3A2E22;--canvas-700: #4A3B2C;--wood-300: #D9BE96;--wood-200: #EAD9BC;--cream-100: #F3EBDD;--hairline: rgba(217, 190, 150, .22);--hairline-bright: rgba(217, 190, 150, .45);--shadow-ink: rgba(12, 8, 4, .55);--font-display: "Cormorant Garamond", serif;--font-sans: "Sora", sans-serif;--radius-window: 22px;--ease-page: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--canvas-900);color:var(--cream-100);font-family:var(--font-sans);font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--wood-300);color:var(--canvas-900)}:focus-visible{outline:2px solid var(--wood-300);outline-offset:3px;border-radius:4px}.bg-canvas{position:fixed;inset:-12vh 0 auto 0;height:124vh;z-index:-2;background:url(../assets/CanvasM.jpg) center / cover no-repeat;pointer-events:none}.bg-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 34%,#140c071f 28%,#0a0603a8),linear-gradient(#1c130b6b,#1c130b75)}.label{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--wood-300)}h1 em,h2 em,.mixed em{font-family:var(--font-display);font-style:italic;font-weight:500;color:var(--wood-300);letter-spacing:0}.hr{border:0;border-top:1px solid var(--hairline)}.topbar{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(20px,3.4vw,44px) clamp(20px,4vw,56px);pointer-events:none}.topbar>*{pointer-events:auto}.logo{display:block;width:192px;height:192px;border-radius:50%;background:url(../assets/MnamestajLogoCircle.png) center / contain no-repeat;filter:drop-shadow(0 22px 46px var(--shadow-ink));will-change:transform}.topbar--compact .logo{width:122px;height:122px}.top-utils{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);padding-top:10px}.lang-toggle{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.3em}.lang-toggle button{color:#f3ebdd73;transition:color .4s;padding:4px 2px}.lang-toggle button.is-active{color:var(--wood-200)}.lang-toggle .sep{color:var(--hairline-bright)}.cart-link{font-size:11px;letter-spacing:.3em;color:var(--wood-200);padding:4px 2px;border-bottom:1px solid transparent;transition:border-color .4s}.cart-link:hover{border-color:var(--hairline-bright)}.cart-link .count{color:var(--wood-300);display:inline-block}.pill{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:16px 34px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;transition:transform .5s var(--ease-page),background-color .5s,color .5s,border-color .5s}.pill--solid{background:var(--wood-300);color:var(--canvas-900)}.pill--solid:hover{background:var(--wood-200);transform:translateY(-2px)}.pill--ghost{border:1px solid var(--hairline-bright);color:var(--wood-200)}.pill--ghost:hover{border-color:var(--wood-300);transform:translateY(-2px)}.wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--canvas-900);display:grid;place-items:center}.wipe-logo{width:158px;height:158px;border-radius:50%;background:url(../assets/MnamestajLogoCircle.png) center / contain no-repeat;filter:drop-shadow(0 22px 46px var(--shadow-ink))}.cursor{position:fixed;top:0;left:0;z-index:120;width:10px;height:10px;border-radius:50%;background:var(--wood-300);mix-blend-mode:difference;pointer-events:none;display:grid;place-items:center;transition:width .45s var(--ease-page),height .45s var(--ease-page)}.cursor .cursor-label{font-size:9px;letter-spacing:.3em;font-weight:600;color:var(--canvas-900);opacity:0;transition:opacity .3s}.cursor.is-open{width:72px;height:72px}.cursor.is-open .cursor-label{opacity:1}@media(pointer:coarse){.cursor{display:none}}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(250px,26vh,320px) clamp(20px,4vw,56px) 80px;position:relative}.hero-copy h1{font-weight:800;font-size:clamp(48px,8vw,124px);line-height:.98;letter-spacing:-.02em;color:var(--wood-200);text-transform:uppercase}.h1-line{overflow:hidden;display:block}.h1-line-inner{display:inline-block;will-change:transform}.h1-letters{white-space:nowrap}.h1-letters span{display:inline-block;will-change:transform}.hero-copy .h1-serif{display:block;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(40px,6vw,88px);letter-spacing:0;text-transform:none;color:var(--wood-300);margin-top:.08em}.hero-lede{max-width:44ch;margin-top:clamp(24px,3vw,40px);color:#f3ebddb8;font-size:15px}.window{position:relative;border:1px solid var(--hairline);border-radius:var(--radius-window);overflow:hidden;background:var(--canvas-800);box-shadow:0 30px 80px var(--shadow-ink)}.window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,rgba(20,13,7,.5) 0%,transparent 34%);pointer-events:none}.window:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:3;border:1px solid var(--hairline);border-radius:calc(var(--radius-window) - 8px);pointer-events:none;transition:border-color .6s}.window img{width:100%;height:100%;object-fit:cover;object-position:50% var(--posY, 55%);transform:scale(var(--zoom, 1));will-change:transform}.hero-window{aspect-ratio:4 / 3;justify-self:end;width:min(100%,560px)}.hero-scroll-hint{position:absolute;left:50%;bottom:30px;transform:translate(-50%);font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--wood-300);white-space:nowrap}.strip{position:relative;overflow:hidden}.strip-head{text-align:center;padding:40px 20px 0}.strip-track{display:flex;align-items:center;gap:clamp(48px,8vw,140px);padding:8vh 50vw;width:max-content;will-change:transform}.strip-item{font-weight:800;font-size:clamp(72px,15vw,210px);line-height:1.25;letter-spacing:.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px var(--hairline-bright);transition:color .6s,-webkit-text-stroke-color .6s}.strip-item.is-filled{color:var(--wood-200);-webkit-text-stroke-color:transparent}.shop-entry{position:relative;display:block;margin:clamp(40px,8vh,90px) clamp(20px,4vw,56px);border:1px solid var(--hairline);border-radius:var(--radius-window);overflow:hidden;min-height:clamp(280px,46vh,460px);box-shadow:0 30px 80px var(--shadow-ink)}.shop-entry-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shop-entry-media img{width:100%;height:100%;object-fit:cover;object-position:50% var(--posY, 60%);transform:scale(var(--zoom, 1.1));transition:transform 1.1s var(--ease-page)}.shop-entry:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(105deg,#140d07db,#140d078c 42%,#140d0726)}.shop-entry-copy{position:relative;z-index:2;display:grid;gap:16px;justify-items:start;align-content:center;height:100%;padding:clamp(34px,6vw,84px);max-width:640px}.shop-entry-copy h2{font-weight:700;font-size:clamp(34px,5vw,68px);line-height:1.04;color:var(--wood-200)}.shop-entry-cta{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--wood-300);padding-bottom:6px;border-bottom:1px solid var(--hairline-bright);transition:gap .4s,color .4s,border-color .4s}.shop-entry:hover .shop-entry-media img{transform:scale(calc(var(--zoom, 1.1) * 1.05))}.shop-entry:hover .shop-entry-cta{color:var(--wood-200);border-color:var(--wood-300)}.craft{max-width:720px;margin:0 auto;padding:clamp(90px,14vh,160px) 24px;text-align:center}.craft h2{font-weight:700;font-size:clamp(34px,4.6vw,60px);line-height:1.1;color:var(--wood-200);margin:22px 0 18px}.craft p{color:#f3ebddb8;font-size:15px;max-width:54ch;margin:0 auto}.site-foot{border-top:1px solid var(--hairline);text-align:center;padding:clamp(64px,10vh,110px) 24px clamp(48px,8vh,90px);display:grid;justify-items:center;gap:22px}.site-foot .coords{font-family:var(--font-display);font-size:20px;font-style:italic;color:#f3ebdd99;letter-spacing:.08em}.foot-links{display:flex;gap:40px;margin-top:14px}.foot-links a{font-size:11px;letter-spacing:.35em;color:#f3ebdd8c;padding-bottom:4px;border-bottom:1px solid transparent;transition:color .4s,border-color .4s}.foot-links a:hover{color:var(--wood-200);border-color:var(--hairline-bright)}.store-head{text-align:center;padding:clamp(180px,26vh,280px) 24px 30px}.store-head h1{font-weight:700;font-size:clamp(38px,6vw,84px);line-height:1.05;color:var(--wood-200);margin-top:24px}.filter-rail{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:clamp(18px,3vw,44px);padding:22px 16px;background:linear-gradient(rgba(42,33,24,.92),rgba(42,33,24,.78) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap}.filter-btn{font-size:11px;letter-spacing:.3em;color:#f3ebdd80;padding:6px 2px;border-bottom:1px solid transparent;transition:color .4s,border-color .4s;text-transform:uppercase}.filter-btn:hover{color:var(--wood-200)}.filter-btn.is-active{color:var(--wood-200);border-color:var(--wood-300)}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,48px);padding:clamp(30px,5vh,60px) clamp(20px,4vw,56px) 120px;max-width:1480px;margin:0 auto}.card{display:flex;flex-direction:column}.card:nth-child(7n+1){grid-column:1 / -1}.card .frame{aspect-ratio:3 / 2;cursor:pointer;transition:transform .7s var(--ease-page),box-shadow .7s var(--ease-page)}.card:nth-child(7n+1) .frame{aspect-ratio:21 / 9}.card .frame img.variant-peek{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity .8s ease}.card .frame:hover img.variant-base{transition:transform .8s cubic-bezier(.33,1,.68,1);transform:scale(calc(var(--zoom, 1) * 1.06))}.card .frame:hover{transform:translateY(-6px);box-shadow:0 44px 90px var(--shadow-ink)}.card .frame:hover:after{border-color:var(--hairline-bright)}.card .frame:hover img.variant-peek{opacity:1}.card-caption{padding:20px 6px 0;display:grid;gap:6px;justify-items:start}.card-caption .label{font-size:10px}.card-caption .name{font-weight:700;font-size:28px;letter-spacing:.02em;color:var(--wood-200);line-height:1.1}.price{font-family:var(--font-display);font-size:26px;font-weight:500;color:var(--wood-300);letter-spacing:.02em}.price s{opacity:.5;font-size:.78em;margin-right:10px}.card-caption .dims{font-size:12px;color:#f3ebdda8;letter-spacing:.06em}.product-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:clamp(16px,3vw,48px)}.product-overlay[hidden]{display:none}.po-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c150ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.po-panel{position:relative;width:min(1180px,100%);max-height:min(86vh,860px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,56px);background:var(--canvas-800);border:1px solid var(--hairline);border-radius:var(--radius-window);padding:clamp(20px,2.6vw,40px);box-shadow:0 60px 140px #080502b3;overflow-y:auto}.po-media{display:grid;gap:14px;align-content:start}.po-stage{position:relative;aspect-ratio:3 / 2}.po-stage .window{position:absolute;top:0;right:0;bottom:0;left:0}.po-3d{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-window);overflow:hidden;background:radial-gradient(120% 90% at 50% 18%,rgba(217,190,150,.1),transparent 60%),linear-gradient(180deg,#1c150e8c,#0c0906d9);border:1px solid var(--hairline);touch-action:pan-y}.sofa3d-canvas{width:100%;height:100%;display:block;cursor:grab}.sofa3d-canvas.is-grabbing{cursor:grabbing}.po-3d-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--wood-200);opacity:.7;pointer-events:none;white-space:nowrap}.po-3d-toggle{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wood-200);background:#120d089e;border:1px solid var(--hairline-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .4s,color .4s,background-color .4s}.po-3d-toggle:hover{border-color:var(--wood-300);color:var(--wood-300)}.po-3d-toggle[aria-pressed=true]{background:var(--wood-300);color:var(--canvas-900);border-color:var(--wood-300)}.po-3d-ico{font-size:14px;line-height:1}.po-thumbs{display:flex;gap:12px;flex-wrap:wrap}.po-thumb{position:relative;width:72px;height:88px;border-radius:12px;overflow:hidden;border:1px solid var(--hairline);opacity:.55;transition:opacity .4s,border-color .4s;padding:0}.po-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(42,33,24,.85) 0%,transparent 38%),linear-gradient(to bottom,rgba(42,33,24,.9) 0%,transparent 42%);pointer-events:none}.po-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% var(--posY, 55%);transform:scale(var(--zoom, 1))}.po-thumb.is-active,.po-thumb:hover{opacity:1;border-color:var(--hairline-bright)}.po-info{display:grid;gap:18px;align-content:center;padding:10px 4px}.po-info h2{font-weight:700;font-size:clamp(40px,4.4vw,64px);line-height:1;color:var(--wood-200);letter-spacing:.02em}.po-info .price{font-size:34px}.po-info .dims{font-size:13px;color:#f3ebdda8;letter-spacing:.06em}.po-colors13{font-family:var(--font-display);font-style:italic;font-size:19px;color:var(--wood-300)}.po-variant-name{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f3ebddb3}.po-variant-name b{color:var(--wood-200);font-weight:600}.qty-row{display:flex;align-items:center;gap:18px}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--hairline-bright);border-radius:999px}.qty-stepper button{width:44px;height:44px;font-size:18px;color:var(--wood-200);transition:color .3s}.qty-stepper button:hover{color:var(--wood-300)}.qty-stepper .qty-val{min-width:36px;text-align:center;font-weight:600;font-size:15px;color:var(--cream-100)}.po-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.po-close{position:absolute;top:18px;right:18px;z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid var(--hairline);color:var(--wood-200);font-size:16px;transition:border-color .4s,transform .4s;background:#2a211899}.po-close:hover{border-color:var(--wood-300);transform:rotate(90deg)}.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(430px,94vw);background:var(--canvas-800);border-left:1px solid var(--hairline);transform:translate(105%);display:flex;flex-direction:column;padding:34px 30px;box-shadow:-40px 0 100px #0805028c;will-change:transform}.cart-drawer .cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--hairline)}.cart-close{font-size:15px;color:var(--wood-200);padding:6px}.cart-items{flex:1;overflow-y:auto;padding:10px 0;display:grid;gap:0;align-content:start}.cart-empty-note{font-family:var(--font-display);font-style:italic;font-size:19px;color:#f3ebdd8c;padding:28px 0;text-align:center}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--hairline)}.ci-thumb{position:relative;width:64px;height:78px;border-radius:10px;border:1px solid var(--hairline);overflow:hidden}.ci-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(42,33,24,.85) 0%,transparent 38%),linear-gradient(to bottom,rgba(42,33,24,.9) 0%,transparent 42%);pointer-events:none}.ci-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% var(--posY, 55%);transform:scale(var(--zoom, 1))}.cart-item .ci-info{display:grid;gap:7px;justify-items:start}.cart-item .ci-name{font-weight:600;font-size:15px;color:var(--wood-200);letter-spacing:.04em}.cart-item .ci-meta{font-size:11.5px;color:#f3ebdd99;letter-spacing:.06em;text-transform:capitalize}.cart-item .ci-right{display:grid;gap:8px;justify-items:end;align-content:center}.cart-item .ci-price{font-family:var(--font-display);font-size:19px;color:var(--wood-300);white-space:nowrap}.ci-qty{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--hairline);border-radius:999px;padding:2px}.ci-qty button{width:26px;height:26px;border-radius:50%;font-size:15px;line-height:1;color:var(--wood-200);transition:background-color .3s,color .3s}.ci-qty button:hover{background:var(--canvas-700);color:var(--wood-300)}.ci-qty .ci-qty-val{min-width:22px;text-align:center;font-size:13px;font-weight:600;color:var(--cream-100)}.ci-remove{font-size:10px;letter-spacing:.2em;color:#f3ebdd73;text-transform:uppercase;margin-top:6px;border-bottom:1px solid transparent}.ci-remove:hover{color:var(--wood-200);border-color:var(--hairline-bright)}.cart-foot{border-top:1px solid var(--hairline);padding-top:22px;display:grid;gap:18px}.cart-total-row{display:flex;justify-content:space-between;align-items:baseline}.cart-total-row .price{font-size:30px}.cart-foot .pill--solid{justify-content:center}.pay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:clamp(16px,3vw,40px)}.pay-overlay[hidden]{display:none}.pay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#140d07d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pay-panel{position:relative;width:min(460px,100%);max-height:90vh;overflow-y:auto;background:var(--canvas-800);border:1px solid var(--hairline);border-radius:var(--radius-window);padding:clamp(26px,4vw,40px);box-shadow:0 60px 140px #080502b3}.pay-body{display:grid;gap:16px}.pay-body[hidden]{display:none}.pay-summary{display:grid;gap:8px;padding:6px 0 2px}.pay-line{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#f3ebddbd;letter-spacing:.04em}.pay-line b{color:var(--wood-200);font-weight:600}.pay-total-row{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.pay-total-row .price{font-size:26px}.pay-wallets{display:grid;gap:12px;margin-top:4px}.pay-wallet{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:.01em;transition:transform .4s var(--ease-page),opacity .4s,filter .4s}.pay-wallet:hover{transform:translateY(-2px)}.pay-wallet svg{display:block}.pay-apple{background:#000;color:#fff}.pay-google{background:#fff;color:#3c4043}.pay-wallet[disabled]{opacity:.6;pointer-events:none}.pay-divider{display:flex;align-items:center;gap:14px;margin:4px 0;color:#f3ebdd73;font-size:10px;letter-spacing:.28em;text-transform:uppercase}.pay-divider:before,.pay-divider:after{content:"";flex:1;height:1px;background:var(--hairline)}.pay-card{display:grid;gap:12px}.pay-field{display:grid;gap:6px}.pay-field label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#f3ebdd99}.pay-card input,.pay-fields input,.pay-fields textarea{width:100%;height:50px;padding:0 16px;background:#140d0766;border:1px solid var(--hairline);border-radius:12px;color:var(--cream-100);font-family:var(--font-sans);font-size:15px;letter-spacing:.04em;transition:border-color .3s}.pay-fields textarea{height:auto;min-height:60px;padding:12px 16px;resize:vertical;line-height:1.5}.pay-card input::placeholder,.pay-fields input::placeholder,.pay-fields textarea::placeholder{color:#f3ebdd57}.pay-card input:focus,.pay-fields input:focus,.pay-fields textarea:focus{outline:none;border-color:var(--wood-300)}.pay-card input.is-invalid,.pay-fields input.is-invalid,.pay-fields textarea.is-invalid{border-color:#c2683e}.pay-fields{display:grid;gap:12px}.pay-fields .label{margin-bottom:2px}.pay-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-card-head{display:flex;justify-content:space-between;align-items:center}.pay-brands{display:flex;gap:6px;align-items:center;opacity:.8}.pay-brands svg{height:20px;width:auto}.pay-submit{width:100%;justify-content:center;height:54px;margin-top:4px}.pay-wa-alt{display:block;width:100%;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f3ebdd8c;padding:8px;transition:color .3s}.pay-wa-alt:hover{color:var(--wood-200)}.pay-secure{text-align:center;font-size:10px;letter-spacing:.16em;color:#f3ebdd66}.pay-success{display:grid;gap:16px;justify-items:center;text-align:center;padding:18px 0}.pay-success[hidden]{display:none}.pay-check{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--canvas-900);background:var(--wood-300);box-shadow:0 0 0 8px #d9be961f}.pay-success h3{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:38px;color:var(--wood-200)}.pay-success p{color:#f3ebddb3;font-size:14px;max-width:32ch}.pay-success .pill{margin-top:4px}.pay-processing{position:relative;pointer-events:none;opacity:.7}.mod-page{height:320vh;position:relative}.mod-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.mod-stage canvas{display:block}.mod-head{position:fixed;top:clamp(170px,24vh,240px);right:clamp(20px,5vw,80px);text-align:right;z-index:10;max-width:420px;pointer-events:none}.mod-head h1{font-weight:700;font-size:clamp(34px,4.6vw,62px);line-height:1.05;color:var(--wood-200);margin:18px 0 10px}.mod-head p{font-family:var(--font-display);font-style:italic;font-size:18px;color:#f3ebdda6}.mod-panel{position:fixed;left:clamp(16px,3vw,48px);bottom:clamp(16px,4vh,44px);z-index:10;width:min(330px,calc(100vw - 32px));border:1px solid var(--hairline);border-radius:var(--radius-window);background:#3a2e22e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:26px 24px;box-shadow:0 30px 80px var(--shadow-ink)}.mod-panel:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--hairline);border-radius:calc(var(--radius-window) - 8px);pointer-events:none}.mod-panel>*{position:relative;z-index:1}.mod-group{padding:14px 0;border-bottom:1px solid var(--hairline);display:grid;gap:12px}.mod-group:last-child{border-bottom:0;padding-bottom:4px}.shape-row{display:flex;gap:16px;flex-wrap:wrap}.shape-btn{font-size:11px;letter-spacing:.22em;color:#f3ebdd80;padding:4px 0;border-bottom:1px solid transparent;transition:color .4s,border-color .4s;text-transform:uppercase}.shape-btn:hover{color:var(--wood-200)}.shape-btn.is-active{color:var(--wood-200);border-color:var(--wood-300)}.swatch-row{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(217,190,150,.3);transition:transform .3s,box-shadow .3s;padding:0}.swatch:hover{transform:scale(1.18)}.swatch.is-active{box-shadow:0 0 0 2px var(--canvas-900),0 0 0 3.5px var(--wood-300)}.slider-row{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:12px}.slider-row .s-label{font-size:9.5px;letter-spacing:.22em;color:#f3ebdd8c}.slider-row .s-val{font-size:11px;color:var(--wood-300);text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--hairline-bright)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--wood-300);margin-top:-6px;transition:transform .3s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range]::-moz-range-track{height:1px;background:var(--hairline-bright)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--wood-300)}.mod-hint{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:10;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#d9be9699;white-space:nowrap;pointer-events:none}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:250px}.hero-window{justify-self:start;width:min(100%,420px)}.po-panel{grid-template-columns:1fr;max-height:88vh}.po-stage{max-height:46vh}.store-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.logo{width:120px;height:120px;border-radius:22px}.topbar--compact .logo{width:92px;height:92px;border-radius:18px}.store-grid{grid-template-columns:1fr}.card:nth-child(7n+1) .frame{aspect-ratio:3 / 2}.hero{padding-top:170px}.foot-links{gap:22px;flex-wrap:wrap;justify-content:center}.mod-head{top:150px}.mod-panel{left:16px;right:16px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor{display:none}}
