:root{--ink:#211d1b;--wine:#401b24;--cream:#f8f4eb;--line:#cdc6bc}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:15px}
body{margin:0;color:var(--ink);background:var(--cream);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,p,figure{margin:0} img{display:block;max-width:100%} a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b1693e;outline-offset:4px}
.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:8px}
header{min-height:78px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;gap:22px}
.wordmark{font-size:39px;line-height:1;font-weight:650;letter-spacing:-.09em}.wordmark span{margin-left:.09em;font:italic 23px Georgia,serif;letter-spacing:-.07em}
nav,footer div{display:flex;align-items:center;gap:26px}nav a,.insta,footer div a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
nav a:hover,.insta:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;height:clamp(535px,77svh,815px);background:var(--wine);color:var(--cream);overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.hero-text{position:absolute;left:58%;right:4%;top:50%;transform:translateY(-50%)}
h1,h2{font-weight:450;letter-spacing:-.074em;line-height:.96}h1{font-size:clamp(75px,7.8vw,141px)}h2{font-size:clamp(47px,5.25vw,92px)}em{font-family:Georgia,serif;font-weight:400}
.hero p{margin:20px 0 24px;font-size:20px}
.btn{background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px;min-height:48px;border:0;border-radius:2px;line-height:1.25;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.btn:hover{background:#602635}.btn.light{color:var(--ink);background:var(--cream)}.btn.light:hover{background:#fff}
.wrap{padding:clamp(45px,7vw,112px) 6vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8vw}
.product-picture{background:#430912}.product-picture img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;margin-bottom:20px}.lead{font-size:clamp(16px,1.35vw,20px);line-height:1.55;max-width:36em;margin:22px 0 28px}
fieldset{padding:0;margin:0 0 20px;border:0}legend,.inputlabel{font-size:13px;font-weight:650;margin-bottom:9px;display:block}
.styles{display:flex;flex-wrap:wrap;gap:8px}.styles label{position:relative;cursor:pointer}.styles input{position:absolute;opacity:0}
.styles span{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #93887f;font-size:14px;border-radius:30px}.styles input:checked+span{background:var(--wine);color:white;border-color:var(--wine)}.styles input:focus-visible+span{outline:3px solid #aa663e;outline-offset:2px}
#name-word{display:block;width:100%;max-width:360px;height:48px;border:1px solid #93887f;border-radius:2px;background:transparent;padding:8px 12px;font-family:inherit;font-size:16px;margin-bottom:15px}
.click{border-top:1px solid var(--line);background:#ece4d7}.click figure img{width:100%;height:auto}
.bar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;color:var(--cream);background:var(--wine)}.bar-image{display:grid;place-items:center;padding:clamp(24px,4vw,64px) 0 clamp(24px,4vw,64px) 6vw}.bar-image img{width:auto;height:auto;max-width:100%;max-height:640px}.bar-copy{align-self:center;padding:8vw 6vw}
footer{padding:34px 6vw;display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px}footer div{margin-left:auto}footer small{font-size:11px;color:#62584e}footer small:last-child{flex:0 0 100%}
@media(max-width:720px){header{padding:10px 5%;gap:8px;flex-wrap:wrap}.wordmark{font-size:33px}.insta{margin-left:auto;font-size:12px}nav{order:3;width:100%;gap:17px;border-top:1px solid var(--line);justify-content:space-between}nav a{font-size:13px}.hero{height:auto;display:grid}.hero>img{height:clamp(290px,80vw,430px);object-position:24% center}.hero-text{position:static;transform:none;padding:23px 6vw 32px}.hero h1{font-size:clamp(52px,10vw,77px)}.hero h1 br{display:none}.hero h1 br:after{content:" "}.hero p{font-size:17px;margin:14px 0 19px}.wrap,.bar{grid-template-columns:minmax(0,1fr);gap:28px}.bar{gap:0}.bar-copy{padding:38px 6vw 48px}.bar-image{padding:0}.bar-image img{width:100%;max-height:none}.click figure{grid-row:1}.lead{margin:15px 0 20px}.kicker{margin-bottom:12px}footer div{margin-left:0}.btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}