:root{--green:#173d36;--deep:#102d28;--cream:#f4f0e5;--sand:#e9ddc8;--gold:#a27d46;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--green);font-family:var(--sans)}a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:12px;top:-80px;z-index:20;padding:12px;background:#fff}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;padding:20px clamp(25px,5vw,90px);background:var(--cream);border-bottom:1px solid #d9d2c4}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font:500 34px/.8 var(--serif);letter-spacing:-.05em}.wordmark svg{width:35px;fill:none;stroke:currentColor;stroke-width:1.8}.wordmark small{display:block;margin-top:8px;font:700 9px/1 var(--sans);letter-spacing:.28em}.site-header nav{display:flex;gap:clamp(16px,3vw,50px)}.site-header nav a,.header-cta{font-size:10px;font-weight:700;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.site-header nav a:hover,.header-cta:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{border-bottom:1px solid;padding-bottom:8px}.guide-hero{display:grid;grid-template-columns:1fr 1fr;min-height:min(760px,78vh);background:var(--green);color:var(--cream)}.guide-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,135px) clamp(25px,7vw,125px)}.eyebrow,.section-label,.footer-kicker{font-size:10px;font-weight:700;letter-spacing:.25em}.guide-hero h1{margin:48px 0 30px;font:400 clamp(76px,8vw,145px)/.82 var(--serif);letter-spacing:-.055em}.guide-hero h1 em,.guide-section h2 em,footer p em{font-weight:400;color:#d5b982}.guide-hero-copy>p{max-width:390px;color:#e2e6d9;font-size:15px;line-height:1.8}.hero-link{display:flex;justify-content:space-between;max-width:180px;margin-top:50px;padding:12px 0;border-bottom:1px solid #cdb47d;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.guide-hero-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,#28544a,#102d28 72%)}.art-disc{position:absolute;width:min(65%,450px);aspect-ratio:1;border:1px solid #bca36e88;border-radius:50%;box-shadow:0 0 0 65px #c2a56e11,0 0 0 135px #c2a56e0a}.art-bottle{position:relative;width:min(46%,285px);height:auto;filter:drop-shadow(25px 30px 22px #061a16aa);transform:rotate(8deg)}.art-almonds{position:absolute;top:12%;left:9%;width:135px;opacity:.8}.art-caption{position:absolute;bottom:25px;left:25px;color:#ccb98f;font-size:9px;letter-spacing:.15em}.rule-band{display:flex;justify-content:center;gap:clamp(18px,4vw,70px);padding:22px;background:var(--sand);font-size:10px;font-weight:700;letter-spacing:.24em}.guide-section{display:grid;grid-template-columns:minmax(160px,28%) minmax(0,1fr);gap:40px;padding:clamp(75px,9vw,145px) clamp(25px,8vw,150px);border-bottom:1px solid #d8cdb8;scroll-margin-top:30px}.guide-section.alternate{background:#eee6d7}.section-label{padding-top:16px;color:#866a3e}.section-body{max-width:860px}.guide-section h2{margin:0 0 35px;font:400 clamp(65px,7vw,112px)/.85 var(--serif);letter-spacing:-.05em}.guide-section h2 em{color:var(--gold)}.lead{max-width:750px;font-size:clamp(19px,2vw,25px);line-height:1.55}.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 52px;margin-top:55px}.facts-grid>div{border-top:1px solid #b7a987;padding-top:21px}.facts-grid h3,.serve-steps h3{margin:0 0 10px;font-size:15px}.facts-grid p,.serve-steps p{margin:0;color:#4e665e;font-size:14px;line-height:1.8}.serve-steps{max-width:700px;margin:50px 0 30px;padding:0;list-style:none}.serve-steps li{display:flex;gap:35px;padding:19px 0;border-top:1px solid #b7a987}.serve-steps li>span{color:var(--gold);font:400 32px/1 var(--serif)}.text-link{font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px}.order-link{display:flex;justify-content:space-between;max-width:290px;margin-top:52px;padding:19px 20px;background:var(--green);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}footer{display:grid;grid-template-columns:1fr auto;gap:65px;padding:80px clamp(25px,8vw,150px) 32px;background:var(--deep);color:var(--cream)}footer p{margin:25px 0 0;font:400 clamp(48px,5vw,75px)/.92 var(--serif)}footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:22px}footer nav a{font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.footer-end{grid-column:1/-1;padding-top:28px;border-top:1px solid #78908455;font-size:9px;letter-spacing:.16em}@media(max-width:900px){.site-header nav{display:none}.guide-hero{grid-template-columns:1fr 44%}.guide-hero h1{font-size:clamp(65px,9vw,90px)}.art-bottle{width:60%}.guide-section{grid-template-columns:1fr;gap:25px}.section-label{padding:0}}@media(max-width:650px){.site-header{min-height:78px;padding:15px 22px}.wordmark{font-size:28px}.wordmark svg{width:28px}.header-cta{font-size:9px}.guide-hero{display:flex;flex-direction:column}.guide-hero-copy{padding:76px 24px 55px}.guide-hero h1{font-size:clamp(68px,15vw,93px);margin:30px 0 15px}.guide-hero-copy>p{font-size:14px}.hero-link{margin-top:22px}.guide-hero-art{min-height:410px}.art-bottle{width:165px}.art-almonds{width:95px}.rule-band{gap:10px;font-size:8px;letter-spacing:.1em}.guide-section{padding:75px 24px}.guide-section h2{font-size:clamp(58px,12vw,80px)}.facts-grid{grid-template-columns:1fr;gap:25px;margin-top:40px}.lead{font-size:19px}.serve-steps li{gap:20px}footer{grid-template-columns:1fr;gap:40px;padding:65px 24px 26px}.footer-end{grid-column:1}}
.language-link{flex:none;border:1px solid currentColor;padding:7px 8px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none}
.language-link:hover{background:var(--green);color:var(--cream)}
@media(max-width:650px){.site-header{gap:10px}.wordmark{font-size:25px}.wordmark svg{width:25px}.language-link{font-size:9px;padding:6px}.header-cta{font-size:8px}}