/* Reserve scrollbar space consistently before, during and after the homepage intro. */
:root{scrollbar-gutter:stable}
/* Royal homepage intro. Original images, no page restructuring. */
.rhc-intro-stage{position:fixed;inset:0;z-index:999999;background:transparent;overflow:hidden;isolation:isolate;perspective:1200px;color:#111a2e;touch-action:pan-y}
.rhc-intro-white{position:absolute;inset:0;background:#fff}
.rhc-intro-flight{position:absolute;left:50%;top:50%;width:clamp(76px,10.2vw,174px);aspect-ratio:1;margin:0;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity;mix-blend-mode:multiply}
.rhc-intro-flight img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px #15244620)}
.rhc-intro-brand{position:absolute;left:50%;top:50%;width:min(88vw,1120px);aspect-ratio:240/67;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;will-change:transform,opacity}
.rhc-intro-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}
.rhc-intro-crown{clip-path:inset(0 0 27% 0)}
.rhc-intro-wordmark{clip-path:inset(72% 0 0 0)}
.rhc-intro-letter-mask{position:absolute;inset:0;mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 58%,transparent 100%);mask-size:250% 100%;mask-position:100% 0%;mask-repeat:no-repeat;will-change:mask-position,opacity}
.rhc-intro-skip{position:absolute;right:clamp(18px,3vw,44px);bottom:24px;z-index:5;border:1px solid #d5dce5;border-radius:999px;background:#fff;color:#17223a;padding:12px 19px;font:600 13px/1.2 system-ui;cursor:pointer;box-shadow:0 3px 12px #13213b08}
.rhc-intro-skip:hover{background:#f4f6fa;border-color:#9aa9bf}
.rhc-intro-skip:focus-visible{outline:3px solid #166cea;outline-offset:4px}
html.rhc-intro-active{overflow:hidden!important}
html.rhc-intro-active .rhc-offer-bar__track{animation-play-state:paused!important}
html.rhc-intro-active #page{pointer-events:none}
html.rhc-intro-active .rhc-modern-hero,html.rhc-intro-active .rhc-modern-hero__media{overflow:visible!important}
@media(max-width:600px){.rhc-intro-brand{width:94vw;top:50%}.rhc-intro-flight{width:19vw;max-width:88px}.rhc-intro-skip{bottom:18px;right:16px;padding:13px 18px}}
@media(prefers-reduced-motion:reduce){.rhc-intro-stage{display:none!important}}
