/* v3: the jar silhouette frames the opening, photography carries the rest. */
.site-header{height:100px}
.brand img{width:144px}
.hero-copy,.is-live .hero-copy{top:46%}
.hero h1,.hero h2{letter-spacing:-.065em;line-height:1.02}
.hero-copy p{font-size:18px;line-height:1.65;max-width:34ch;margin:28px 0 30px}
.product-disc{inset:0 -2% -23%;border-radius:48% 48% 0 0;background:var(--soft)}
.hero-product .product-note{bottom:-2px}
.hero-bottom{bottom:24px}
.button{font-size:16px;padding:18px 27px}
.motion-toggle:disabled{cursor:default;opacity:1}
.flavors .section-heading{margin-bottom:54px}
.flavors .section-heading p{font-size:18px;line-height:1.65;max-width:31ch}
.flavor-experience,.flavor-sticky,.flavor-panel,.flavor-orbit,.flavor-experience>.flavor-copy{background:transparent}
.flavor-orbit{--orbit-height:min(520px,calc(100svh - 160px));height:var(--orbit-height)}
.flavor-orbit-disc{display:none}
.flavor-orbit-track{opacity:.24}
.flavor-orbit-item{width:min(31%,calc(var(--orbit-height)*.56 - 106px))}
.flavor-copy .flavor-description-tag{font-size:18px;color:var(--ink);margin-bottom:18px;line-height:1.5}
.flavor-experience>.flavor-copy{min-height:min(520px,calc(100svh - 160px));padding:40px clamp(28px,4.2vw,64px)}
.flavor-copy h3{font-size:clamp(42px,4.7vw,72px);margin-bottom:24px}
.flavor-copy p{font-size:18px;line-height:1.65}
.flavor-copy .flavor-facts{font-size:16px}
.flavor-sticky .flavor-tab{font-size:16px}
.orbit-synopsis{display:none}
@media(min-width:651px) and (max-width:1000px){
 .hero-copy,.is-live .hero-copy{top:47%}
 .hero-copy p{font-size:16px;max-width:29ch}
 .flavor-orbit{--orbit-height:min(460px,calc(100svh - 160px))}
 .flavor-orbit-item{width:min(38%,calc(var(--orbit-height)*.56 - 106px))}
 .flavor-experience>.flavor-copy{min-height:min(460px,calc(100svh - 160px));padding:30px 26px}
 .flavor-copy h3{font-size:42px}
 .flavor-copy p{font-size:16px}
 .flavor-sticky .flavor-tab{font-size:13px}
}
@media(max-width:650px){
 .site-header{height:80px}
 .brand img{width:112px}
 .hero-copy,.is-live .hero-copy{top:106px}
 .hero h1,.hero h2{font-size:clamp(43px,11.6vw,67px);line-height:1.05;letter-spacing:-.06em}
 .hero-copy p{font-size:16px;line-height:1.5;max-width:36ch;margin:20px 0}
 .hero .button{font-size:14px;padding:13px 19px}
 .hero-beat.beat-third .text-link{display:none}
 .hero-product .product-disc{inset:0 -1% -10%;border-radius:47% 47% 0 0}
 .hero-product .product-note{bottom:-4px}
 .hero-bottom{bottom:10px}
 .flavors .section-heading{margin-bottom:32px}
 .flavors .section-heading p{font-size:16px;margin-top:24px;max-width:32ch}
 .flavors .section-heading h2{font-size:44px}
 .flavor-orbit{--orbit-height:min(clamp(280px,90vw,450px),calc(100svh - 270px))}
 .flavor-orbit-item{width:min(31%,calc(var(--orbit-height)*.56 - 86px))}
 .flavor-sticky .flavor-tab{font-size:13px}
 .orbit-synopsis{display:block;padding:12px 20px 5px;background:var(--cream)}
 .orbit-synopsis #orbit-summary{font-size:16px;line-height:1.5;max-width:35ch;min-height:72px}
 .orbit-synopsis #orbit-facts{font-size:14px;line-height:1.5;margin-top:10px;color:var(--muted)}
 .orbit-details-trigger{background:var(--cream);padding:6px 20px 12px;min-height:48px;justify-content:flex-start;font-size:16px}
 .flavor-experience>.flavor-copy{display:none}
}
@media(max-width:650px) and (max-height:760px){
 .hero-copy,.is-live .hero-copy{top:88px}
 .hero h1,.hero h2{font-size:42px}
 .hero-copy p{margin:16px 0;font-size:16px;line-height:1.5}
 .hero-product .product-disc{inset:0 0 -5%}
 .orbit-synopsis{padding-top:8px}
 .orbit-synopsis #orbit-summary{font-size:16px;line-height:1.4;min-height:68px}
 .orbit-synopsis #orbit-facts{margin-top:7px}
 .orbit-details-trigger{padding-bottom:6px;min-height:44px}
}