.video-banner{--video-banner-text: #f5f3ef;--video-banner-muted: rgba(245, 243, 239, .76);--video-banner-overlay: rgba(0, 0, 0, .48);--video-banner-button-bg: rgba(255, 255, 255, .92);--video-banner-button-text: #090909;--video-banner-button-border: rgba(255, 255, 255, .22);position:relative;z-index:2;display:grid;place-items:center;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--app-surface-dark);color:var(--video-banner-text);text-align:center;content-visibility:auto;contain-intrinsic-size:100svh}.video-banner.light{--video-banner-text: #090909;--video-banner-muted: rgba(0, 0, 0, .7);--video-banner-overlay: rgba(241, 237, 230, .58);--video-banner-button-bg: #090909;--video-banner-button-text: #f5f3ef;--video-banner-button-border: rgba(0, 0, 0, .18);background:var(--app-surface-light)}.video-banner.dark{--video-banner-text: #f5f3ef;--video-banner-muted: rgba(245, 243, 239, .76);--video-banner-overlay: rgba(0, 0, 0, .48);--video-banner-button-bg: rgba(255, 255, 255, .92);--video-banner-button-text: #090909;--video-banner-button-border: rgba(255, 255, 255, .22);background:var(--app-surface-dark)}.video-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--video-banner-overlay)}.video-banner__media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.video-banner__content{display:grid;justify-items:center;width:min(760px,var(--app-safe-width));padding-top:clamp(2.4rem,7svh,5rem)}.video-banner__title{max-width:24ch;margin:0;color:var(--video-banner-text);font-size:clamp(2.15rem,calc(var(--app-frame-unit) * 4.2),4.6rem);font-weight:var(--font-weight-bold);letter-spacing:-.055em;line-height:.94;text-transform:uppercase;text-wrap:balance}.video-banner__description{max-width:37rem;margin:clamp(1rem,2vw,1.3rem) 0 0;color:var(--video-banner-muted);font-size:clamp(1rem,calc(var(--app-frame-unit) * 1.4),1.16rem);line-height:1.56}.video-banner__button{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-width:12.4rem;margin-top:clamp(1.45rem,2.6vw,2.1rem);padding:.95rem 1.18rem;border:1px solid var(--video-banner-button-border);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.72rem;font-weight:var(--font-weight-bold);letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.video-banner__button:hover,.video-banner__button:focus-visible{transform:translateY(-2px);border-color:var(--video-banner-button-bg);background:transparent;color:var(--video-banner-text)}.video-banner__button:focus-visible{outline:2px solid var(--app-accent-outline);outline-offset:.35rem}@media(max-width:720px){.video-banner__content{width:min(100% - .5rem,760px)}.video-banner__title{max-width:100%;font-size:clamp(1.55rem,9vw,3.2rem)}}@media(prefers-reduced-motion:reduce){.video-banner__button{transition:none}}