/* v59c: 상영작 띠 뒤 불씨·연기·바닥 불빛 (영화 정보 페이지 하단과 같은 결) */
.ips5.hm .hm-now{position:relative;isolation:isolate;overflow:hidden}
.ips5.hm .hm-now>.hm-wrap{position:relative;z-index:1}
.ips5.hm .hm-amb{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ips5.hm .hm-amb .embers{position:absolute;inset:0}
.ips5.hm .hm-amb .embers i{position:absolute;bottom:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#ff9a3c;box-shadow:0 0 8px 2px rgba(255,120,40,.6);opacity:0;animation:fm-ember var(--t) linear var(--dl) infinite}
.ips5.hm .hm-smoke{position:absolute;left:-15%;top:35%;width:70vw;height:70vw;border-radius:50%;filter:blur(60px);opacity:.14;background:radial-gradient(circle,rgba(150,140,125,.9),transparent 62%);animation:fm-drift 40s ease-in-out infinite alternate}
.ips5.hm .hm-floor{position:absolute;left:0;right:0;bottom:0;height:45%;background:radial-gradient(60% 100% at 50% 100%,rgba(255,120,40,.16),transparent 70%)}
@media (max-width:680px){.ips5.hm .hm-amb .embers i:nth-child(2n){display:none}.ips5.hm .hm-smoke{filter:none;background:radial-gradient(circle,rgba(150,140,125,.5),transparent 68%)}}
@media (prefers-reduced-motion:reduce){.ips5.hm .hm-amb .embers{display:none}.ips5.hm .hm-smoke{animation:none}}
/* 홈 맨 위 상영작·소식 — 어두운 상영관 띠 + 큰 포스터 카드 + 탭 + 소식 목록 */
.ips5.hm{background:#0d0f12;color:#ece8df;font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif}
.ips5.hm .hm-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ips5.hm .hm-now{padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,80px)}
.ips5.hm .hm-eye{font:600 11px/1 'Lexend',sans-serif;letter-spacing:.28em;color:#ffb35c;margin:0 0 14px}
.ips5.hm .hm-head h2{font:700 clamp(28px,3.4vw,44px)/1.15 'Pretendard Variable',Pretendard,sans-serif;letter-spacing:-.02em;margin:0;color:#fff}
.ips5.hm .hm-tabs{position:relative;display:inline-flex;gap:4px;margin-top:28px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
.ips5.hm .hm-tabs button{position:relative;z-index:1;border:0;background:none;color:rgba(236,232,223,.72);font:600 14px/1 'Pretendard Variable',Pretendard,sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer;transition:color .25s var(--ease)}
.ips5.hm .hm-tabs button b{font-weight:600;margin-left:4px;opacity:.7;font-variant-numeric:tabular-nums}
.ips5.hm .hm-tabs button[aria-selected=true]{color:#0d0f12}
.ips5.hm .hm-tabs button:focus-visible{outline:2px solid #ffb35c;outline-offset:2px}
.ips5.hm .hm-bar{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:#f3efe6;transition:transform .35s var(--ease),width .35s var(--ease)}
.ips5.hm .hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(32px,4vw,48px)}
.ips5.hm .hm-card{display:grid;grid-template-columns:minmax(0,46%) 1fr;gap:clamp(16px,2vw,28px);align-items:end}
.ips5.hm .hm-card[hidden],.ips5.hm .hm-card.is-off{display:none}
.ips5.hm .hm-post{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:6px;background:#1a1d22;cursor:pointer;box-shadow:0 18px 40px -18px rgba(0,0,0,.8)}
.ips5.hm .hm-post img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .7s var(--ease),filter .7s var(--ease)}
.ips5.hm .hm-card:hover .hm-post img{transform:scale(1.04)}
.ips5.hm .hm-post:focus-visible{outline:2px solid #ffb35c;outline-offset:3px}
.ips5.hm .hm-dd{position:absolute;left:10px;top:10px;font:700 12px/1 'Lexend',sans-serif;letter-spacing:.04em;background:#ffb35c;color:#14110c;padding:6px 9px;border-radius:4px}
.ips5.hm .hm-dd.live{background:#e0335c;color:#fff}
.ips5.hm .hm-no{font:600 11px/1 'Lexend',sans-serif;letter-spacing:.2em;color:rgba(236,232,223,.6);margin:0 0 10px}
.ips5.hm .hm-info h3{font:700 clamp(19px,1.8vw,24px)/1.3 'Pretendard Variable',Pretendard,sans-serif;margin:0 0 6px;color:#fff;letter-spacing:-.01em;word-break:keep-all}
.ips5.hm .hm-orig{font-size:13px;color:rgba(236,232,223,.62);margin:0 0 18px;font-style:italic}
.ips5.hm .hm-info dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 22px;font-size:14px}
.ips5.hm .hm-info dt{color:rgba(236,232,223,.6)}.ips5.hm .hm-info dd{margin:0;color:#ece8df}
.ips5.hm .hm-go{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:600;font-size:14px;padding:11px 18px;border-radius:4px;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}
.ips5.hm .hm-go:hover{background:#fff;color:#0d0f12}.ips5.hm .hm-go:focus-visible{outline:2px solid #ffb35c;outline-offset:3px}
.ips5.hm .hm-go .ar,.ips5.hm .hm-row .ar{display:inline-block;transition:transform .25s var(--ease)}
.ips5.hm .hm-go:hover .ar,.ips5.hm .hm-row:hover .ar{transform:translateX(4px)}
.ips5.hm .hm-go:active,.ips5.hm .hm-tabs button:active{transform:scale(.97)}
.ips5.hm .hm-empty{display:none;grid-column:1/-1;margin:0;padding:48px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);font-size:17px;color:rgba(236,232,223,.8);text-align:center}
.ips5.hm .hm-grid.is-empty .hm-empty{display:block}
.ips5.hm .hm-grid.swap .hm-card{animation:hm-in .45s var(--ease) both}
.ips5.hm .hm-grid.swap .hm-card:nth-child(2){animation-delay:.08s}
@keyframes hm-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
/* 처음 등장: 포스터가 아래에서 위로 열림(커튼) */
html.ips-fx .ips5.hm .hm-card[data-rv] .hm-post{clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--ease) .1s}
html.ips-fx .ips5.hm .hm-card[data-rv].is-in .hm-post{clip-path:inset(0 0 0 0)}
.ips5.hm .hm-news{background:#f6f4ef;color:#141414;padding:clamp(48px,6vw,80px) 0}
.ips5.hm .hm-nh{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ips5.hm .hm-nh h2{font:700 clamp(24px,2.6vw,32px)/1.2 'Pretendard Variable',Pretendard,sans-serif;margin:0;letter-spacing:-.02em}
.ips5.hm .hm-nh p{margin:0;color:#5b5b5b;font-size:14px}
.ips5.hm .hm-list{list-style:none;margin:0;padding:0;border-top:1px solid #141414}
.ips5.hm .hm-row{display:grid;grid-template-columns:110px 76px 1fr 24px;align-items:center;gap:16px;padding:18px 8px;border-bottom:1px solid #dcd8cf;cursor:pointer;transition:background .2s var(--ease)}
.ips5.hm .hm-row:hover{background:#ece8df}.ips5.hm .hm-row:focus-visible{outline:2px solid #3a4ff0;outline-offset:-2px}
.ips5.hm .hm-row time{font:500 13px/1 'Lexend',sans-serif;color:#5b5b5b;font-variant-numeric:tabular-nums}
.ips5.hm .hm-cat{font-size:12px;font-weight:600;color:#a3201c;border:1px solid currentColor;border-radius:3px;padding:3px 7px;justify-self:start}
.ips5.hm .hm-tt{font-size:16px;font-weight:500;word-break:keep-all}
@media (max-width:900px){.ips5.hm .hm-grid{grid-template-columns:1fr}.ips5.hm .hm-card{grid-template-columns:minmax(0,42%) 1fr}}
@media (max-width:560px){.ips5.hm .hm-card{grid-template-columns:42% 1fr;align-items:start;gap:14px}.ips5.hm .hm-info dl{grid-template-columns:1fr;gap:0 0;font-size:13px}.ips5.hm .hm-info dd{margin-bottom:6px}.ips5.hm .hm-orig{margin-bottom:12px}
 .ips5.hm .hm-row{grid-template-columns:1fr 18px;gap:6px 10px}.ips5.hm .hm-row time{grid-column:1}.ips5.hm .hm-cat{grid-column:1;grid-row:2}.ips5.hm .hm-tt{grid-column:1;grid-row:3}.ips5.hm .hm-row .ar{grid-column:2;grid-row:1/4}}
@media (prefers-reduced-motion:reduce){.ips5.hm *{transition:none!important;animation:none!important}html.ips-fx .ips5.hm .hm-card[data-rv] .hm-post{clip-path:none}}