/* BMR Teaser 1.1 — true viewport cinema. No cards, borders or footer. */
:root { color-scheme: dark; }
html:has(body.bmrt-active) {
  background:#000 !important; margin:0 !important; padding:0 !important;
  overflow:hidden !important; overscroll-behavior:none;
}
html:has(body.bmrt-active) #wpadminbar { display:none !important; }
body.bmrt-active {
  margin:0 !important; padding:0 !important; background:#000 !important;
  color:#fff !important; overflow:hidden !important; overscroll-behavior:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif !important;
}
body.bmrt-active *, body.bmrt-active *::before, body.bmrt-active *::after { box-sizing:border-box; }
body.bmrt-active .bmrt-shell,
body.bmrt-active .bmrt-main,
body.bmrt-active .bmrt-film {
  position:relative; width:100%; height:100vh; height:100svh; height:100dvh;
  max-width:none; min-height:0; margin:0 !important; padding:0 !important;
  background:#000; overflow:hidden; border:0 !important; border-radius:0 !important;
  box-shadow:none !important;
}
body.bmrt-active .bmrt-main { isolation:isolate; }
body.bmrt-active .bmrt-film { isolation:isolate; }
body.bmrt-active .bmrt-video {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:cover; object-position:50% 50%; background:#000;
  border:0 !important; border-radius:0 !important; outline:0;
}
body.bmrt-active .bmrt-overlay-shade {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.14) 11%,transparent 24%,transparent 75%,rgba(0,0,0,.23) 90%,rgba(0,0,0,.42) 100%);
}
body.bmrt-active .bmrt-header {
  position:absolute; inset:0 0 auto 0; z-index:5;
  display:flex; justify-content:space-between; align-items:center; gap:20px;
  padding:calc(24px + env(safe-area-inset-top, 0px)) calc(clamp(22px,4vw,62px) + env(safe-area-inset-right,0px)) 24px calc(clamp(22px,4vw,62px) + env(safe-area-inset-left,0px));
  background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
body.bmrt-active .bmrt-identity {
  display:inline-flex; align-items:center; justify-content:flex-start;
  min-width:0; min-height:36px; color:#fff !important;
  text-decoration:none !important;
}
body.bmrt-active .bmrt-identity-logo {
  display:block; width:clamp(104px,10.8vw,155px); height:auto; max-height:58px;
  object-fit:contain; object-position:left center;
  filter:grayscale(1) brightness(0) invert(1);
  -webkit-filter:grayscale(1) brightness(0) invert(1);
}
body.bmrt-active .bmrt-identity {
  gap:clamp(12px,1.4vw,20px);
}
body.bmrt-active .bmrt-identity-divider {
  display:block; flex:none; width:1px; height:31px;
  background:rgba(255,255,255,.48);
}
body.bmrt-active .bmrt-identity-name {
  display:block; flex:none; color:rgba(255,255,255,.82);
  font:400 9px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  letter-spacing:.22em; white-space:nowrap;
}
body.bmrt-active .bmrt-wordmark {
  font-size:clamp(28px,3vw,38px);font-weight:300;line-height:1;letter-spacing:.2em;
}
body.bmrt-active .bmrt-contact {
  display:inline-flex; justify-content:center; align-items:center; gap:13px;
  min-height:45px; padding:0 20px;
  background:rgba(0,0,0,.12); color:#fff !important;
  border:1px solid rgba(255,255,255,.55); border-radius:999px;
  font:400 12px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  text-decoration:none !important; white-space:nowrap;
  transition:border-color .18s ease,background .18s ease;
}
body.bmrt-active .bmrt-contact svg { flex:none; }
body.bmrt-active .bmrt-contact:hover,
body.bmrt-active .bmrt-contact:focus-visible {
  background:rgba(255,255,255,.16);border-color:#fff;
}
body.bmrt-active .bmrt-controls {
  position:absolute; z-index:6; left:0; right:0; bottom:0;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px calc(clamp(20px,3.8vw,60px) + env(safe-area-inset-right,0px))
    calc(20px + env(safe-area-inset-bottom,0px))
    calc(clamp(20px,3.8vw,60px) + env(safe-area-inset-left,0px));
  pointer-events:none;
  opacity:.72; transition:opacity .2s ease;
}
body.bmrt-active .bmrt-film:hover .bmrt-controls,
body.bmrt-active .bmrt-controls:focus-within,
body.bmrt-active .bmrt-film.is-paused .bmrt-controls { opacity:1; }
body.bmrt-active .bmrt-controls-right {
  display:flex; align-items:center; gap:12px;
}
body.bmrt-active .bmrt-control {
  appearance:none; -webkit-appearance:none; flex:none; position:relative;
  width:46px; height:46px; display:grid; place-items:center; padding:0;
  border:1px solid rgba(255,255,255,.55) !important; border-radius:50% !important;
  background:rgba(0,0,0,.12) !important; box-shadow:none !important;
  color:#fff !important; pointer-events:auto; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 1px 5px rgba(0,0,0,.8));
  transition:transform .16s ease,opacity .16s ease;
}
body.bmrt-active .bmrt-control:hover {
  transform:scale(1.06); border-color:#fff !important; background:rgba(255,255,255,.16) !important;
}
body.bmrt-active .bmrt-control svg { grid-area:1/1; }
body.bmrt-active .bmrt-icon-play,
body.bmrt-active .bmrt-icon-volume,
body.bmrt-active .bmrt-icon-collapse { display:none; }
body.bmrt-active .bmrt-control.is-paused .bmrt-icon-pause { display:none; }
body.bmrt-active .bmrt-control.is-paused .bmrt-icon-play { display:block; }
body.bmrt-active .bmrt-control.is-audible .bmrt-icon-muted { display:none; }
body.bmrt-active .bmrt-control.is-audible .bmrt-icon-volume { display:block; }
body.bmrt-active .bmrt-film.is-fullscreen .bmrt-icon-expand { display:none; }
body.bmrt-active .bmrt-film.is-fullscreen .bmrt-icon-collapse { display:block; }
body.bmrt-active .bmrt-gate {
  position:absolute; z-index:8; left:50%; top:50%; transform:translate(-50%,-50%);
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 16px; background:transparent; border:0; border-radius:0;
  font:500 14px/1.3 inherit; color:#fff; cursor:pointer;
  text-shadow:0 2px 7px #000; filter:drop-shadow(0 2px 7px #000);
}
body.bmrt-active .bmrt-gate[hidden] { display:none !important; }
body.bmrt-active .bmrt-skip {
  position:fixed;z-index:30;top:-150px;left:10px;
  padding:12px 18px;background:#fff;color:#000;border-radius:4px;
}
body.bmrt-active .bmrt-skip:focus { top:10px; }
body.bmrt-active :is(button,a):focus-visible {
  outline:2px solid #fff; outline-offset:4px;
}
body.bmrt-active .bmrt-film:fullscreen,
body.bmrt-active .bmrt-film:-webkit-full-screen {
  width:100vw; height:100vh; height:100dvh; background:#000;
}
body.bmrt-active .bmrt-film:fullscreen .bmrt-video,
body.bmrt-active .bmrt-film:-webkit-full-screen .bmrt-video { object-fit:cover; }
@media (max-width:700px) {
  body.bmrt-active .bmrt-header { padding-top:calc(18px + env(safe-area-inset-top,0px)); gap:12px; }
  body.bmrt-active .bmrt-identity { gap:10px; }
  body.bmrt-active .bmrt-identity-logo { width:clamp(86px,23vw,112px); }
  body.bmrt-active .bmrt-identity-divider { height:27px; }
  body.bmrt-active .bmrt-identity-name { font-size:clamp(6.1px,1.55vw,7.5px); letter-spacing:.13em; line-height:1.55; }
  body.bmrt-active .bmrt-contact { font-size:11px; min-height:41px; padding:0 12px;gap:8px; }
  body.bmrt-active .bmrt-controls-right { gap:8px; }
  body.bmrt-active .bmrt-controls { opacity:.87; }
}
@media (prefers-reduced-motion:reduce) {
  body.bmrt-active .bmrt-contact,
  body.bmrt-active .bmrt-controls,
  body.bmrt-active .bmrt-control { transition:none; }
}

/* YouTube-style fade while mouse is idle; touch controls remain discoverable. */
@media (hover:hover) and (pointer:fine) {
  body.bmrt-active .bmrt-film.is-idle:not(.is-paused) .bmrt-controls { opacity:0; }
  body.bmrt-active .bmrt-film.is-idle .bmrt-controls:focus-within { opacity:1; }
}

/* Preserve typography in the 16:9 source on portrait displays.
   The player remains edge-to-edge black; the actual film is never cropped. */
@media (orientation: portrait) {
  body.bmrt-active .bmrt-video,
  body.bmrt-active .bmrt-film:fullscreen .bmrt-video,
  body.bmrt-active .bmrt-film:-webkit-full-screen .bmrt-video {
    object-fit:contain;
    object-position:center;
  }
}

@media (max-width:410px) {
  body.bmrt-active .bmrt-header { padding-left:14px; padding-right:14px; gap:8px; }
  body.bmrt-active .bmrt-identity { gap:8px; }
  body.bmrt-active .bmrt-identity-logo { width:clamp(76px,22vw,88px); }
  body.bmrt-active .bmrt-identity-divider { height:24px; }
  body.bmrt-active .bmrt-identity-name { font-size:clamp(5.5px,1.6vw,6.5px); letter-spacing:.11em; }
  body.bmrt-active .bmrt-contact { min-height:39px; padding:0 10px; gap:6px; font-size:10px; }
}