:root{--green:#253a21;--cream:#f7f5e9;--ink:#253a21;--muted:#596250;--line:#cbd0ba;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #a25932;outline-offset:6px;border-radius:3px}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:400}
h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.02}
em{font-weight:400}
p{max-width:65ch}
.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:600;line-height:1.5}
.small{font-size:.875rem;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--green);color:white;z-index:100}
.skip-link:focus{top:15px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;min-height:52px;padding:13px 25px;border:1px solid var(--green);border-radius:100px;background:var(--green);color:var(--cream);font-size:.9rem;transition:background .2s,color .2s}
.button:hover{background:var(--cream);color:var(--green)}
.button span[aria-hidden]{font-size:1.3rem}
.site-header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:5}
.brand{display:block;width:106px}
.brand img{width:106px;height:76px;object-fit:contain}
.site-header nav{display:flex;gap:2.3rem}
.site-header nav a{font-size:.875rem;padding:12px 0}
.site-header nav a:hover,.header-social:hover{text-decoration:underline;text-underline-offset:6px}
.header-social{font-size:.8rem}
.header-social span{padding-left:10px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}
.hero-copy{padding:65px 10% 29px;display:flex;align-items:flex-start;flex-direction:column}
.hero h1{font-size:clamp(4.3rem,6.9vw,7.2rem);margin:30px 0 24px}
.hero-description{font-size:1rem;margin-bottom:28px;line-height:1.6}
.hero-footnote{display:flex;justify-content:space-between;gap:20px;width:100%;font-size:.75rem;margin-top:auto;padding-top:44px}
.hero-footnote a{white-space:nowrap;border-bottom:1px solid}
.hero-visual{position:relative;overflow:hidden;background:#dbe0c5;min-height:650px}
.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-caption{position:absolute;bottom:28px;left:32px;font-size:.6875rem;letter-spacing:.15em;background:var(--cream);border-radius:30px;padding:10px 17px}
.intro-line{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line)}
.intro-line p{font:1.65rem var(--serif);letter-spacing:-.02em}
.intro-line>span{font-size:.7rem;letter-spacing:.16em}
.section-wrap{padding:95px 7%}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.section-heading h2{font-size:clamp(3.8rem,6vw,6.3rem);margin-top:20px}
.section-intro{padding-bottom:10px;font-size:1.1rem;line-height:1.65}
.section-intro .small{margin-top:18px}
.drink-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.drink-picture{height:285px;background:#e4e8d6;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:110px 110px 4px 4px}
.drink-picture.strawberry{background:#f1ded5}
.drink-picture.banana{background:#eee7c8}
.drink-picture.jasmine{background:#e8e7d7}
.drink-picture.ube{background:#e7dfec}
.drink-title{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin:17px 0 6px}
.drink-title h3,.drink-title h4{font:1.5rem/1.2 var(--serif);letter-spacing:-.025em}
.drink-title>span{font-size:.875rem;white-space:nowrap}
.drink-card>p{font-size:.875rem;color:var(--muted)}
.seasonal-card{display:flex;justify-content:space-between;align-items:center;background:#e7d1b9;margin-top:50px;padding:40px 10%;border-radius:4px}
.seasonal-copy h3{font:3.5rem/1.05 var(--serif);letter-spacing:-.04em;margin:18px 0}
.seasonal-copy>p:not(.eyebrow){font-size:.9rem}
.seasonal-price{display:block;margin-top:20px;font-size:1rem}
.seasonal-price>span{font-size:.8rem;padding-left:10px}
.seasonal-image{height:300px;display:flex;align-items:center;justify-content:center;width:35%}
.seasonal-image .drink-sprite{transform:scale(1.12)}
.coconut-header{margin:60px 0 24px;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.coconut-header h3{font:2.1rem/1.2 var(--serif);letter-spacing:-.04em}
.coconut-header p{font-size:.875rem;color:var(--muted)}
.coconut-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.coconut-card{display:flex;align-items:center;justify-content:space-between;background:#eeeddf;padding:22px 24px;gap:8px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.coconut-card>div:first-child{flex:1;min-width:0}
.coconut-card .drink-title{display:block;margin:0 0 14px}
.coconut-card .drink-title h4{margin-bottom:6px}
.coconut-card p{font-size:.875rem;color:var(--muted)}
.coconut-card .drink-sprite{transform:scale(.68);width:180px;margin:-42px -30px -42px -24px}
.menu-extras{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:35px;margin-top:40px;border-top:1px solid var(--line)}
.menu-extras h3{font:1.6rem var(--serif);margin-bottom:15px}
.menu-extras p{font-size:.875rem;line-height:1.9}
.menu-extras strong{font-weight:400;white-space:nowrap}
.menu-extras dl{margin:0;font-size:.875rem}
.menu-extras dl>div{display:flex;justify-content:space-between;gap:20px;max-width:330px}
.menu-extras dd{margin:0}
.menu-note{font-size:.75rem;color:var(--muted);margin-top:30px}
.story-section{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream);padding:85px 7%;gap:10%;align-items:center}
.story-mark{background:#dce1c8;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50% 50% 3px 3px;padding:30px}
.story-mark img{width:100%;height:auto}
.story-mark span{color:var(--green);font-size:.7rem;letter-spacing:.22em;margin-top:12px}
.story-copy h2{font-size:clamp(3rem,4.4vw,4.8rem);margin:22px 0 30px}
.story-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.85;margin-top:17px;color:#e3e6d8}
.story-copy p.signature{font:italic 1.5rem var(--serif);margin-top:26px}
.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:110px}
.visit-section h2{font-size:clamp(3.5rem,5.5vw,5.8rem);margin-top:22px}
.visit-details h3{font:2rem var(--serif);margin-bottom:17px}
.visit-details>p{font-size:.95rem}
.visit-details address{font-style:normal;margin:25px 0;font-size:1.2rem;line-height:1.65}
.visit-details .small{margin-top:22px;font-size:.8rem}
.visit-details .small a{text-decoration:underline;text-underline-offset:5px}
.contact-section{margin:0 5% 65px;padding:60px 5%;background:#dee4c9;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-radius:5px}
.contact-section h2{font-size:clamp(3rem,5.5vw,6rem);margin-top:14px}
.contact-links{display:flex;flex-direction:column;justify-content:center;gap:25px}
.contact-links>a{display:block;border-bottom:1px solid #a7b398;padding-bottom:13px;font:1.35rem var(--serif);overflow-wrap:anywhere}
.contact-links>a>span:first-child{display:block;font:.6875rem var(--sans);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}
.contact-links>a>span[aria-hidden]{float:right}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 5%;border-top:1px solid var(--line);font-size:.75rem}
footer>a{font:1.3rem var(--serif)}
footer>a span{padding-left:12px}
footer>span{font-size:.7rem;letter-spacing:.08em}


@media(min-width:1500px){body{max-width:1800px;margin:auto}
.hero{min-height:780px}
.hero-visual{min-height:780px}
.drink-picture{height:330px}
.drink-picture .drink-sprite{transform:scale(1.1)}
}

@media(max-width:1000px){.hero h1{font-size:5.2rem}
.hero-copy{padding:50px 9% 25px}
.hero,.hero-visual{min-height:640px}
.header-social{display:none}
.site-header nav{gap:1.7rem}
.section-wrap{padding:75px 5%}
.drink-title h3{font-size:1.3rem}
.drink-grid{gap:30px 16px}
.drink-picture{height:265px}
.coconut-card{padding:20px 17px}
.story-section{padding:65px 5%;gap:7%}
.story-copy h2{font-size:3.4rem}
.contact-section{padding:45px 5%}
.contact-links>a{font-size:1.1rem}
}

@media(max-width:700px){html{scroll-padding-top:24px}
.site-header{height:auto;min-height:115px;flex-direction:column;padding:12px 5% 10px;gap:4px}
.brand{width:90px}
.brand img{width:90px;height:59px}
.site-header nav{gap:25px}
.site-header nav a{font-size:.8rem;padding:5px 0;min-height:36px;display:flex;align-items:center}
.hero{grid-template-columns:1fr;min-height:0}
.hero-copy{padding:38px 7% 30px}
.hero h1{font-size:clamp(3.9rem,15vw,6rem);margin:23px 0}
.hero h1 br:nth-of-type(2){display:none}
.hero h1 em:last-child:before{content:' '}
.hero-description{font-size:.95rem;margin-bottom:24px}
.hero-footnote{padding-top:30px;font-size:.75rem}
.hero-visual{min-height:0;height:480px}
.hero-visual>img{object-position:center 53%}
.hero-caption{bottom:20px;left:22px;font-size:.65rem}
.intro-line{padding:23px 7%;display:block}
.intro-line p{font-size:1.4rem}
.intro-line>span{display:block;margin-top:13px;font-size:.65rem}
.section-wrap{padding:60px 6%}
.section-heading{display:block;margin-bottom:30px}
.section-heading h2{font-size:4.1rem;margin-top:17px}
.section-heading h2 br{display:none}
.section-heading h2 em:before{content:' '}
.section-intro{font-size:.95rem;margin-top:23px;padding:0}
.section-intro p br{display:none}
.section-intro .small{margin-top:8px}
.drink-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}
.drink-picture{height:205px;border-radius:80px 80px 3px 3px}
.drink-picture .drink-sprite{transform:scale(.76)}
.drink-title{display:block;margin:13px 0 5px}
.drink-title h3{font-size:1.25rem;min-height:2.4em;line-height:1.2}
.drink-title>span{font-size:.8rem;display:block;margin-top:5px}
.drink-card>p{font-size:.875rem;line-height:1.5}
.seasonal-card{padding:28px 20px;margin-top:35px;gap:0;overflow:hidden}
.seasonal-copy{width:60%;position:relative;z-index:1}
.seasonal-copy .eyebrow{font-size:.62rem;max-width:180px}
.seasonal-copy h3{font-size:2.4rem;margin:15px 0}
.seasonal-copy>p:not(.eyebrow){font-size:.875rem}
.seasonal-copy>p br{display:none}
.seasonal-price{font-size:.9rem}
.seasonal-price>span{padding-left:0;display:block;font-size:.8rem;margin-top:3px}
.seasonal-image{width:38%;height:250px;margin-right:-10px}
.seasonal-image .drink-sprite{transform:scale(.74)}
.coconut-header{display:block;margin-top:36px}
.coconut-header h3{font-size:1.9rem}
.coconut-header p{margin-top:10px}
.coconut-grid{grid-template-columns:1fr;gap:16px}
.coconut-card{padding:27px 25px}
.coconut-card .drink-title h4{font-size:1.65rem}
.coconut-card .drink-sprite{transform:scale(.73);margin:-32px -20px -32px 0}
.menu-extras{grid-template-columns:1fr;gap:27px;margin-top:30px;padding-top:28px}
.menu-extras dl>div{max-width:none}
.menu-note{font-size:.75rem}
.story-section{grid-template-columns:1fr;padding:50px 7%;gap:38px}
.story-mark{max-width:310px;width:85%;margin:auto;padding:25px}
.story-mark span{font-size:.6rem}
.story-copy h2{font-size:3.5rem;margin-bottom:24px}
.story-copy>p:not(.eyebrow){font-size:1rem}
.visit-section{grid-template-columns:1fr;gap:33px;padding-block:60px}
.visit-section h2{font-size:3.7rem}
.visit-details h3{font-size:1.8rem}
.contact-section{margin:0 5% 40px;grid-template-columns:1fr;gap:35px;padding:35px 7%}
.contact-section h2{font-size:3.8rem}
.contact-links>a{font-size:1.2rem}
.contact-links>a>span:first-child{font-size:.7rem}
footer{flex-wrap:wrap;padding:25px 6%;gap:16px}
footer>span{display:none}
}

@media(max-width:370px){.site-header nav{gap:18px}
.drink-picture{height:180px}
.drink-picture .drink-sprite{transform:scale(.66)}
.hero h1{font-size:3.6rem}
.hero-footnote{font-size:.7rem}
.seasonal-copy h3{font-size:2rem}
.coconut-card{padding-inline:18px}
.coconut-card .drink-title h4{font-size:1.4rem}
.contact-links>a{font-size:1.05rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

/* Clean, evenly spaced drink illustrations. */
.drink-card{min-width:0}
.drink-sprite{width:250px;aspect-ratio:1;flex-shrink:0;background-image:url(assets/drinks-realistic-v4.webp);background-size:300% 300%;background-position:calc(var(--col)*50%) calc(var(--row)*50%);background-repeat:no-repeat;border-radius:5px}
.drink-picture{height:auto;aspect-ratio:1;border-radius:8px}
.drink-picture .drink-sprite{width:100%;transform:none}
.seasonal-image .drink-sprite{width:280px;transform:none}
.coconut-card .drink-sprite{width:155px;transform:none;margin:0 -12px 0 0}
@media(max-width:700px){.drink-picture .drink-sprite{width:100%;transform:none}.seasonal-image .drink-sprite{width:145px;transform:none}.coconut-card .drink-sprite{width:130px;transform:none;margin:0 -15px 0 0}}
@media(max-width:700px){.seasonal-card{flex-direction:column;align-items:stretch;gap:24px}.seasonal-copy{width:100%}.seasonal-image{width:100%;height:auto;margin:0}.seasonal-image .drink-sprite{width:100%}}