@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Great+Vibes&display=swap');
:root{--teal:#062f35;--deep:#021e25;--aqua:#087780;--pink:#d84c75;--gold:#e7b66b;--cream:#fcf6ea;--sand:#eae1d1;--ink:#19383a;--muted:#687a78;--line:#e5e5dd}
body{font-family:'DM Sans',sans-serif;background:#fbfaf6}
.topline{background:#021e25;letter-spacing:2.3px;color:#f2d4a0}
.header{height:105px}.brand{font-family:'Manrope',sans-serif;font-size:19px;letter-spacing:1px}.brand b{color:#ba4a70}.brand-logo{width:76px;height:76px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #e9c792;box-shadow:0 3px 15px #002b2a18}
.nav{background:#fffefa;border-color:#eae5dc;letter-spacing:1.4px}.nav a:hover{color:#bd5070}
.hero{min-height:560px;grid-template-columns:1.15fr 1fr;background:radial-gradient(ellipse at 84% 15%,#0c87908c,transparent 35%),radial-gradient(ellipse at 20% 95%,#0b5667,transparent 65%),linear-gradient(120deg,#031f2a,#063c49 62%,#086e73);isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 70px,#fff1 71px 72px);opacity:.2;pointer-events:none}
.hero-copy{padding-top:105px;padding-bottom:85px;max-width:780px}
.hero h1{font:600 clamp(52px,5.3vw,86px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-1.5px;margin:25px 0 20px}
.hero h1 em{display:inline-block;font:500 clamp(51px,5.1vw,82px)/1.2 'Great Vibes',cursive;letter-spacing:0;color:#f2c37e;margin-top:7px}
.hero p{font-size:17px;line-height:1.85;max-width:520px;color:#e6eeea}
.hero .eyebrow{color:#f4c987;letter-spacing:4px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero .btn{margin:0;border:2px solid #e6bb78;border-radius:3px;background:#e6bb78;color:#082e33;padding:15px 23px;box-shadow:0 6px 25px #0003;text-transform:uppercase;font-size:12px;letter-spacing:1.3px}
.hero .btn.outline{background:#fff;color:#063b43;border-color:#fff;box-shadow:0 6px 25px #0002}
.hero .btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.hero-art{display:flex;align-items:center;justify-content:center;min-height:500px;padding:30px;overflow:hidden}
.hero-art:before{width:560px;height:560px;background:radial-gradient(circle,#d2b57d45,#d5aa5911 56%,transparent 70%);top:0;right:-12%;filter:none;opacity:1}
.hero-art:after{content:'';display:none}
.hero-seal{position:relative;z-index:2;text-align:center;transform:rotate(3deg)}
.hero-seal img{display:block;width:min(31vw,390px);height:min(31vw,390px);object-fit:cover;border-radius:50%;border:8px solid #f1d4a3;box-shadow:0 0 0 12px #ffffff18,0 28px 75px #001a20a8}
.hero-seal span{display:block;color:#f4d49c;letter-spacing:3px;font-size:10px;margin-top:25px;font-weight:800}
.benefits{background:#f1e5d1;color:#073d43;border-bottom:1px solid #e7d6b7}
.section-head h2,.pagehead h1{font:600 clamp(34px,3.5vw,50px)/1.16 'Playfair Display',Georgia,serif;letter-spacing:-.5px}
.section-head{margin-top:22px}.section-head p{font-size:14px}
.featuregrid{grid-template-columns:repeat(4,1fr);gap:16px}
.feature{min-height:295px;border-radius:4px;box-shadow:0 14px 35px #0a3c3920;padding:26px;background:radial-gradient(circle at 80% 12%,#ef8ca6a3,transparent 30%),linear-gradient(145deg,#5b253c,#d65d80 58%,#632d48)}
.feature:nth-child(2){background:radial-gradient(circle at 70% 12%,#b67b3b,transparent 45%),linear-gradient(145deg,#0b171b,#2a3e3b 55%,#091d24)}
.feature:nth-child(3){background:radial-gradient(circle at 85% 5%,#f1b55c,transparent 45%),linear-gradient(145deg,#5b2b31,#bb6d53 65%,#f3ae70)}
.feature:nth-child(4){background:radial-gradient(circle at 80% 10%,#63b7b4,transparent 40%),linear-gradient(145deg,#073c4c,#116e74 65%,#092f39)}
.feature:before{content:'✺';right:6px;top:-25px;font:190px Georgia,serif;color:#ffffff14;transform:rotate(-16deg)}
.feature h3{font:600 34px/1.1 'Playfair Display',Georgia,serif;position:relative;z-index:1;text-shadow:0 3px 10px #0006}
.feature:first-child h3{font:500 49px/1 'Great Vibes',cursive}.feature p{position:relative;z-index:1}
.collection-kicker{position:relative;z-index:1;font-size:10px;letter-spacing:2px;font-weight:800;color:#ffe2b6}
.product{border-radius:5px;box-shadow:0 7px 22px #103d3c0d}.product-image{background:#eee5d7}.product h3{font-family:'Manrope',sans-serif}.product .price{color:#083e44}.add,.btn{border-radius:3px}
.pagehead{background:radial-gradient(circle at 90% 10%,#e6c3a966,transparent 25%),linear-gradient(110deg,#eee9df,#f8f5eb)}
.filters{background:#eee9df;border:1px solid #e5dfd3}.filters h3{font-family:'Playfair Display',Georgia,serif;font-weight:600}
.footer{background:radial-gradient(circle at 90% 20%,#10515b,transparent 45%),#021f27;border-top:5px solid #c99d61}
.footer-brand{font-family:'Playfair Display',Georgia,serif}.footer h4{color:#f1cf98}
@media(max-width:900px){.hero-copy{padding:75px 25px}.hero-seal img{width:33vw;height:33vw}.featuregrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.header{height:82px}.brand-logo{width:52px;height:52px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 24px 15px}.hero h1{font-size:49px}.hero h1 em{font-size:55px}.hero-art{min-height:340px;padding:25px}.hero-seal img{width:240px;height:240px}.hero-seal span{margin-top:16px;font-size:9px}.feature{min-height:210px;padding:18px}.feature h3{font-size:27px}.feature:first-child h3{font-size:40px}}

.searchbar.show{display:flex}
@media(max-width:680px){.searchbar.show{flex-direction:column;align-items:stretch}}