/* The approved video cover, within the existing Gigabrain design system. */
.gb-walkthrough{padding:20px 0 32px;scroll-margin-top:120px}
.gb-walkthrough-inner{max-width:1100px;margin-inline:auto}
.gb-walkthrough .heading-section{margin-bottom:28px}
.gb-walkthrough .heading-title{font-size:clamp(30px,3.5vw,48px);line-height:1.15;text-wrap:balance}
.gb-walkthrough-player{position:relative;width:100%;aspect-ratio:16/9;min-height:240px;overflow:hidden;border:3px solid var(--brand);border-radius:32px;background:#f8f5f1;box-shadow:0 4px 0 rgba(var(--gb-ink-rgb),.04)}
.gb-walkthrough-cover{position:relative;width:100%;height:100%;display:block;padding:0;border:0;background:transparent;color:var(--gb-ink);cursor:pointer;font:inherit}
.gb-walkthrough-poster{display:block;width:100%;height:100%;object-fit:contain}
.gb-walkthrough-mobile-brand,.gb-walkthrough-mobile-label{display:none}
.gb-walkthrough-play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border:0;border-radius:50%;background:var(--brand);color:#fff;box-shadow:none;transform:translate(-50%,-50%);transition:transform 120ms ease-out}
.gb-walkthrough-play svg{flex-shrink:0;margin-left:2px;filter:none}
.gb-walkthrough-cover:hover .gb-walkthrough-play{transform:translate(-50%,-50%) scale(1.05)}
.gb-walkthrough-cover:focus-visible{outline:3px solid var(--gb-ink);outline-offset:-6px;border-radius:inherit}
.gb-walkthrough-player iframe{display:block;width:100%;height:100%;border:0}
.gb-walkthrough-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:16px;font-size:14px;line-height:1.5}
.gb-walkthrough-footer p{margin:0;color:var(--gb-ink)}
.gb-walkthrough-footer a{color:var(--gb-ink);text-decoration:underline;text-underline-offset:3px;padding-block:8px}
@media(max-width:767px){
 .gb-walkthrough{padding-top:8px;padding-bottom:16px;scroll-margin-top:100px}
 .gb-walkthrough .heading-section{margin-bottom:20px}
 .gb-walkthrough-player{border-radius:24px}
 .gb-walkthrough-play{width:72px;height:72px}
 .gb-walkthrough-play svg{width:32px;height:32px}
}
@media(max-width:575px){
 .gb-walkthrough-player{min-height:206px;border-radius:20px}
 .gb-walkthrough-poster{display:none}
 .gb-walkthrough-mobile-brand{position:absolute;display:block;top:20px;left:50%;width:154px;height:32px;object-fit:contain;transform:translateX(-50%)}
 .gb-walkthrough-play{width:64px;height:64px}
 .gb-walkthrough-play svg{width:28px;height:28px}
 .gb-walkthrough-mobile-label{position:absolute;display:block;bottom:18px;left:16px;right:16px;font-size:14px;font-weight:600;line-height:22px;text-align:center;color:var(--gb-ink)}
}
@media(prefers-reduced-motion:reduce){
 .gb-walkthrough-play{transition:none}
 .gb-walkthrough-cover:hover .gb-walkthrough-play{transform:translate(-50%,-50%)}
}