/* Each .billboard-slide is a separate HTML panel. */
.hero.billboard{display:block;position:relative;height:calc(clamp(460px,43vw,740px) + var(--header-height));min-height:0;max-height:none;isolation:isolate;overflow:hidden;background:#102139}
.hero.billboard:before{content:"";position:absolute;inset:0 0 auto;height:calc(var(--header-height) + 70px);z-index:2;pointer-events:none;background:linear-gradient(180deg,#060b13b3,transparent)}
.billboard-stage,.billboard-slide,.billboard-image{position:absolute;inset:0;width:100%;height:100%}
.billboard-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s;z-index:0}
.billboard-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.billboard-image{object-fit:cover;object-position:var(--image-position,center)}
.billboard-portrait{background:#183d58;overflow:hidden}
.billboard-portrait:before{content:"";position:absolute;inset:-35px;background:image-set(url("/home-20260916-r1/assets/summer-20260917-fe44d6a4ca9db0bb.webp") 1.249628529x) center 48%/cover;filter:blur(24px) brightness(.55)}
.billboard-portrait .billboard-image{object-fit:contain;object-position:62% center}
@media(max-width:700px){.billboard-portrait .billboard-image{object-position:center}}
.billboard-slide:has(img[src$="chat.jpg"]){background:#101a20}
.billboard-slide:has(img[src$="chat.jpg"]) .billboard-image{left:auto;width:68%;object-position:center 0%}
.billboard-slide:has(img[src$="chat.jpg"]):after{background:linear-gradient(0deg,#0a0e14d9,transparent 40%),linear-gradient(90deg,#101a20 16%,#101a20ed 31%,transparent 58%)}
.billboard-slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0a0e14ed 0%,#0a0e1490 12%,transparent 47%),linear-gradient(90deg,#07121d38,transparent 58%)}
.billboard-caption{position:absolute;left:var(--gutter);bottom:94px;z-index:2}
.billboard-caption p{font:600 10px/1.5 var(--sans);letter-spacing:2px;color:#fff;margin-bottom:15px;text-shadow:0 1px 8px #000}
.billboard-cta{display:inline-flex;align-items:center;justify-content:space-between;min-width:219px;min-height:48px;padding:14px 20px;gap:26px;border-radius:3px;background:#fff;color:#101724;font-size:14px;font-weight:700;box-shadow:0 5px 20px #0002;transition:background .2s}
.billboard-cta:hover{background:#dbeaff}.billboard-cta>span{font-size:21px;line-height:1}
.billboard-arrow{position:absolute;top:45%;z-index:3;width:42px;height:64px;display:grid;place-items:center;background:#0a172034;color:white;border:1px solid #ffffff20;border-radius:3px;transition:background .2s}
.billboard-arrow:hover{background:#0a1720bb}.billboard-arrow svg{width:18px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}.billboard-prev{left:12px}.billboard-next{right:12px}
.billboard-controls{position:absolute;right:var(--gutter);bottom:28px;z-index:4;display:flex;align-items:center;gap:18px}
.billboard-counter{font:500 11px/1 var(--sans);color:#fff;letter-spacing:1px}.billboard-counter>span+span{color:#ffffff80;margin-left:7px}
.billboard-dots{display:flex;align-items:center;gap:1px}.billboard-dot{width:26px;height:36px;display:grid;place-items:center;background:transparent;border:0}.billboard-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffffff55;transition:width .25s,background .25s}.billboard-dot[aria-current="true"]:before{width:23px;border-radius:5px;background:white}
.billboard-toggle{width:36px;height:36px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;background:#08111b50;color:#fff;font-size:13px;letter-spacing:-2px;padding-right:2px}.billboard-toggle:hover{background:#ffffff22}
.billboard-timer{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:#ffffff10}.billboard-timer>span{display:block;width:100%;height:100%;background:#5da4ff;transform:scaleX(0);transform-origin:left}
.billboard.is-running .billboard-timer>span{animation:billboard-time var(--billboard-interval,2000ms) linear forwards}@keyframes billboard-time{to{transform:scaleX(1)}}
.film-strip{background:#0a0e14;border-bottom:1px solid var(--line)}.film-strip>.page-width{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:28px}.film-strip h2{font-size:21px;letter-spacing:-.5px;margin-bottom:8px;font-weight:500}.film-strip p{font-size:11px;line-height:1.9;color:#8e9eb4}.film-strip .play-button{flex-shrink:0;min-height:50px;padding-inline:22px;font-size:11px;background:#ffffff04}
.billboard :focus-visible{outline:3px solid #89bdff;outline-offset:4px}
.billboard-intro{background:#0a0e14}
.billboard-intro:after{display:none}
.billboard-intro-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:94px;z-index:2}
.billboard-intro-badge{display:inline-flex;align-items:center;gap:10px;font:700 9px/1.5 var(--sans);letter-spacing:2px;background:#0066ff17;border:1px solid #0066ff55;padding:9px 13px;color:#8ebaff;margin-bottom:23px}
.billboard-intro-badge>span{width:5px;height:5px;flex:none;border-radius:50%;background:#0066ff}
.billboard-intro-title{font:400 clamp(60px,8.7vw,136px)/1.02 var(--display);letter-spacing:.25px;color:#f5f7fc;margin:0 0 26px}
.billboard-intro-line{display:block;white-space:nowrap}
.billboard-intro-gradient{background:linear-gradient(90deg,#f5f7fc,#cbd3df 65%,#7f8b9d);background-clip:text;-webkit-background-clip:text;color:transparent}
.billboard-intro-copy>.billboard-cta{width:max-content}
@media(max-width:700px){.billboard-intro-copy{left:44px;right:44px;bottom:94px}.billboard-intro-badge{font-size:7px;letter-spacing:1.35px;padding:8px 10px;margin-bottom:24px}.billboard-intro-title{font-size:clamp(38px,11vw,70px);line-height:1.07;letter-spacing:0;margin-bottom:26px}.billboard-intro-line:last-child{white-space:normal}.billboard-intro-gradient{display:block;white-space:nowrap}}
@media(min-width:1600px){.billboard-caption{bottom:110px}.billboard-cta{font-size:16px;min-height:54px}.billboard-controls{bottom:36px}}
@media(max-width:700px){.hero.billboard{height:calc(clamp(430px,78svh,570px) + var(--header-height))}.billboard-caption{bottom:91px;right:var(--gutter)}.billboard-caption p{font-size:8px;letter-spacing:1.6px;margin-bottom:12px}.billboard-cta{font-size:13px;min-width:207px;min-height:48px}.billboard-controls{left:var(--gutter);right:var(--gutter);bottom:23px;justify-content:flex-end;gap:12px}.billboard-counter{margin-right:auto;font-size:10px}.billboard-arrow{width:30px;height:48px;top:40%;background:#0a172045}.billboard-prev{left:7px}.billboard-next{right:7px}.billboard-arrow svg{width:13px;height:22px}.billboard-slide:after{background:linear-gradient(0deg,#0a0e14f2,transparent 58%)}.film-strip>.page-width{display:block;padding-block:26px}.film-strip h2{font-size:20px}.film-strip p{font-size:11px}.film-strip .play-button{margin-top:19px;min-height:46px;width:100%}}
@media(prefers-reduced-motion:reduce){.billboard-slide,.billboard-dot:before{transition:none}.billboard.is-running .billboard-timer>span{animation:none}}
@media(max-width:700px){.billboard-slide:has(img[src$="chat.jpg"]) .billboard-image{width:100%;object-position:50% 30%}.billboard-slide:has(img[src$="chat.jpg"]):after{background:linear-gradient(0deg,#0a0e14ed,transparent 62%)}}