#link-intro { margin: 0 auto 64px; width: min(1120px, calc(100% - 48px)); }
.link-intro-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:20px; }
.link-intro-heading h2 { font-size:clamp(28px,3vw,40px); letter-spacing:-.035em; margin:0 0 8px; }
.link-intro-heading p { margin:0; color:#667085; line-height:1.6; }
#link-intro video { display:block; width:100%; aspect-ratio:16/9; background:#f6f3ee; border:1px solid rgba(16,24,40,.08); border-radius:18px; box-shadow:0 12px 36px rgba(16,24,40,.08); }
.link-intro-dialog { width:min(1400px,calc(100vw - 32px)); max-width:none; padding:16px; border:0; border-radius:18px; background:#fff; box-shadow:0 24px 80px #0004; }
.link-intro-dialog::backdrop { background:rgba(16,24,40,.72); }
.link-intro-dialog > button { display:block; margin:0 0 12px auto; padding:10px 16px; border:1px solid #d0d5dd; border-radius:10px; background:white; color:#101828; cursor:pointer; }
.link-intro-dialog video { display:block; width:100%; max-height:calc(100dvh - 120px); background:#f6f3ee; }
#link-intro button:focus-visible,.link-intro-dialog button:focus-visible { outline:3px solid #4f5fff; outline-offset:3px; }
@media(max-width:600px) { #link-intro { width:calc(100% - 32px); margin-bottom:40px; } .link-intro-heading { align-items:flex-start; flex-direction:column; gap:12px; } #link-intro video { border-radius:12px; } .link-intro-dialog { padding:10px; } }