@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#103638; --muted:#607978; --teal:#0d6e70; --deep:#0b4f52; --mint:#e7f2eb; --cream:#fbf8f0; --butter:#f5bf66; --line:#d7e3d9; --white:#fffdf8; --shadow:0 22px 60px rgba(16,54,56,.11); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:'Manrope', sans-serif; font-size:15px; line-height:1.6; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.section-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.site-header { height:84px; position:sticky; z-index:10; top:0; display:flex; align-items:center; justify-content:space-between; padding:0 max(24px, calc((100vw - 1180px) / 2)); background:rgba(251,248,240,.88); backdrop-filter:blur(16px); border-bottom:1px solid rgba(215,227,217,.7); }
.wordmark { display:inline-flex; align-items:center; gap:10px; font-size:14px; letter-spacing:-.02em; white-space:nowrap; }
.wordmark strong { font-weight:800; }
.wordmark-mark { width:31px; height:31px; display:inline-flex; align-items:end; justify-content:center; gap:3px; padding:5px; border-radius:9px 9px 12px 12px; background:var(--teal); transform:rotate(-7deg); }
.wordmark-mark span { display:block; width:4px; border-radius:5px; background:#f7e4ad; }.wordmark-mark span:nth-child(1){height:12px}.wordmark-mark span:nth-child(2){height:18px}.wordmark-mark span:nth-child(3){height:10px}
.main-nav { display:flex; gap:32px; margin-left:auto; margin-right:42px; color:#55706e; font-size:12px; font-weight:700; }.main-nav a:hover { color:var(--teal); }
.header-cta { color:var(--teal); font-size:12px; font-weight:800; }.header-cta span { margin-left:7px; }
.mobile-menu-toggle,.mobile-nav { display:none; }
.hero { display:grid; grid-template-columns:1.02fr .98fr; gap:72px; align-items:center; padding-top:80px; padding-bottom:65px; min-height:645px; }.eyebrow,.section-kicker,.fact-label,.visual-number,.strip-note,.source-note,.status-pill,.panel-number,.location-note,.row-icon,.review-disclaimer,.map-scale,.fact-sub { font-family:'DM Mono', monospace; text-transform:uppercase; letter-spacing:.07em; font-size:10px; }.eyebrow { display:flex; gap:8px; align-items:center; color:var(--teal); font-weight:500; }.live-dot { display:inline-block; width:7px; height:7px; background:#7cb993; border-radius:50%; box-shadow:0 0 0 4px #dcecdf; }
h1,h2,h3,p { margin-top:0; }.hero h1 { margin:20px 0 21px; max-width:530px; font-size:clamp(48px,6.2vw,82px); line-height:.98; letter-spacing:-.075em; font-weight:800; }.hero h1 em,h2 span { font-family:'Playfair Display',serif; font-weight:500; }.hero h1 em { color:var(--teal); }.hero-lede { max-width:470px; color:var(--muted); font-size:16px; line-height:1.75; }
.hero-actions,.visit-actions { display:flex; align-items:center; gap:12px; margin-top:32px; }.button { border:1px solid transparent; min-height:48px; padding:13px 18px; display:inline-flex; align-items:center; justify-content:center; gap:12px; cursor:pointer; border-radius:5px; font-size:12px; font-weight:800; transition:transform .2s, box-shadow .2s, background .2s; }.button:hover { transform:translateY(-2px); }.button-primary { color:#fff; background:var(--teal); box-shadow:0 10px 25px rgba(13,110,112,.2); }.button-primary:hover { background:var(--deep); box-shadow:0 13px 28px rgba(13,110,112,.26); }.button-quiet { color:var(--teal); background:transparent; border-color:transparent; }.button-outline { color:var(--teal); background:transparent; border-color:#b8cec5; }.button-outline:hover { background:var(--mint); }.source-note { margin-top:28px; color:#6c8580; text-transform:none; letter-spacing:0; line-height:1.5; font-size:11px; }.source-note span { color:var(--butter); margin-right:6px; }
.hero-art { min-height:470px; position:relative; overflow:hidden; isolation:isolate; border-radius:53% 47% 46% 54% / 37% 44% 56% 63%; background:#dcefe6; box-shadow:var(--shadow); }.art-sun { position:absolute; right:14%; top:12%; width:94px; height:94px; border-radius:50%; background:#f7d98f; opacity:.78; box-shadow:0 0 0 18px rgba(247,217,143,.18); }.art-hill { position:absolute; left:-9%; width:120%; border-radius:50% 50% 0 0; }.art-hill-back { height:270px; bottom:-90px; background:#add4be; transform:rotate(-9deg); }.art-hill-front { height:210px; bottom:-85px; background:#71ad91; transform:rotate(10deg); }.art-bottle { position:absolute; left:47%; top:20%; transform:translateX(-50%) rotate(5deg); filter:drop-shadow(15px 24px 10px rgba(22,76,62,.16)); }.bottle-cap { width:65px; height:17px; margin:auto; background:#c99b48; border-radius:6px 6px 3px 3px; }.bottle-neck { width:55px; height:50px; margin:auto; background:#f9f0d5; border-left:8px solid #e7dcb9; border-right:8px solid #e7dcb9; }.bottle-body { width:178px; height:242px; background:#fbf0d1; border-radius:34px 34px 52px 52px; border:7px solid #f7e4ae; position:relative; overflow:hidden; }.bottle-body:after { content:''; position:absolute; left:-30px; bottom:-42px; width:235px; height:150px; border-radius:50% 50% 0 0; background:#fffdf4; transform:rotate(-8deg); }.bottle-label { position:absolute; z-index:1; top:68px; left:37px; width:95px; padding:15px 10px 12px; border:1px solid #d3b872; text-align:center; color:#0d6e70; font-family:'Playfair Display',serif; font-size:30px; line-height:.8; }.bottle-label small { font-family:'DM Mono'; font-size:8px; letter-spacing:.2em; }.art-stem { position:absolute; width:3px; border-radius:3px; background:#397c62; transform-origin:bottom; }.art-stem-one { height:125px; left:26%; bottom:5%; transform:rotate(12deg); }.art-stem-two { height:95px; right:24%; bottom:7%; transform:rotate(-17deg); }.art-leaf { position:absolute; width:30px; height:13px; background:#4c9872; border-radius:100% 0 100% 0; }.art-leaf-one { left:23%; bottom:26%; transform:rotate(28deg); }.art-leaf-two { right:20%; bottom:26%; transform:rotate(-20deg) scaleX(-1); }.art-caption { position:absolute; left:30px; bottom:27px; right:30px; display:flex; justify-content:space-between; color:#246555; font-family:'DM Mono'; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.quick-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.fact-card { min-height:112px; display:flex; align-items:center; gap:16px; padding:20px 25px; background:var(--white); }.fact-icon { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:var(--teal); background:var(--mint); font-size:18px; }.fact-label { display:block; color:#6d8581; margin-bottom:6px; }.fact-card strong { display:block; font-size:16px; letter-spacing:-.03em; }.fact-sub { display:block; margin-top:4px; color:#7f9690; font-size:9px; letter-spacing:.01em; text-transform:none; }.stars { letter-spacing:2px; color:#d99234; font-size:12px; margin-left:4px; }
.section-pad { padding-top:125px; padding-bottom:125px; }.section-kicker { margin-bottom:13px; color:var(--teal); }.section-intro h2,.strip-heading h2,.visit h2,.helpful-heading h2,.review-bar h2 { margin-bottom:0; font-size:clamp(34px,4.3vw,58px); line-height:1.04; letter-spacing:-.065em; }.section-intro h2 span,.strip-heading h2 span,.visit h2 span,.helpful-heading h2 span { color:var(--teal); }.overview-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:53px; }.info-panel { min-height:320px; padding:29px 31px 28px; border:1px solid var(--line); border-radius:8px; }.verified-panel { background:var(--white); }.check-panel { background:#edf5e9; border-color:#d2e5d5; }.panel-topline { display:flex; justify-content:space-between; align-items:center; }.status-pill { padding:7px 9px; border-radius:3px; font-size:9px; }.status-verified { color:#2d7658; background:#e4f1e3; }.status-check { color:#8a6a2e; background:#faedce; }.panel-number { color:#a1b7ac; }.info-panel h3 { font-size:26px; line-height:1.1; letter-spacing:-.055em; margin:55px 0 13px; }.info-panel p { max-width:460px; color:var(--muted); font-size:13px; line-height:1.75; }.mini-address { display:flex; gap:10px; align-items:flex-start; margin-top:28px; color:var(--teal); font-size:12px; line-height:1.5; font-weight:700; }.pin-small { font-size:22px; line-height:1; }.question-list { margin-top:25px; display:flex; flex-wrap:wrap; gap:8px; }.question-list span { padding:11px 13px; border:1px solid #cde0cf; color:#55746a; background:rgba(255,255,255,.45); border-radius:3px; font-size:11px; line-height:1.35; }
.visual-strip { padding-bottom:125px; }.strip-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:36px; }.strip-note { color:#789089; line-height:1.65; text-align:right; }.visual-grid { display:grid; grid-template-columns:1.08fr 1fr 1fr; gap:15px; }.visual-card { min-height:350px; position:relative; overflow:hidden; border-radius:7px; padding:22px; }.visual-milk { background:linear-gradient(145deg,#e3f0e7,#b4d5bb); }.visual-field { background:linear-gradient(145deg,#e8d4a4,#cb9c62); }.visual-basket { background:linear-gradient(145deg,#e9efe3,#c1d1b7); }.visual-number { position:relative; z-index:2; color:rgba(16,54,56,.65); }.visual-copy { position:absolute; z-index:2; left:22px; right:22px; bottom:23px; }.visual-copy strong { display:block; font-size:17px; letter-spacing:-.04em; }.visual-copy span { display:block; margin-top:6px; max-width:240px; color:rgba(16,54,56,.72); font-size:10px; line-height:1.45; }.milk-orb { position:absolute; top:46px; right:12%; width:160px; height:220px; border-radius:46% 46% 48% 48%; background:linear-gradient(90deg,#f8f0d0,#fffdf4 42%,#e4d9af 100%); transform:rotate(7deg); box-shadow:20px 25px 26px rgba(42,90,61,.13); }.milk-orb:before { content:''; position:absolute; width:54px; height:27px; left:53px; top:-20px; border-radius:5px 5px 2px 2px; background:#c59a4c; }.milk-orb:after { content:'RR'; position:absolute; left:42px; top:80px; padding:13px 12px 10px; border:1px solid #d2b967; color:#38755d; font-family:'Playfair Display'; font-size:24px; }.field-lines { position:absolute; inset:65px -30px 20px -20px; background:repeating-linear-gradient(168deg, transparent 0 23px, rgba(112,83,42,.2) 24px 26px); transform:rotate(-5deg); }.field-lines:after { content:''; position:absolute; left:55%; top:-30px; width:2px; height:270px; background:#49765b; transform:rotate(38deg); box-shadow:12px 24px 0 #49765b, -19px 63px 0 #49765b; }.basket-shape { position:absolute; width:230px; height:180px; right:-18px; top:62px; border:18px solid rgba(89,120,83,.44); border-top:0; border-radius:0 0 48% 48%; transform:rotate(-12deg); }.basket-shape:after { content:''; position:absolute; left:-8px; top:-12px; width:202px; height:50px; border:14px solid rgba(89,120,83,.44); border-bottom:0; border-radius:50% 50% 0 0; }
.visit { background:var(--cream); }.visit-card { display:grid; grid-template-columns:1fr 1fr; min-height:560px; overflow:hidden; border-radius:10px; background:#dfeee2; box-shadow:var(--shadow); }.visit-copy { padding:58px 56px 54px; }.visit-lede { max-width:420px; color:var(--muted); line-height:1.75; margin-top:26px; }.address-block { display:flex; gap:14px; margin-top:30px; align-items:flex-start; }.address-pin { display:grid; place-items:center; width:35px; height:35px; color:#fff; background:var(--teal); border-radius:50%; font-size:18px; }.address-block strong { display:block; font-size:14px; }.address-block p { margin:5px 0 0; color:#55756c; font-size:13px; line-height:1.55; }.visit-actions { margin-top:29px; }.location-note { max-width:450px; display:flex; gap:9px; align-items:flex-start; margin:22px 0 0; color:#688177; line-height:1.55; text-transform:none; letter-spacing:0; font-size:10px; }.location-note span { flex:0 0 17px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; color:var(--teal); background:#c8e0ce; font-weight:800; }
.map-art { position:relative; min-height:100%; overflow:hidden; background-color:#d4e7d6; background-image:linear-gradient(29deg, transparent 44%, rgba(255,253,248,.8) 45% 47%, transparent 48%),linear-gradient(151deg, transparent 43%, rgba(255,253,248,.7) 44% 46%, transparent 47%),linear-gradient(80deg, transparent 55%, rgba(154,196,166,.42) 56% 58%, transparent 59%); }.map-art:before { content:''; position:absolute; inset:20px; opacity:.32; background-image:radial-gradient(#73a783 1px,transparent 1px); background-size:18px 18px; }.map-route { position:absolute; border:2px dashed rgba(13,110,112,.58); border-radius:50%; }.route-one { width:440px; height:250px; top:22%; left:-14%; transform:rotate(28deg); }.route-two { width:330px; height:220px; top:40%; right:-12%; transform:rotate(-18deg); }.map-road { position:absolute; height:13px; border-radius:30px; background:#b3d0b8; box-shadow:0 0 0 3px rgba(255,253,248,.7); }.road-one { width:115%; left:-10%; top:54%; transform:rotate(28deg); }.road-two { width:80%; left:28%; top:25%; transform:rotate(-42deg); }.map-label { position:absolute; color:#6b8c79; font-family:'DM Mono'; text-transform:uppercase; letter-spacing:.08em; font-size:9px; }.label-one { left:16%; top:22%; }.label-two { right:11%; bottom:25%; transform:rotate(-17deg); }.map-marker { position:absolute; top:52%; left:48%; width:56px; height:56px; display:grid; place-items:center; border:4px solid #fffdf8; border-radius:50% 50% 50% 2px; color:#fff; background:var(--teal); box-shadow:0 8px 20px rgba(13,110,112,.3); transform:rotate(-45deg); }.map-marker span { position:absolute; width:70px; height:70px; border:1px solid rgba(13,110,112,.3); border-radius:50%; }.map-marker b { font-family:'Playfair Display'; font-size:18px; transform:rotate(45deg); }.map-scale { position:absolute; right:25px; bottom:22px; color:#6d8c79; text-transform:none; letter-spacing:0; font-size:9px; }.map-scale span { display:inline-block; vertical-align:middle; width:24px; height:2px; margin-right:7px; background:#6d8c79; }
.helpful { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; border-top:1px solid var(--line); }.helpful-heading > p:last-child { max-width:320px; color:var(--muted); line-height:1.75; margin-top:24px; }.inline-link { color:var(--teal); font-weight:800; text-decoration:underline; text-underline-offset:3px; }.helpful-list { border-top:1px solid var(--line); }.helpful-row { display:grid; grid-template-columns:45px 1fr 20px; gap:16px; align-items:start; padding:24px 0; border-bottom:1px solid var(--line); }.row-icon { color:#a1b7ac; padding-top:3px; }.helpful-row strong { font-size:15px; }.helpful-row p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }.row-arrow { color:var(--teal); font-size:18px; }
.review-bar { display:flex; align-items:center; justify-content:space-between; padding-top:70px; padding-bottom:80px; border-top:1px solid var(--line); }.review-disclaimer { margin:16px 0 0; max-width:490px; color:#718883; text-transform:none; letter-spacing:0; line-height:1.55; }.review-score { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }.review-score strong { font-family:'Playfair Display'; font-size:70px; font-weight:500; line-height:1; }.review-score .stars { font-size:16px; }.review-score span:last-child { color:#758c85; font-family:'DM Mono'; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.site-footer { padding:35px 0 40px; background:var(--ink); color:#e6f0e7; }.footer-inner { display:grid; grid-template-columns:1fr 1fr auto; align-items:start; gap:30px; }.footer-mark { color:#fffdf8; }.footer-inner > p { margin:0; color:#a5c0b8; font-size:12px; line-height:1.6; }.footer-inner > p span { color:#6c9689; }.footer-actions { display:flex; gap:10px; }.footer-actions button { min-height:40px; padding:9px 11px; border:1px solid rgba(225,241,231,.25); border-radius:4px; color:#e1f1e7; cursor:pointer; background:transparent; font-size:12px; }.footer-actions button:hover { background:rgba(225,241,231,.1); }.footer-inner small { grid-column:1/-1; padding-top:23px; border-top:1px solid rgba(222,241,231,.15); color:#7c9b92; font-family:'DM Mono'; text-transform:uppercase; font-size:9px; letter-spacing:.06em; }.toast { position:fixed; z-index:20; left:50%; bottom:24px; padding:12px 17px; border-radius:4px; color:#fff; background:var(--ink); box-shadow:0 12px 30px rgba(16,54,56,.25); font-size:12px; opacity:0; pointer-events:none; transform:translate(-50%, 10px); transition:opacity .2s, transform .2s; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:850px){ .site-header{padding:0 24px}.main-nav{gap:16px;margin-right:20px}.header-cta{display:none}.hero{grid-template-columns:1fr;gap:42px;padding-top:58px}.hero-art{min-height:390px;max-width:620px;width:100%;margin:0 auto}.quick-facts{grid-template-columns:1fr}.fact-card{min-height:95px}.section-pad{padding-top:90px;padding-bottom:90px}.visual-grid{grid-template-columns:1fr 1fr}.visual-card:first-child{grid-column:span 2}.visit-card{grid-template-columns:1fr}.map-art{min-height:350px}.helpful{grid-template-columns:1fr;gap:52px}.footer-inner{grid-template-columns:1fr auto}.footer-inner > p{grid-row:2}.footer-actions{grid-column:2;grid-row:1}.footer-inner small{grid-column:1/-1} }
@media (max-width:560px){ body{font-size:14px}.section-shell{width:calc(100% - 32px)}.site-header{height:70px;padding:0 16px}.wordmark{font-size:12px}.main-nav{display:none}.mobile-menu-toggle{display:block;margin-left:auto;padding:9px 11px;border:1px solid #b8cec5;border-radius:4px;color:var(--teal);background:transparent;font-size:11px;font-weight:800;cursor:pointer}.mobile-nav{position:fixed;z-index:9;top:70px;left:16px;right:16px;display:none;flex-direction:column;padding:9px;background:var(--white);border:1px solid var(--line);border-radius:0 0 6px 6px;box-shadow:var(--shadow)}.mobile-nav.is-open{display:flex}.mobile-nav a{padding:12px 10px;color:var(--teal);font-size:12px;font-weight:800;border-bottom:1px solid var(--line)}.mobile-nav a:last-child{border-bottom:0}.hero{padding-top:48px;padding-bottom:48px}.hero h1{font-size:55px}.hero-lede{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.source-note{font-size:10px}.hero-art{min-height:330px}.art-bottle{top:16%;transform:translateX(-50%) rotate(5deg) scale(.74)}.art-sun{width:67px;height:67px}.fact-card{padding:17px 16px}.section-pad{padding-top:70px;padding-bottom:70px}.overview-grid{grid-template-columns:1fr;margin-top:34px}.info-panel{min-height:0;padding:23px}.info-panel h3{margin-top:38px}.strip-heading{display:block}.strip-note{text-align:left;display:block;margin-top:14px}.visual-grid{grid-template-columns:1fr;gap:12px}.visual-card:first-child{grid-column:auto}.visual-card{min-height:290px}.visit-copy{padding:35px 23px 32px}.visit-actions{flex-direction:column;align-items:stretch}.map-art{min-height:300px}.helpful{gap:38px}.helpful-row{grid-template-columns:35px 1fr 14px;gap:9px}.review-bar{display:block;padding-top:55px;padding-bottom:62px}.review-score{align-items:flex-start;margin-top:30px}.footer-inner{display:grid;grid-template-columns:1fr auto}.footer-inner > p{grid-column:1/-1;grid-row:auto}.footer-actions{grid-column:2;grid-row:1}.footer-inner small{font-size:8px;line-height:1.6} }