*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f2;color:#181818;font-family:Inter,sans-serif}.topbar{background:#171717;color:#fff;text-align:center;font-size:9px;letter-spacing:1.5px;padding:9px}.topbar span{margin-left:30px;color:#bbb}header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e3dd;background:#f7f6f2;position:sticky;top:0;z-index:20}.logo{font-size:25px;font-weight:800;letter-spacing:-1.5px}.logo b{font-family:"Playfair Display"}nav{display:flex;gap:28px;font-size:12px;font-weight:600}nav a:hover{opacity:.55}.head-actions{display:flex;gap:6px}.head-actions button{border:0;background:none;cursor:pointer;padding:9px;font-size:19px;position:relative}.head-actions i{font-style:normal;position:absolute;top:0;right:0;background:#171717;color:white;font-size:8px;min-width:15px;height:15px;border-radius:50%;display:grid;place-items:center}.hamb{display:none}.hero{min-height:650px;padding:70px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(110deg,#f7f6f2 52%,#e9e6df 52%)}.hero-text>small,.section small,.promo small,.about small{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#888}.hero h1{font-size:clamp(55px,7vw,90px);line-height:.94;letter-spacing:-6px;margin:18px 0}.hero h1 em{font-family:"Playfair Display";font-weight:600}.hero p{max-width:480px;color:#666;line-height:1.8;font-size:14px}.hero-text .btn{margin:25px 8px 0 0}.btn{border:1px solid #181818;padding:14px 21px;font-size:11px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center}.btn.dark{background:#181818;color:#fff}.btn.light{background:transparent;color:#181818}.mini-stats{display:flex;gap:30px;margin-top:42px;color:#888;font-size:9px}.mini-stats span{display:flex;flex-direction:column;gap:4px}.mini-stats b{font-size:16px;color:#181818}.hero-art{height:500px;display:grid;place-items:center;position:relative}.orb{position:absolute;width:360px;height:360px;background:#d9d4ca;border-radius:50%;filter:blur(18px)}.hero-art img{width:85%;height:420px;object-fit:cover;border-radius:240px 240px 25px 25px;transform:rotate(-8deg);box-shadow:25px 35px 70px #0002}.section{padding:90px 7%}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.heading h2,.benefits h2,.about h2{font-size:40px;letter-spacing:-2px;margin:10px 0 0}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cats button{border:0;text-align:left;height:210px;padding:25px;background:#e7e3db;cursor:pointer;display:flex;flex-direction:column;transition:.25s}.cats button:nth-child(2){background:#dde4e6}.cats button:nth-child(3){background:#e8ddd0}.cats button:nth-child(4){background:#222;color:#fff}.cats button:hover{transform:translateY(-5px)}.cats b{font-size:22px}.cats span{font-size:10px;color:#777;margin-top:7px}.cats button:nth-child(4) span{color:#aaa}.cats button::after{content:"→";font-size:25px;margin-top:auto}.tools{display:flex;gap:8px}.tools select,.tools button{padding:10px 13px;background:#fff;border:1px solid #ddd;font-size:11px;cursor:pointer}.shop-layout{display:grid;grid-template-columns:200px 1fr;gap:35px}#filterSide{padding:22px;background:#fff;height:max-content}#filterSide h3{margin-top:0}#filterSide label{display:block;font-size:10px;font-weight:700;margin:22px 0 8px}#filterSide select,#filterSide input{width:100%}.sizes{display:flex;flex-wrap:wrap;gap:5px}.sizes button{background:#fff;border:1px solid #ddd;width:39px;height:32px;font-size:10px;cursor:pointer}.sizes button.active{background:#181818;color:#fff}.clear{border:0;background:none;margin-top:20px;font-size:10px;text-decoration:underline;cursor:pointer}.result-line{display:flex;justify-content:space-between;font-size:10px;color:#888;margin-bottom:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;overflow:hidden}.photo{height:250px;background:#efede8;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:10px;left:10px;background:#181818;color:#fff;font-size:8px;padding:6px 8px}.heart{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;cursor:pointer}.heart.active{color:#b11}.info{padding:16px}.info h3{margin:0 0 5px;font-size:14px}.info p{font-size:10px;color:#888;margin:0 0 10px}.price{font-weight:800;font-size:13px}.actions2{display:flex;gap:6px;margin-top:13px}.actions2 button{flex:1;padding:10px;border:1px solid #181818;background:#181818;color:#fff;font-size:9px;font-weight:700;cursor:pointer}.actions2 button:first-child{background:#fff;color:#181818}.promo{margin:0 7% 80px;padding:65px 7%;background:#dbe1e2;display:flex;justify-content:space-between;align-items:center}.promo h2{font-size:42px;letter-spacing:-2px;margin:12px 0}.promo p,.about p{color:#666;font-size:13px;line-height:1.8}.promo>strong{font-size:100px;line-height:.72;opacity:.1;letter-spacing:-9px}.benefits{display:grid;grid-template-columns:1fr 2fr;gap:60px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefit-grid article{border-top:1px solid #bbb;padding-top:15px;font-size:10px;color:#888}.benefit-grid h3{font-size:15px;color:#181818}.benefit-grid p{line-height:1.7}.about{padding:20px 7% 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{max-width:520px}footer{background:#181818;color:#fff;padding:60px 7% 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:35px}footer p,footer a{color:#999;font-size:10px;line-height:1.8}footer a{display:block;margin:7px 0}footer h4{font-size:10px}.newsletter{display:flex;border-bottom:1px solid #555}.newsletter input{background:none;border:0;outline:0;color:#fff;padding:10px 0;width:100%;font-size:10px}.newsletter button{border:0;background:none;color:#fff}.copy{grid-column:1/-1;border-top:1px solid #333;padding-top:20px;color:#666}.overlay{display:none;position:fixed;inset:0;background:#0009;z-index:60}.overlay.open{display:flex;justify-content:flex-end}.drawer,.modal,.searchbox{background:#fff;height:100%;width:min(460px,100%);padding:32px;overflow:auto;position:relative}.searchbox{width:100%;height:100%;padding:12vh 12%}.searchbox input{width:100%;font-size:38px;border:0;border-bottom:2px solid #181818;outline:0;padding:15px 0;background:none}.x{position:absolute;right:25px;top:20px;background:none;border:0;font-size:30px;cursor:pointer}.cart-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eee}.cart-row img{width:65px;height:65px;object-fit:cover}.cart-row main{flex:1}.cart-row small{display:block;color:#888;margin-top:5px}.summary{margin-top:25px;border-top:1px solid #ddd;padding-top:20px;display:grid;gap:10px}.summary small{color:#888}.full{width:100%;margin-top:10px}.modal{height:auto;margin:auto;max-width:430px}.modal input{display:block;width:100%;padding:13px;margin:10px 0;border:1px solid #ddd}.detail img{width:100%;height:300px;object-fit:cover}.detail h2{font-size:30px}.search-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#181818;color:#fff;padding:13px 20px;font-size:11px;opacity:0;z-index:100;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){nav{display:none}.hamb{display:block}.hero{grid-template-columns:1fr}.hero-art{height:400px}.cats{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:1fr}.benefits,.about{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.topbar span{display:none}.hero{padding:50px 5%}.hero h1{font-size:55px}.section{padding:60px 5%}.cats,.products,.benefit-grid{grid-template-columns:1fr}.promo{margin:0 5% 60px;padding:45px 25px}.promo>strong{display:none}.about{padding:10px 5% 60px}footer{padding:50px 5%;grid-template-columns:1fr 1fr}.heading h2{font-size:30px}.tools select{display:none}}