/* Keep the approved opening visible and comfortable on every screen. */
html.rfh-intro-open{overflow:hidden}
.brand-intro.intro-restarting .intro-images>div,
.brand-intro.intro-restarting .intro-images img,
.brand-intro.intro-restarting .intro-overline,
.brand-intro.intro-restarting .intro-brands,
.brand-intro.intro-restarting .intro-message,
.brand-intro.intro-restarting .intro-location,
.brand-intro.intro-restarting .intro-progress{animation:none!important}
.brand-intro:focus{outline:none}
.brand-intro .intro-skip{top:max(22px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));min-height:44px;min-width:60px;touch-action:manipulation}
.brand-intro .intro-progress{bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:800px){
 .brand-intro{width:100%;height:100vh;height:100dvh;max-height:100dvh;overscroll-behavior:contain}
 .brand-intro .intro-centre{padding-top:max(70px,calc(env(safe-area-inset-top) + 54px));padding-bottom:max(30px,calc(env(safe-area-inset-bottom) + 20px));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .brand-intro .intro-brands{max-width:100%;gap:clamp(10px,3vw,22px)}
 .brand-intro .intro-brands>div{width:clamp(106px,33vw,185px);flex-shrink:1}
 .brand-intro .intro-message{max-width:100%}
 .brand-intro .intro-message>strong{font-size:clamp(48px,15.6vw,86px)}
 .brand-intro .intro-location{max-width:100%;line-height:1.7}
}
@media(max-height:520px) and (orientation:landscape){
 .brand-intro .intro-centre{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom));padding-inline:max(28px,env(safe-area-inset-left))}
 .brand-intro .intro-overline{font-size:8px}
 .brand-intro .intro-brands{margin-top:12px;gap:18px}
 .brand-intro .intro-brands>div{width:150px;height:68px;padding:8px 18px}
 .brand-intro .intro-brands>span{font-size:24px}
 .brand-intro .intro-message{margin-top:15px}
 .brand-intro .intro-message>span{font-size:24px}
 .brand-intro .intro-message>strong{font-size:clamp(40px,12vh,62px)}
 .brand-intro .intro-location{margin-top:12px;font-size:8px}
 .brand-intro .intro-skip{top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
}