/* The real estate film with the founder's voiceover.
   Muted autoplay is the only kind browsers permit, so the sound button is the
   real control rather than a decoration. */
.filmblock{padding:clamp(54px,9vw,104px) 0}
.filmblock .filmwrap{position:relative;margin:30px auto 0;max-width:380px;border-radius:20px;overflow:hidden;
  border:1px solid rgba(184,153,104,.26);background:#0F0E12;
  box-shadow:0 34px 80px -48px rgba(0,0,0,.92)}
.filmblock .filmwrap video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}

.filmblock .sound{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:8px;padding:11px 18px;
  border-radius:999px;border:1px solid rgba(244,239,230,.34);
  background:rgba(11,11,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:#F4EFE6;font:600 13px/1 'Inter',-apple-system,'Segoe UI',sans-serif;
  letter-spacing:.04em;cursor:pointer;white-space:nowrap;
  transition:background .2s ease,border-color .2s ease}
.filmblock .sound:hover{background:rgba(11,11,12,.82);border-color:rgba(212,185,138,.6)}
.filmblock .sound:focus-visible{outline:2px solid #D4B98A;outline-offset:3px}
.filmblock .sound svg{width:15px;height:15px;flex:0 0 auto}
.filmblock .sound .on{display:none}
.filmblock .sound[aria-pressed="true"] .off{display:none}
.filmblock .sound[aria-pressed="true"] .on{display:inline}

@media (max-width:560px){.filmblock .filmwrap{max-width:300px;border-radius:16px}
  .filmblock .sound{bottom:12px;padding:10px 15px;font-size:12px}}