.walkthrough-header { gap: 1rem; }
.walkthrough-header img { display: block; width: min(180px, 37vw); height: auto; }
.walkthroughs { padding-top: clamp(2.5rem, 6vw, 5rem); padding-bottom: 4rem; }
.walkthrough-intro { max-width: 43rem; margin-bottom: 2rem; }
.walkthrough-intro h1 { font-size: clamp(2.25rem, 5vw, 4.5rem); line-height: 1.05; margin: .55rem 0 1rem; }
.walkthrough-intro > p:last-child, .walkthrough-copy > p:last-child { line-height: 1.55; }
.walkthrough-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2rem); }
.walkthrough-card { display: grid; grid-template-rows: 1fr auto auto; overflow: hidden; background: #fbfbf6; border: 1px solid var(--line); border-radius: 1rem; }
.walkthrough-copy { padding: 1.35rem; }
.walkthrough-copy p { margin: 0; }
.walkthrough-copy h2 { font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.12; margin: .4rem 0 .55rem; }
.walkthrough-card video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #0b1526; }
.walkthrough-link { color: var(--green); font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.walkthrough-direct { display: block; padding: .95rem 1.35rem; }
@media (max-width: 700px) {
  .walkthrough-grid { grid-template-columns: minmax(0, 1fr); }
  .walkthrough-header .walkthrough-link { font-size: .9rem; }
}