@import "https://fonts.bunny.net/css2?family=Inter:wght@400;500;600;700&display=swap";
.shop-demo{--bg:#fff;--bg-soft:#f5f4f0;--bg-warm:#ebe7df;--ink:#111;--ink-soft:#6a6a68;--ink-faint:#9a9a98;--accent:#b73a2c;--rule:#1111111a;--ease:cubic-bezier(.2, .7, .1, 1);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.shop-demo .container{max-width:1440px;margin-inline:auto;padding-inline:1rem}@media (min-width:768px){.shop-demo .container{padding-inline:1.5rem}}.shop-demo .small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem;font-weight:500}.shop-demo .display{letter-spacing:-.035em;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:400;line-height:1.05}.shop-demo .h2{letter-spacing:-.025em;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;line-height:1.1}.shop-demo .body{color:var(--ink-soft);font-size:1.02rem;line-height:1.55}.shop-demo .top{z-index:40;background:var(--bg);border-bottom:1px solid var(--rule);position:sticky;top:0}.shop-demo .top-inner{justify-content:space-between;align-items:center;max-width:1440px;height:64px;margin-inline:auto;padding-inline:1rem;display:flex}@media (min-width:768px){.shop-demo .top-inner{padding-inline:1.5rem}}.shop-demo .top .logo{letter-spacing:-.03em;color:var(--ink);font-size:1.6rem;font-weight:700}.shop-demo .top nav{gap:1.6rem;display:none}@media (min-width:1000px){.shop-demo .top nav{display:flex}}.shop-demo .top nav a{color:var(--ink);letter-spacing:0;font-size:.92rem;font-weight:500}.shop-demo .top nav a:hover{color:var(--accent)}.shop-demo .top-actions{align-items:center;gap:1.2rem;font-size:.92rem;font-weight:500;display:flex}.shop-demo .hero{aspect-ratio:1390/800;background:linear-gradient(#0000 30%,#00000073 100%),radial-gradient(60% 80% at 60% 60%,#c4ad8a 0%,#8a6f4a 50%,#3a2a18 100%);width:100%;position:relative;overflow:hidden}.shop-demo .hero-content{color:#fff;align-items:end;padding:2rem;display:flex;position:absolute;inset:0}@media (min-width:768px){.shop-demo .hero-content{padding:4rem}}.shop-demo .feat-tall{aspect-ratio:910/1100;cursor:pointer;position:relative;overflow:hidden}.shop-demo .feat-wide{aspect-ratio:1390/800;cursor:pointer;position:relative;overflow:hidden}.shop-demo .feat-tall:before,.shop-demo .feat-wide:before{content:"";transition:transform .7s var(--ease);position:absolute;inset:0}.shop-demo .feat-tall:hover:before,.shop-demo .feat-wide:hover:before{transform:scale(1.04)}.shop-demo .scene-living:before{background:radial-gradient(70% 80% at 50% 70%,#c4b29a 0%,#8d7a60 60%,#4a3d2a 100%)}.shop-demo .scene-dining:before{background:radial-gradient(60% 80% at 40%,#d4ad7a 0%,#8a5e36 50%,#3a2618 100%)}.shop-demo .scene-bed:before{background:radial-gradient(80% 80% at 50% 30%,#e0d8c8 0%,#a8a08a 50%,#5a5246 100%)}.shop-demo .scene-outdoor:before{background:linear-gradient(#95a18a 0%,#4a5e48 100%)}.shop-demo .scene-kitchen:before{background:radial-gradient(70% 70% at 40% 60%,#e0d2b4 0%,#b09478 50%,#5a4828 100%)}.shop-demo .feat-label{color:#fff;justify-content:space-between;align-items:end;font-size:.92rem;font-weight:500;display:flex;position:absolute;inset:auto 1.5rem 1.5rem}.shop-demo .feat-label h3{letter-spacing:-.025em;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:500;line-height:1.05}.shop-demo .product{cursor:pointer;display:block}.shop-demo .product .image{aspect-ratio:4/5;background:var(--bg-soft);transition:background .3s var(--ease);position:relative;overflow:hidden}.shop-demo .product:hover .image{background:var(--bg-warm)}.shop-demo .product .image:before{content:"";position:absolute;inset:15%}.shop-demo .product.chair .image:before{clip-path:polygon(20% 0,80% 0,95% 60%,90% 100%,10% 100%,5% 60%);background:linear-gradient(#0000000f 0%,#00000029 100%),radial-gradient(60% 80% at 50% 40%,#8c5a3a 0%,#5a3820 60%,#2a1810 100%)}.shop-demo .product.table .image:before{clip-path:polygon(0 30%,100% 30%,100% 38%,92% 38%,92% 100%,88% 100%,88% 38%,12% 38%,12% 100%,8% 100%,8% 38%,0 38%);background:linear-gradient(#c79766 0%,#8a5e36 100%);inset:35% 8% 15%}.shop-demo .product.sofa .image:before{background:linear-gradient(#d4cab9 0%,#a89b85 100%);border-radius:18px;inset:30% 12%}.shop-demo .product.lamp .image:before{clip-path:polygon(35% 0,65% 0,75% 30%,60% 30%,58% 100%,42% 100%,40% 30%,25% 30%);background:radial-gradient(80% 100% at 50% 30%,#f0d090 0%,#b8884a 60%,#6a4828 100%)}.shop-demo .product.shelf .image:before{background:repeating-linear-gradient(0deg,#8a5e36 0 7%,#6a4524 7% 8%,#8a5e36 8% 30%,#6a4524 30% 31%,#8a5e36 31% 53%,#6a4524 53% 54%,#8a5e36 54% 76%,#6a4524 76% 77%,#8a5e36 77% 100%);inset:8% 22%}.shop-demo .product.bench .image:before{clip-path:polygon(0 0,100% 0,100% 30%,96% 30%,96% 100%,90% 100%,90% 30%,10% 30%,10% 100%,4% 100%,4% 30%,0 30%);background:linear-gradient(#2a2a2a 0%,#0a0a0a 100%);inset:45% 8%}.shop-demo .product .info{gap:.2rem;padding-top:1rem;display:grid}.shop-demo .product .name{color:var(--ink);font-size:.98rem;font-weight:500}.shop-demo .product .designer{color:var(--ink-soft);font-size:.88rem}.shop-demo .product .price{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:.4rem;font-size:.95rem}.shop-demo .story{background:var(--bg-soft);padding:5rem 2rem}@media (min-width:768px){.shop-demo .story{padding:7rem 4rem}}.shop-demo .btn-fill{background:var(--ink);color:#fff;transition:background .25s var(--ease);align-items:center;gap:.4rem;padding:.95rem 1.6rem;font-size:.95rem;font-weight:500;display:inline-flex}.shop-demo .btn-fill:hover{background:var(--accent)}.shop-demo .text-link{color:var(--ink);border-bottom:1px solid var(--ink);transition:gap .3s var(--ease);align-items:center;gap:.4rem;padding-bottom:.15rem;font-size:.92rem;font-weight:500;display:inline-flex}.shop-demo .text-link:hover{gap:.6rem}@keyframes shop-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shop-demo .fade{animation:shop-fade .9s var(--ease) both}.shop-demo .d1{animation-delay:80ms}.shop-demo .d2{animation-delay:.16s}.shop-demo .foot{background:var(--bg-soft);color:var(--ink-soft);border-top:1px solid var(--rule)}.shop-demo .foot a{color:var(--ink-soft)}.shop-demo .foot a:hover{color:var(--ink)}.shop-demo .foot h4{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;font-weight:700}