.hbd-video-hero{position:relative;width:100%;height:100vh;height:100dvh;background:linear-gradient(180deg,#1a1a1a,#2d2d2d);overflow:hidden}.hbd-video-hero .hbd-poster-image{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hbd-video-hero .hbd-poster-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hbd-video-hero{--hbd-fade: .8s;contain:layout style paint}.hbd-video-hero .hbd-poster-image{opacity:1;transition:opacity .8s ease .2s}.hbd-video-hero.videos-loaded.videos-playing .hbd-poster-image{opacity:0;pointer-events:none}.hbd-video-hero.static-mode .hbd-video-hero__video,.hbd-video-hero.static-mode .hbd-video-veil{display:none!important}.hbd-video-hero.static-mode .hbd-poster-image{opacity:1!important;transition:none!important}.hbd-video-hero.static-mode .stage{opacity:0!important;transform:translateY(8px)!important;pointer-events:none!important}.hbd-video-hero .hbd-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;color:#fff;background:none;border:none;cursor:pointer;padding:0;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .2s ease}.hbd-video-hero.show-play-btn .hbd-play-button{opacity:1;pointer-events:auto}.hbd-video-hero .hbd-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.hbd-video-hero.videos-playing .hbd-play-button{opacity:0;pointer-events:none}.hbd-video-hero .hbd-video-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;pointer-events:none;opacity:0;transform:scale(1);transition:opacity .52s ease,transform .7s ease}.hbd-video-hero .hbd-video--front{opacity:0;z-index:1}.hbd-video-hero.videos-loaded .hbd-video--front{opacity:1}.hbd-video-hero .hbd-video--back{opacity:0;z-index:1}.hbd-video-hero .hbd-video-hero__video.fading-in{opacity:1;transform:scale(1)}.hbd-video-hero .hbd-video-hero__video.fading-out{opacity:0}.hbd-video-hero .hbd-video-veil{position:absolute;inset:0;background:#000;opacity:0;z-index:2;pointer-events:none;transition:opacity .18s ease}.hbd-video-hero .hbd-video-hero__content{position:relative;z-index:5;height:100%;display:grid;place-items:center;padding-inline:clamp(16px,3vw,40px);text-align:center;color:#fff}.hbd-video-hero .hbd-hero__stack{display:grid;place-items:center;width:100%;max-width:56rem}.hbd-video-hero .hbd-hero__stack>*{grid-area:1 / 1}.hbd-video-hero .stage{color:#fff!important;text-shadow:none!important;filter:none!important;-webkit-text-stroke:0!important;font-weight:400!important;margin:0;opacity:0;transform:translateY(8px);transition:opacity var(--hbd-fade) ease,transform var(--hbd-fade) ease;pointer-events:none}.hbd-video-hero.stage-1 .stage--logo,.hbd-video-hero.stage-3 .stage--subtitle,.hbd-video-hero.stage-4 .stage--cta{opacity:1;transform:translateY(0);pointer-events:auto}.hbd-video-hero .stage--logo{width:clamp(160px,22vw,320px);height:auto;transform-origin:50% 50%;transition:none;max-width:90vw;object-fit:contain}.hbd-video-hero.stage-1 .stage--logo{animation:hbd-logo-grow 2s cubic-bezier(.2,0,0,1) forwards}@keyframes hbd-logo-grow{0%{transform:translateY(0) scale(.72);opacity:1}to{transform:translateY(0) scale(1.06);opacity:1}}.hbd-video-hero .logo-exit{animation:hbd-logo-exit .4s linear forwards!important}@keyframes hbd-logo-exit{0%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.06)}}.hbd-video-hero .stage--subtitle{font-size:clamp(26px,3.4vw,44px);line-height:1.28;max-width:90%}.hbd-video-hero .stage--cta{display:inline-flex;align-items:center;gap:0;color:#fff;position:relative;padding:0;border:0;text-decoration:none;overflow:visible;border-radius:0;background:none;font-size:clamp(24px,3vw,42px);line-height:1.12;cursor:pointer}@media screen and (min-width:769px){.hbd-video-hero .stage--subtitle{font-size:clamp(21px,2.8vw,36px)}.hbd-video-hero .stage--cta{font-size:clamp(19px,2.4vw,34px)}}.hbd-video-hero .stage--cta .cta-text{white-space:nowrap;position:relative}.hbd-video-hero .stage--cta svg{width:1em;height:1em;margin-left:.35em;opacity:0;transform:translate(-12px);transition:none}.hbd-video-hero.stage-4 .stage--cta svg{opacity:1;transform:translate(0);transition:opacity .4s cubic-bezier(.4,0,.2,1) .3s,transform .4s cubic-bezier(.4,0,.2,1) .3s}.hbd-video-hero .stage--cta .cta-text:after{content:"";position:absolute;left:0;bottom:-.35em;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.4,0,.2,1)}.hbd-video-hero.stage-4 .stage--cta .cta-text:after{transform:scaleX(1)}.hbd-video-hero:not(.stage-4) .stage--cta svg{opacity:0!important;transform:translate(-12px)!important}