/* Full-width backgrounds for sections; hero uses its original responsive layout. */
html,body{overflow-x:clip}
/* Homepage-only typography reduction; preserve the original collage. */
body .site .hero .header .script-logo{width:calc(297 * var(--u));height:calc(39.6 * var(--u))}
@media(min-width:901px){body .site .hero .header{max-width:calc(100% - 160 * var(--u));left:calc(80 * var(--u))}}
@media(min-width:701px) and (max-width:900px){body .site .hero .header .script-logo{width:198px;height:30.6px}}
body .site .hero .header{left:calc(60 * var(--u));width:calc(100% - 120 * var(--u));height:calc(58 * var(--u))}
body .site .hero .header__nav a{font-size:calc(18.36 * var(--u))}
@media(min-width:901px){
 body .site .hero .header{left:calc(80 * var(--u));width:calc(100% - 160 * var(--u))}
 body .site .hero .hero__copy h1 span{font-size:calc(68.85 * var(--u))}
 body .site .hero .hero__copy h1 em{font-size:calc(84.15 * var(--u))}
 body .site .hero:has(.hero__cta){height:calc(910 * var(--u));--hero-cta-space:calc(53 * var(--u))}
}
@media(min-width:701px) and (max-width:900px){
 body .site .hero .hero__copy h1 span{font-size:45.9px}
 body .site .hero .hero__copy h1 em{font-size:53.55px}
 body .site .hero:has(.hero__cta){height:calc(340px + 470 * (100vw / 1440))}
 body .site .hero:has(.hero__cta) .hero__gallery{top:calc(323px - 340 * var(--u))}
}
@media(max-width:700px){
 body .site{max-width:none;overflow:clip}
 body .site>section,body .site>.footer{width:min(100%,390px);margin-inline:auto;box-shadow:0 0 0 100vmax var(--beige);clip-path:inset(0 -100vmax)}
 body .site>:is(.hero,.world,.reviews,.contact){box-shadow:0 0 0 100vmax var(--orange)}
 body .site .hero .header{left:12px;width:calc(100% - 24px);height:40px}
 body .site .hero .hero__copy h1 span{font-size:45.9px}
 body .site .hero .hero__copy h1 em{font-size:53.55px}
 body .site .hero:has(.hero__cta){height:800px;--hero-cta-space:-19.5px}
 body .site .hero:has(.hero__cta){width:100%;max-width:none}
 body .site .hero .header .script-logo{width:162px;height:21.6px}
 body .site .hero .hero__copy{width:min(366px,calc(100% - 24px))}
 body .site .hero:has(.hero__cta) .hero__gallery{left:50%;right:auto;width:390px;transform:translateX(-50%)}
 body .site .hero .hero__brush{width:max(950px,100%)}
}