/* Exact brand colour: no hue filter, including Safari. */
.home .brands .brand-logo:not(.text-logo){width:100px;height:25px;margin:16px 5px;background:var(--blue);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.home .brands .brand-logo img{opacity:0;filter:none}
.motion-middle i svg{display:block;width:.8em;height:.9em;overflow:visible}
@media(max-width:800px){
.menu-toggle,.rail-controls button,.rail-expand,.motion-toggle,.studio-film button{min-height:44px;min-width:44px}
.main-nav a{min-height:44px;display:flex;align-items:center}
.performance-page #ugc.ugc-board{grid-template-columns:repeat(3,minmax(0,150px));column-gap:30px}
.performance-page #ugc.ugc-board .folio-card:nth-child(n){width:100%;min-width:0}
}
@media(max-width:540px){
.home .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.home .hero-bottom .big-cta{grid-column:1;grid-row:2;font-size:17px;padding:15px 18px;gap:14px;white-space:nowrap}
.home .hero-bottom .big-cta span{font-size:30px}
.home .hero-hand{position:static;grid-column:2;grid-row:1;max-width:125px;font-size:17px;transform:rotate(-5deg)}
.home .hero-bottom .motion-toggle{grid-column:2;grid-row:2;margin:0;font-size:9px;align-self:center}
.home .door-motion .motion-type{font-size:clamp(48px,16vw,72px)}
.home .door-motion:hover .motion-middle i{transform:none}
.home .door-motion .motion-preview{top:100px;width:34%}
.home .brand-window{width:100%;overflow:hidden}
.curated-page .rail-controls{gap:8px}
.curated-page .rail-controls button{width:44px;height:44px}
.performance-page #ugc.ugc-board{grid-template-columns:repeat(2,minmax(0,125px));column-gap:30px}
.contact-bottom,.social-links{min-width:0;flex-wrap:wrap}
.contact-bottom>a{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}

.ui-icon{display:inline-block;width:.9em;height:.9em;vertical-align:-.08em;flex-shrink:0;overflow:visible}
.rail-controls .ui-icon{width:22px;height:22px}