.gap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:9vw;align-items:start;border-bottom:1px solid #303030;background:#050505}
.gap-intro{position:sticky;top:100px}
.gap h2{margin:0 0 28px;font-size:clamp(30px,3vw,48px);line-height:1.35;letter-spacing:-.025em}
.gap h2 em{color:#fff}
.gap-intro>p{max-width:32em;margin:0;color:#aaa;font-size:14px;line-height:2;letter-spacing:.02em}
.gap-list{border-top:1px solid #4a4a4a}
.gap-list article{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:29px 0 30px;border-bottom:1px solid #303030;transition:padding-left .35s ease,border-color .35s ease}
.gap-list article:hover{padding-left:12px;border-color:#a0a0a0}
.gap-list b{font-weight:400;font-size:25px;line-height:1.08;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.gap-list h3{margin:0 0 8px;font-size:15px;font-weight:500;letter-spacing:.06em}
.gap-list p{max-width:36em;margin:0;color:#989898;font-size:12px;line-height:1.85;letter-spacing:.02em}
@media(max-width:700px){.gap{display:block}.gap-intro{position:static}.gap h2{font-size:30px;margin-bottom:22px}.gap-intro>p{font-size:13px;line-height:1.9}.gap-list{margin-top:48px}.gap-list article{grid-template-columns:88px 1fr;gap:16px;padding:22px 0}.gap-list article:hover{padding-left:0}.gap-list b{font-size:20px}.gap-list h3{font-size:14px}.gap-list p{font-size:11px;line-height:1.75}}