/* 홈 첫 화면 — 100명 런웨이 시트 영상 (2026-10-13 대표 「이걸 라라랜드맘 메인페이지로, 그 밑에 회전룩북」). 영상 아래에 회전 룩북(#cities)이 이어진다. */
.scene.sheet100{min-height:0;display:flex;flex-direction:column;align-items:center;gap:18px;padding:calc(76px + env(safe-area-inset-top,0px)) 16px 34px;background:#07080A;color:#F4F4F0}
.sheet100-film{position:relative;margin:0;width:min(100%,calc((100svh - 170px) * 9 / 16),520px)}
.sheet100-film video{width:100%;aspect-ratio:9/16;display:block;border-radius:16px;background:#0b0c0e;object-fit:cover;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.sheet100-snd{position:absolute;right:12px;bottom:12px;z-index:2;font:600 13px/1 var(--font-body,'Noto Sans KR',system-ui,sans-serif);color:#0A0B0C;background:#A8E010;border:0;border-radius:999px;padding:9px 14px;cursor:pointer}
.sheet100-snd[aria-pressed="true"]{background:#F4F4F0}
.sheet100-film figcaption{margin-top:9px;font-size:11px;line-height:1.6;color:#8a8f98;text-align:center}
.sheet100-cta{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.sheet100-cta b{font:700 clamp(18px,4.6vw,24px)/1.35 var(--font-body,'Noto Sans KR',system-ui,sans-serif);letter-spacing:-.01em}
.sheet100-cta a{display:inline-flex;align-items:center;gap:8px;background:#A8E010;color:#0A0B0C;font-weight:700;font-size:15px;text-decoration:none;padding:13px 24px;border-radius:999px}
@media (prefers-reduced-motion:reduce){.sheet100-film video{animation:none}}

/* 자막 덮개 — 영상 속에 글자를 굽지 않고 HTML 로 올려 사전이 언어를 바꾼다(2026-10-14 대표 「다국어되게」). 크기는 영상 폭 기준(cqw). */
.sheet100-film{container-type:inline-size}
.s100-cap{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:16px;font-family:var(--font-body,'Noto Sans KR',system-ui,sans-serif)}
.s100-c{position:absolute;left:4cqw;right:4cqw;top:8.9%;text-align:center;font-weight:800;font-size:7cqw;line-height:1.2;color:#F4F4F0;text-shadow:0 .4cqw 2.8cqw rgba(0,0,0,.75);letter-spacing:-.01em;opacity:0;transition:opacity .3s}
.s100-c.on{opacity:1}
.s100-c.mid{top:7.8%;font-size:5.6cqw}
.s100-c p{text-wrap:balance;margin:0 0 1.2cqw;opacity:0;transform:translateY(3.4cqw);transition:opacity .35s,transform .35s}
.s100-c p.on{opacity:1;transform:none}
.s100-c .ac{color:#A8E010}
.s100-c.end{top:50%;transform:translateY(-50%);font-size:10cqw;font-weight:900;line-height:1.14}
.s100-c.end small,.s100-c.end em{display:block;opacity:0;transition:opacity .4s;font-style:normal;font-weight:600;text-shadow:none}
.s100-c.end small.on,.s100-c.end em.on{opacity:1}
.s100-c.end small{margin-top:5cqw;font-size:3.6cqw;color:#F4F4F0}
.s100-c.end em{margin-top:2cqw;font-size:2.7cqw;font-weight:500;color:rgba(244,244,240,.75)}
@media (prefers-reduced-motion:reduce){.s100-c,.s100-c p{transition:none}}
