*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#121212;background:#fff}.topbar{height:34px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1.8px}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}.brand{font-weight:800;letter-spacing:5px;font-size:22px}nav{display:flex;gap:34px}nav a,footer a{text-decoration:none;color:#222;font-size:13px}.actions{display:flex;gap:10px}.actions button,.filter{border:0;background:transparent;cursor:pointer;font:inherit}.actions button:last-child{border:1px solid #ddd;border-radius:30px;padding:10px 16px}.hero{min-height:610px;background:#f6f2ef;display:grid;grid-template-columns:1fr 1fr;padding:70px 7%;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;margin:0 0 18px}.hero h1{font:700 clamp(52px,7vw,92px)/.95 "Playfair Display",serif;margin:0}.hero h1 em{color:#a30d27;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:420px;color:#666;line-height:1.7;margin:24px 0 30px}.cta,.outline{display:inline-flex;gap:35px;align-items:center;background:#a30d27;color:#fff;padding:16px 23px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px}.hero-art{position:relative;min-height:470px}.model-card{position:absolute;right:9%;top:8%;width:62%;height:86%;background:linear-gradient(145deg,#b20e2c,#530817);box-shadow:0 30px 60px #4b061433;display:flex;align-items:flex-end;justify-content:center;color:#fff;font-size:14px;letter-spacing:5px;padding-bottom:28px}.model-card:before{content:"";position:absolute;width:45%;height:63%;left:28%;top:12%;background:linear-gradient(#d9c2b4 0 19%,#111 20% 67%,#e7d9ce 68%);border-radius:45% 45% 8% 8%;opacity:.9}.shape{position:absolute;border-radius:50%;filter:blur(1px)}.s1{width:180px;height:180px;background:#fff3;right:0;bottom:0}.s2{width:110px;height:110px;background:#a30d27;left:4%;top:2%}.collections{display:grid;grid-template-columns:repeat(3,1fr);padding:65px 7%;gap:1px;background:#ddd}.collections>div{background:#fff;padding:35px}.collections span{color:#a30d27;font-size:11px}.collections h3{font:700 34px "Playfair Display",serif;margin:45px 0 8px}.collections p{color:#777;font-size:12px}.shop{padding:90px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head h2,.banner h2{font:700 48px/1.05 "Playfair Display",serif;margin:0}.filter{border-bottom:1px solid #111;padding:10px 0;font-size:11px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{cursor:pointer}.pic{height:390px;background:#f1f1f1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.pic.red{background:#a50e2a}.pic:after{content:"";width:42%;height:64%;background:linear-gradient(#c9b7ae 0 18%,#111 19% 68%,#d9d1c8 69%);border-radius:45% 45% 5% 5%;display:block;opacity:.95}.tag{position:absolute;top:12px;left:12px;background:#fff;padding:6px 9px;font-size:9px;z-index:2}.product h3{font-size:12px;font-weight:500;margin:14px 0 7px}.price{font-size:12px;color:#777}.price b{color:#111;margin-right:7px}.product button{width:100%;margin-top:12px;padding:11px;border:1px solid #111;background:#fff;cursor:pointer;font-size:10px;font-weight:700}.product button:hover{background:#111;color:#fff}.banner{margin:20px 6% 90px;padding:75px 8%;background:#111;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:30px}.banner .eyebrow{color:#bbb}.banner h2{font-size:52px}.banner p:last-child{color:#aaa;max-width:560px;line-height:1.7}.outline{background:transparent;border:1px solid #fff;white-space:nowrap}footer{border-top:1px solid #eee;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#777}footer div:last-child{display:flex;gap:18px}.overlay{display:none;position:fixed;inset:0;background:#0008;z-index:19}.overlay.on{display:block}.cart{position:fixed;z-index:20;right:-430px;top:0;width:min(430px,100%);height:100%;background:#fff;transition:.3s;display:flex;flex-direction:column}.cart.open{right:0}.cart-head{padding:25px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.cart-head h2{margin:0;font:700 28px "Playfair Display",serif}.cart-head button,.modal-close{border:0;background:none;font-size:28px;cursor:pointer}.cart-items{padding:20px;flex:1;overflow:auto}.empty{color:#888;text-align:center;margin-top:80px}.cart-row{display:flex;gap:12px;border-bottom:1px solid #eee;padding:14px 0}.mini{width:70px;height:85px;background:#a30d27}.cart-row h4{margin:4px 0;font-size:12px}.cart-row p{margin:0;color:#777;font-size:11px}.remove{margin-top:9px;border:0;background:none;text-decoration:underline;font-size:10px}.cart-foot{padding:22px;border-top:1px solid #eee}.cart-foot>div{display:flex;justify-content:space-between;margin-bottom:15px}.checkout{width:100%;background:#111;color:#fff;border:0;padding:15px;font-weight:700;cursor:pointer}.modal{display:none;position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:min(900px,92vw);max-height:90vh;overflow:auto;padding:25px}.modal.show{display:block}.modal-close{position:absolute;right:15px;top:10px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px}.detail-img{background:#a30d27;min-height:500px}.detail h2{font:700 42px "Playfair Display",serif}.detail .buy{margin-top:20px;background:#111;color:#fff;border:0;padding:15px 25px;font-weight:700}.searchbox{position:fixed;top:112px;right:6%;z-index:15;background:#fff;border:1px solid #ddd;padding:15px;box-shadow:0 10px 30px #0002;display:none}.searchbox.show{display:block}.searchbox input{border:0;outline:0;width:240px;font-size:14px}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 7%}.hero-art{min-height:390px;margin-top:20px}.grid{grid-template-columns:repeat(2,1fr)}.pic{height:270px}.collections{grid-template-columns:1fr}.banner{display:block}.banner .outline{margin-top:25px}.section-head h2,.banner h2{font-size:36px}.detail{grid-template-columns:1fr}.detail-img{min-height:350px}footer{flex-direction:column;gap:15px}}
@media(max-width:480px){.grid{gap:10px}.pic{height:230px}.shop{padding:55px 4%}.hero h1{font-size:54px}.collections{padding:35px 4%}}