/* The estate planning film on the homepage. The player script is /paid/estate-planning-video.js
   (shared with the Long Beach estate planning page); it loads the video only when a visitor presses play. */
.home-video-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-5);margin-bottom:var(--s-5)}
.home-video-head h2{font-size:var(--step-3);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:10px 0 0}
.home-video-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400}
.home-video-head>p{max-width:44ch;margin:0;color:var(--muted)}
.home-video .video-frame{position:relative;aspect-ratio:16/9;background:var(--band);border-radius:2px;overflow:hidden;box-shadow:0 24px 60px oklch(18% .035 250 / .14)}
.home-video .video-frame video{width:100%;height:100%;display:block;object-fit:contain}
.home-video .video-play{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:15px;border:1px solid oklch(70% .1 82 / .45);border-radius:2px;background:var(--raised);color:var(--ink);padding:14px 22px;text-align:left;font:600 1rem/1.3 var(--sans);cursor:pointer;box-shadow:0 6px 24px oklch(0% 0 0 / .22);transition:background var(--dur) var(--ease)}
.home-video .video-play[hidden]{display:none}
.home-video .video-play:hover{background:var(--surface)}
.home-video .video-play:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.home-video .video-play-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--band);color:var(--gold);font-size:17px;padding-left:3px}
.home-video .video-play small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:4px}
.home-video .video-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-4)}
.home-video .video-footer p{margin:0}
.home-video .video-status{margin:var(--s-3) 0 0}
@media (max-width:768px){
  .home-video-head{display:block}
  .home-video-head>p{margin-top:var(--s-3)}
  .home-video .video-footer{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .home-video .video-frame{aspect-ratio:auto}
  .home-video .video-frame video{height:auto;aspect-ratio:16/9}
  .home-video .video-play{position:static;width:100%;min-height:62px;justify-content:center;border:0;border-radius:0}
}