/* User-requested restoration 12/09/2026. Glass, neon and video values are
   recovered from the original 11/06 block retained in historical index.html.
   Scope is homepage hero/header; shared learning/navigation contracts remain owned elsewhere. */
html[data-home-hero="cinema-neon"] .home-header{position:absolute;top:12px;left:16px;right:16px;width:auto;max-width:none;margin:0;min-height:72px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.3);color:#fff8e8;-webkit-backdrop-filter:blur(34px) saturate(1.9);backdrop-filter:blur(34px) saturate(1.9);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(255,255,255,.1),0 18px 50px rgba(10,14,24,.26)}
html[data-home-hero="cinema-neon"] .brand-copy strong{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;font-size:27px;color:#FFF9EC;text-shadow:0 0 8px rgba(255,235,190,.65)}
html[data-home-hero="cinema-neon"] .brand-copy small{color:rgba(251,246,233,.85)}
html[data-home-hero="cinema-neon"] .home-shortcuts a{color:#fff8e8!important;text-shadow:0 1px 3px rgba(10,14,24,.45)}
html[data-home-hero="cinema-neon"] .header-cta{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.45);border-radius:999px}
html[data-home-hero="cinema-neon"] #th-fab{background:rgba(255,255,255,.05)!important;color:#fff8e8!important;border-color:rgba(255,255,255,.45)!important;backdrop-filter:blur(22px)}
html[data-home-hero="cinema-neon"] .cinema-hero{width:100%;margin:0;min-height:max(720px,100svh);display:block;border:0;border-radius:0;background:#0B1626;box-shadow:none;isolation:isolate}
html[data-home-hero="cinema-neon"] .cinema-hero::before{background:linear-gradient(100deg,rgba(11,17,32,.74) 0%,rgba(11,17,32,.42) 38%,rgba(11,17,32,.08) 60%,transparent 75%)}
.cinema-hero .hero-art{inset:0;overflow:hidden}.cinema-hero .hero-art::before{display:none}
.cinema-hero video{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 62%;background:#0B1626}
.cinema-hero .hero-copy{width:min(68%,790px);min-height:max(720px,100svh);padding:150px clamp(24px,6vw,96px) 100px;justify-content:center}
.cinema-hero .eyebrow{color:#D9A441;font-size:13px;letter-spacing:.28em;text-shadow:0 1px 10px rgba(8,12,24,.55)}
.cinema-hero h1{margin-top:18px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(3.1rem,7.6vw,6.2rem);line-height:1.06;letter-spacing:normal;text-wrap:initial;color:#FFF9EC;text-shadow:0 0 6px rgba(255,243,210,.95),0 0 20px rgba(255,210,130,.8),0 0 48px rgba(255,170,70,.55),0 0 96px rgba(255,140,40,.35);animation:cinema-neon-breath 4.2s ease-in-out infinite}
.cinema-hero h1 em{color:#FFC9AE;font-style:italic;text-shadow:0 0 6px rgba(255,200,170,.95),0 0 20px rgba(255,140,100,.8),0 0 48px rgba(240,100,70,.55),0 0 96px rgba(220,80,50,.35)}
.cinema-hero .hero-lead{margin:24px 0 0;color:rgba(255,248,235,.97);font-size:18px;text-shadow:0 0 10px rgba(255,235,190,.6),0 0 30px rgba(255,180,90,.38),0 1px 16px rgba(8,12,24,.65)}
.cinema-hero .hero-actions{margin-top:28px;gap:14px}
html[data-home-hero="cinema-neon"] .cinema-hero .button{border-radius:999px;color:#fff8e8;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(24px) saturate(1.9);backdrop-filter:blur(24px) saturate(1.9);text-shadow:0 0 8px rgba(255,238,200,.55),0 1px 3px rgba(8,12,24,.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 0 18px rgba(180,210,255,.3),0 8px 24px rgba(10,14,24,.18)}
html[data-home-hero="cinema-neon"] .cinema-hero .button-primary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 0 22px rgba(255,180,120,.4),0 10px 30px rgba(10,14,24,.22)}
html[data-home-hero="cinema-neon"] .cinema-hero .button:hover{background:rgba(255,255,255,.18)}
.cinema-hero .hero-jp{position:absolute;z-index:3;right:clamp(24px,9vw,144px);top:32%;margin:0;writing-mode:vertical-rl;font:500 clamp(15px,1.4vw,22px)/1.7 var(--tl-font-jp);letter-spacing:.42em;color:rgba(255,242,214,.96);text-shadow:0 0 10px rgba(255,235,190,.9),0 0 30px rgba(255,190,100,.62),0 0 70px rgba(255,150,60,.42)}
.cinema-hero .hero-caption{right:auto;left:50%;top:auto;bottom:20px;transform:translateX(-50%);padding:0;border:0;border-radius:0;display:flex;flex-direction:column;gap:8px;white-space:nowrap;background:transparent;color:rgba(255,240,210,.9);backdrop-filter:none;font:500 11px/1.5 var(--tl-font-mono);letter-spacing:.3em;text-shadow:0 0 8px rgba(255,210,130,.7),0 0 22px rgba(255,160,70,.4)}
.cinema-hero .hero-caption span{color:inherit;font-size:22px}
.cinema-control{position:absolute;z-index:5;right:28px;top:108px;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff8e8;background:rgba(255,255,255,.04);backdrop-filter:blur(22px);font:600 13px var(--tl-font-ui);cursor:pointer}
.cinema-hero :focus-visible,.home-header :focus-visible{outline-color:#FFF3D2}
@keyframes cinema-neon-breath{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
@media(max-width:880px){html[data-home-hero="cinema-neon"] .cinema-hero::before{background:linear-gradient(180deg,rgba(11,17,32,.66) 0%,rgba(11,17,32,.38) 45%,rgba(11,17,32,.12) 72%,transparent)}.cinema-hero .hero-copy{width:100%;max-width:620px;padding:168px 28px 110px;min-height:max(760px,100svh)}.cinema-hero h1{font-size:clamp(3.1rem,9.5vw,5rem)}.cinema-hero video{object-position:54% 55%}.cinema-hero .hero-jp{right:10px;top:34%;font-size:16px;letter-spacing:.28em}.cinema-control{top:104px;right:18px}.cinema-hero .hero-lead{font-size:16px;max-width:28ch}.cinema-hero .hero-actions{max-width:440px}.cinema-hero .hero-caption{font-size:9px}}
@media(max-width:440px){html[data-home-hero="cinema-neon"] .home-header{left:10px;right:10px;top:10px;min-height:68px;padding:8px 66px 8px 12px;gap:10px}.cinema-hero .hero-copy{padding:160px 24px 90px;justify-content:flex-end}.cinema-hero h1{font-size:clamp(2.65rem,11.6vw,3.4rem)}.cinema-hero .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:280px;gap:12px}.cinema-hero .hero-jp{opacity:.9}.cinema-control{top:94px}.cinema-hero .eyebrow{font-size:10px}.cinema-hero .hero-lead{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.cinema-hero h1{animation:none}.cinema-hero .button{transition:none}}
@media(prefers-reduced-transparency:reduce){html[data-home-hero="cinema-neon"] .home-header,.cinema-control,html[data-home-hero="cinema-neon"] .cinema-hero .button{background:#0B1626;backdrop-filter:none;-webkit-backdrop-filter:none}.cinema-hero h1,.cinema-hero h1 em,.cinema-hero .hero-jp{text-shadow:none}}
@media(forced-colors:active){.cinema-hero .hero-art,.cinema-hero::before{display:none}.cinema-hero h1,.cinema-hero h1 em,.cinema-hero .hero-lead,.cinema-hero .hero-jp,.cinema-hero .hero-caption{color:CanvasText;text-shadow:none}.cinema-control,html[data-home-hero="cinema-neon"] .cinema-hero .button{color:ButtonText;background:ButtonFace;border-color:ButtonText}}
/* The compact hero class adds a brush underline through shared chrome. The
   recovered cinema title had no such underline. */
.cinema-hero h1::after{content:none!important;display:none!important}

/* Keep the phone title below the moving face; the video crop must not grow
   with the text/actions on short screens. Original film/glass/neon preserved. */
@media(max-width:600px){
  .cinema-hero .hero-art{height:max(760px,100svh);bottom:auto}
  .cinema-hero .hero-copy{min-height:max(760px,100svh);padding: max(490px,64svh) 24px 64px;justify-content:flex-start}
  .cinema-hero h1{font-size:clamp(2.15rem,9.3vw,2.65rem);line-height:1.08;margin-top:12px}
  .cinema-hero h1 br:first-of-type{display:none}
  .cinema-hero .hero-lead{margin-top:12px;font-size:16px}
  .cinema-hero .hero-actions{margin-top:18px;gap:10px}
  .cinema-hero .eyebrow{font-size:10px}
  .cinema-hero .hero-caption{bottom:12px;font-size:8px}
}