@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f6f2;--ink:#252d24;--orange:#d64c2d;--line:#dddfd5;--muted:#74796e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select,input{outline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;width:100%;object-fit:cover}[hidden]{display:none!important}.announcement{background:var(--ink);color:#fff;text-align:center;padding:11px;font-size:11px;letter-spacing:.04em}.announcement span{margin-left:35px;color:#d4dabf}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;border-bottom:1px solid var(--line);gap:20px}.logo{font:bold 42px 'Manrope',sans-serif;letter-spacing:-3px;line-height:1}.logo span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:4px}nav{display:flex;gap:35px}.nav{font-size:13px;padding:8px 0;color:var(--muted)}.nav.active{color:var(--ink);border-bottom:1px solid}.nav span{margin-left:8px}.bag{border:1px solid var(--line);border-radius:30px;padding:10px 16px}.bag span{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;width:22px;height:22px;border-radius:50%;margin-left:15px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;margin:30px 3% 0;background:#eeeee5}.hero-copy{padding:60px 8% 30px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700}.hero h1,.studio-head h1{font:500 clamp(56px,6.2vw,90px)/1.02 'Manrope',sans-serif;letter-spacing:-5px;margin:26px 0}em{font-family:Georgia,serif;font-weight:400}.hero-copy p{color:#6b7165;line-height:1.8;font-size:15px;margin:25px 0 30px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 23px;background:var(--orange);color:white;border-radius:3px;font-weight:500;font-size:13px}.hero-note{display:flex;align-items:center;gap:10px;color:#7c8273;font-size:10px;margin-top:45px}.star{font-size:30px;color:var(--ink)}.hero-image{position:relative;overflow:hidden;min-height:500px}.hero-image>img{height:100%;position:absolute;inset:0}.image-label{position:absolute;top:24px;left:25px;right:25px;font-size:9px;letter-spacing:.15em;background:#f7f6f2dc;padding:12px 15px}.image-label span{float:right}.floating-note{position:absolute;right:25px;bottom:30px;transform:rotate(-5deg);background:#e7edc7;padding:25px;font:italic 25px Georgia;box-shadow:0 8px 15px #0001}.benefits{margin:0 5%;padding:27px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.benefits span{font-size:22px;display:flex;align-items:center;gap:13px}.benefits b{font-weight:400;font-size:11px}.collection{padding:65px 5%}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top h2,.control-panel h2{font:500 37px 'Manrope';letter-spacing:-1.5px;margin:12px 0 30px}.section-top p{color:var(--muted);line-height:1.7;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:4px 0 30px;gap:20px}.categories{display:flex;gap:7px;flex-wrap:wrap}.categories button{padding:10px 17px;border:1px solid var(--line);border-radius:25px;font-size:11px}.categories .selected{background:var(--ink);color:white;border-color:var(--ink)}.search-sort{display:flex;gap:10px}input:not([type=range]),select{background:transparent;border:1px solid var(--line);padding:10px;border-radius:3px;color:var(--ink);font-size:11px}#search{width:140px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 22px}.product{min-width:0}.product-image{position:relative;background:#e8e9e1;aspect-ratio:1/1.14;overflow:hidden;border-radius:3px;cursor:pointer}.product-image img{height:100%;transition:transform .5s}.product-image:hover img{transform:scale(1.05)}.product-tag{position:absolute;top:13px;left:13px;background:#f7f6f2ed;border-radius:2px;padding:6px 9px;font-size:9px}.add{position:absolute;bottom:14px;right:14px;width:35px;height:35px;background:var(--paper);border-radius:50%;font-size:22px}.add:hover{background:var(--ink);color:white}.product-meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px;align-items:start}.product-name{text-align:left;padding:0;font-weight:500;font-size:13px}.price{white-space:nowrap;font-size:12px}.product-category{color:var(--muted);font-size:10px;margin-top:7px}.demo-note{font-size:9px;color:var(--muted);line-height:1.7;margin:30px 0 0}.editorial{margin:0 3% 35px;background:#e7ebdc;position:relative;padding:50px 6%;overflow:hidden}.editorial h2{font:400 48px/1.15 Manrope;letter-spacing:-2px;margin:18px 0}.editorial p{font-size:12px;line-height:1.8;color:#6b7165}.editorial a{display:inline-block;font-size:12px;border-bottom:1px solid;padding-bottom:5px;margin-top:15px}.editorial-mark{position:absolute;right:8%;top:35px;font-size:260px;line-height:1;color:#bac5a6}footer{padding:30px 5%;display:flex;align-items:center;border-top:1px solid var(--line);gap:30px}footer .logo{font-size:32px}footer p{font-size:12px}footer>span{margin-left:auto;font-size:10px;color:var(--muted)}dialog{color:var(--ink);background:var(--paper);border:0;border-radius:6px;padding:25px;width:560px;max-width:95vw;max-height:90vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#1f2a235e;backdrop-filter:blur(3px)}#drawer{position:fixed;margin:0 0 0 auto;top:0;right:0;height:100dvh;max-height:100dvh;border-radius:0;width:480px}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.dialog-head h2{font:500 24px Manrope;letter-spacing:-1px;margin:0}.dialog-head button{font-size:20px}.cart-line{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-line img{width:75px;height:90px}.cart-line .info{flex:1}.cart-line h4{margin:0 0 8px;font-size:13px}.quantity{display:flex;align-items:center;gap:15px;margin-top:10px}.quantity button{border:1px solid var(--line);width:24px;height:24px}.remove{font-size:10px;color:var(--muted);text-decoration:underline}.totals{display:flex;justify-content:space-between;font-size:18px;padding:25px 0}.full{width:100%;justify-content:center}.muted{font-size:11px;line-height:1.8;color:var(--muted)}.empty{padding:40px 0;line-height:1.8;color:var(--muted)}.checkout-box{padding:20px;background:#eaecdf;border-radius:4px;margin-bottom:20px}.checkout-box h3{margin-top:0}.breakdown{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.success-icon{font-size:45px;color:#5b7149}.studio-head{padding:55px 5% 30px;display:flex;justify-content:space-between;align-items:center}.studio-head h1{font-size:58px;letter-spacing:-3px}.studio-head p{color:var(--muted);font-size:13px}.demo-badge{padding:20px;border:1px solid #bdc7ab;background:#e9eddf;color:#4c6642;font-size:10px;letter-spacing:.08em;line-height:2}.demo-badge small{letter-spacing:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 5%;border:1px solid var(--line)}.stat{padding:23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat small{color:var(--muted);font-size:10px}.stat strong{display:block;font:500 30px Manrope;margin-top:10px}.control-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin:30px 5%;padding:30px;background:#e9eddf}.control-panel h2{font-size:25px;margin:10px 0}.control-panel p{font-size:11px;color:var(--muted)}.control-panel label{display:flex;justify-content:space-between;font-size:12px}.control-panel input{width:100%;accent-color:var(--orange);margin:20px 0}.control-panel small{font-size:10px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;margin:0 5%}.panel{border:1px solid var(--line);padding:25px;min-width:0}.panel h3{font:500 20px Manrope;letter-spacing:-.6px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading select{max-width:170px}.quote{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.quote small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.quote .winner{color:#4a7042}.steps{list-style:none;counter-reset:steps;padding:0}.steps li{counter-increment:steps;position:relative;padding:12px 0 12px 35px}.steps li:before{content:counter(steps);position:absolute;left:0;top:12px;background:#e7ebdc;border-radius:50%;width:23px;height:23px;text-align:center;padding-top:5px;font-size:10px}.steps b{font-size:12px;font-weight:500}.steps span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.order-panel{margin:25px 5% 55px}.text-button{text-decoration:underline;color:var(--muted);font-size:10px}.order-row{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;align-items:center;gap:15px;font-size:11px}.order-row small{display:block;color:var(--muted);margin-top:5px}.status{background:#e7ebdc;color:#4c6642;border-radius:3px;padding:7px 9px;font-size:10px}.detail-image{height:300px;object-fit:cover;border-radius:3px}#detail h2{font:500 28px Manrope}#detail p{line-height:1.8;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:14px 25px;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){.products{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:62px}.hero-copy{padding:55px 8% 25px}.hero{min-height:530px}.toolbar{align-items:start;flex-direction:column}.benefits span:last-child{display:none}.studio-grid{grid-template-columns:1fr}.editorial-mark{right:5%;font-size:210px;top:70px}}@media(max-width:650px){header{padding:18px 5%;gap:10px}.logo{font-size:33px}nav{gap:15px}.nav{font-size:10px}.nav span{display:none}.bag{font-size:11px;padding:7px 10px}.bag span{margin-left:5px}.announcement{font-size:9px}.announcement span{display:none}.hero{grid-template-columns:1fr;margin:15px 4% 0}.hero-copy{padding:35px 7%}.hero h1{font-size:64px}.hero-image{min-height:310px}.hero-note{margin-top:25px}.benefits{padding:20px 0}.benefits span{font-size:18px;gap:6px}.benefits b{font-size:9px}.benefits span:nth-child(3){display:none}.section-top h2{font-size:29px}.section-top p{display:none}.collection{padding:40px 5%}.products{grid-template-columns:repeat(2,1fr);gap:25px 14px}.categories{gap:5px}.categories button{padding:8px 10px;font-size:10px}.search-sort{width:100%}#search{flex:1}.product-name{font-size:11px}.price{font-size:10px}.product-meta{gap:5px}.product-tag{font-size:8px;left:8px;top:8px}.editorial{padding:35px 7%}.editorial h2{font-size:35px}.editorial-mark{opacity:.25;font-size:160px;right:-35px;top:60px}.editorial p,.editorial a{position:relative}.studio-head{display:block;padding-top:30px}.studio-head h1{font-size:44px}.demo-badge{margin:20px 0}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:18px;border-bottom:1px solid var(--line)}.stat strong{font-size:25px}.control-panel{grid-template-columns:1fr;gap:20px;padding:20px}.panel{padding:18px}.panel-heading{align-items:start}.panel h3{font-size:17px}.order-row{grid-template-columns:1fr 1fr}.order-row>div:nth-child(2){grid-column:2;grid-row:1}.order-row>div:last-child{grid-column:2}.panel-heading select{max-width:140px}.editorial-mark{pointer-events:none}footer{gap:20px;flex-wrap:wrap}footer>span{margin-left:0;width:100%}}