@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f4e9;--green:#153b26;--red:#b73427;--line:#ccd0bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--green);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}header{height:108px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:34px;font-weight:bold;letter-spacing:-1px}.wordmark span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:35px;align-items:center;font-size:13px}.nav-cta{border:1px solid var(--green);padding:13px 20px;border-radius:3px}.hero{position:relative;padding:60px 5% 0;min-height:730px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.hero-copy{z-index:2;padding-top:35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 27px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-3px;line-height:1.02;margin:0}h1{font-size:clamp(58px,6.4vw,100px)}h1 em{font-weight:400;color:var(--red)}.intro{font-size:19px;max-width:330px;line-height:1.6;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:var(--paper);padding:18px 24px;font-size:13px;border-radius:3px}.button:hover{background:#28613b}.small{font-size:11px;margin-top:20px}.hero-art{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center}.circle{position:absolute;width:480px;height:480px;border-radius:50%;background:#d9dfc1}.hero-art img{position:relative;height:560px;max-width:100%;object-fit:contain;transform:rotate(10deg);filter:drop-shadow(18px 20px 12px #153b2633);z-index:1}.art-type{position:absolute;font-size:78px;line-height:.9;font-weight:700;letter-spacing:-5px;color:#bbc8a2;left:10px;top:105px}.bottle-note{position:absolute;right:0;bottom:55px;font-size:9px;letter-spacing:2px;line-height:1.7;z-index:2}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;font-size:9px;letter-spacing:1.7px;margin-top:25px}.collection{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:64px}.section-heading>p{font-size:14px;line-height:1.8}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{text-align:left;border:0;background:none;padding:0;cursor:pointer}.product-art{position:relative;height:380px;display:flex;justify-content:center;align-items:center;overflow:hidden}.original{background:#e3e7d8}.citrus{background:#ece1ba}.berry{background:#e9d6d0}.product-art>span{position:absolute;left:20px;top:18px;font-size:11px}.product-art img{height:330px;max-width:80%;object-fit:contain;transition:transform .3s;filter:drop-shadow(10px 12px 8px #22332222)}.product:hover img{transform:rotate(5deg) translateY(-5px)}.product-art i{position:absolute;bottom:24px;right:14px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:1px;text-align:right}.product-title{display:flex;align-items:center;justify-content:space-between}h3{font-size:23px;font-weight:500;margin:22px 0 0}.product-title>span{font-size:25px;margin-top:20px}.product>p{font-size:12px;opacity:.8}.story{background:var(--green);color:var(--paper);padding:90px 12%;position:relative}.story h2{font-size:85px}.story>p:not(.eyebrow){max-width:430px;font-size:17px;line-height:1.8}.text-link{display:inline-block;border-bottom:1px solid;padding:12px 0;font-size:13px}.california{text-align:center;padding:105px 20px;background:#e5e8d6}.california h2{font-size:80px}.california>p:not(.eyebrow){font-size:20px;margin-top:30px}.concept-caption{display:block;font-size:11px;line-height:1.6;opacity:.72}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:10px;line-height:1.8;opacity:.7}footer>a:last-child{font-size:12px}dialog{background:var(--paper);color:var(--green);border:0;border-radius:4px;padding:55px;max-width:540px;width:90%}dialog::backdrop{background:#0a241dcc;backdrop-filter:blur(4px)}dialog h2{font-size:50px}dialog p{line-height:1.7}dialog .button{margin-top:22px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.about-main{padding:90px 8%;min-height:70vh}.about-main h1{max-width:850px}.about-body{max-width:620px;margin:40px 0;font-size:19px;line-height:1.8}.about-main .concept-caption{margin-top:30px}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}@media(max-width:750px){header{height:88px}.wordmark{font-size:28px}nav{gap:18px;font-size:11px}.nav-cta{display:none}.hero{padding-top:35px;grid-template-columns:1fr}.hero-copy{padding-top:0}h1{font-size:65px}.hero-art{min-height:480px}.hero-art img{height:450px}.circle{width:340px;height:340px}.art-type{font-size:68px;left:6%;top:110px}.bottle-note{right:2%;bottom:40px}.hero-bottom{font-size:8px;gap:30px;line-height:1.6}.collection{padding:60px 5%}.section-heading{display:block}h2{font-size:49px}.products{grid-template-columns:1fr;gap:30px}.product-art{height:390px}.product-art img{height:350px}.story{padding:65px 7%}.story h2,.california h2{font-size:62px}.california{padding:75px 5%}footer{flex-wrap:wrap;padding:35px 5%}footer p{max-width:230px}.about-main{padding:60px 6%}.about-main h1{font-size:60px}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
