.lfar__in { display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:clamp(24px, 4vw, 64px); align-items:center; max-width:1200px; margin:0 auto; }
.lfar__copy h2 { margin-top:.2em; }
.lfar__how { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:8px; font-size:.95em; }
.lfar__how li { padding-left:22px; position:relative; }
.lfar__how li::before { content:""; position:absolute; left:2px; top:.55em; width:8px; height:8px; border-radius:50%; background:#E8762A; }
.lfar__stage { display:flex; flex-direction:column; gap:12px; }
.lfar__view { position:relative; aspect-ratio:1 / 1; border-radius:22px; overflow:hidden; background:linear-gradient(180deg, #e3ebf1 0%, #eef1ea 62%, #e6e9df 100%); }
.lfar__poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .5s; }
.lfar__view.is-ready .lfar__poster { opacity:0; pointer-events:none; }
.lfar__mv { position:absolute; inset:0; width:100%; height:100%; --poster-color:transparent; background:transparent; }
.lfar__load { position:absolute; left:50%; bottom:16px; transform:translateX(-50%); background:rgba(255,255,255,.85); border-radius:999px; padding:5px 14px; font-size:.85em; }
.lfar__bar { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; }
.lfar__side { display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; }
.lfar__lbl { font-size:.88em; color:rgba(35,32,28,.7); }
.lfar__seg { display:inline-flex; background:rgba(35,32,28,.07); border-radius:999px; padding:3px; }
.lfar__seg button, .lfar__zone { font:inherit; font-size:.9em; border:0; background:transparent; color:inherit; border-radius:999px; padding:7px 14px; cursor:pointer; min-height:36px; }
.lfar__seg button[aria-checked="true"] { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.12); font-weight:600; }
.lfar__zone { display:inline-flex; align-items:center; gap:8px; background:rgba(35,32,28,.07); }
.lfar__zone i { width:14px; height:14px; border-radius:4px; border:2px solid #E8762A; background:rgba(240,160,64,.35); }
.lfar__zone[aria-pressed="false"] { opacity:1; }
.lfar__zone[aria-pressed="false"] i { background:transparent; border-color:#b9b1a6; }
.lfar__go { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; border:0; border-radius:999px; background:#23201c; color:#fff; font:inherit; font-weight:600; font-size:1.02em; cursor:pointer; }
.lfar__go svg { width:22px; height:22px; }
.lfar__go[hidden] { display:none; }
.lfar__msg { margin:0; color:#a4483a; font-size:.9em; }
.lfar__note { margin:0; color:rgba(35,32,28,.62); font-size:.82em; line-height:1.45; }
.lft-k .lfar { display:none; }
@media (max-width: 860px) {
  .lfar__in { grid-template-columns:1fr; }
  .lfar__view { aspect-ratio:4 / 5; }
  .lfar__how { display:none; }
}