:root{--cream:#F3E4BA;--orange:#F2501D;--gold:#D1A015;--brown:#681704;--olive:#7E7248;--black:#000}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--black);font-family:Georgia,Times New Roman,serif}
img{display:block;max-width:100%}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.skip-link{position:absolute;left:12px;top:-80px;z-index:20;background:var(--cream);color:var(--black);padding:12px}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(24px,5vw,80px);background:var(--brown);color:var(--cream)}
.brand{display:block;width:180px;flex:none}
.brand img{width:100%}
.site-header nav{display:flex;align-items:center;gap:clamp(16px,3vw,44px)}
.site-header nav a,.eyebrow,.button,.hero-bottom,.intro-strip,.section-number,.origin-label,.h-heading>span,.h-caption,.product-details,.coming-soon,.closing>span,footer{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.site-header nav a{font-size:12px;text-decoration:none;white-space:nowrap}
.site-header nav .system-link{padding:12px 15px;border:1px solid currentColor}
.site-header nav .system-link span{font-size:15px}
.site-header nav a:hover,.site-header nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(760px,calc(100svh - 104px));background:var(--cream);overflow:hidden}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 4vw 110px clamp(24px,7vw,110px)}
.eyebrow{margin:0;font-size:12px;line-height:1.5}
.eyebrow span{color:var(--orange);padding:0 7px}
.hero h1{font-size:clamp(70px,8.4vw,142px);font-weight:500;line-height:.88;letter-spacing:-.075em;margin:42px 0 32px}
.hero h1 em,.product h2 em,.origin h2 em,.h-heading h2 em,.closing p em{font-weight:400}
.hero-lead{font-size:clamp(22px,2.2vw,31px);line-height:1.15;max-width:500px;margin:0 0 18px}
.hero-description{font-size:18px;line-height:1.5;max-width:480px;margin:0 0 32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:58px;padding:17px 22px;font-size:12px;text-decoration:none}
.button-dark{background:var(--black);color:var(--cream)}
.button:hover,.button:focus-visible{background:var(--brown)}
.button span{font-size:24px;line-height:0}
.hero-art{position:relative;display:grid;place-items:center;min-height:620px;background:var(--orange);overflow:hidden}
.hero-ring{position:absolute;width:76%;aspect-ratio:1;border:14px solid var(--cream);border-radius:50%;box-shadow:0 0 0 29px var(--orange),0 0 0 43px var(--cream);opacity:.74}
.hero-bottle{position:relative;z-index:2;width:auto;height:min(610px,78%);max-width:60%;object-fit:contain;filter:drop-shadow(20px 25px 16px rgba(44,10,2,.3))}
.hero-side-note{position:absolute;top:50%;right:18px;transform:translateY(-50%);writing-mode:vertical-rl;font:800 11px Arial,Helvetica,sans-serif;letter-spacing:.18em}
.hero-art-label{position:absolute;z-index:3;bottom:65px;left:40px;background:var(--cream);padding:12px 17px;font:800 12px Arial,Helvetica,sans-serif;letter-spacing:.12em}
.hero-art-label span{color:var(--orange);padding:0 4px}
.hero-bottom{position:absolute;z-index:4;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:18px clamp(24px,5vw,80px);background:var(--black);color:var(--cream);font-size:11px}
.intro-strip{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:27px 30px;background:var(--gold);font-size:12px;text-align:center}
.intro-strip span:nth-child(even){font-size:21px;line-height:0}
.product{display:grid;grid-template-columns:1fr 1fr;min-height:700px}
.product-media{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--brown)}
.section-number{position:absolute;top:36px;left:clamp(24px,6vw,90px);color:var(--cream);font-size:12px}
.product-disc{position:absolute;width:min(68%,470px);aspect-ratio:1;border-radius:50%;background:var(--gold)}
.product-media img{position:relative;z-index:1;width:min(64%,450px);aspect-ratio:1;height:auto;border-radius:50%;object-fit:cover;object-position:center;box-shadow:12px 18px 22px rgba(0,0,0,.24)}
.product-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:90px clamp(24px,7vw,110px);background:var(--cream)}
.product h2,.origin h2,.h-heading h2{font-size:clamp(52px,6vw,98px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:28px 0 32px}
.product-copy>p:not(.eyebrow):not(.coming-soon){font-size:clamp(20px,2vw,27px);line-height:1.3;max-width:630px;margin:0 0 35px}
.product-details{display:flex;flex-wrap:wrap;gap:13px;font-size:11px}
.product-details span{border:1px solid var(--black);padding:10px 12px}
.coming-soon{font-size:11px;line-height:1.5;margin:40px 0 0;color:var(--brown)}
.food-gallery{padding:100px clamp(24px,7vw,110px) 110px;background:var(--black);color:var(--cream)}
.food-gallery-heading{display:grid;grid-template-columns:minmax(180px,.7fr) 2fr;align-items:start;gap:45px;margin-bottom:55px}
.food-gallery h2{font-size:clamp(48px,6vw,92px);font-weight:500;line-height:.96;letter-spacing:-.06em;margin:0}
.food-gallery h2 em{font-weight:400}
.food-gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.food-card{position:relative;height:460px;margin:0;overflow:hidden;background:var(--brown)}
.food-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.food-card:hover img{transform:scale(1.025)}
.food-card figcaption{position:absolute;left:16px;bottom:16px;padding:10px 13px;background:var(--cream);color:var(--black);font:800 10px Arial,Helvetica,sans-serif;letter-spacing:.14em}
.essence{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:620px;padding:110px clamp(24px,8vw,130px);background:#fff0c9;text-align:center}
.essence-sun{position:absolute;z-index:-1;top:-165px;right:2%;font:500 620px Georgia,serif;line-height:1;color:var(--gold);opacity:.16}
.essence .eyebrow{margin:0 0 34px;color:var(--brown)}
.essence-message{max-width:1200px;font-size:clamp(27px,3vw,48px);line-height:1.17;margin:0}
.essence-signature{margin:34px 0 0;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(37px,4.5vw,70px);line-height:1;transform:rotate(-3deg)}
.origin{display:grid;grid-template-columns:1fr 2.2fr .85fr;align-items:start;gap:40px;padding:clamp(95px,10vw,155px) clamp(24px,7vw,110px);background:var(--cream)}
.origin-label{display:flex;justify-content:space-between;border-top:2px solid var(--black);padding-top:16px;font-size:12px}
.origin-content p{max-width:670px;font-size:clamp(20px,2vw,28px);line-height:1.3;margin:0}
.origin-stamp{padding-top:22px}
.origin-stamp img{width:100%}
.h-section{background:var(--brown);color:var(--cream)}
.h-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:70px clamp(24px,7vw,110px) 55px}
.h-heading>span{font-size:12px;align-self:flex-start;padding-top:12px;white-space:nowrap}
.h-heading h2{margin:0;text-align:right;font-size:clamp(40px,5vw,82px);max-width:1000px}
.h-art{background:var(--cream)}
.h-art img{width:100%;height:auto}
.h-caption{display:flex;justify-content:space-between;gap:20px;padding:21px clamp(24px,7vw,110px);background:var(--orange);color:var(--black);font-size:11px}
.stores{display:flex;flex-direction:column;align-items:center;gap:42px;padding:100px clamp(24px,7vw,110px) 110px;background:var(--gold);text-align:center}
.stores-copy{max-width:900px}
.stores h2{font-size:clamp(55px,7vw,112px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:30px 0 24px}
.stores h2 em{font-weight:400}
.stores-copy>p{font-size:clamp(19px,2vw,27px);line-height:1.3;margin:0}
.store-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:1220px}
.store-logo{min-height:185px;display:grid;place-items:center;padding:25px;background:var(--cream);border:1px solid var(--black)}
.store-logo img{width:100%;max-height:135px;object-fit:contain;filter:grayscale(1) contrast(2.4);mix-blend-mode:multiply}
.store-logo img.reverse-logo{filter:invert(1) grayscale(1) contrast(2.4)}
.store-logo img.clean-logo{filter:none;mix-blend-mode:normal}
.stores-button{margin-top:8px}
.closing{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:75px 24px;text-align:center;background:var(--cream)}
.closing .eyebrow{color:var(--brown)}
.closing p{font-size:clamp(52px,7vw,104px);line-height:.96;letter-spacing:-.065em;margin:0}
.future-flavors{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.future-flavors span{border:1px solid var(--black);padding:13px 18px;font:800 11px Arial,Helvetica,sans-serif;letter-spacing:.12em}
.closing>span:last-child{font-size:11px}
footer{min-height:265px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(300px,2fr) auto;align-items:start;gap:clamp(24px,4vw,70px);padding:58px clamp(24px,7vw,110px);background:var(--brown);color:var(--cream);font-size:11px}
.footer-brand img{width:170px}
.footer-brand p{margin:24px 0 0;line-height:1.5}
.footer-social>span{display:block;margin:5px 0 19px}
.social-links{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:11px 24px}
.social-links a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(243,228,186,.35);text-decoration:none;letter-spacing:.09em}
.social-links a:hover,.social-links a:focus-visible{border-bottom-color:var(--cream);color:#fff}
.social-links svg{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-links .social-fill,.social-links .social-dot{fill:currentColor;stroke:none}
.social-links small{display:block;margin-top:4px;font-size:9px;letter-spacing:.06em;text-transform:none;opacity:.8}
.back-top{margin-top:5px;white-space:nowrap;text-decoration:none}
.back-top:hover,.back-top:focus-visible{text-decoration:underline;text-underline-offset:5px}
.footer-country{grid-column:1/-1;border-top:1px solid rgba(243,228,186,.35);padding-top:25px;text-align:center;font-size:11px;letter-spacing:.18em}
@media(max-width:900px){
  footer{grid-template-columns:1fr 2fr}
  .back-top{grid-column:1/-1}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:90px 7vw 95px}
  .hero-art{min-height:560px}
  .hero-bottle{height:475px}
  .hero-bottom{position:relative}
  .product{grid-template-columns:1fr}
  .product-media{min-height:620px}
  .product-copy{padding:90px 7vw}
  .food-gallery-heading{grid-template-columns:1fr;gap:25px}
  .food-gallery-grid{grid-template-columns:1fr 1fr}
  .food-card-tall{grid-row:span 2}
  .origin{grid-template-columns:1fr 2fr}
  .origin-stamp{grid-column:2;width:180px}
}
@media(max-width:620px){
  .site-header{min-height:82px;padding:14px 20px;align-items:flex-start}
  .brand{width:120px}
  .site-header nav{gap:11px;flex-wrap:wrap;justify-content:flex-end}
  .site-header nav a{font-size:9px;letter-spacing:0}
  .hero-copy{padding:70px 24px 75px}
  .hero h1{font-size:clamp(64px,16vw,96px);margin:31px 0 27px}
  .hero-description{font-size:16px}
  .hero-art{min-height:450px}
  .hero-bottle{height:385px}
  .hero-ring{border-width:8px;box-shadow:0 0 0 18px var(--orange),0 0 0 25px var(--cream)}
  .hero-side-note{right:10px;font-size:8px}
  .hero-art-label{bottom:25px;left:22px;font-size:10px}
  .hero-bottom{padding:17px 22px;font-size:9px}
  .intro-strip{gap:11px;padding:23px 15px;font-size:9px}
  .intro-strip span:nth-child(even){font-size:14px}
  .product-media{min-height:470px}
  .product-media img{width:min(76%,390px);height:auto}
  .product-copy{padding:75px 24px}
  .food-gallery{padding:80px 24px 90px}
  .food-gallery h2{font-size:clamp(46px,12vw,70px)}
  .food-gallery-grid{display:block}
  .food-card{height:390px;margin-top:12px}
  .product h2,.origin h2,.h-heading h2{font-size:clamp(48px,12vw,75px)}
  .essence{min-height:0;padding:85px 24px}
  .essence-sun{font-size:390px;top:-55px;right:-120px}
  .essence-message{font-size:clamp(26px,7vw,36px)}
  .origin{display:block;padding:85px 24px}
  .origin-label{margin-bottom:55px}
  .origin-stamp{width:150px;margin:55px auto 0}
  .h-heading{display:block;padding:65px 24px 45px}
  .h-heading h2{text-align:left;margin-top:35px}
  .h-caption{padding:17px 24px;font-size:9px}
  .stores{padding:80px 24px 90px;gap:30px}
  .stores h2{font-size:clamp(50px,12vw,76px)}
  .store-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .store-logo{min-height:130px;padding:13px}
  .store-logo img{max-height:95px}
  .closing{min-height:370px}
  footer{display:block;text-align:center;padding:65px 24px}
  .footer-brand img{margin:0 auto 25px}
  .footer-brand p{margin:0 0 35px}
  .footer-social>span{margin-bottom:15px}
  .social-links{text-align:left;grid-template-columns:1fr 1fr;gap:6px 16px}
  .back-top{display:inline-block;margin-top:35px}
  .footer-country{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}