.billboard.svelte-1ottrqa{--billboard-radius: .75rem;--billboard-min-h: clamp(20rem, 52dvh, 34rem);--billboard-pad-x: clamp(1rem, 4vw, 3rem);position:relative;display:flex;flex-direction:column;min-height:var(--billboard-min-h);border-radius:var(--billboard-radius);overflow:hidden;background:var(--hero-canvas, var(--color-bg));color:var(--color-on-media);isolation:isolate}.billboard-art.svelte-1ottrqa{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.billboard-still.svelte-1ottrqa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-cinematic) var(--ease-cinematic)}.billboard-still.is-active.svelte-1ottrqa{opacity:1}.billboard-video.svelte-1ottrqa{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%) scale(1.35);opacity:0;transition:opacity var(--transition-cinematic) var(--ease-cinematic)}.billboard-video.is-ready.svelte-1ottrqa{opacity:.6}.billboard-video.svelte-1ottrqa iframe,.billboard-video.svelte-1ottrqa>div:where(.svelte-1ottrqa){position:absolute;inset:0;width:100%;height:100%}@media(min-aspect-ratio:16/9){.billboard-video.svelte-1ottrqa{height:300vh;top:-100%}}@media(max-aspect-ratio:16/9){.billboard-video.svelte-1ottrqa{width:300vw;left:-100%}}.billboard-scrim.svelte-1ottrqa{position:absolute;inset:0;background:linear-gradient(to right,var(--color-scrim-strong) 0%,var(--color-scrim) 46%,transparent 82%),linear-gradient(to top,var(--hero-canvas, var(--color-bg)) 0%,transparent 34%)}.billboard-header.svelte-1ottrqa,.billboard-details.svelte-1ottrqa,.billboard-controls.svelte-1ottrqa{position:relative;z-index:1}.billboard-header.svelte-1ottrqa{padding:var(--spacing-lg) var(--billboard-pad-x) 0}.billboard-details.svelte-1ottrqa{flex:1;display:flex;align-items:center;padding:var(--spacing-xl) var(--billboard-pad-x)}.billboard-copy.svelte-1ottrqa{max-width:40rem;animation:svelte-1ottrqa-billboard-copy-in var(--transition-slow) var(--ease-cinematic) both}@keyframes svelte-1ottrqa-billboard-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.billboard-meta.svelte-1ottrqa{margin:0 0 .5rem;font-size:.9rem;font-weight:500;color:color-mix(in srgb,var(--color-on-media) 85%,transparent)}.billboard-title.svelte-1ottrqa{margin:0 0 .75rem;font-size:clamp(1.5rem,1rem + 2.2vw,2.75rem);line-height:1.1;font-weight:800;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px var(--color-scrim)}.billboard-blurb.svelte-1ottrqa{margin:0 0 1.25rem;max-width:36rem;font-size:1rem;line-height:1.5;color:color-mix(in srgb,var(--color-on-media) 82%,transparent);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.billboard-actions.svelte-1ottrqa{display:flex;flex-wrap:wrap;gap:.75rem}.billboard-btn.svelte-1ottrqa{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.25rem;border-radius:999px;font:inherit;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--transition-fast) var(--ease-tactile),background var(--transition-fast) var(--ease-tactile)}.billboard-btn.svelte-1ottrqa svg:where(.svelte-1ottrqa){width:1.25rem;height:1.25rem}.billboard-btn-primary.svelte-1ottrqa{background:var(--color-on-media);color:var(--color-on-media-ink)}.billboard-btn-secondary.svelte-1ottrqa{background:var(--color-scrim);color:var(--color-on-media);border-color:color-mix(in srgb,var(--color-on-media) 35%,transparent)}.billboard-btn.svelte-1ottrqa:hover{transform:translateY(-1px)}.billboard-btn-secondary.svelte-1ottrqa:hover{background:var(--color-scrim-strong)}.billboard-btn.svelte-1ottrqa:focus-visible,.billboard-pause.svelte-1ottrqa:focus-visible,.billboard-dot.svelte-1ottrqa:focus-visible{outline:2px solid var(--color-on-media);outline-offset:2px}.billboard-controls.svelte-1ottrqa{display:flex;align-items:center;gap:.75rem;padding:0 var(--billboard-pad-x) var(--spacing-md)}.billboard-pause.svelte-1ottrqa,.billboard-dots.svelte-1ottrqa{background:var(--color-scrim);border-radius:999px}.billboard-pause.svelte-1ottrqa{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid color-mix(in srgb,var(--color-on-media) 25%,transparent);color:var(--color-on-media);cursor:pointer}.billboard-pause.svelte-1ottrqa svg:where(.svelte-1ottrqa){width:1rem;height:1rem}.billboard-dots.svelte-1ottrqa{display:inline-flex;align-items:center;gap:0;padding:0 .25rem}.billboard-dot.svelte-1ottrqa{position:relative;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer;transition:width var(--transition-normal) var(--ease-tactile)}.billboard-dot.svelte-1ottrqa:before{content:"";position:absolute;top:50%;left:50%;width:.625rem;height:.625rem;transform:translate(-50%,-50%);border-radius:999px;background:color-mix(in srgb,var(--color-on-media) 45%,transparent);transition:width var(--transition-normal) var(--ease-tactile),background var(--transition-normal) var(--ease-tactile)}.billboard-dot.is-active.svelte-1ottrqa{width:2.25rem}.billboard-dot.is-active.svelte-1ottrqa:before{width:1.5rem;background:var(--color-on-media)}.billboard-dot.svelte-1ottrqa:hover:before{background:color-mix(in srgb,var(--color-on-media) 75%,transparent)}@media(max-width:640px){.billboard.svelte-1ottrqa{--billboard-min-h: clamp(22rem, 58dvh, 32rem)}.billboard-scrim.svelte-1ottrqa{background:linear-gradient(to top,var(--color-scrim-strong) 0%,var(--color-scrim) 55%,transparent 100%),linear-gradient(to top,var(--hero-canvas, var(--color-bg)) 0%,transparent 22%)}.billboard-details.svelte-1ottrqa{align-items:flex-end;padding-bottom:var(--spacing-md)}.billboard-blurb.svelte-1ottrqa{-webkit-line-clamp:2;line-clamp:2}.billboard-actions.svelte-1ottrqa{width:100%}.billboard-btn.svelte-1ottrqa{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.billboard-still.svelte-1ottrqa,.billboard-video.svelte-1ottrqa,.billboard-btn.svelte-1ottrqa,.billboard-dot.svelte-1ottrqa,.billboard-dot.svelte-1ottrqa:before{transition:none}.billboard-copy.svelte-1ottrqa{animation:none}.billboard-btn.svelte-1ottrqa:hover{transform:none}}
