/* Laydn — intro film on /tour/ (walkthrough/intro-film.php) */
.lw-film{ margin:18px auto 34px; max-width:1100px; }
.lw-film-box{ position:relative; border-radius:18px; overflow:hidden; background:#101010; box-shadow:0 30px 80px rgba(0,0,0,.45); }
.lw-film.is-land .lw-film-box{ aspect-ratio:16/9; }
.lw-film.is-port .lw-film-box{ aspect-ratio:9/16; max-height:calc(100svh - 96px); margin:0 auto; }
.lw-film-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#101010; }
.lw-film-end{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(16,16,16,.95); }
.lw-film-end[hidden]{ display:none !important; }
.lw-film-end-in{ width:100%; max-width:920px; text-align:center; }
.lw-film-end-k{ font:600 12px/1 'Inter',system-ui,sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#00C9A7; }
.lw-film-end h2{ font-family:'Anta',sans-serif; font-weight:400; color:#F2F2F2; font-size:clamp(22px,3.2vw,38px); line-height:1.1; margin:10px 0 22px; }
.lw-film-end-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.lw-film-card{ display:flex; align-items:center; gap:12px; text-align:left; padding:16px; min-height:64px; border-radius:14px; background:#2a2a2a; color:#F2F2F2; text-decoration:none; border:1px solid rgba(255,255,255,.08); transition:transform .15s ease, border-color .15s ease; }
.lw-film-card:hover, .lw-film-card:focus-visible{ border-color:#C8F135; transform:translateY(-2px); outline:none; }
.lw-film-card .ic{ flex:0 0 40px; height:40px; border-radius:10px; display:grid; place-items:center; background:rgba(200,241,53,.12); color:#C8F135; }
.lw-film-card .who{ display:block; font:500 11px/1.3 'Inter',sans-serif; color:rgba(242,242,242,.6); margin-bottom:3px; }
.lw-film-card strong{ display:block; font:700 15px/1.25 'Inter',sans-serif; }
.lw-film-card .go{ margin-left:auto; color:#C8F135; }
.lw-film-again{ margin-top:14px; background:none; border:0; color:rgba(242,242,242,.72); font:600 13px 'Inter',sans-serif; text-decoration:underline; cursor:pointer; padding:10px; }
.lw-film.is-port .lw-film-end-cards{ grid-template-columns:1fr; }
.lw-film.is-port .lw-film-end h2{ font-size:22px; }
@media (max-width:699px){ .lw-film{ margin:12px 0 26px; } .lw-film-box{ border-radius:14px; } }
@media (prefers-reduced-motion:reduce){ .lw-film-card{ transition:none; } }
.lw-film-card .ep1{ display:block; margin-top:4px; font:600 11px/1.3 'Inter',sans-serif; color:#C8F135; letter-spacing:.02em; }