@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;900&family=Poppins:wght@300;400;500;600;700&display=swap');
:root{--ink:#073F40;--gold:#BB893B;--acid:#DDA64C;--royal:#005357;--wine:#CF643C;--paper:#FFFAF2;--line:#eadfca}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Poppins,Arial,sans-serif;background:var(--paper)}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;margin:0}
.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px;font-size:10px;letter-spacing:1.5px}
.announcement span{color:var(--gold);padding:0 12px}
.site-header{height:80px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf9;position:sticky;top:0;z-index:20}
.logo{font-size:25px;letter-spacing:.3px;font-weight:700;text-decoration:none;color:inherit;display:flex;align-items:center;gap:7px}
.logo b{font-size:19px;color:var(--gold);font-weight:400}
.logo span{color:var(--gold)}
.site-header nav{display:flex;gap:30px}
.site-header nav a,.section-head a{color:inherit;text-decoration:none;font-size:13px;letter-spacing:.2px}
.header-actions{display:flex;align-items:center}
.icon-btn{border:0;background:none;font:inherit;font-size:19px;cursor:pointer;padding:9px;color:var(--ink)}
.bag-btn{font-size:13px;font-family:Poppins,Arial,sans-serif}
.bag-btn b{display:inline-grid;place-items:center;background:var(--gold);color:#fff;border-radius:50%;height:22px;width:22px;margin-left:4px;font-style:normal}
.menu-btn{display:none}
.hero{height:calc(100vh - 112px);min-height:570px;position:relative;color:#fff;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,63,64,.72),rgba(7,63,64,.1) 62%)}
.hero>img,.hero>picture,.hero>picture>img{height:100%;width:100%;object-fit:cover;object-position:50% 20%}
.hero>picture{display:block}
.hero-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%)}
.hero-copy>p,.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:700;color:var(--gold)}
.hero h1{font-size:clamp(56px,9vw,128px);line-height:.94;letter-spacing:-1px;margin:18px 0 45px;text-transform:uppercase}
.button{display:inline-flex;gap:55px;align-items:center;padding:17px 22px;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:700;border:1px solid transparent}
.light{background:#fff;color:var(--ink)}
.dark{background:var(--ink);color:#fff}
.scroll-cue{position:absolute;z-index:2;bottom:25px;right:3vw;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.ticker{overflow:hidden;background:var(--gold);padding:13px 0;font-size:12px;font-weight:700;letter-spacing:2px;white-space:nowrap;color:#fff}
.ticker div{width:max-content;animation:marquee 22s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:95px 3vw}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}
.section-head h2,.editorial h2,.newsletter h2{font-size:clamp(40px,5vw,72px);letter-spacing:-1px;line-height:1;margin:10px 0 0}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-image{position:relative;aspect-ratio:.72;background:#eee2cd;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}
.product:hover img,.category:hover img{transform:scale(1.025)}
.tag{position:absolute;top:12px;left:12px;background:#fff;padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.tag.sale{background:var(--gold);color:#fff}
.heart{position:absolute;right:12px;top:10px;border:0;background:#fff;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;color:var(--wine)}
.heart.active{background:var(--gold);color:#fff}
.product-info{display:flex;justify-content:space-between;gap:10px;padding-top:15px}
.product-info h3{font-size:16px;margin:0 0 5px}
.product-info p,.product-info strong{font-size:12px;margin:0;color:#7d6b52;font-family:Poppins,Arial,sans-serif}
.product-info strong{color:var(--ink);white-space:nowrap}
.product-info s{color:#b5a58a}
.quick-add{width:100%;margin-top:14px;padding:12px;border:1px solid var(--ink);background:#fff;text-transform:uppercase;font-size:10px;letter-spacing:1px;cursor:pointer;font-family:Poppins,Arial,sans-serif}
.quick-add:hover{background:var(--ink);color:#fff}
.editorial{display:grid;grid-template-columns:1.1fr .9fr;background:#efe6d3;min-height:720px}
.editorial-image img{width:100%;height:100%;object-fit:cover}
.editorial-copy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}
.editorial-copy>p:not(.eyebrow){font-size:18px;line-height:1.5;max-width:440px;color:#5a4d3c;margin:30px 0}
.editorial-copy .button{align-self:flex-start}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:70px;padding-top:25px}
.stat-row b{font-size:28px;display:block;font-family:'Playfair Display',Georgia,serif}
.stat-row span{font-size:10px;text-transform:uppercase;color:#8a7a5f}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.category{height:520px;position:relative;overflow:hidden;color:#fff}
.category img{height:100%;width:100%;object-fit:cover;transition:.5s}
.category:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,63,64,.75))}
.category span{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;font-size:30px;text-transform:uppercase;display:flex;justify-content:space-between;font-weight:700;font-family:'Playfair Display',Georgia,serif}
.newsletter{background:var(--royal);padding:100px 8vw;text-align:center;color:#fff}
.newsletter .eyebrow{color:var(--gold)}
.newsletter form{display:flex;max-width:600px;margin:45px auto 20px;border-bottom:2px solid var(--gold)}
.newsletter input{flex:1;border:0;background:transparent;padding:17px 0;font:inherit;font-size:18px;outline:0;color:#fff}
.newsletter input::placeholder{color:#d6cdb6}
.newsletter button{border:0;background:transparent;font-weight:700;text-transform:uppercase;font-size:11px;cursor:pointer;color:var(--gold)}
.newsletter>p:last-child{font-size:11px;color:#e6dcc4}
footer{background:var(--ink);color:#fff;padding:70px 4vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:40px}
footer .logo{font-size:30px}
footer h3{font-size:11px;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-family:Poppins,Arial,sans-serif;letter-spacing:1px}
footer div a{display:block;color:#fff;text-decoration:none;font-size:13px;margin:10px 0}
.footer-note{text-align:right;display:flex;flex-direction:column;justify-content:space-between}
.footer-note p{font-size:26px;margin:0}
.footer-note span{font-size:10px;color:#b5c4bf}
.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:16px 24px;z-index:50;transform:translateY(120px);transition:.3s}
.toast.show{transform:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:800px){.site-header{height:64px}.site-header nav{display:none}.menu-btn{display:block}.header-actions .icon-btn[aria-label="Wishlist"]{display:none}.hero{height:78vh}.hero h1{font-size:60px;letter-spacing:0}.hero-copy{left:24px}.products{grid-template-columns:repeat(2,1fr);row-gap:40px}.section{padding:65px 18px}.editorial{grid-template-columns:1fr}.editorial-image{height:580px}.editorial-copy{padding:70px 25px}.category-grid{grid-template-columns:1fr}.category{height:390px}footer{grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1;text-align:left;gap:40px}}
@media(max-width:480px){.products{grid-template-columns:1fr}.product-image{aspect-ratio:.82}.section-head a{display:none}.editorial-image{height:480px}.category{height:300px}.newsletter{padding:75px 22px}.newsletter form{flex-direction:column;border:0}.newsletter input{border-bottom:2px solid var(--gold);text-align:center}.newsletter button{padding:18px}}

.logo .logo-mark{width:40px;height:40px;object-fit:contain;flex:none}
footer .logo-full{display:block;width:170px;height:auto;background:var(--paper);padding:14px 18px;border-radius:14px}