@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#292034;--paper:#fffef6;--accent:#5d2ca8;--lime:#d9f34a;--line:#29203428;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #477dfa;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(3.8rem,6.7vw,7rem);font-weight:800}h2{font-size:clamp(2.4rem,4.3vw,4.5rem);font-weight:800}h3{font-size:1.6rem;letter-spacing:-.035em}p{line-height:1.7}button{border:0}.skip{position:fixed;left:10px;top:-100px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.concept-bar{position:sticky;top:0;z-index:20;background:#202025;color:white;min-height:58px;display:flex;align-items:center;gap:22px;padding:10px 3.5%;font-size:14px}.concept-title{font-size:12px;letter-spacing:.08em;white-space:nowrap}.concept-bar nav{display:flex;gap:5px;flex:1}.concept-bar a{padding:7px 12px;border:1px solid #ffffff28;border-radius:7px;text-decoration:none;white-space:nowrap;line-height:1.4}.concept-bar a[aria-current=page]{background:#e0f750;color:#202025;border-color:#e0f750}.concept-bar small{font-size:12px;opacity:.6;margin-right:4px}.about-toggle{background:transparent;color:#fff;font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}#concept-info{background:#eeeefa;color:#292034;padding:20px 6%;border-bottom:1px solid #c1bdde}#concept-info p{max-width:850px;margin-top:5px}.announcement{background:var(--lime);color:#263013;text-align:center;font-size:12px;letter-spacing:.1em;padding:9px 12px;font-weight:700}.announcement span{letter-spacing:0;font-weight:500;margin-left:15px}.site-header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 6%;gap:24px}.wordmark{font-family:'Manrope',sans-serif;font-weight:800;font-size:43px;line-height:.95;letter-spacing:-3px;text-decoration:none;display:block}.wordmark span{color:var(--accent)}.wordmark sup{font-size:11px;vertical-align:top;letter-spacing:0;line-height:2;margin-left:4px}.wordmark small{display:block;font-size:9px;line-height:2;letter-spacing:1.4px;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:14px}.site-header nav a:not(.button){text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border-radius:99px;padding:16px 27px;text-decoration:none;font-weight:700;font-size:15px;min-height:52px;line-height:1.3;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--accent)}.button.small{padding:12px 23px;min-height:46px}.text-link{font-size:14px;font-weight:700;text-underline-offset:5px}.hero{max-width:1600px;margin:auto;min-height:610px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:30px 6% 65px;gap:30px}.hero-copy{position:relative;z-index:1}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.13em;margin-bottom:22px}.hero-copy p{font-size:18px;max-width:425px;margin-top:26px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.hero-note{font-size:13px;margin-top:26px;font-weight:600}.hero-art{position:relative;background:#dbed78;border-radius:50% 50% 30% 30%;min-height:530px;display:flex;align-items:center;justify-content:center}.hero-product{width:100%;height:520px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(20px 28px 14px #282c2020)}.hero-label{position:absolute;top:7%;right:0%;background:var(--accent);color:white;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.04em;text-align:center;border-radius:50%;width:116px;height:116px;display:flex;align-items:center;justify-content:center;transform:rotate(12deg);z-index:2}.art-bottom{position:absolute;bottom:28px;font-size:11px;letter-spacing:.14em;font-weight:700}.brand-strip{display:flex;justify-content:space-around;gap:20px;padding:23px 6%;background:var(--accent);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(1.1rem,2.3vw,2rem);letter-spacing:-.04em}.section{max-width:1600px;margin:auto;padding:95px 6%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:20px}.section-head p{font-size:16px}.flavor-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.flavor-card{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line)}.flavor-visual{position:relative;display:flex;align-items:center;justify-content:center;height:250px}.green{background:#d9efb5;color:#1d3527}.yellow{background:#fff083;color:#352b0f}.pink{background:#ffabc6;color:#412039}.flavor-visual img{height:170px;width:72%;object-fit:contain;transition:transform .3s}.flavor-card:hover img{transform:rotate(-6deg) scale(1.05)}.flavor-num{position:absolute;left:22px;top:18px;font-size:12px;letter-spacing:.1em}.flavor-content{padding:25px 28px 29px;background:var(--paper)}.flavor-content p{margin:12px 0 22px;font-size:15px}.flavor-content a{font-size:14px;font-weight:700;text-underline-offset:6px}.picker{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}.picker-heading p{margin-top:22px;max-width:370px}.flavor-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.flavor-tabs button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:40px;font-size:14px;padding:12px 16px;min-height:46px}.flavor-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.flavor-feature{border-radius:var(--radius);min-height:390px;padding:38px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;transition:background .25s}.flavor-feature img{height:190px;width:80%;object-fit:contain;margin-bottom:18px}.flavor-feature .eyebrow{margin-bottom:10px;font-size:10px}.flavor-feature h3{font-size:2rem}.flavor-feature p{margin-top:10px}.ingredients{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;background:#f0f3de;max-width:none;padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}.ingredient-heading p{max-width:380px;margin-top:24px}.ingredient-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.ingredient-tags span{border:1px solid #20322540;font-size:12px;padding:7px 12px;border-radius:30px}.ingredient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ingredient-grid article{padding:25px;background:#ffffffa1;border-radius:20px}.ingredient-grid h3{font-size:1.2rem;letter-spacing:-.025em}.ingredient-grid p{font-size:13px;line-height:1.6;margin-top:10px}.ingredient-symbol{display:block;font-size:12px;margin-bottom:28px;opacity:.7}.ingredient-grid .coconut{background:#d3e890}.coconut img{height:80px;object-fit:contain;margin-bottom:14px}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-image{border-radius:var(--radius);background:var(--accent);overflow:hidden;color:white;transform:rotate(-2deg)}.story-image img{width:100%;height:335px;object-fit:cover}.story-image span{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;padding:22px;text-align:center}.story p{margin-top:20px;font-size:16px;max-width:470px}.story .button{margin-top:28px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions summary{cursor:pointer;font-size:17px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';font-weight:400;font-size:22px}.questions details[open] summary:after{content:'−'}.questions p{margin-top:15px;font-size:15px}.questions a{font-size:14px}.final-cta{text-align:center;background:var(--lime);color:#292034;padding:72px 6%}.final-cta h2{font-size:clamp(2.6rem,5vw,5rem)}.final-cta .button{margin-top:30px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 6%;font-size:12px;max-width:1600px;margin:auto}footer .wordmark{font-size:32px}footer div{display:flex;gap:22px}footer a:not(.wordmark){font-size:13px;text-decoration:none}footer p{opacity:.65}
/* Direction 2: graphic flavor blocks, high contrast and chunky rhythm. */
.play{--paper:#fffef7;--ink:#231649;--accent:#6336ce;--lime:#cffa4c;--radius:4px;font-family:'Space Grotesk',sans-serif}.play h1,.play h2,.play h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}.play .site-header{border-bottom:2px solid var(--ink)}.play .hero{gap:0;padding:0;min-height:630px;grid-template-columns:1fr 1fr}.play .hero-copy{padding:55px 9% 60px 12%}.play h1{font-size:clamp(3.5rem,6.1vw,6.6rem)}.play h1 em{font-style:normal;color:var(--accent)}.play .hero-art{border-radius:0;background:#ffacd1;height:100%;min-height:630px;border-left:2px solid var(--ink)}.play .hero-product{transform:rotate(8deg);height:540px}.play .hero-label{background:#cff74c;color:var(--ink);border:2px solid var(--ink);border-radius:10px;right:7%;top:7%;transform:rotate(-9deg);height:90px;width:115px;box-shadow:5px 5px 0 var(--ink)}.flavor-mini{position:absolute;bottom:30px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.flavor-mini span{background:white;color:#231649;border:2px solid #231649;padding:8px 10px;font-size:11px;font-weight:700;transform:rotate(-3deg)}.play .button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--lime);border-radius:5px}.play .brand-strip{background:var(--lime);color:var(--ink);border-block:2px solid var(--ink)}.play .flavor-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.play .flavor-content{border-top:2px solid var(--ink)}.play .flavor-feature{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.play .ingredients{background:#6336ce;color:white}.play .ingredient-tags span{border-color:#ffffff80}.play .ingredient-grid article{background:#ffffff14;border:1px solid #ffffff50;border-radius:4px}.play .ingredient-grid .coconut{background:#cff74c;color:var(--ink)}.play .story-image{border:2px solid var(--ink);box-shadow:7px 7px 0 #ffacd1}.play .final-cta{background:#ffacd1;border-block:2px solid var(--ink)}
/* Direction 3: airy editorial layout and crisp botanical colors. */
.fresh{--ink:#143f32;--paper:#fbfffc;--accent:#14664b;--lime:#dbf482;--radius:16px}.fresh h1,.fresh h2{font-weight:600;letter-spacing:-.06em}.fresh h1{font-size:clamp(3.2rem,5.5vw,6rem)}.fresh .hero{min-height:650px;grid-template-columns:1.15fr 1fr;gap:50px}.fresh .hero-art{background:#e0f0dc;border-radius:220px 220px 16px 16px;min-height:550px}.fresh .hero-product{transform:rotate(0);height:500px}.fresh .hero-label{border-radius:0;height:auto;width:auto;padding:12px 16px;top:auto;bottom:20px;right:-25px;transform:rotate(0);text-align:left;background:#143f32}.fresh .brand-strip{background:#143f32;font-size:15px;font-weight:500;letter-spacing:.2em;padding:26px 6%}.fresh .ingredients{background:#ecf7ec}.fresh .ingredient-grid article{background:#fff}.fresh .ingredient-grid .coconut{background:#d7efb2}.fresh .flavor-content{background:white}.fresh .story-image{transform:none}.fresh .story-image span{background:#143f32}.fresh .final-cta{background:#143f32;color:white}.fresh .final-cta .button{background:#dbf482;color:#143f32}.fresh footer{background:#fbfffc}
/* Direction 4: performance-inspired typography and electric purple. */
.night{--ink:#f2f0fc;--paper:#151022;--accent:#d3f65a;--lime:#d3f65a;--line:#ffffff28;--radius:20px;background:#151022}.night h1,.night h2,.night h3{font-family:'Space Grotesk',sans-serif}.night .wordmark span{color:#d3f65a}.night .announcement{background:#d3f65a;color:#151022}.night .site-header{border-bottom:1px solid var(--line)}.night .hero{padding-top:40px;min-height:665px;grid-template-columns:1.25fr 1fr;gap:0}.night h1{font-size:clamp(3.8rem,6.5vw,7rem);letter-spacing:-.065em}.night h1 em{font-style:normal;color:#d3f65a}.night .hero p{color:#c4bfd3}.night .hero-art{min-height:560px;background:#713ed1;border-radius:20px;transform:rotate(3deg)}.night .hero-product{transform:rotate(-13deg);height:530px}.night .hero-label{background:#d3f65a;color:#151022;right:-15px;top:25px;border-radius:4px;transform:rotate(-10deg);height:85px}.night .art-bottom{color:white}.night .button{background:#d3f65a;color:#151022;border-radius:5px}.night .button:hover{background:#e2ff8c}.night .brand-strip{background:#713ed1;color:white;font-style:italic}.night .flavor-content{background:#241b37}.night .flavor-card{color:#f2f0fc}.night .flavor-visual{color:#231649}.night .flavor-feature{color:#231649}.night .flavor-tabs button{color:#f2f0fc}.night .flavor-tabs button[aria-pressed=true]{background:#d3f65a;color:#151022;border-color:#d3f65a}.night .ingredients{background:#241b37}.night .ingredient-tags span{border-color:#ffffff50}.night .ingredient-grid article{background:#ffffff08;border:1px solid #ffffff20}.night .ingredient-grid .coconut{background:#713ed1}.night .story-image{background:#713ed1;transform:rotate(-3deg)}.night .final-cta{background:#d3f65a;color:#151022}.night .final-cta .button{background:#151022;color:white}
@media(min-width:1600px){.hero{min-height:720px}.hero-art{min-height:600px}.hero-product{height:600px}}
@media(max-width:1100px){.concept-title{display:none}.concept-bar{gap:10px;padding:10px 3%}.concept-bar nav{gap:4px}.concept-bar a{padding:7px 9px;font-size:12px}.site-header nav{gap:20px}.hero{min-height:550px}.hero-art{min-height:440px}.hero-product{height:430px}.hero-label{width:96px;height:96px;font-size:11px}.section{padding:75px 6%}.picker,.story,.ingredients{gap:35px}.play .hero-art{min-height:560px}.play .hero-copy{padding-left:10%}.fresh .hero-art,.night .hero-art{min-height:475px}.fresh .hero-product,.night .hero-product{height:460px}footer{flex-wrap:wrap}footer p{width:100%}}
@media(max-width:760px){html{scroll-padding-top:120px}.concept-bar{display:block;padding:8px 12px}.concept-bar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.concept-bar a{font-size:10px;white-space:normal;padding:7px 5px;text-align:center;line-height:1.35;min-height:44px;display:flex;flex-direction:column;justify-content:center}.concept-bar small{display:none}.about-toggle{font-size:10px;display:block;margin:5px auto 0;padding:0;line-height:1.5}.announcement{font-size:10px;letter-spacing:.09em}.announcement span{display:none}.site-header{padding:21px 6%;flex-wrap:wrap;gap:15px}.wordmark{font-size:37px}.wordmark small{font-size:8px}.menu-toggle{display:block;border:1px solid var(--line);color:var(--ink);background:transparent;padding:11px 16px;border-radius:99px;font-size:14px;min-height:44px}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);padding:10px 0 0}.site-header nav.open{display:flex}.site-header nav a{padding:13px 5px;min-height:44px}.site-header nav .button{margin-top:9px;padding:14px}.hero,.fresh .hero,.night .hero{grid-template-columns:1fr;padding:30px 6% 45px;gap:35px;min-height:0}h1{font-size:clamp(3.2rem,11.7vw,5rem)}h2{font-size:clamp(2.5rem,9vw,3.5rem)}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero-copy p{font-size:16px;margin-top:22px;max-width:100%}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:26px}.button{padding:15px 23px}.hero-note{font-size:12px;margin-top:20px}.hero-art{min-height:360px;max-width:460px;width:100%;margin:auto;border-radius:180px 180px 45px 45px}.hero-product{height:360px}.hero-label{height:83px;width:83px;font-size:10px;right:0;top:5%}.art-bottom{font-size:9px;bottom:18px}.brand-strip{padding:20px 5%;gap:8px;font-size:13px}.section{padding:60px 6%}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:30px;gap:20px}.section-head p{font-size:15px}.section-head p br{display:none}.eyebrow{font-size:10px;margin-bottom:17px}.flavor-cards{grid-template-columns:1fr;gap:18px}.flavor-card{display:grid;grid-template-columns:40% 60%;border-radius:18px}.flavor-visual{height:185px}.flavor-visual img{height:120px;width:90%}.flavor-num{top:12px;left:12px;font-size:10px}.flavor-content{padding:25px 18px}.flavor-content h3{font-size:1.25rem}.flavor-content p{font-size:13px;margin:12px 0 15px;line-height:1.5}.flavor-content a{font-size:12px;display:inline-flex;min-height:44px;align-items:center}.picker,.ingredients,.story,.faq{grid-template-columns:1fr;gap:35px}.picker-heading p{font-size:15px}.flavor-tabs{margin:23px 0;gap:7px}.flavor-tabs button{font-size:12px;padding:11px 12px}.flavor-feature{min-height:340px;padding:28px}.ingredient-grid{gap:12px}.ingredient-grid article{padding:20px 17px}.ingredient-grid h3{font-size:1.05rem}.ingredient-grid p{font-size:12px}.ingredient-tags span{font-size:11px}.story-image img{height:260px}.story p{font-size:15px}.questions summary{font-size:16px}.final-cta{padding:55px 6%}.final-cta h2{font-size:3rem}footer{padding:35px 6%;gap:25px}footer div{flex-wrap:wrap;gap:15px}footer p{font-size:11px}.play .hero{grid-template-columns:1fr}.play .hero-copy{padding:32px 6% 40px}.play h1{font-size:clamp(3.1rem,11.6vw,4.8rem)}.play .hero-art{min-height:425px;max-width:none;border-left:0;border-top:2px solid var(--ink)}.play .hero-product{height:400px}.play .hero-label{top:25px;width:100px;height:80px}.play .flavor-card{border-radius:4px}.play .flavor-content{border-top:0;border-left:2px solid var(--ink)}.play .brand-strip{font-size:13px}.fresh h1{font-size:clamp(3.1rem,10.8vw,4.8rem)}.fresh .hero-art{min-height:410px}.fresh .hero-product{height:390px}.fresh .hero-label{right:0;bottom:15px;font-size:10px}.fresh .brand-strip{font-size:10px;letter-spacing:.1em}.night h1{font-size:clamp(3.1rem,11.3vw,5rem)}.night .hero-art{min-height:420px;max-width:95%;transform:rotate(2deg)}.night .hero-product{height:420px}.night .hero-label{width:95px;height:72px;font-size:10px;right:-8px}.night .story-image{max-width:95%;margin:auto}.night .flavor-content{color:#f2f0fc}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

/* Logo comparison controls for the selected Flavor Playground direction. */
.logo-lab{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:9px 3.5%;background:#202025;color:#fff}
.logo-lab>span{font-size:12px;font-weight:700;letter-spacing:.11em;white-space:nowrap}
.logo-lab>div{display:flex;gap:8px}
.logo-choice{display:flex;align-items:center;gap:9px;min-height:46px;padding:6px 13px;border:1px solid #ffffff2b;border-radius:6px;background:transparent;color:#fff;text-align:left}
.logo-choice b{font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1;letter-spacing:-.06em}
.logo-choice b span{color:#cff74c}
.logo-choice small{font-size:11px;opacity:.72}
.logo-choice.active{border-color:#cff74c;background:#cff74c;color:#231649}
.logo-choice.active b span{color:#6336ce}
.logo-choice img{width:118px;height:39px;object-fit:contain;filter:url(#logo-outline-2px)}
.logo-choice.active img{filter:url(#logo-outline-2px)}
.image-wordmark{width:210px;min-width:210px;height:70px;display:flex;align-items:center}
.image-wordmark img{width:100%;height:65px;object-fit:contain;object-position:left center;filter:none}
.logo-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.footer-logo{display:flex;width:220px;height:66px;align-items:center;text-decoration:none}
.footer-logo img{width:100%;height:58px;object-fit:contain;object-position:left center;filter:none}
.wordmark>.logo-one,.wordmark>.logo-two,.wordmark>.logo-three{display:none}
.wordmark.logo-option-1>.logo-one,.wordmark.logo-option-2>.logo-two,.wordmark.logo-option-3>.logo-three{display:block}
.logo-one{font-family:'Space Grotesk',sans-serif;font-size:38px;letter-spacing:-3px;line-height:.82}
.logo-one>span{display:block;color:#6336ce;margin-left:14px}
.logo-one sup,.logo-two sup{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}
.logo-one small,.logo-two small{display:block;font-size:8px;line-height:2;letter-spacing:1.2px;margin-top:7px;color:#231649}
.logo-two{font-family:'Manrope',sans-serif;font-size:43px;font-weight:800;letter-spacing:-3.5px;line-height:.9}
.logo-two>span{color:#ff4d93}
.logo-three{display:flex!important;align-items:center;gap:9px}
.wordmark:not(.logo-option-3)>.logo-three{display:none!important}
.logo-three b{display:grid;place-items:center;width:50px;height:50px;border:3px solid #231649;border-radius:50%;background:#cff74c;font-family:'Space Grotesk',sans-serif;font-size:22px;letter-spacing:-2px;box-shadow:3px 3px 0 #6336ce}
.logo-three i{font-family:'Space Grotesk',sans-serif;font-size:19px;font-style:normal;font-weight:800;letter-spacing:.08em}
.play .hero-product{transform:none}

@media(max-width:760px){
  .logo-lab{position:static;display:block;padding:8px 12px}
  .logo-lab>span{display:block;margin-bottom:6px;text-align:center;font-size:10px}
  .logo-lab>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
  .logo-choice{justify-content:center;min-height:45px;padding:6px 5px;text-align:center}
  .logo-choice small{display:none}
  .logo-choice b{font-size:14px}
  .logo-choice img{width:100%;height:32px}
  .logo-choice{display:flex;flex-direction:column;gap:2px}
  .image-wordmark{width:170px;min-width:170px;height:58px}
  .image-wordmark img{height:54px}
  .footer-logo{width:165px;height:54px}
  .footer-logo img{height:50px}
  .logo-one{font-size:34px}
  .logo-two{font-size:37px}
  .logo-three b{width:45px;height:45px}
}

@media(max-width:760px){
  .site-header{align-items:center}
  .site-header nav.open{border-top:2px solid var(--ink);padding-top:8px}
  .site-header nav a:not(.button){display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-size:16px}
  .site-header nav .button{width:100%}
  .hero-actions .button{min-width:170px}
  .brand-strip{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;row-gap:8px}
  .flavor-tabs button{min-height:48px}
  .questions summary{min-height:48px;align-items:center}
  footer{align-items:flex-start}
  footer div{display:grid;grid-template-columns:1fr 1fr;width:100%}
  footer div a{display:flex;align-items:center;min-height:44px}
}

@media(max-width:420px){
  .site-header{padding-inline:20px}
  .image-wordmark{width:150px;min-width:150px}
  .hero,.fresh .hero,.night .hero{padding-inline:20px}
  .section{padding:52px 20px}
  .flavor-card{display:block}
  .flavor-visual{height:205px}
  .flavor-visual img{height:145px;width:80%}
  .flavor-content{border-left:0!important;border-top:2px solid var(--ink)!important;padding:23px 22px}
  .ingredient-grid{grid-template-columns:1fr}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:14px}
  .hero-actions .button{width:100%}
  .text-link{display:flex;align-items:center;min-height:44px}
  .flavor-tabs{display:grid;grid-template-columns:1fr}
  .flavor-tabs button{width:100%}
  .final-cta .button{width:100%;max-width:320px}
  footer{padding:32px 20px}
  footer div{grid-template-columns:1fr}
}