.type-back{font-size:13px;color:var(--muted);white-space:nowrap}
.type-back:hover{color:var(--text)}
.types-intro{padding:90px 0 65px;max-width:800px}
.types-intro h1{font-size:clamp(46px,6vw,78px);margin:16px 0 22px}
.types-intro>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:28px}
.video-types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.video-types-grid article{border:1px solid var(--line);border-radius:18px;background:#101012;padding:30px;scroll-margin-top:30px}
.video-types-grid article:target{border-color:var(--accent)}
.type-symbol{color:var(--accent);font-size:13px;display:block;margin-bottom:26px;line-height:1}
.video-types-grid h2{font-size:23px;letter-spacing:-.6px;margin-bottom:12px}
.video-types-grid p{font-size:15px;color:var(--muted);margin:0}
.video-types-grid .type-scope{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px;line-height:1.6}
.offer-directory{margin-bottom:50px;scroll-margin-top:25px}.directory-heading{font-size:30px;margin-bottom:24px}.video-types-grid article:has(.directory-card){padding:0}.directory-card{display:flex;flex-direction:column;height:100%;padding:28px}.directory-card h3{font-size:23px;margin:0 0 15px}.directory-card>span{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-size:13px;margin-top:auto;padding-top:24px}.directory-card p{padding-bottom:10px}.directory-card:hover h3{color:var(--accent)}.directory-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:18px}
.types-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:50px 0 70px}
.types-bottom h2{font-size:34px;margin:0}
.types-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font-size:13px;color:var(--muted)}
@media(max-width:700px){.types-intro{padding:55px 0 38px}.video-types-grid{grid-template-columns:1fr;gap:14px}.video-types-grid article{padding:25px}.type-symbol{margin-bottom:20px}.types-bottom{align-items:flex-start;flex-direction:column}.types-bottom h2{font-size:29px}.type-back{font-size:11px}}