/* NEUROWOOD — IN THEATERS (th-*). Uses tokens.css variables; global classes (.wrap .w6-eye .w6-h .btn) are reused, not overridden. */
.th{margin-top:clamp(56px,8vw,104px);--th-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
/* NW-ENG-036: film grain is an inline SVG (no img/noise.svg file, no extra request); .th-screen width:100% — без него min-height 460 × 21:9 растягивал экран до 1073px и на 768–1023 обрезал правый край */
.th-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;margin-bottom:28px}
.th-head>div{flex:1 1 520px;min-width:0}
.th-head p{flex:0 1 420px;margin:0;font-size:17px;line-height:1.5;color:var(--color-text-2);text-wrap:pretty}
.th-screen{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:21/9;min-height:460px;border-radius:var(--radius-xs);background:#0a0908;box-shadow:0 50px 140px -50px rgba(242,238,228,.16)}
.th-art,.th-art img,.th-ph{position:absolute;inset:0;width:100%;height:100%}
.th-art img{object-fit:cover;display:block}
.th-ph{background:var(--th-noise) 0 0/180px 180px repeat,radial-gradient(ellipse 46% 64% at 70% 54%,rgba(214,204,178,.17),transparent 70%),radial-gradient(ellipse 18% 26% at 70% 52%,rgba(253,244,55,.06),transparent 75%),linear-gradient(180deg,#151412 0%,#0e0d0c 62%,#090807 100%);background-blend-mode:overlay,normal,normal,normal}
.th-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,10,.94) 0%,rgba(12,11,10,.6) 36%,rgba(12,11,10,0) 66%),linear-gradient(0deg,rgba(12,11,10,.85) 0%,rgba(12,11,10,0) 46%)}
.th-tag{position:absolute;top:28px;inset-inline-end:28px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:10px 14px;border:1px dashed rgba(242,238,228,.5);border-radius:6px;font-size:13px;color:var(--color-text-2)}
.th-tag b{font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--color-text)}
.th-status{position:absolute;top:40px;inset-inline-start:56px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.th-status i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px var(--color-accent)}
.th-body{position:absolute;inset-inline:56px;bottom:52px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.th-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.th-title{margin:0;font-size:clamp(56px,8.4vw,120px);font-weight:800;line-height:.84;letter-spacing:-.05em;text-transform:uppercase}
.th-by{display:flex;flex-direction:column;gap:4px}
.th-by b{font-size:18px;font-weight:700}
.th-by span{font-size:15px;color:var(--color-text-2)}
.th-meta-s{display:none}
.th-acts{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:6px}
.th-play{gap:12px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill)}
.th-cal,.th-more{font-size:15px;font-weight:700;color:var(--color-text);text-decoration:none;border-bottom:1px solid rgba(242,238,228,.4);padding-bottom:2px}
.th-cal:hover,.th-more:hover{color:var(--color-accent);border-color:var(--color-accent)}
[dir=rtl] .th-more span{display:inline-block;transform:scaleX(-1)}
.th-count{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-inline-start:28px;border-inline-start:1px solid rgba(242,238,228,.2)}
.th-count b{font-size:96px;font-weight:700;line-height:.85;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.th-count span{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-2)}
.th-count-m{display:none}
.th-floor{height:72px;margin-top:-1px;background:radial-gradient(ellipse 46% 100% at 50% 0%,rgba(242,238,228,.06),transparent 70%)}
.th-note{margin:-56px 0 0;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;font-size:14px;line-height:1.45;color:var(--color-meta)}
.th-cr{margin-inline-start:auto;opacity:.75}   /* NW-ENG-036: credit of the still (data/theaters.js stillCredit) */
/* reveal */
.th [data-th-seen=wait][data-th-r]{opacity:0;transform:translateY(16px)}
.th [data-th-seen=in][data-th-r]{opacity:1;transform:none;transition:opacity .9s ease var(--d,0ms),transform .9s cubic-bezier(.2,.7,.1,1) var(--d,0ms)}
.th [data-th-seen=wait][data-th-screen]{filter:brightness(.3);transform:scale(1.02)}
.th [data-th-seen=in][data-th-screen]{filter:none;transform:none;transition:filter 1.8s cubic-bezier(.2,.7,.1,1),transform 1.8s cubic-bezier(.2,.7,.1,1)}
@media (prefers-reduced-motion:reduce){.th [data-th-seen]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
/* NW-ENG-036: with the PLACEHOLDER tag the status keeps clear of it and wraps (ru at 768, es/fr/tr — long captions) */
@media (min-width:768px){.th-tag{max-width:40%;text-align:end}.th-screen:not(.th-notag) .th-status{inset-inline-end:calc(40% + 48px);align-items:flex-start;line-height:1.3}.th-screen:not(.th-notag) .th-status i{margin-top:4px}}
/* NW-ENG-036: a still with a centred subject — on ≥768 it sits in the right part of the screen and fades into the dark under the title; RTL mirrored */
@media (min-width:768px){.th-art img{inset-inline-start:auto;width:64%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%)}
  [dir=rtl] .th-art img{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 40%);mask-image:linear-gradient(270deg,transparent 0,#000 40%)}}
[dir=rtl] .th-shade{transform:scaleX(-1)}
/* tablet */
@media (max-width:1023px){.th-body{inset-inline:32px;bottom:32px}.th-status{inset-inline-start:32px;top:28px}.th-count b{font-size:64px}.th-tag{top:20px;inset-inline-end:20px}}
/* mobile: poster composition, not a shrunk desktop */
@media (max-width:767px){
  .th-head{margin-bottom:18px}.th-head p{display:none}
  .th-screen{aspect-ratio:3/5;min-height:0;border-radius:14px;box-shadow:0 40px 90px -40px rgba(242,238,228,.18)}
  .th-ph{background:var(--th-noise) 0 0/180px 180px repeat,radial-gradient(ellipse 80% 40% at 55% 28%,rgba(214,204,178,.2),transparent 70%),radial-gradient(ellipse 30% 16% at 55% 28%,rgba(253,244,55,.07),transparent 75%),linear-gradient(180deg,#161513 0%,#0e0d0c 55%,#090807 100%);background-blend-mode:overlay,normal,normal,normal}
  .th-shade{background:linear-gradient(0deg,var(--color-bg) 0%,rgba(12,11,10,.9) 36%,rgba(12,11,10,0) 66%),linear-gradient(180deg,rgba(12,11,10,.6) 0%,rgba(12,11,10,0) 18%)}
  .th-status{top:18px;inset-inline:18px 140px;font-size:12px;letter-spacing:.12em;line-height:1.3;align-items:flex-start}.th-status i{margin-top:4px;width:7px;height:7px}
  .th-notag .th-status{inset-inline-end:18px}
  .th-tag{top:18px;inset-inline-end:18px;padding:5px 7px}.th-tag span{display:none}.th-tag b{font-size:11px;letter-spacing:.16em}
  .th-body{inset-inline:20px;bottom:22px;display:block}
  .th-main{gap:14px}
  .th-title{font-size:56px;line-height:.86}
  .th-by b{font-size:16px}.th-by span{font-size:14px}.th-meta-l{display:none}.th-meta-s{display:block!important}
  .th-acts{margin-top:4px}.th-play{width:100%;justify-content:center}.th-cal{display:none}
  .th-count-d{display:none}
  .th-count-m{display:flex;flex-direction:row;align-items:baseline;gap:10px;padding:0;border:0}.th-count-m b{font-size:44px}.th-count-m span{font-size:13px}
  .th-floor{display:none}.th-note{margin-top:14px}.th-src{display:none}
}
/* modal */
.th-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(6,6,5,.95);animation:th-in .25s ease}
@keyframes th-in{from{opacity:0}to{opacity:1}}
.th-mbox{width:min(1200px,100%);display:flex;flex-direction:column;gap:16px}
.th-mtop{display:flex;justify-content:space-between;align-items:center;gap:16px}
.th-mtop div{display:flex;flex-direction:column;gap:4px;min-width:0}
.th-mtop b{font-size:20px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.th-mtop span,.th-mnote{font-size:14px;color:var(--color-meta);margin:0}
.th-x{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(242,238,228,.3);background:transparent;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.th-x:hover,.th-x:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}
.th-video{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.th-video iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:767px){.th-modal{padding:16px 0}.th-mtop,.th-mnote{padding-inline:16px}.th-video{border-radius:0}.th-x{position:fixed;top:calc(12px + var(--safe-t));inset-inline-end:12px;width:44px;height:44px}}
