*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#191919;font:16px Arial,sans-serif}header{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:3}.logo{font-weight:900;letter-spacing:.08em;color:#111;text-decoration:none}.logo span{color:#a8763c}nav{display:flex;gap:22px;align-items:center}nav a,button{border:0;background:none;color:#222;text-decoration:none;cursor:pointer}.hero{min-height:620px;padding:90px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#e9e3da}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#a8763c}.hero h1{font:700 clamp(48px,7vw,92px)/.92 Georgia,serif;margin:20px 0}.hero h1 i{color:#a8763c}.hero p{max-width:520px;line-height:1.7}.button{display:inline-block;margin-top:22px;padding:15px 22px;background:#191919;color:white;text-decoration:none;border-radius:3px}.hero-sign{background:#fff;border:18px solid #171717;aspect-ratio:1.45;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:18px 18px 0 #cbbba8}.hero-sign strong{font-size:150px;line-height:1}.hero-sign span{font-weight:700;letter-spacing:.18em}.shop{padding:90px 8vw}.shop h2{font:48px Georgia,serif}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.card{background:#fff;padding:18px;border:1px solid #ddd}.preview{background:#f9f9f9;border:10px solid #202020;aspect-ratio:1.4;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview strong{font-size:90px}.preview span{font-weight:bold;letter-spacing:.1em}.card footer{display:flex;justify-content:space-between;align-items:center}.card button{background:#191919;color:#fff;padding:10px 13px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:#191919;color:#fff;padding:55px 10vw;text-align:center;font-size:35px;color:#d6a96f}.benefits small{font-size:14px;color:#fff}#drawer{position:fixed;right:-420px;top:0;width:400px;height:100vh;background:#fff;padding:35px;z-index:5;box-shadow:-8px 0 30px #0002;transition:.3s}#drawer.open{right:0}#close{float:right;font-size:28px}.total{border-top:1px solid #ddd;margin-top:25px;padding-top:18px;display:flex;justify-content:space-between}@media(max-width:800px){nav a{display:none}.hero{grid-template-columns:1fr;padding:60px 8vw}.grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr;gap:25px}#drawer{width:100%}}
 .filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filters button{padding:10px 16px;border:1px solid #bbb;border-radius:30px}.filters button.active{background:#191919;color:#fff}.card{overflow:hidden;padding:0}.card-copy{padding:18px}.preview .motif{font:100px Georgia,serif}.style-family{border-radius:40px 40px 0 0}.style-lucky{border-radius:50%}.style-monogram{border:14px solid #191919;background:#fff}.tag{color:#a8763c;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:8;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{background:#fff;max-width:760px;width:100%;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative}.modal-box>button{position:absolute;right:18px;top:12px;font-size:28px}.modal-box label{display:block;margin:14px 0;font-size:12px;font-weight:bold}.modal-box input,.modal-box select{display:block;width:100%;padding:12px;margin-top:5px;border:1px solid #bbb}.modal-preview{min-height:280px;background:#eee8df;border:14px solid #191919;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-preview strong{font-size:110px}.modal-preview span{font-weight:bold;letter-spacing:.13em}@media(max-width:700px){.modal-box{grid-template-columns:1fr}}