:root{--plum:#2b0738;--purple:#4b0d63;--violet:#74168b;--gold:#eac17a;--warm:#c38b4d;--ivory:#f5e9de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--plum);color:var(--ivory);font-family:'DM Sans',Arial,sans-serif}.announcement{height:37px;background:linear-gradient(100deg,#b97848,#f0c86e,#bd7743);color:#241423;font-size:11px;letter-spacing:1.6px;display:flex;align-items:center;justify-content:space-between;padding:0 max(7vw,46px)}.hero{height:577px;background-image:url('hero_background.png');background-position:center top;background-size:cover;position:relative}.nav{height:146px;display:flex;align-items:center;padding:0 4.2vw;gap:44px}.logo{align-self:flex-start;margin-top:9px;width:455px;display:block}.logo img{width:100%;height:auto;display:block}nav{display:flex;gap:39px;margin-left:auto;white-space:nowrap}nav a{color:#f1e3e5;text-decoration:none;font-family:'Cormorant Garamond',serif;font-size:18px;position:relative}nav a.active:after{content:'';position:absolute;left:0;bottom:-13px;width:43px;height:1px;background:var(--ivory)}.utility{display:flex;gap:20px;margin-left:34px;align-items:center}.utility button{position:relative;border:0;background:transparent;color:#fff;font-size:31px;font-family:Arial;line-height:1;cursor:pointer;padding:0}.utility button:nth-child(2){font-size:28px}.utility .bag{font-size:31px;transform:rotate(0)}.bag b{position:absolute;background:#e2b65f;color:#38233b;border-radius:50%;width:20px;height:20px;font:11px/20px 'DM Sans',sans-serif;right:-12px;top:-12px}.hero-copy{position:absolute;left:5.25vw;top:176px}.eyebrow{font-size:13px;letter-spacing:5.5px;margin:4px 0 12px}.hero h1{font:500 69px/.88 'Cormorant Garamond',serif;letter-spacing:-1px;margin:0;color:#fff}.hero h1 em{display:block;color:#edc46d;font-weight:500}.intro{font:20px/1.42 'Cormorant Garamond',serif;letter-spacing:.3px;margin:19px 0 23px}.actions{display:flex;gap:20px}.button{height:58px;min-width:268px;display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;font-size:13px;letter-spacing:1.3px;font-weight:600}.gold{background:linear-gradient(110deg,#e4bd62,#b87c44);color:#20101d}.gold span{font-size:23px;font-weight:400}.outline{border:1px solid #d8a85c;color:#f5e9de;min-width:170px}.benefits{height:107px;padding:0 5.2vw;background:linear-gradient(90deg,#26052f,#35103e,#25042e);display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefits article{height:52px;display:flex;align-items:center;gap:30px;padding-right:30px;border-right:1px solid rgba(234,193,122,.45)}.benefits article+article{padding-left:72px}.benefits article:last-child{border:0}.benefits i{font:48px/1 'Cormorant Garamond',serif;color:#eac17a;font-style:normal}.benefits strong,.benefits span{display:block}.benefits strong{font-size:13px;letter-spacing:1.1px;font-weight:500}.benefits span{font-size:13px;margin-top:5px}.collection{min-height:380px;padding:18px 3.1vw 28px;background:radial-gradient(ellipse at 50% 0,#75208f 0,#4d0d65 39%,#340540 100%);text-align:center}.section-title{font:500 31px/1 'Cormorant Garamond',serif;letter-spacing:6.5px;margin:0 0 7px}.sub{font-size:11px;letter-spacing:5px;margin:0 0 16px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:left}.product{height:204px;position:relative;overflow:hidden;color:white;text-decoration:none;background:#1d1021}.product:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 58%)}.product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.product:hover img{transform:scale(1.05)}.product div{position:absolute;z-index:1;left:28px;bottom:16px}.product h2{font:500 20px/1 'Cormorant Garamond',serif;letter-spacing:1px;margin:0 0 8px}.product span{font:15px 'Cormorant Garamond',serif}@media(max-width:1050px){.logo{width:300px}.nav{gap:18px}nav{gap:20px}.utility{margin-left:12px}.hero h1{font-size:56px}.benefits article+article{padding-left:24px}.benefits article{gap:14px}.benefits i{font-size:38px}}@media(max-width:760px){.announcement{padding:0 16px;font-size:8px;letter-spacing:.7px}.announcement span:last-child{display:none}.hero{height:650px;background-position:60% top}.nav{height:105px;padding:0 20px}.logo{width:210px}.nav nav{display:none}.utility{margin-left:auto}.utility button{font-size:24px}.hero-copy{top:178px;left:26px}.eyebrow{font-size:10px;letter-spacing:3px}.hero h1{font-size:50px}.intro{font-size:18px}.benefits{height:auto;grid-template-columns:1fr 1fr;padding:18px 24px;gap:16px}.benefits article,.benefits article+article{padding:0;border:0;height:auto;gap:12px}.benefits i{font-size:34px}.benefits strong{font-size:10px}.benefits span{font-size:10px}.collection{padding:25px 16px}.section-title{font-size:25px;letter-spacing:3px}.sub{font-size:9px;letter-spacing:2px}.products{grid-template-columns:1fr 1fr;gap:10px}.product{height:150px}.product div{left:14px;bottom:13px}.product h2{font-size:16px}.product span{font-size:13px}.actions .button{min-width:0;width:155px;height:52px;font-size:10px}.actions{gap:10px}}