:root { --ink: #0d0d0c; --panel: #191917; --gold: #d8b96d; --paper: #f5f0e5; --muted: #bdb9ae; --line: #3d382b; }
.tax-hero { grid-template-columns: 1fr 1.15fr; gap: 3.5rem; }
.tax-hero .hero-description { max-width: 460px; }
.video-feature { min-width: 0; margin: 0; border: 1px solid var(--line); border-top: 3px solid var(--gold); background: var(--panel); }
.video-heading { padding: 1.5rem 1.7rem; }
.video-heading .eyebrow { display: block; margin-bottom: .6rem; }
.video-heading h2 { font-size: 1.8rem; }
.video-feature video { display: block; width: 100%; max-height: 65vh; background: #000; }
.video-feature video:focus-visible { outline: 3px solid var(--gold); outline-offset: 5px; }
.video-feature figcaption { padding: 1.1rem 1.7rem; font-size: .8rem; color: var(--muted); }
.video-feature figcaption a { display: block; margin-top: .3rem; }
.conversation { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; border-top: 1px solid var(--line); background: var(--panel); }
.conversation .section-heading > p:last-child { max-width: 500px; color: var(--muted); }
.tax-contact { border-left: 1px solid var(--line); padding-left: 3rem; }
.tax-contact .contact-phone { margin: 0 0 1.5rem; font-size: clamp(1.8rem, 3vw, 2.6rem); }
.tax-contact > p:not(.eyebrow) { color: var(--muted); font-size: .9rem; }
.other-help { display: flex; flex-direction: column; gap: .7rem; margin-top: 1rem; }
@media (max-width: 960px) {
  .tax-hero { gap: 2rem; }
  .conversation { gap: 2rem; }
  .tax-contact { padding-left: 2rem; }
}
@media (max-width: 720px) {
  .tax-hero, .conversation { grid-template-columns: 1fr; }
  .video-heading, .video-feature figcaption { padding: 1.2rem; }
  .tax-contact { border-left: 0; border-top: 1px solid var(--line); padding: 2rem 0 0; }
}
