/* Mux media is faded independently of its controls so there is no hard cut. */
.welcome-video{position:relative;isolation:isolate;background:#000;height:100svh;min-height:560px;scroll-margin-top:-120px;overflow:hidden}
.welcome-video-heading{position:absolute;top:18%;left:0;right:0;z-index:2;padding-inline:var(--gutter);text-align:center;pointer-events:none;transition:opacity .55s ease,transform .65s var(--ease)}
.welcome-video-heading h1{max-width:1100px;margin-inline:auto;font:400 clamp(30px,4.2vw,62px)/1.22 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.welcome-video-heading h1 span{white-space:nowrap}
.welcome-video-heading p{margin-top:18px;color:#c5c5c5;font-size:17px}
.welcome-video.has-played .welcome-video-heading{opacity:0;transform:translateY(-15px)}
.welcome-video-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,177.7778svh);aspect-ratio:16/9;background:#000}
.welcome-video mux-player{display:block;width:100%;height:100%;aspect-ratio:16/9;--media-object-fit:contain;--media-object-position:center;--controls-backdrop-color:transparent;--media-primary-color:#fff;--media-accent-color:#fff;--media-secondary-color:#000;--seek-backward-button:none;--seek-forward-button:none}
.welcome-video mux-player::part(media-layer),.welcome-video mux-player::part(poster-layer){
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0005 8%,#000 23%,#000 64%,#000b 77%,transparent 99%),linear-gradient(to right,transparent 0%,#0009 7%,#000 18%,#000 82%,#0009 93%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to bottom,transparent 0%,#0005 8%,#000 23%,#000 64%,#000b 77%,transparent 99%),linear-gradient(to right,transparent 0%,#0009 7%,#000 18%,#000 82%,#0009 93%,transparent 100%);
 mask-composite:intersect;
}
.welcome-video mux-player::part(control-bar bottom){padding-inline:var(--gutter);padding-bottom:18px;background:transparent}
.welcome-video mux-player::part(center play button){border:1px solid #fff9;border-radius:50%;background:#000a;min-width:76px;min-height:76px}
.video-fallback{position:absolute;left:24px;right:24px;top:65%;text-align:center;font-size:14px;z-index:3}.video-fallback a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.welcome-video{height:84svh;min-height:560px;scroll-margin-top:-105px}.welcome-video-heading{top:16%;padding-inline:24px}.welcome-video-heading h1{font-size:clamp(26px,6.6vw,42px);line-height:1.3}.welcome-video-heading h1 span{display:block}.welcome-video-heading p{margin-top:14px;font-size:15px}.welcome-video-frame{width:100%;top:55%}.welcome-video mux-player::part(control-bar bottom){padding-inline:12px;padding-bottom:6px}.welcome-video mux-player::part(center play button){min-width:58px;min-height:58px}}
@media(prefers-reduced-motion:reduce){.welcome-video-heading{transition:none}}

.welcome-video mux-player::part(media-layer){display:block;position:absolute;inset:0;width:100%;height:100%}