*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#161616;background:#fff;font-family:Inter,Arial,sans-serif}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.logo,.footer-brand{font-family:"Cormorant Garamond",serif;font-size:25px;letter-spacing:1px;text-decoration:none;color:#151515}.logo span,.footer-brand span{color:#b88720;margin-right:9px}.nav{display:flex;gap:46px}.nav a,.footer-links a{color:#171717;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:18px}.nav a:hover,.nav .active{color:#b88720}.icons{display:flex;gap:16px}.icons button{border:0;background:none;font-size:25px;cursor:pointer;position:relative}.cart-btn b{position:absolute;top:-5px;right:-7px;background:#b88720;color:white;border-radius:50%;font:10px Inter;padding:3px 5px}.menu-btn{display:none;border:0;background:none;font-size:24px}.hero{height:480px;background-image:url("hero-watch.png");background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.15) 70%,rgba(0,0,0,.3))}.hero-content{position:relative;z-index:1;margin-left:11%;color:white}.eyebrow{letter-spacing:5px;font-size:13px;color:#b88720;font-weight:600}.hero h1{font:600 64px "Cormorant Garamond",serif;letter-spacing:2px;margin:12px 0}.hero-sub{font:26px "Cormorant Garamond",serif;line-height:1.2}.gold-btn,.outline-btn{display:inline-block;text-decoration:none;padding:14px 28px;border:1px solid #c79a35;font-size:13px;letter-spacing:1px;font-weight:600}.gold-btn{color:white;background:rgba(0,0,0,.15)}.gold-btn:hover{background:#b88720}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8%;border-bottom:1px solid #eee}.benefits article{text-align:center;padding:10px;border-right:1px solid #ddd}.benefits article:last-child{border:0}.benefit-icon{font-size:30px;color:#b88720}.benefits h3{font:600 14px "Cormorant Garamond",serif;letter-spacing:1px;margin:7px}.benefits p{margin:0;color:#777;font-size:12px}.collection{padding:60px 8%}.section-heading{text-align:center}.section-heading h2,.about h2,.contact h2{font:600 36px "Cormorant Garamond",serif;letter-spacing:2px;margin:5px}.section-heading span{display:block;width:48px;height:2px;background:#b88720;margin:12px auto 30px}.search{display:block;width:min(420px,100%);margin:0 auto 28px;padding:12px 16px;border:1px solid #ddd;font:14px Inter}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product{background:#fff;border:1px solid #eee;transition:.25s;overflow:hidden}.product:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.08)}.product-img{height:230px;background-size:cover;background-position:center}.product-info{text-align:center;padding:16px}.product h3{font:600 20px "Cormorant Garamond",serif;margin:0 0 6px}.price{color:#b87909;margin:0 0 13px}.add{background:#fff;border:1px solid #c99a3b;padding:9px 22px;cursor:pointer;font-size:11px;letter-spacing:1px}.add:hover{background:#b88720;color:white}.about{background:#f7f6f3;padding:70px 12%;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.about p:not(.eyebrow){color:#666;line-height:1.8;max-width:620px}.outline-btn{color:#222;margin-top:15px}.about-card{height:290px;background:linear-gradient(135deg,#171717,#3a2a12);color:#d5aa50;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 40px #0002}.about-card span{font-size:65px}.about-card strong{font:600 35px "Cormorant Garamond",serif;letter-spacing:5px}.about-card small{margin-top:10px;letter-spacing:2px}.contact{text-align:center;padding:75px 20px}.contact>p:not(.eyebrow){color:#777;margin-bottom:28px}.footer{background:#121212;color:#fff;padding:30px 8%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-brand{color:#fff}.footer-links{display:flex;gap:25px;justify-content:center}.footer-links a{color:#eee}.socials{display:flex;gap:20px;justify-content:flex-end}.socials a{color:#fff;text-decoration:none}.copyright{grid-column:1/-1;text-align:center;color:#888;font-size:11px;margin:24px 0 0}.toast{position:fixed;right:25px;bottom:25px;background:#171717;color:#fff;padding:13px 18px;opacity:0;transform:translateY(10px);transition:.25s;z-index:30}.toast.show{opacity:1;transform:none}@media(max-width:900px){.nav{gap:20px}.products{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:50px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits article:nth-child(2){border-right:0}.about{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:20px;text-align:center}.socials{justify-content:center}.footer-brand{margin:auto}}@media(max-width:650px){.header{padding:0 5%}.nav,.icons{display:none}.menu-btn{display:block}.hero{height:460px}.hero-content{margin-left:7%;margin-right:5%}.hero h1{font-size:44px}.hero-sub{font-size:22px}.benefits{grid-template-columns:1fr 1fr;padding:20px 4%}.benefits article{border-bottom:1px solid #ddd}.products{grid-template-columns:1fr}.collection{padding:45px 5%}.section-heading h2{font-size:30px}.about{padding:55px 7%}.footer-links{flex-wrap:wrap}}\n.contact-numbers{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:20px 0}.contact-numbers a{color:#222;text-decoration:none;border:1px solid #ddd;padding:11px 18px;font-size:14px}.contact-numbers a:hover{border-color:#b88720;color:#b88720}@media(max-width:650px){.contact-numbers{flex-direction:column;align-items:center;gap:10px}}\n
.contact-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 0 26px}
.contact-links a{display:inline-block;color:#171717;text-decoration:none;border:1px solid #ddd;padding:11px 18px;font-size:14px}
.contact-links a:hover{border-color:#b88720;color:#b88720}