/* Preserve the approved larger opening; body sections use their previous type scale. */
header,.cream-navigation,.opening-panel{font-size:20.25px}
.opening-panel .eyebrow{font-size:13.5px}
.opening-panel .button{font-size:16.2px}
.opening-panel .button span{font-size:24.3px}
.opening-panel .underlink{font-size:16.2px}
.opening-panel .underlink span{font-size:25.65px}
.brand{font-size:44.55px}
.cream-navigation nav{font-size:16.2px}
.text-button{font-size:16.2px}
.kit-count{font-size:13.5px}
.hero-copy .eyebrow{font-size:12.15px}
.tiny-star{font-size:28.35px}
.hero-intro{font-size:20.25px}
.hero-buttons .underlink{font-size:14.85px}
.hero-small{font-size:13.5px}
.hero-footnote{font-size:12.15px}
.footer-top .brand{font-size:39.15px}
@media(max-width:1100px){.hero-intro{font-size:17.55px}}
@media(max-width:800px){.brand{font-size:40.5px}
.hero-copy .eyebrow{font-size:9.45px}
.hero-intro{font-size:16.2px}
.hero-small{font-size:12.15px}
.hero-buttons .button{font-size:13.5px}
.hero-buttons .underlink{font-size:13.5px}
.hero-footnote{font-size:10.8px}}
@media(max-width:580px){.brand{font-size:39.15px}
.text-button{font-size:13.5px}
.hero-copy .eyebrow{font-size:10.8px}
.hero-intro{font-size:17.55px}
.hero-buttons .button{font-size:14.85px}
.hero-small{font-size:12.15px}
.hero-footnote{font-size:10.8px}
.opening-panel .eyebrow{font-size:10.8px}
.footer-top .brand{font-size:39.15px}}
@media(max-width:360px){.hero-buttons .button{font-size:13.5px}
.hero-buttons .underlink{font-size:12.15px}}
#delivery-country{font-size:16.2px}
@media(max-width:700px){.article-page .hero-intro{font-size:21.6px}}
@media(max-width:580px){header .brand{font-size:39.15px}
.text-button{font-size:16.2px}
#delivery-country{font-size:18.9px}
.cream-navigation nav a{font-size:20.25px}
.hero-copy .eyebrow{font-size:12.15px}
.hero-intro{font-size:20.25px}
.hero-small,.hero-footnote{font-size:14.85px}
.hero-buttons .button,.opening-panel .underlink{font-size:17.55px}}
@media(max-width:360px){header .brand{font-size:33.75px}
.text-button{font-size:14.85px}}
header,.cream-navigation,.opening-panel{font-size:21.6px}
.opening-panel .button,.opening-panel .button.light{font-size:18.9px}
.opening-panel .underlink{font-size:18.9px}
.hero h1{font-size:clamp(60.75px,6.48vw,97.2px)}
.hero-copy .eyebrow{font-size:13.5px}
.hero-intro{font-size:22.95px}
.hero-visual .photo-caption{font-size:13.5px}
.hero-small{font-size:16.2px}
.hero-footnote{font-size:14.85px}
@media(min-width:801px) and (max-height:850px){.hero h1{font-size:clamp(59.4px,6.075vw,86.4px)}
.hero-intro{font-size:21.6px}}
@media(max-width:1000px) and (min-width:801px){.hero h1{font-size:62.1px}
.hero-intro{font-size:20.25px}}
@media(max-width:800px){.hero h1{font-size:clamp(54px,10.8vw,81px)}
.hero-intro{font-size:21.6px}
.hero-footnote{font-size:14.85px}
.hero-visual .photo-caption{font-size:12.15px}}
.hero-price{font-size:24.3px}
.hero-price strong{font-size:59.4px}
.hero-price>span{font-size:20.25px}
.hero h1{font-size:clamp(56.7px,5.8725vw,86.4px)}
@media(min-width:801px) and (max-height:850px){.hero h1{font-size:clamp(56.7px,5.535vw,79.65px)}
.hero-price{font-size:21.6px}
.hero-price strong{font-size:51.3px}}
@media(max-width:600px){.hero-price{font-size:21.6px}
.hero-price strong{font-size:51.3px}
.hero h1{font-size:clamp(54px,11.07vw,71.55px)}}
@media(min-width:1001px) and (min-height:650px){.opening-panel .hero-copy .eyebrow{font-size:12.15px}
.opening-panel .hero-price{font-size:21.6px}
.opening-panel .hero-price strong{font-size:48.6px}
.opening-panel .hero h1{font-size:clamp(56.7px,5.13vw,79.65px)}
.opening-panel .hero-intro{font-size:20.25px}
.opening-panel .hero-buttons .button{font-size:16.2px}
.opening-panel .hero-buttons .underlink{font-size:16.2px}
.opening-panel .hero-footnote{font-size:13.5px}
.opening-panel .premium-benefits strong{font-size:16.2px}
.opening-panel .premium-benefits small{font-size:13.5px}}
@media(min-width:1001px) and (min-height:650px) and (max-height:740px){.opening-panel .hero h1{font-size:clamp(54px,4.5225vw,68.85px)}
.opening-panel .hero-price strong{font-size:41.85px}
.opening-panel .hero-intro{font-size:18.9px}
.opening-panel .hero-visual .photo-caption{font-size:12.15px}}
@media(min-width:1001px) and (min-height:650px) and (max-height:850px){.opening-panel .hero h1{font-size:clamp(43.2px,4.05vw,59.4px)}
.opening-panel .hero-intro{font-size:17.55px}
.opening-panel .hero-visual .photo-caption{font-size:10.8px}}
.opening-panel .premium-benefits strong{font-size:16.2px}
.cream-navigation #navigation{font-size:16.2px}
@media(max-width:800px){.cream-navigation #navigation,.cream-navigation #navigation.open{font-size:14.85px}}
.opening-panel .cinema-hero h1{font-size:clamp(49.95px,5.13vw,78.3px)}
.cinema-hero .hero-intro{font-size:18.9px}
.opening-panel .cinema-hero .photo-caption{font-size:12.15px}
@media(min-width:1001px) and (min-height:650px) and (max-height:740px){.opening-panel .cinema-hero h1{font-size:clamp(40.5px,3.375vw,48.6px)}
.opening-panel .cinema-hero .hero-intro{font-size:17.55px}
.opening-panel .cinema-hero .hero-price strong{font-size:40.5px}}
@media(min-width:801px) and (max-width:1000px){.opening-panel .cinema-hero h1{font-size:56.7px}}
@media(max-width:800px){.opening-panel .cinema-hero h1{font-size:clamp(47.25px,11.475vw,62.1px)}
.opening-panel .cinema-hero .hero-intro{font-size:18.9px}
.opening-panel .cinema-hero .photo-caption{font-size:10.8px}}
@media(max-width:800px){.cream-navigation #navigation,.cream-navigation #navigation.open{font-size:14.85px}}