/* v2.6.98 | Distinct visual grammars for the three finished editorial collections.
 * Loaded only on horror, neon-reality or Japanese youth collection. CSS-only:
 * no film order, archive data, links, login, player or watched state modified.
 */

/* JAPAN / ZINE COLLAGE — the requested huge full-bleed TMDB backdrop is BACK.
   It lives *outside* the hero, under the zine stickers and editorial photography. */
.nf-curation--japan .nf-curation-ambient {
  background:
    url('./curation-textures/japan-zine-city.svg') no-repeat center top 56px / max(1450px,100%) auto,
    radial-gradient(circle at 77% 6%,rgba(177,121,220,.2),transparent 42%),
    linear-gradient(180deg,#1b122b,#100c1d 80%);
}
.nf-curation--japan .nf-curation-ambient::before {
  content:"";display:block;position:absolute;inset:0 0 auto;
  height:1100px;opacity:.56;filter:saturate(.9) contrast(1.05);
  background-image:
    linear-gradient(180deg,rgba(18,11,31,.13) 0%,rgba(17,11,28,.30) 38%,rgba(16,11,28,.69) 74%,#100d1b 100%),
    linear-gradient(90deg,rgba(13,9,25,.12),rgba(13,9,25,.04)),
    var(--nf-cur-image,linear-gradient(105deg,#412349,#8e5989,#111124));
  background-repeat:no-repeat;
  background-size:cover,cover,cover;
  background-position:center,center,center 26%;
  -webkit-mask-image:linear-gradient(#000 0%,#000 38%,rgba(0,0,0,.78) 62%,transparent 100%);
  mask-image:linear-gradient(#000 0%,#000 38%,rgba(0,0,0,.78) 62%,transparent 100%);
  pointer-events:none;
}
/* Keep the stronger city-zine, stickers, cassette, tapes and animation above photo. */
.nf-curation--japan .nf-curation-ambient::after {opacity:.95}
.nf-curation--japan .nf-curation-grid {align-items:start;row-gap:35px}
@media(min-width:1101px){
  .nf-curation--japan .nf-curation-card:nth-child(4n+2){margin-top:25px;transform:rotate(.35deg)}
  .nf-curation--japan .nf-curation-card:nth-child(4n+3){margin-top:8px;transform:rotate(-.35deg)}
  .nf-curation--japan .nf-curation-card:nth-child(4n+4){margin-top:38px;transform:rotate(.55deg)}
  .nf-curation--japan .nf-curation-card:nth-child(4n+2):hover,
  .nf-curation--japan .nf-curation-card:nth-child(4n+3):hover,
  .nf-curation--japan .nf-curation-card:nth-child(4n+4):hover {transform:translateY(-7px) rotate(0)}
}
.nf-curation--japan .nf-curation-section-title {transform:rotate(-.28deg);transform-origin:left bottom}

/* REALITY / TEMPORAL FRACTURES — a featured wide double panel, then compact fragments.
   Ordered source remains unchanged; the first published movie merely gains prominence. */
.nf-curation--neon .nf-curation-hero {
  border-radius:2px 18px 2px 18px;
  border-left:3px solid rgba(111,232,235,.68);
  box-shadow:0 32px 80px rgba(0,8,23,.45),-7px 8px 0 rgba(107,234,238,.065);
}
.nf-curation--neon .nf-curation-hero__content {
  padding-top:clamp(40px,6vw,87px);padding-bottom:clamp(40px,6vw,84px);
}
.nf-curation--neon .nf-curation-section-title {
  border-left:3px solid #75ebf4;
  padding-left:20px;
  background:linear-gradient(90deg,rgba(83,211,240,.09),transparent 62%);
}
.nf-curation--neon .nf-curation-section-title::before {
  content:"// 001 — KIRILMA NOKTASI";position:absolute;right:10px;top:6px;
  color:rgba(124,233,247,.48);font:700 9px/1.2 var(--nf-mono,monospace);letter-spacing:.11em;
}
@media(min-width:1051px){
  .nf-curation--neon .nf-curation-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
  .nf-curation--neon .nf-curation-card:first-child {
    grid-column:span 2;display:grid;grid-template-columns:56% minmax(0,44%);
    align-self:stretch;min-height:390px;
    background:linear-gradient(120deg,#10253a,#0c192d);
  }
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__poster {
    height:100%;min-height:390px;aspect-ratio:auto;border-right:1px solid rgba(121,232,240,.34);
  }
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__poster img {width:100%;height:100%;object-fit:cover}
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__copy {
    justify-content:end;min-height:0;padding:20px 20px 30px;
    background:linear-gradient(135deg,#0b293c,#11172c);
  }
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__copy h3 {
    font-size:clamp(23px,2.4vw,31px);line-height:1.05;
  }
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__copy::after {
    top:12px;left:0;width:72%;height:1px;
    background:linear-gradient(90deg,#81e9ed,#a99ce5,transparent);
  }
}
/* stronger temporal fields: orbital map and large parallax echo, not Japanese stickers */
.nf-curation--neon .nf-curation-ambient::after {
  background:
    url('./curation-textures/reality-loop.svg') no-repeat left -145px top 20px/590px,
    url('./curation-textures/reality-echo.svg') no-repeat right -90px top 30px/650px,
    radial-gradient(ellipse at 80% 5%,rgba(135,96,207,.20),transparent 66%);
  animation:nf-298-temporal-shift 20s ease-in-out infinite alternate;
}
.nf-curation--neon .nf-curation-hero__art {
  animation:nf-reality-breathe 13s ease-in-out infinite alternate;
}
@keyframes nf-298-temporal-shift {from{transform:translate3d(0,0,0);opacity:.72}to{transform:translate3d(-12px,-5px,0);opacity:1}}

/* HORROR / ARCHIVE OF HAUNTED PLACES — deeper passageway and a dense,
   five-column evidence cabinet. No red neon or body-horror splatter. */
.nf-curation--horror .nf-curation-hero {
  align-items:flex-end;
  min-height:680px;
  border-radius:5px 5px 26px 5px;
  border-left:1px solid rgba(170,203,184,.32);
  box-shadow:0 45px 105px rgba(0,5,9,.66),inset 0 0 0 1px rgba(200,217,198,.08);
}
.nf-curation--horror .nf-curation-hero__content {
  max-width:740px;padding:54px 56px 53px;
}
.nf-curation--horror .nf-curation-hero::after {
  background:
    url('./curation-textures/haunted-mist.svg') no-repeat right 5% bottom/90% 132%,
    linear-gradient(180deg,rgba(12,27,27,.08),transparent 47%,rgba(2,10,13,.70)),
    radial-gradient(ellipse at 78% 40%,rgba(174,205,186,.14),transparent 56%);
  animation:nf-298-haunted-mist 18s ease-in-out infinite alternate;
}
.nf-curation--horror .nf-curation-hero__eyebrow {letter-spacing:.24em}
.nf-curation--horror .nf-curation-section-title {
  padding-left:23px;border-left:2px solid rgba(197,216,197,.44);
  background:linear-gradient(90deg,rgba(94,132,117,.095),transparent 68%);
}
.nf-curation--horror .nf-curation-section-title h2 {font-style:normal}
.nf-curation--horror .nf-curation-section-title::before {
  content:"GECE / DOSYA";position:absolute;right:12px;top:0;
  font:700 9px/1 var(--nf-mono,monospace);letter-spacing:.18em;color:rgba(197,214,196,.36);
}
@media(min-width:1260px){
  .nf-curation--horror .nf-curation-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 14px}
  .nf-curation--horror .nf-curation-card__copy {min-height:105px;padding:14px 10px 17px}
  .nf-curation--horror .nf-curation-card__copy h3 {font-size:15px;line-height:1.15}
  .nf-curation--horror .nf-curation-card__original {font-size:10px}
}
@media(min-width:801px) and (max-width:1259px){
  .nf-curation--horror .nf-curation-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
.nf-curation--horror .nf-curation-card {
  border-radius:2px 2px 12px 2px;
  border-color:rgba(157,189,168,.31);
  background:linear-gradient(180deg,#142322,#0b181a);
  box-shadow:inset 0 0 0 1px rgba(209,220,205,.025),0 17px 36px rgba(0,4,6,.35);
}
.nf-curation--horror .nf-curation-card__index {
  border-radius:2px 2px 9px 2px;
  background:rgba(10,28,28,.89);
  box-shadow:0 0 0 2px rgba(180,204,188,.08);
}
.nf-curation--horror .nf-curation-card__poster::before {
  background:
    url('./curation-textures/haunted-analog-scars.svg') no-repeat center/100% 100%,
    url('./curation-textures/haunted-mist.svg') no-repeat center/108% 110%,
    linear-gradient(180deg,rgba(23,50,45,.10),transparent 40%,rgba(8,24,25,.27));
}
.nf-curation--horror .nf-curation-card:nth-child(5n+2) .nf-curation-card__poster::before {transform:scaleX(-1)}
@keyframes nf-298-haunted-mist {from{opacity:.74;transform:translateX(-3px)}to{opacity:.97;transform:translateX(5px)}}

/* Responsive: every identity keeps readable film cards and functional links. */
@media(max-width:1050px){
  .nf-curation--neon .nf-curation-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .nf-curation--neon .nf-curation-card:first-child {grid-column:auto;display:block;min-height:0}
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__poster {height:auto;min-height:0;aspect-ratio:2/3}
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__poster img{height:100%}
  .nf-curation--neon .nf-curation-card:first-child .nf-curation-card__copy{min-height:110px}
}
@media(max-width:800px){
  .nf-curation--horror .nf-curation-hero {min-height:565px}
  .nf-curation--horror .nf-curation-hero__content {padding:34px 29px}
  .nf-curation--horror .nf-curation-grid,
  .nf-curation--neon .nf-curation-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .nf-curation--neon .nf-curation-section-title::before,
  .nf-curation--horror .nf-curation-section-title::before {content:none}
  .nf-curation--japan .nf-curation-ambient::before {height:770px;opacity:.46;background-position:center,center,61% top}
}
@media(max-width:480px){
  .nf-curation--horror .nf-curation-hero {min-height:510px}
  .nf-curation--horror .nf-curation-hero__content {padding:26px 19px}
  .nf-curation--neon .nf-curation-section-title,
  .nf-curation--horror .nf-curation-section-title {padding-left:12px}
  .nf-curation--japan .nf-curation-grid {row-gap:19px}
}
@media(prefers-reduced-motion:reduce){
  .nf-curation--neon .nf-curation-ambient::after,
  .nf-curation--horror .nf-curation-hero::after{animation:none!important}
}