.sk-bh{position:relative; --ink:rgba(146,178,196,.5); --txt:#0a1929;}
.sk-bh__pin{position:relative; min-height:140svh;}
.sk-bh__copy{position:sticky; top:12vh; text-align:center; z-index:3; padding:1rem;}
.sk-bh__headline{font-size:clamp(2rem,6vw,5rem); line-height:.95; letter-spacing:-.01em; color:var(--txt);}
.sk-bh__headline span{display:inline-block;}
.sk-bh__sub{opacity:.85; margin-top:.35rem;}
.sk-bh__grid{position:absolute; inset:0; width:100%; height:100%; color:var(--ink); z-index:1;}
.grid-line{stroke:currentColor; stroke-width:.5;}
.bp-line,.bp-rect{fill:none; stroke:currentColor; stroke-width:1.2; stroke-linecap:round;}

.sk-bh__stage{position:sticky; top:40vh; display:grid; place-items:center; height:60vh; z-index:2; pointer-events:none;}
.case{position:absolute; width:min(92vw, 960px); aspect-ratio:16/9; border-radius:18px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.22); opacity:0; transform: translateY(20px) scale(.98); background:#0b2239;}
.case__img,.case__loop{width:100%; height:100%; object-fit:cover; display:block;}
.case__loop{mix-blend-mode:normal;}
.sk-bh__cta{position:sticky; top:calc(100vh - 96px); display:inline-block; margin:24px auto; padding:12px 18px; border-radius:999px; background:#0b2239; color:#fff; text-decoration:none; z-index:4; transform:translateY(10px); opacity:.0;}
.visually-hidden{position:absolute!important; height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

@media (prefers-reduced-motion: reduce){
  .sk-bh__grid, .sk-bh__stage{display:none !important;}
}