.intro{background:var(--lilac);scroll-margin-top:80px}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:72px;align-items:center}
.intro-copy{margin-bottom:0}
.intro-copy .eyebrow{background:var(--white)}
.intro-copy .intro-note{margin-top:24px;font-size:.85rem;max-width:34em}
.intro-player{position:relative;width:100%;border-radius:var(--radius);box-shadow:0 18px 48px rgba(43,33,80,.16);background:#241c30;overflow:hidden}
.intro-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.intro-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;border:0;background:linear-gradient(transparent,rgba(22,12,36,.18));color:#fff;font:inherit;font-weight:700;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.intro-play[hidden],.intro-error[hidden]{display:none}
.intro-play-icon{display:grid;place-items:center;width:72px;height:72px;padding-left:5px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--bora-deep);font-size:25px;text-shadow:none;box-shadow:0 6px 24px rgba(0,0,0,.22)}
.intro-play:hover .intro-play-icon{background:var(--bora)}
.intro-play:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:var(--radius)}
.intro-error{padding:14px;color:#fff;font-size:.85rem}
.intro-error a{text-decoration:underline}
@media(max-width:700px){
  .intro-grid{grid-template-columns:1fr;gap:28px}
  .intro-player{max-width:300px;justify-self:center}
  .intro-copy .intro-note{margin-top:16px}
}