/* Shared ONLY by the new-content rail and its admin preview; no home-wide rules. */
.hc-carousel { margin-inline:14px; min-width:0; }
.home-cinema.home-cinema,
#homeMagazineRoot .home-cinema {
  --hc-gap:10px;
  display:flex; gap:12px; overflow-x:auto; padding:0;
  scroll-padding-inline:0; scroll-snap-type:x mandatory; scrollbar-width:none;
  overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
  container-type:inline-size; container-name:home-cinema;
}
.home-cinema.home-cinema::-webkit-scrollbar { display:none; }
.home-cinema.home-cinema > .hc-page {
  flex:0 0 100%; display:grid; grid-template-columns:.94fr 1.06fr;
  grid-template-rows:repeat(2,minmax(0,1fr)); gap:var(--hc-gap);
  min-width:0; aspect-ratio:1.5; scroll-snap-align:start; scroll-snap-stop:always;
}
.hc-pager { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin-top:7px; }
.hc-pager button { appearance:none; border:0; margin:0; padding:0; background:transparent; color:var(--color-accent-light,#E0B470); cursor:pointer; }
.hc-pager .hc-arrow { width:36px; height:36px; border-radius:50%; font:24px/1 Arial,sans-serif; }
.hc-pager .hc-arrow:disabled { opacity:.25; cursor:default; }
.hc-dots { display:flex; align-items:center; }
.hc-pager .hc-dot { display:grid; place-items:center; width:28px; height:36px; }
.hc-pager .hc-dot[hidden] { display:none; }
.hc-dot span { width:5px; height:5px; border-radius:99px; background:var(--color-accent,#C89B4A); opacity:.35; }
.hc-dot[aria-current="true"] span { width:17px; opacity:1; }
.hc-position { min-width:35px; color:var(--color-accent-light,#E0B470); opacity:.75; font:11px/1.3 var(--font-sans,Arial,sans-serif); font-variant-numeric:tabular-nums; text-align:center; white-space:nowrap; }
.hc-pager button:focus-visible { outline:2px solid var(--color-accent-light,#E0B470); outline-offset:-2px; }
@media(hover:hover) { .hc-pager .hc-arrow:not(:disabled):hover { background:rgba(200,155,74,.1); } }
.home-cinema .hc-page > .hc-card.hc-card {
  position:relative; display:block; width:auto; min-width:0; height:100%; aspect-ratio:auto;
  overflow:hidden; isolation:isolate; border-radius:14px; color:var(--color-text,#E8DFD4);
  background:var(--color-base-soft,#2B2118); text-decoration:none; box-sizing:border-box;
}
.home-cinema .hc-page > .hc-lead { grid-row:span 2; }
.home-cinema .hc-card .hc-photo,
.home-cinema .hc-card .hc-video {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:cover; object-position:center 25%; pointer-events:none;
}
.home-cinema .hc-photo { z-index:1; }
.home-cinema .hc-video.media-ready ~ .hc-photo { visibility:hidden; }
.home-cinema .hc-no-photo { display:grid; place-items:center; height:100%; font-size:34px; color:var(--color-accent,#C89B4A); }
.home-cinema .hc-shade { position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,transparent 44%,rgba(10,7,5,.1) 55%,rgba(10,7,5,.9)); }
.home-cinema .hc-companion .hc-shade { background:linear-gradient(90deg,rgba(13,9,6,.75),rgba(13,9,6,.2) 57%,transparent 85%),linear-gradient(0deg,rgba(13,9,6,.45),transparent 70%); }
.home-cinema .hc-copy { position:absolute; left:13px; right:12px; bottom:14px; z-index:3; }
.home-cinema .hc-name { font-family:var(--font-serif,'Noto Serif KR',serif); font-size:21px; font-weight:600; line-height:1.35; letter-spacing:-.4px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-shadow:0 1px 4px rgba(0,0,0,.65); }
.home-cinema .hc-tag { margin-top:5px; font-family:var(--font-sans,Arial,sans-serif); font-size:12px; line-height:1.4; color:#e6d6bc; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:keep-all; overflow-wrap:anywhere; text-shadow:0 1px 3px rgba(0,0,0,.8); }
.home-cinema .hc-companion .hc-copy { left:11px; right:10px; bottom:10px; }
.home-cinema .hc-companion .hc-name { font-size:18px; -webkit-line-clamp:1; }
.home-cinema .hc-companion .hc-tag { margin-top:3px; font-size:11px; }
.home-cinema .hc-badge { position:absolute; left:9px; top:9px; z-index:3; border-radius:99px; padding:4px 7px; background:var(--color-sub,#9B2E3F); color:#fff; font:600 9px/1 Arial,sans-serif; letter-spacing:.6px; }
.home-cinema .hc-book-badge { background:rgba(20,12,8,.7); color:var(--color-accent-light,#E0B470); }
.home-cinema .hc-book .hc-photo { object-fit:contain; }
.home-cinema .hc-book .hc-shade { background:linear-gradient(0deg,rgba(13,9,6,.94),rgba(13,9,6,.15) 70%); }
.home-cinema .hc-book .hc-name { font-size:16px; -webkit-line-clamp:2; }
.home-cinema .hc-page[data-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:1fr; aspect-ratio:1.48; }
.home-cinema .hc-page[data-count="2"] .hc-lead { grid-row:auto; }
.home-cinema .hc-page[data-count="1"] { display:flex; aspect-ratio:1.48; }
.home-cinema .hc-page[data-count="1"] > .hc-card { width:auto; aspect-ratio:3/4; max-width:100%; }
.home-cinema .hc-card:focus-visible { outline:2px solid var(--color-accent-light,#E0B470); outline-offset:-3px; }
.home-cinema.hc-preview .hc-card { cursor:default; box-shadow:none; }
/* Preserve the legacy selectors elsewhere, overriding their ID specificity here only. */
#homeMagazineRoot .home-cinema > .hc-page { flex:0 0 100%; }
#homeMagazineRoot .home-cinema .hc-page > .hc-card { width:auto; aspect-ratio:auto; }
#homeMagazineRoot .home-cinema .hc-page[data-count="1"] > .hc-card { aspect-ratio:3/4; }
/* The same query applies to a 320px admin preview on a wide desktop viewport. */
@container home-cinema (max-width:331px) {
  .home-cinema.home-cinema > .hc-page { gap:8px; }
  .home-cinema .hc-name { font-size:18px; }
  .home-cinema .hc-companion .hc-name { font-size:16px; }
  .home-cinema .hc-copy { left:10px; right:8px; bottom:12px; }
  .home-cinema .hc-tag { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-cinema .hc-card.hc-card { transition:none; }
  .home-cinema.home-cinema, #homeMagazineRoot .home-cinema { scroll-snap-type:x mandatory !important; scroll-behavior:auto !important; }
}