@font-face{font-family:Anton;src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}:root{--ink:#01222c;--cream:#fdf7eb;--yellow:#fdbc00;--banner:#feda66;--aqua:#7cb0be;--display:Anton,'Arial Narrow',sans-serif;--body:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.skip{position:fixed;top:-100px;left:16px;background:var(--yellow);padding:12px;z-index:20}.skip:focus{top:12px}.header{height:112px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:205px;height:auto}.header nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.header nav>a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:13px 23px;display:flex;gap:30px;align-items:center}.nav-cta:hover{background:var(--ink);color:var(--cream)}.hero{display:grid;grid-template-columns:52% 48%;position:relative;background:var(--ink);color:var(--cream);min-height:750px;overflow:hidden}.hero-copy{padding:80px 6vw 62px;position:relative;z-index:2}.status{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.02em;margin:0 0 36px}.status span{width:7px;height:7px;background:var(--yellow);border-radius:50%}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.02;margin:0}h1{font-size:clamp(68px,7.55vw,124px)}.hero-sub{font-size:24px;line-height:1.35;margin:32px 0 16px}.hero-description{color:#d0ddd9;font-size:16px;margin:0 0 32px}.button{display:inline-flex;gap:70px;padding:17px 25px;align-items:center;border-radius:3px;font-size:15px;font-weight:700}.yellow{background:var(--yellow);color:var(--ink)}.button:hover{background:var(--banner)}.hero-foot{font-size:12px;color:#afc4c4;margin:23px 0 0}.hero-photo{position:relative;min-width:0}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 42%}.photo-caption{position:absolute;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:12px;text-shadow:0 1px 5px #000;color:white}.hero-lemon{position:absolute;width:123px;height:auto;left:calc(52% - 64px);bottom:43px;z-index:3;transform:rotate(-14deg)}.ribbon{background:var(--yellow);padding:22px 4%;display:flex;align-items:center;justify-content:space-around;gap:30px;font-family:var(--display);font-size:clamp(22px,2.4vw,38px);line-height:1.2}.ribbon i{font-style:normal;font-size:38px}.section{padding:110px 7%}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-photo{position:relative}.story-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:180px 180px 5px 5px}.photo-note{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:white;font-size:13px;text-shadow:0 1px 6px #000}.eyebrow{font-size:13px;margin:0 0 20px;font-weight:600}.story h2,.eva h2,.launch h2{font-size:clamp(52px,5.7vw,88px)}.story-copy>p:not(.eyebrow){max-width:440px;font-size:17px;margin:26px 0}.ingredients{border-top:1px solid #01222c30;padding-top:20px;margin-top:30px}h3{font-size:14px;margin:0 0 12px}.ingredients ul{list-style:none;padding:0;margin:0;font-size:15px}.ingredients li{padding:4px 0;display:flex;gap:12px;align-items:center}.ingredients li:before{content:'+';font-weight:bold;color:#547348}.serving{display:flex;gap:25px;align-items:center;margin-top:28px}.serving strong{font-family:var(--display);font-size:51px;line-height:1;background:var(--banner);padding:10px 14px;transform:rotate(-4deg)}.serving span{font-size:13px;line-height:1.5}.eva{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:37% 1fr;gap:6%;align-items:center;overflow:hidden}.eva-heading>p:not(.eyebrow){max-width:365px;color:#cfdddb;margin:30px 0}.text-link{font-size:14px;display:inline-flex;gap:30px;border-bottom:1px solid var(--yellow);padding-bottom:8px}.text-link:hover{color:var(--yellow)}.eva-portraits{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.eva figure{margin:0}.eva figure img{width:100%;height:390px;object-fit:cover}.eva .illustration img{object-fit:contain;background:#12343c;border-radius:140px 140px 0 0}.eva .night{padding-top:70px}.eva .night img{object-position:50% 20%;border-radius:4px}.eva figcaption{font-size:12px;margin-top:13px;color:#c7d6d6}.launch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--banner);padding-top:100px;padding-bottom:100px}.launch-copy{position:relative}.launch-copy h2{font-size:clamp(50px,5vw,77px)}.launch-copy>p:last-child{max-width:375px;margin:25px 0 0}.launch-lemon{width:100px;height:auto;position:absolute;right:10px;top:-55px;transform:rotate(12deg)}form{position:relative}form>label{display:block;font-weight:700;font-size:14px;margin-bottom:15px}.form-line{display:flex;flex-wrap:wrap;gap:12px}.form-line input{width:100%;background:transparent;color:var(--ink);padding:14px 0;border:none;border-bottom:2px solid var(--ink);border-radius:0;outline-offset:4px;font-size:22px}.form-line input::placeholder{color:#576052}.form-line button{background:var(--ink);color:var(--cream);border:0;border-radius:3px;padding:16px 23px;display:flex;justify-content:space-between;gap:45px;cursor:pointer;margin-top:10px;font-size:14px;font-weight:600}.form-line button:hover{background:#164552}.form-line button:disabled{cursor:wait;opacity:.7}.form-note{font-size:12px;max-width:410px;margin-top:23px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-message{font-size:14px;font-weight:600;min-height:26px}footer{padding:44px 5% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo img{width:235px;height:auto}.collab{display:flex;align-items:center;gap:20px}.collab img{max-width:105px;height:83px;object-fit:contain}.collab>span{font-size:28px}.footer-bottom{border-top:1px solid #01222c20;margin-top:32px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom a:hover{text-decoration:underline}@media(min-width:1700px){.hero{min-height:850px}.hero-copy{padding-left:max(6vw,calc((100vw - 1550px)/2))}}@media(max-width:1050px){.header{height:94px}.header nav{gap:22px}.brand img{width:180px}.hero{min-height:700px}.hero-copy{padding:65px 5vw}.hero-sub{font-size:21px}.section{padding:80px 6%}.story{gap:7%}.eva{grid-template-columns:1fr}.eva-heading{max-width:600px}.eva-heading>p:not(.eyebrow){max-width:550px}.eva-portraits{margin-top:35px;max-width:700px}.eva figure img{height:450px}.launch{gap:5%}.launch-lemon{right:-5px;width:76px}}@media(max-width:700px){.header{padding:20px 6%;height:88px}.brand img{width:155px}.header nav>a:not(.nav-cta){display:none}.header .nav-cta{padding:9px 13px;font-size:11px;gap:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:49px 7% 48px}.status{margin-bottom:27px}h1{font-size:clamp(68px,15vw,95px)}.hero-sub{font-size:22px;margin-top:25px}.hero-description{font-size:15px}.hero-photo{height:530px}.hero-photo>img{object-position:50% 38%}.hero-lemon{left:auto;right:25px;bottom:475px;width:95px}.hero-foot{margin-bottom:0}.photo-caption{left:24px;right:24px}.ribbon{gap:14px;flex-wrap:wrap;padding:19px 5%;font-size:23px}.ribbon span:last-of-type,.ribbon i:last-child{display:none}.ribbon i{font-size:26px}.section{padding:65px 7%}.story{grid-template-columns:1fr;gap:42px}.story-photo{max-width:470px}.story-photo img{aspect-ratio:1/1.12;border-radius:150px 150px 4px 4px}.story h2,.eva h2{font-size:64px}.story-copy>p:not(.eyebrow){font-size:16px}.eva-portraits{gap:14px}.eva figure img{height:290px}.eva .night{padding-top:45px}.launch{grid-template-columns:1fr;gap:40px;padding-top:85px}.launch h2{font-size:59px}.launch-lemon{top:-50px;width:75px;right:0}.form-line input{font-size:20px}.footer-top{flex-direction:column;gap:34px}.footer-logo img{width:220px}.footer-bottom{flex-wrap:wrap;justify-content:center;text-align:center}.footer-bottom>a{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

/* Confirmed brand typography and mobile refinements. */
.header nav,.button,.form-line button,.eyebrow,h3,.hero-sub{font-family:var(--body);font-weight:900}
.header{height:120px}.brand img{width:218px}.hero-sub{font-size:21px}.hero-description{font-size:15px}.footer-logo img{width:265px}h1{font-size:clamp(64px,7.15vw,116px);line-height:1.08}.story h2,.eva h2{line-height:1.1}.launch h2{font-size:clamp(47px,4.6vw,72px);line-height:1.12}.header nav a{min-height:44px;display:flex;align-items:center}.form-line input{min-height:56px}.form-line button{min-height:52px}.story-copy,.launch-copy,form,.eva-heading,.hero-copy{min-width:0}
@media(max-width:1050px){.header{height:108px}.brand img{width:188px}.header nav{gap:18px;font-size:12px}.nav-cta{padding:12px 17px;gap:18px}.hero-sub{font-size:18px}.hero-description{font-size:14px}.story h2,.eva h2{font-size:58px}}
@media(max-width:700px){
 html{scroll-padding-top:16px}.header{height:94px;padding:12px 5%;gap:12px}.brand img{width:180px}.header nav{gap:0}.header nav>a:not(.nav-cta){display:none}.header .nav-cta{padding:10px 14px;font-size:11px;gap:13px;min-height:44px;white-space:nowrap}
 .hero{display:block;isolation:isolate}.hero-photo{position:absolute;top:0;left:0;right:0;height:570px;z-index:0}.hero-photo>img{height:100%;object-fit:cover;object-position:50% 22%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,34,44,.08) 0%,rgba(1,34,44,0) 32%,rgba(1,34,44,.68) 57%,#01222c 91%)}.photo-caption{display:none}.hero-copy{padding:310px 6% 30px;z-index:1}.status{position:absolute;top:20px;left:6%;font-size:11px;background:rgba(1,34,44,.8);padding:5px 10px;border-radius:20px;margin:0}.hero h1{font-size:clamp(52px,14vw,76px);line-height:1.08;letter-spacing:-.02em}.hero-sub{font-size:18px;line-height:1.5;margin:21px 0 12px}.hero-description{font-size:13px;line-height:1.65;margin:0 0 24px;max-width:330px}.hero .button{width:100%;justify-content:space-between;padding:15px 20px;min-height:52px;font-size:14px}.hero-foot{font-size:10px;margin-top:14px;text-align:center}.hero-lemon{width:74px;right:18px;top:285px;bottom:auto;z-index:2}.ribbon{padding:17px 4%;gap:12px;font-size:20px;flex-wrap:nowrap}.ribbon i{font-size:20px}.ribbon i:nth-of-type(2){display:none}
 .section{padding:52px 6%}.story{gap:31px}.story-photo img{aspect-ratio:1.12/1;border-radius:115px 115px 4px 4px;object-position:50% 24%}.photo-note{font-size:10px;bottom:15px}.eyebrow{font-size:11px;margin-bottom:16px}.story h2,.eva h2{font-size:clamp(44px,12.5vw,62px);line-height:1.1}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:22px 0}.ingredients{padding-top:18px;margin-top:24px}.ingredients ul{font-size:13px}.ingredients li{padding:6px 0}.serving{gap:19px}.serving span{font-size:12px}.serving strong{font-size:43px}.eva-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:24px 0}.text-link{min-height:44px;align-items:center;font-size:13px}.eva-portraits{margin-top:18px;gap:12px}.eva figure img{height:255px}.eva .night{padding-top:30px}.eva figcaption{font-size:10px}.launch{padding-top:66px;gap:27px}.launch h2{font-size:clamp(41px,11.5vw,58px);line-height:1.15}.launch-lemon{top:-44px;width:62px;right:2px}.launch-copy>p:last-child{font-size:14px;line-height:1.8;margin-top:21px}.launch .eyebrow{max-width:250px}.form-line{gap:8px}.form-line input{font-size:18px;min-height:56px;padding:13px 0}.form-line button{width:100%;margin-top:9px;justify-content:space-between;padding:16px 20px;font-size:13px}.form-note{font-size:11px;line-height:1.8;margin-top:18px}#form-message{font-size:13px;line-height:1.7}footer{padding:32px 6% 22px}.footer-top{gap:25px}.footer-logo img{width:245px}.collab{gap:18px}.collab a{min-width:100px;min-height:90px}.footer-bottom{font-size:10px;gap:9px 25px;margin-top:23px;padding-top:20px}
}
@media(max-width:360px){.brand img{width:155px}.header .nav-cta{font-size:10px;padding:10px 11px;gap:8px}.hero-copy{padding-top:280px}.hero-photo{height:540px}.hero-lemon{top:253px;width:64px}.hero h1{font-size:49px}.ribbon{font-size:17px}.eva figure img{height:220px}}
/* Keep the product story compact on phones. */
@media(max-width:700px){.story-photo{display:none}.story{gap:0}}
/* Compact product story on desktop; other sections remain unchanged. */
@media(min-width:701px){
 .story{padding:48px max(6%,calc((100vw - 1240px)/2));grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:6%}
 .story-photo{width:100%;max-width:360px;justify-self:center}
 .story-photo img{height:400px;width:100%;aspect-ratio:auto;border-radius:110px 110px 4px 4px;object-fit:cover;object-position:50% 35%}
 .story h2{font-size:clamp(40px,3.3vw,52px);line-height:1.1}
 .story h2 br:nth-of-type(2){display:none}
 .story .eyebrow{margin-bottom:12px}
 .story-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:530px;margin:16px 0}
 .story .ingredients{margin-top:16px;padding-top:13px}
 .story .ingredients ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;font-size:13px}
 .story .ingredients li{align-items:flex-start;padding:3px 0}
 .story .serving{margin-top:17px;gap:18px}
 .story .serving strong{font-size:38px;padding:8px 12px}
 .story .serving span{font-size:12px}
}
@media(min-width:701px) and (max-width:950px){
 .story{padding-top:40px;padding-bottom:40px}
 .story-photo img{height:360px}
 .story h2{font-size:40px}
 .story .ingredients ul{grid-template-columns:1fr}
}
