/* mirror-video.css — "The first look in the mirror": the headline sits ON the
   video. A blurred copy of the same muted loop fills the band; the sharp clip
   sits on top; the title overlaps both. */
.mv-sec{position:relative;overflow:hidden;background:#16291E;padding:96px 0 40px;isolation:isolate}
.mv-bg{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;
  filter:blur(28px) saturate(.8) brightness(.55);z-index:-2;pointer-events:none}
.mv-veil{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(22,41,30,.92) 0%,rgba(22,41,30,.55) 50%,rgba(22,41,30,.35) 100%)}
.mv-inner{position:relative;display:grid;grid-template-columns:1fr minmax(0,380px) 1fr;align-items:end;min-height:640px}
.mv-frame{grid-column:2;grid-row:1;position:relative;aspect-ratio:9/16;width:100%;border-radius:3px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mv-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mv-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(22,41,30,0) 40%,rgba(22,41,30,.6) 68%,rgba(22,41,30,.95) 100%)}
.mv-frame.is-full::after{display:none}
.mv-play{position:absolute;right:14px;top:14px;z-index:2;border:0;cursor:pointer;background:#F5F0E8;color:#16291E;
  font-family:inherit;font-size:12px;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;border-radius:2px}
.mv-play:hover,.mv-play:focus-visible{background:#C9A861}
.mv-frame.is-full .mv-play{display:none}
/* the headline crosses from the band onto the clip */
.mv-text{grid-column:1 / 4;grid-row:1;align-self:end;position:relative;z-index:3;padding:0 0 40px;pointer-events:none;
  text-align:center;transition:opacity .3s}
.mv-eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.6);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#C9A861;margin:0 0 12px}
.mv-title{font-size:56px;line-height:.95;margin:0 0 14px;color:#F5F0E8;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.mv-sub{font-size:16px;line-height:1.5;color:rgba(245,240,232,.88);margin:0 auto;max-width:34ch;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.mv-frame.is-full ~ .mv-text,.mv-sec.is-full .mv-text{opacity:0}
.mv-note{position:relative;text-align:center;font-size:12px;color:rgba(245,240,232,.5);margin:22px 16px 0}
@media (max-width:860px){
  .mv-sec{padding:64px 0 32px}
  .mv-inner{grid-template-columns:1fr;min-height:0;max-width:440px}
  .mv-frame{grid-column:1;grid-row:1}
  .mv-text{grid-column:1;grid-row:1;margin:0;text-align:left;padding:0 22px 26px}
  .mv-sub{margin:0}
  .mv-title{font-size:32px}
  .mv-sub{margin:0;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.mv-bg{display:none}}
