.hero-image{background:#080808 url('./assets/source-1.webp') center 28%/cover no-repeat}.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.trailer-link{appearance:none;border:0;background:none;color:#fff;cursor:pointer;font:700 11px var(--body);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #ffffff80}.trailer-link span,.trailer-link b{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-radius:50%;font-size:10px;transition:background .2s,color .2s}.trailer-link:hover span,.trailer-link:hover b{background:#fff;color:#080808}.motion-reel{position:relative;height:min(70vw,760px);min-height:450px;background:#111 url('./assets/source-2.webp') center/cover no-repeat;overflow:hidden}.reel-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.motion-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000c 0%,transparent 62%),linear-gradient(90deg,#0008,transparent 60%);pointer-events:none}.motion-caption{position:absolute;left:max(14vw,180px);bottom:55px;right:6vw;display:flex;align-items:end;justify-content:space-between;gap:24px}.motion-caption>span{font:900 clamp(55px,8vw,130px)/.8 var(--display);letter-spacing:-.02em;max-width:680px}.motion-caption .trailer-link{flex:none}.video-dialog{border:0;padding:0;background:#080808;color:#fff;width:min(92vw,1100px);max-width:none;max-height:90vh;overflow:visible;box-shadow:0 30px 100px #000}.video-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.video-dialog video{width:100%;display:block;max-height:80vh;aspect-ratio:16/9;background:#000}.video-close{position:absolute;z-index:2;right:0;top:-49px;border:0;background:var(--red);color:#fff;width:42px;height:42px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}@media(max-width:1100px){.motion-caption{left:6vw}}@media(max-width:760px){.hero-image{background-position:58% center}.hero-video{object-position:58% center}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.motion-reel{min-height:600px;height:75vh}.motion-caption{left:22px;right:22px;bottom:35px;display:block}.motion-caption>span{font-size:clamp(65px,15vw,110px)}.motion-caption .trailer-link{margin-top:22px}.video-dialog{width:100vw}}