.video-facade{max-width:var(--container-content);margin:0 auto;overflow:hidden;border:1px solid var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg-white);box-shadow:var(--shadow-lg)}.video-facade__aspect{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-dark)}@media(min-width:768px){.video-facade__aspect{max-height:calc(var(--space-12) * 5)}}.video-facade__iframe{display:block;width:100%;height:100%;border:0}.video-facade__poster{position:relative;display:grid;grid-template-rows:auto auto 1fr;width:100%;height:100%;overflow:hidden;padding:var(--space-5);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));color:var(--text-primary);isolation:isolate}.video-facade__poster:before,.video-facade__poster:after{position:absolute;z-index:-1;content:"";border-radius:var(--radius-full);background:var(--accent-primary-light)}.video-facade__poster:before{width:min(42vw,var(--space-12));aspect-ratio:1;top:calc(var(--space-12) * -1);right:calc(var(--space-10) * -1)}.video-facade__poster:after{width:min(34vw,var(--space-11));aspect-ratio:1;bottom:calc(var(--space-11) * -1);left:calc(var(--space-9) * -1)}.video-facade__chrome{position:relative;z-index:1;display:flex;gap:var(--space-2);align-items:center;min-height:var(--touch-target-min)}.video-facade__chrome span{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--accent-primary)}.video-facade__eyebrow,.video-facade__title{position:relative;z-index:1;margin:0}.video-facade__eyebrow{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.video-facade__title{max-width:min(72%,var(--container-narrow));margin-top:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);align-self:start}.video-facade__pattern{position:absolute;z-index:0;right:var(--space-7);bottom:var(--space-6);left:var(--space-7);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}.video-facade__pattern span{display:block;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--accent-primary-light)}.video-facade__pattern span:nth-child(1){height:calc(var(--space-10) + var(--space-3))}.video-facade__pattern span:nth-child(2){height:calc(var(--space-11) + var(--space-4))}.video-facade__pattern span:nth-child(3){height:var(--space-10)}.video-facade__play{position:absolute;z-index:1;top:62%;left:50%;display:inline-flex;width:var(--space-10);height:var(--space-10);align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-full);transform:translate(-50%,-50%);cursor:pointer;background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.video-facade__play:hover{background:var(--accent-primary-hover)}.video-facade__play:focus-visible{outline:var(--space-1) solid var(--text-primary);outline-offset:var(--space-1)}.video-facade__play svg{width:var(--icon-xl);height:var(--icon-xl);margin-left:var(--space-1);fill:currentColor}@media(max-width:768px){.video-facade__poster{padding:var(--space-4)}.video-facade__title{max-width:100%;font-size:var(--font-size-xs);white-space:nowrap}.video-facade__play{top:74%}.video-facade__pattern{right:var(--space-4);bottom:var(--space-3)}}@media(min-width:768px){.video-facade{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.video-facade__poster{padding:var(--space-7)}.video-facade__title{font-size:var(--font-size-2xl)}}