/* Playful CPG art direction, isolated from the legacy page styles. */
@font-face{font-family:"Permanent Marker";src:url("../fonts/PermanentMarker-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.fit-home { --cream: #fff9e9; --cream-2: #fff9e9; --ink: #38221e; --rust: #a32924; background: #fff9e9; color: #38221e; }
.fit-home::before { display: none; }
.fit-home .nav { position: absolute; top: 34px; padding: 15px 4.5vw; color: #a32924; background: transparent; box-shadow: none; }
.fit-home .nav.scrolled { position: fixed; top: 0; padding-block: 10px; color: #a32924; background: #fff9e9f2; backdrop-filter: blur(18px); }
.fit-home .nav .logo { width: 240px; height: 52px; filter: none; object-fit: cover; object-position: 53% center; }
.fit-home .nav-links { gap: clamp(16px,2.6vw,38px); font-weight: 800; letter-spacing: .065em; font-size: 11px; }
.fit-home .nav .cart { min-width: 108px; border: 1.5px solid #a32924; color: #a32924; background: transparent; font-weight: 800; }
.fit-home .nav .cart:hover { color: #fff9e9; background: #a32924; }
.fit-home .mobile-menu-toggle { border-color: #a32924; color: #a32924; background: transparent; }
.fit-home .mobile-menu-toggle span { background: #a32924; }
.fit-home .mobile-menu { background: #fff9e9; color: #a32924; top: 110px; }
.fit-announcement { position: absolute; z-index: 51; top: 0; left: 0; width: 100%; height: 34px; display: flex; justify-content: center; align-items: center; gap: 6px; color: #fff9e9; background: #a32924; font-size: 10px; font-weight: 750; letter-spacing: .04em; }
.fit-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 20px; font: 800 11px/1.5 system-ui,sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #a32924; }
.tiny-star { font-size: 26px; line-height: 1; }
.home-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 3vw; min-height: min(900px,100svh); padding: 155px 5vw 80px; overflow: hidden; background: #f8e9a5; }
.home-hero::after { content: ""; position: absolute; z-index: -1; width: 55vw; height: 55vw; right: -13vw; top: 3vw; border-radius: 50%; border: 1px solid #a3292418; box-shadow: 0 0 0 45px #a3292406,0 0 0 90px #a3292405; }
.hero-editorial { position: relative; z-index: 3; max-width: 690px; }
.home-hero h1 { margin: 0; max-width: none; font-family: "Arial Black","Helvetica Neue",Arial,sans-serif; font-size: clamp(55px,6.6vw,105px); font-weight: 950; line-height: .94; letter-spacing: -.065em; color: #a32924; text-transform: uppercase; }
.home-hero h1 em { display: inline-block; color: #a32924; font-family: Georgia,"Times New Roman",serif; font-weight: 700; font-style: italic; letter-spacing: -.075em; transform: rotate(-3deg); }
.hero-description { max-width: 390px; margin: 25px 0 27px; font-size: 15px; line-height: 1.65; color: #60372b; }
.hero-cta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.fit-button { position: relative; display: inline-flex; justify-content: space-between; align-items: center; gap: 34px; padding: 17px 24px; min-height: 58px; border: 2px solid #a32924; border-radius: 100px; background: #a32924; color: #fff9e9; font-size: 13px; font-weight: 850; letter-spacing: .025em; box-shadow: 0 4px 0 #70251f; transition: transform .25s var(--fit-ease),box-shadow .25s,background .25s; }
.fit-button span { font-size: 22px; line-height: 1; transition: transform .25s; }
.fit-button:hover { transform: translateY(-4px) rotate(-1deg); box-shadow: 0 8px 0 #70251f; background: #b4352b; }
.fit-button:hover span { transform: translate(3px,-3px); }
.fit-button:active { transform: translateY(3px); box-shadow: 0 1px 0 #70251f; }
.fit-text-link { padding: 10px 0; border-bottom: 1px solid #a32924; font-size: 12px; color: #a32924; font-weight: 750; }
.fit-text-link span { margin-left: 13px; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 32px; color: #794031; font-size: 10px; font-weight: 750; }
.hero-facts span::before { content: "✓"; display: inline-block; margin-right: 5px; color: #a32924; }
.hero-art { position: relative; height: clamp(400px,39vw,570px); min-width: 0; isolation: isolate; }
.hero-orbit { position: absolute; width: 85%; aspect-ratio: 1; left: 8%; top: 3%; border: 1px dashed #a3292438; border-radius: 50%; transform: rotate(-20deg); }
.flavor-photo { position: absolute; margin: 0; overflow: hidden; padding: 8px 8px 0; background: #fff9e9; border: 1px solid #8c35232b; border-radius: 130px 130px 16px 16px; box-shadow: 6px 15px 0 #a3292414,0 24px 35px #6c331c18; }
.flavor-photo img { width: 100%; height: calc(100% - 53px); object-fit: cover; border-radius: 123px 123px 8px 8px; }
.flavor-photo figcaption { height: 53px; display: flex; flex-direction: column; justify-content: center; padding: 0 9px; color: #a32924; font-size: 10px; font-weight: 700; }
.flavor-photo figcaption span:first-child { font-family: Georgia,serif; font-size: 23px; line-height: 1.15; font-style: italic; }
.flavor-photo figcaption span:last-child { font-size: 9px; letter-spacing: .02em; margin-top: 3px; }
.flavor-photo-back { width: 56%; height: 85%; right: 0; top: 0; transform: rotate(7deg); }
.flavor-photo-front { width: 68%; height: 92%; left: 1%; top: 2%; transform: rotate(-5deg); }
.hero-seal { position: absolute; z-index: 3; right: -1%; top: 58%; width: 130px; height: 130px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; background: #a32924; color: #f8e9a5; clip-path: polygon(50% 0%,58% 7%,68% 3%,73% 13%,84% 12%,86% 23%,96% 28%,93% 39%,100% 48%,94% 57%,97% 68%,87% 73%,85% 84%,74% 85%,68% 95%,57% 92%,48% 100%,40% 93%,29% 97%,24% 87%,13% 86%,12% 75%,3% 69%,6% 58%,0% 49%,7% 40%,3% 29%,13% 24%,14% 13%,25% 12%,31% 3%,41% 7%); transform: rotate(12deg); animation: fit-seal 9s ease-in-out infinite; }
.hero-seal span { font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.hero-seal strong { font-family: "Arial Black",Arial,sans-serif; font-size: 29px; letter-spacing: -.08em; }
.hero-art-note { position: absolute; right: 0; top: -6%; color: #a32924; font-family: Georgia,serif; font-style: italic; font-size: 20px; transform: rotate(8deg); }
.hero-flavor-picker { position: absolute; left: 0; bottom: -30px; display: flex; justify-content: center; width: 100%; gap: 7px; z-index: 4; }
.flavor-choice { min-height: 37px; padding: 8px 11px; border: 1px solid #a3292455; border-radius: 99px; background: #f8e9a5; color: #8c2c24; font: 750 10px/1 system-ui,sans-serif; cursor: pointer; transition: background .2s,transform .25s; }
.flavor-choice span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--swatch); margin-right: 5px; }
.flavor-choice:hover { transform: translateY(-3px); }
.flavor-choice.active { background: #fff9e9; border-color: #a32924; box-shadow: 0 2px 0 #a32924; }
.hero-scroll { position: absolute; bottom: 18px; left: 5vw; display: flex; align-items: center; gap: 10px; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; font-weight: 750; color: #a32924; }
.hero-scroll span { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #a3292460; border-radius: 50%; font-size: 14px; }
.crunch-ribbon { overflow: hidden; padding: 20px 0; background: #a32924; color: #f8e9a5; border-block: 1px solid #a32924; }
.crunch-track { display: flex; width: max-content; animation: fit-marquee 40s linear infinite; }
.crunch-track > span { white-space: nowrap; font-family: "Arial Black",Arial,sans-serif; font-size: clamp(16px,2vw,24px); text-transform: uppercase; font-weight: 900; letter-spacing: -.025em; }
.crunch-track b { display: inline-block; margin: 0 28px; font-size: 25px; vertical-align: middle; }
.fit-home h2 { font-family: "Arial Black","Helvetica Neue",Arial,sans-serif; font-size: clamp(38px,5.2vw,74px); font-weight: 950; letter-spacing: -.06em; line-height: .97; color: #a32924; margin: 0; }
.fit-home h2 em { font-family: Georgia,serif; font-style: italic; font-weight: 700; letter-spacing: -.065em; }
.fit-home .flavors { display: block; background: #fff9e9; padding: 85px 5vw; }
.flavor-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 40px; }
.flavor-heading > p { max-width: 285px; color: #794e3d; font-size: 13px; line-height: 1.7; }
.fit-home .product-row { display: grid; width: 100%; max-width: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 0 0 38px; }
.fit-home .product-card { position: relative; overflow: hidden; padding: 12px 12px 20px; background: var(--card-fill,#f4e9ce); border: 1px solid var(--card-accent,#a32924); border-radius: 18px; text-align: left; box-shadow: none; transition: transform .5s var(--fit-ease),box-shadow .5s; }


.fit-home .product-card img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; padding: 0; border-radius: 10px; transition: transform .6s var(--fit-ease); mix-blend-mode: multiply; }
.fit-home .product-card h3 { margin: 18px 6px 6px; color: #a32924; font-family: "Arial Black",Arial,sans-serif; font-weight: 900; font-size: clamp(17px,1.8vw,24px); letter-spacing: -.04em; }
.fit-home .product-card > p { margin: 0 6px 15px; color: #6f4633; font-size: 13px; }
.fit-home .product-card .add-to-cart { width: calc(100% - 12px); margin: 0 6px; min-height: 43px; border: 1px solid #a32924; background: transparent; color: #a32924; border-radius: 99px; font-size: 10px; font-weight: 850; letter-spacing: .07em; }
.fit-home .product-card .add-to-cart:hover { background: #a32924; color: #fff9e9; }
@media(hover:hover) {
  .fit-home .product-card:hover { transform: translateY(-7px) rotate(-1deg); box-shadow: 5px 9px 0 #a3292420; }
  .fit-home .product-card:hover img { transform: scale(1.035); }
}
.fit-home .flavors > .button { background: #a32924; border-color: #a32924; }
.fit-home .benefit-bar { background: #edf0da; border-block: 1px solid #a3292426; padding: 35px 5vw; }
.fit-home .benefit .mini { color: #a32924; border-color: #a3292440; background: transparent; }
.fit-home .benefit strong { color: #a32924; }
.fit-home .proof-strip { background: #a32924; color: #f8e9a5; }
.fit-home .proof-item { min-height: 150px; }
.fit-home .proof-item strong { font-family: "Arial Black",Arial,sans-serif; font-size: clamp(19px,2vw,28px); font-weight: 850; letter-spacing: -.035em; }
.fit-home .bundle { background: #f8e9a5; padding: 80px 5vw; overflow: hidden; }
.fit-home .bundle-stage img { transform: scale(1.08) rotate(-5deg); border-radius: 30px; mix-blend-mode: multiply; transition: transform .7s var(--fit-ease); }
.fit-home .bundle-stage:hover img { transform: scale(1.12) rotate(-1deg); }
.fit-home .bundle h2 { font-size: clamp(36px,4.7vw,68px); }
.bundle-intro { max-width: 420px; margin: 20px 0; font-size: 13px; line-height: 1.7; color: #744735; }
.fit-home .plan { border-color: #a3292455; border-radius: 12px; }
.fit-home .plan.active { background: #a32924; border-color: #a32924; color: #fff9e9; }
.fit-home .bundle-builder { background: #fff9e9a6; border-color: #a3292433; border-radius: 16px; }
.fit-home .bundle-add { background: #a32924; border-color: #a32924; }
.fit-home .instagram-section { background: #f6dfd2; padding-block: 75px; }
.fit-home .instagram-head h2 { font-size: clamp(32px,4.5vw,62px); }
.fit-home .instagram-card { border-radius: 15px; }
.fit-home .reviews { background: #fff9e9; padding: 75px 5vw; }
.fit-home .reviews h2 { margin-bottom: 35px; }
.fit-home .review-card-grid { gap: 18px; }
.fit-home .review-card { border: 1px solid #a3292433; border-radius: 20px; background: #f8e9a5; overflow: hidden; }
.fit-home .review-card:nth-child(even) { background: #edf0da; }
.fit-home .review-card-body { padding: 28px 22px; }
.fit-home .review-card .stars { color: #a32924; }
.fit-home .review-card blockquote { color: #79382a; font-family: Georgia,serif; font-size: 23px; line-height: 1.2; }
.fit-home .review-card footer { background: none; padding-top: 20px; color: #8a4534; }
.fit-home .faq { padding: 80px 5vw; background: #edf0da; }
.fit-home .faq summary { padding-block: 24px; color: #a32924; }
.fit-home .faq details { border-color: #a3292433; }
.fit-closing { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; padding: 65px 5vw; background: #a32924; color: #fff9e9; overflow: hidden; }
.fit-closing .fit-eyebrow, .fit-closing h2 { color: #f8e9a5; }
.fit-closing p:not(.fit-eyebrow) { margin: 25px 0; font-size: 14px; }
.fit-closing .fit-button { color: #a32924; background: #f8e9a5; border-color: #f8e9a5; box-shadow: 0 4px 0 #6b211b; }
.fit-closing > img { width: 100%; height: auto; mix-blend-mode: screen; transform: rotate(7deg); border-radius: 45%; }
.fit-home > footer { background: #56251f; }
.fit-home > footer .footer-logo { filter: invert(1); mix-blend-mode: screen; opacity: 1; }
.fit-home .promo-form{grid-template-columns:1fr}
.welcome-trigger { position: fixed; left: 16px; bottom: 16px; z-index: 48; min-height: 40px; padding: 9px 15px; background: #a32924; color: #fff9e9; border: 1px solid #fff9e970; border-radius: 99px; font: 750 10px/1.3 system-ui,sans-serif; cursor: pointer; box-shadow: 0 4px 14px #38221e20; transition: transform .2s; }
.welcome-trigger:hover { transform: translateY(-3px); }
.welcome-trigger span { margin-left: 10px; }
@keyframes fit-product-front { from { opacity: 0; transform: translateY(18px) rotate(-5deg); } to { opacity: 1; transform: translateY(0) rotate(-5deg); } }
@keyframes fit-product-back { from { opacity: 0; transform: translateY(18px) rotate(7deg); } to { opacity: 1; transform: translateY(0) rotate(7deg); } }
@keyframes fit-seal { 0%,100% { transform: rotate(12deg); } 50% { transform: rotate(-5deg); } }
@keyframes fit-marquee { to { transform: translateX(-50%); } }
@keyframes fit-arrive { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: none; } }
html.fit-motion .hero-editorial > * { animation: fit-arrive .85s var(--fit-ease) both; }
html.fit-motion .hero-editorial > :nth-child(2) { animation-delay: .1s; }
html.fit-motion .hero-editorial > :nth-child(3) { animation-delay: .18s; }
html.fit-motion .hero-editorial > :nth-child(4) { animation-delay: .25s; }
html.fit-motion .hero-editorial > :nth-child(5) { animation-delay: .3s; }
@media(min-width:1500px) { .home-hero { padding-inline: max(5vw,calc((100vw - 1400px)/2)); } }
@media(max-width:1000px) {
  .home-hero { min-height: 780px; gap: 0; padding-inline: 4vw; }
  .home-hero h1 { font-size: 7.1vw; }
  .hero-art { height: 390px; }
  .hero-seal { width: 105px; height: 105px; right: -2%; }
  .hero-seal strong { font-size: 23px; }
  .hero-seal span { font-size: 7px; }
  .hero-cta-row { gap: 15px; }
  .hero-description { font-size: 14px; }
  .fit-home .product-row { gap: 15px; }
  .fit-home .bundle { grid-template-columns: 1fr; }
  .fit-home .bundle-stage { height: 390px; }
  .fit-home .bundle-stage img { max-width: 540px; }
}
@media(max-width:720px) {
  .fit-home .nav { padding: 12px 5vw; grid-template-columns: 1fr auto auto; gap: 12px; }
  .fit-home .nav .logo { width: 175px; height: 43px; }
  .fit-home .nav .cart { min-width: 87px; padding: 10px 12px; font-size: 9px; }
  .fit-home .nav .mobile-menu-toggle { width: 37px; height: 37px; }
  .fit-announcement { font-size: 9px; }
  .fit-announcement > span { display: none; }
  .home-hero { grid-template-columns: 1fr; min-height: auto; padding: 134px 6vw 75px; gap: 45px; }
  .hero-editorial { max-width: none; }
  .home-hero h1 { font-size: clamp(54px,11.9vw,85px); line-height: .93; }
  .hero-editorial .fit-eyebrow { font-size: 9px; margin-bottom: 17px; letter-spacing: .06em; }
  .tiny-star { font-size: 21px; }
  .hero-description { margin-block: 22px; max-width: 400px; font-size: 14px; }
  .hero-facts { margin-top: 24px; gap: 14px; font-size: 9px; }
  .hero-cta-row { gap: 25px; }
  .fit-button { min-height: 54px; font-size: 12px; padding: 14px 23px; }
  .hero-art { width: 90%; height: clamp(340px,85vw,490px); max-width: 480px; margin: 0 auto 23px; }
  .hero-seal { right: -7%; top: 58%; width: 112px; height: 112px; }
  .hero-art-note { top: -4%; font-size: 18px; }
  .hero-flavor-picker { bottom: -33px; }
  .flavor-choice { padding-inline: 10px; font-size: 9px; }
  .hero-scroll { display: none; }
  .home-hero::after { width: 100vw; height: 100vw; top: auto; bottom: -10vw; right: -25vw; }
  .crunch-ribbon { padding: 15px 0; }
  .crunch-track b { margin-inline: 20px; font-size: 20px; }
  .fit-home .flavors, .fit-home .reviews, .fit-home .faq { padding: 55px 5vw; }
  .flavor-heading { display: block; margin-bottom: 25px; }
  .flavor-heading > p { margin-top: 20px; font-size: 12px; }
  .fit-home .product-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .fit-home .product-card { padding: 7px 7px 14px; border-radius: 13px; }
  .fit-home .product-card h3 { font-size: 16px; margin: 13px 3px 6px; }
  .fit-home .product-card > p { font-size: 11px; margin-inline: 3px; }
  .fit-home .product-card .add-to-cart { margin-inline: 3px; width: calc(100% - 6px); font-size: 8px; min-height: 38px; }
  .fit-home .benefit-bar { padding: 30px 5vw; gap: 24px; }
  .fit-home .proof-strip { grid-template-columns: 1fr 1fr; }
  .fit-home .proof-item { min-height: 130px; padding: 20px; border-bottom: 1px solid #ffffff2a; }
  .fit-home .bundle { padding: 50px 5vw; gap: 30px; }
  .fit-home .bundle-stage { height: 300px; }
  .fit-home .bundle h2 { font-size: 42px; }
  .fit-home .instagram-section { padding-block: 50px; }
  .fit-home .review-card-grid { grid-template-columns: 1fr 1fr; }
  .fit-home .review-card-body { padding: 22px 16px; }
  .fit-home .review-card blockquote { font-size: 19px; }
  .fit-closing { grid-template-columns: 1fr; padding: 55px 6vw 30px; gap: 15px; }
  .fit-closing > img { max-height: 340px; object-fit: contain; }
  .welcome-trigger { bottom: 12px; left: 10px; font-size: 9px; padding-inline: 12px; min-height: 36px; }
}
@media(max-width:360px) {
  .home-hero h1 { font-size: 12vw; }
  .hero-facts { gap: 9px; font-size: 8px; }
  .hero-cta-row { gap: 17px; }
  .fit-home .nav .logo { width: 150px; }
  .hero-art { width: 92%; height: 315px; }
}

.fit-home .product-card[data-flavor] h3,.fit-home .product-card[data-flavor] > p{color:var(--card-accent)}
.fit-home .product-card[data-flavor] .add-to-cart{color:var(--card-accent);border-color:var(--card-accent);background:transparent}
.fit-home .product-card[data-flavor] .add-to-cart:hover{background:var(--card-accent);color:#fff9e9}
/* Open layouts and fewer labels. */
.home-hero h1{font-size:clamp(52px,5.8vw,88px);text-transform:none;line-height:.98}
.home-hero h1 .hero-punchline{display:inline-block;margin-top:14px;font-size:.65em;letter-spacing:-.055em}
.fit-home .nav-links{font-size:12px;letter-spacing:.03em}
.fit-announcement{font-size:12px;letter-spacing:.015em}
.hero-description{font-size:17px;max-width:425px;line-height:1.6}
.hero-cta-row{gap:28px}
.fit-button{font-size:15px;min-height:60px;padding:17px 27px;letter-spacing:0}
.fit-text-link{font-size:15px}
.flavor-photo{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.flavor-photo img{border-radius:42% 42% 12px 12px;mix-blend-mode:multiply}
.flavor-photo figcaption{padding:14px 0 0;height:auto}
.flavor-photo figcaption span:first-child{font-size:26px}
.flavor-photo-back img{height:100%}
.hero-seal strong{font-size:24px;line-height:.95;text-align:center;letter-spacing:-.055em}
.flavor-choice{font-size:13px;background:transparent;border:0;border-radius:0;padding:10px 6px;box-shadow:none}
.flavor-choice.active{background:transparent;border:0;border-bottom:2px solid #a32924;box-shadow:none}
.flavor-choice span{width:10px;height:10px}
.flavor-heading > p{font-size:16px;line-height:1.55;max-width:320px}
.fit-home .product-card{border:0;border-radius:14px;padding:12px 12px 20px}
.fit-home .product-card h3{margin-top:18px}
.fit-home .product-card > p{font-size:15px}
.fit-home .product-card .add-to-cart{font-size:12px;min-height:47px;letter-spacing:.035em}
.open-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:55px 5vw;background:#edf0da}
.open-benefits h3{margin:0 0 14px;font-family:"Arial Black",Arial,sans-serif;font-size:27px;letter-spacing:-.045em;color:#a32924}
.open-benefits p{margin:0;max-width:320px;font-size:16px;line-height:1.65;color:#6d4635}
.bundle-intro{font-size:16px;line-height:1.6}
.fit-home .bundle-builder{border:0;background:transparent;padding:0;margin-top:25px}
.fit-home .bundle-flavor-name span{font-size:14px}
.fit-home .bundle-progress{font-size:13px}
.fit-home .bundle-builder-header strong{font-size:15px}
.fit-home .bundle-reset{font-size:13px}
.fit-home .bundle-add{font-size:12px;letter-spacing:.035em}
.fit-home .plan span{font-size:14px}
.fit-home .review-card{border:0;border-radius:14px}
.fit-home .review-card footer{font-size:13px;letter-spacing:.04em}
.fit-home .faq summary{font-size:15px;letter-spacing:.015em}
.fit-home .faq details p{font-size:16px;line-height:1.65}
.welcome-trigger{font-size:12px;padding:12px 17px;min-height:42px}
@media(max-width:720px){
 .home-hero h1{font-size:clamp(46px,11.7vw,76px)}
 .fit-announcement{font-size:11px}
 .home-hero{gap:35px}
 .hero-description{font-size:16px}
 .fit-button{font-size:14px;min-height:55px;padding:14px 22px}
 .fit-text-link{font-size:14px}
 .hero-cta-row{gap:23px}
 .flavor-choice{font-size:12px;padding-inline:6px}
 .hero-seal strong{font-size:22px}
 .flavor-heading > p{font-size:15px}
 .fit-home .product-card{padding:8px 8px 15px;border-radius:11px}
 .fit-home .product-card h3{font-size:18px;margin-inline:2px}
 .fit-home .product-card > p{font-size:14px;margin-inline:2px}
 .fit-home .product-card .add-to-cart{font-size:11px;letter-spacing:0;margin-inline:2px;width:calc(100% - 4px)}
 .open-benefits{grid-template-columns:1fr;gap:30px;padding:40px 6vw}
 .open-benefits h3{font-size:25px;margin-bottom:9px}
 .open-benefits p{font-size:16px;max-width:100%}
 .bundle-intro{font-size:16px}
 .welcome-trigger{font-size:11px;min-height:40px}
}

/* The headline leads; the product photography supports it. */
.home-hero{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:5vw;min-height:min(860px,100svh);background:#ffe69b}
.home-hero::after,.hero-orbit,.hero-seal{display:none}
.hero-editorial{max-width:760px}
.home-hero h1{font-size:clamp(64px,7.1vw,110px);line-height:.92;letter-spacing:-.065em}
.home-hero h1 em{position:relative;font-size:1.08em;transform:none}
.home-hero h1 em::after{content:"";position:absolute;left:2%;right:1%;bottom:-5px;height:5px;background:currentColor;border-radius:50%;transform:rotate(-2deg)}
.home-hero h1 .hero-punchline{margin-top:25px;font-size:.49em;line-height:1.05}
.hero-description{max-width:455px;margin-block:26px 28px}
.hero-art{width:100%;max-width:440px;height:410px;justify-self:end;margin-right:4px}
.hero-art::before{content:"";position:absolute;z-index:-1;inset:5% -2% 8% 5%;border-radius:50%;background:#f5d77b}
.flavor-photo-front{width:69%;height:88%;left:0;top:4%}
.flavor-photo-back{width:53%;height:77%;right:0;top:9%}
.flavor-photo figcaption span:first-child{font-size:22px}
.hero-flavor-picker{bottom:-12px;gap:10px}
html.fit-motion .flavor-photo-front{animation:fit-product-front .75s var(--fit-ease) .2s both}
html.fit-motion .flavor-photo-back{animation:fit-product-back .75s var(--fit-ease) .32s both}
@media(max-width:1000px) and (min-width:721px){
 .home-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4vw;min-height:740px}
 .home-hero h1{font-size:clamp(64px,7.8vw,82px)}
 .hero-art{height:340px}
}
@media(max-width:720px){
 .home-hero{grid-template-columns:1fr;min-height:0;gap:30px;padding-top:136px;padding-bottom:60px}
 .home-hero h1{font-size:clamp(58px,15vw,84px)}
 .home-hero h1 .hero-punchline{margin-top:20px;font-size:.48em}
 .home-hero h1 em::after{height:4px;bottom:-4px}
 .hero-description{max-width:410px;margin-block:23px 25px}
 .hero-art{width:85%;max-width:345px;height:300px;margin:6px auto 17px;justify-self:center}
 .hero-flavor-picker{bottom:-17px;gap:8px}
 .flavor-choice{font-size:12px}
}
@media(min-width:721px){
 .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:760px;padding:155px max(5vw,calc((100vw - 1220px)/2)) 80px}
 .home-hero h1{font-size:clamp(68px,7.9vw,114px)}
 .hero-art{justify-self:start;max-width:490px;height:430px;margin-right:0}
}
@media(min-width:721px) and (max-width:1000px){
 .home-hero{gap:20px;min-height:720px;padding-inline:4vw}
 .home-hero h1{font-size:clamp(64px,8vw,80px)}
 .hero-art{height:335px}
}
.home-hero h1,.home-hero h1 em{font-family:"Permanent Marker","Arial Black",cursive;font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:-.045em;line-height:.98}
.home-hero h1 em{font-size:1.04em}
.home-hero h1 em::after{display:none}