html.nav-open{overflow:hidden}html.nav-open header.nav{background:#141a20}html.nav-open header.nav nav.links{top:var(--nav-bottom,82px);z-index:120;height:calc(100dvh - var(--nav-bottom,82px));padding:16px 28px max(32px,env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#141a20;border-top:1px solid #ffffff14;flex-direction:column;align-items:flex-start;gap:4px;margin:0;display:flex;position:fixed;left:0;right:0;overflow-y:auto}html:not(.xg-js) .reveal,html.xg-reveal-all .reveal{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;transform:none!important}}.hp-video:not([src]){display:none}@media (width>=761px) and (width<=1180px){body [class*=hero] h1,body h1{font-size:clamp(42px,5.8vw,68px)}}@media (width>=1181px){main>section[class*=hero]:not(.bd-hero) h1{margin-bottom:22px;font-size:clamp(48px,min(5vw,9vh),84px)}body [class*=hero] .lead{font-size:clamp(18px,2.6vh,22px)}main>section[class*=hero]:first-child{padding-top:clamp(100px,14vh,140px)}}@media (width<=760px){body [class*=hero] h1,body h1{hyphens:auto;overflow-wrap:break-word;margin-bottom:18px;font-size:clamp(32px,9vw,40px)}body [class*=hero] .lead{font-size:17px}main>section[class*=hero]:first-child{padding-top:96px}}.foot-col a:hover{padding-left:0}.kicker p{white-space:normal}.seg .case-beauty{align-self:start;width:100%}.tlogo-badge img,.brands .brand img{filter:brightness(0)invert()}