@layer components{.video-card{--color-video-card-shade: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, rgba(28, 29, 32, 0) 28%, rgba(28, 29, 32, .82) 58%, var(--color-graphite) 80%), linear-gradient(90deg, rgba(28, 29, 32, .7) 0%, rgba(28, 29, 32, 0) 45%);--color-video-card-shade-wide: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, rgba(28, 29, 32, 0) 12%, rgba(28, 29, 32, .86) 56%, rgba(28, 29, 32, .94) 100%), linear-gradient(90deg, rgba(28, 29, 32, .6) 0%, rgba(28, 29, 32, 0) 50%);--color-video-card-shade-stack: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, rgba(28, 29, 32, 0) 30%, rgba(28, 29, 32, .82) 58%, var(--color-graphite) 72%);--color-video-card-shade-phone: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, rgba(28, 29, 32, 0) 30%, rgba(28, 29, 32, .82) 62%, var(--color-graphite) 400px);--color-button-ghost-ring: var(--color-on-dark-ring);--color-button-ghost-ring-hover: var(--color-on-dark-ring-hover);--color-button-ghost-text: var(--color-white);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;height:640px;padding:var(--spacing-10) var(--spacing-10) 44px;background:var(--color-graphite);border-radius:var(--radius-card);color:var(--color-white)}.video-card__media{position:absolute;left:0;top:0;width:100%;height:560px;z-index:-2;background-color:var(--color-graphite)}.video-card__poster{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.video-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;will-change:transform}.video-card__video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.video-card__shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--color-video-card-shade)}.video-card__band{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-10)}.video-card__h1{flex:0 1 815px;min-width:0;color:var(--color-white);font-stretch:var(--font-stretch-power);font-weight:var(--font-weight-bold);font-size:40px;line-height:42px;letter-spacing:-.02em}.video-card__aside{flex:0 0 420px;display:flex;flex-direction:column;gap:var(--spacing-6)}.video-card__lead{font-stretch:var(--font-stretch-hyper);font-weight:var(--font-weight-normal);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-on-dark-lead)}.video-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}@media(min-width:1200px){.video-card{height:auto;aspect-ratio:1380 / 480;padding:36px var(--spacing-10)}.video-card__media{height:100%}.video-card__shade{background:var(--color-video-card-shade-wide)}}@media not (min-width:1440px){.video-card__h1{font-size:clamp(34px,2.78vw,40px);line-height:1.05}}@media not (min-width:1200px){.video-card{height:auto;min-height:640px;padding:340px 32px 36px}.video-card__media{height:480px}.video-card__shade{background:var(--color-video-card-shade-stack)}.video-card__band{flex-direction:column;align-items:flex-start;gap:var(--spacing-6)}.video-card__h1{flex:none;max-width:815px;font-size:clamp(32px,4.2vw,40px)}.video-card__aside{flex:none;width:min(100%,520px)}}@media(not (min-width:1200px))and (not (min-height:500px)){.video-card{padding-top:180px}.video-card__media{height:340px}}@media not (min-width:768px){.video-card{min-height:0;padding:236px 20px var(--spacing-6);border-radius:var(--radius-window)}.video-card__media{height:400px}.video-card__shade{background:var(--color-video-card-shade-phone)}.video-card__band{gap:var(--spacing-4)}.video-card__h1{font-size:min(28px,calc((100vw - 72px) / 11.4));line-height:1.072}.video-card__aside{width:100%;gap:var(--spacing-4)}.video-card__lead{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height)}.video-card__actions{flex-direction:column;padding-top:var(--spacing-2)}.video-card__actions .button{width:100%}}.video-card--plain{background:var(--color-wib-dark)}.video-card--plain .video-card__h1{max-width:19.6em;font-size:36px;line-height:40px;letter-spacing:-.01em}@media(min-width:1200px){.video-card--plain{padding:var(--spacing-10)}}@media not (min-width:1440px){.video-card--plain .video-card__h1{font-size:clamp(30px,2.5vw,36px);line-height:1.11}}@media not (min-width:1200px){.video-card--plain{min-height:440px;padding:32px}}@media(not (min-width:1200px))and (not (min-height:500px)){.video-card--plain{min-height:max(220px,calc(100svh - 104px));padding-top:32px}}@media not (min-width:768px){.video-card--plain{min-height:360px;padding:20px}.video-card--plain .video-card__h1{max-width:none;font-size:min(28px,calc((100vw - 72px) / 11.4));line-height:1.15}}.video-card--no-lead .video-card__band{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px}.video-card--no-lead .video-card__h1,.video-card--no-lead .video-card__aside{flex:none}.video-card--no-lead .video-card__actions{gap:12px}.video-card--no-lead .video-card__actions .button{padding-inline:22px}@media not (min-width:768px){.video-card--no-lead .video-card__band{gap:20px}.video-card--no-lead .video-card__aside{gap:0}.video-card--no-lead .video-card__actions{flex-direction:row;padding-top:0}.video-card--no-lead .video-card__actions .button{width:auto}}@media not (min-width:480px){.video-card--no-lead .video-card__actions{flex-direction:column;align-items:stretch;width:100%;gap:var(--spacing-2)}.video-card--no-lead .video-card__actions .button{width:100%}}html.as-on .video-card--enter:not(.is-in) .video-card__actions .button{opacity:0;transform:translateY(var(--reveal-shift-sm))}.video-card--enter.is-in .video-card__actions .button{transition:opacity var(--duration-reveal-fade) var(--ease-appear) var(--video-card-enter-delay, 0ms),transform var(--duration-reveal-move) var(--ease-appear) var(--video-card-enter-delay, 0ms)}.video-card--enter .video-card__actions .button+.button{--video-card-enter-delay: 90ms}.video-card--enter.is-in .video-card__actions .button:active{transition-duration:var(--duration-ui);transition-delay:0ms}@media(prefers-reduced-motion:reduce){html.as-on .video-card--enter .video-card__actions .button{opacity:1;transform:none}}}
