/* Cinematic layer: preserves the current hero and adds film grammar only. */
.home-hero-f{height:calc(100svh - 88px);min-height:760px;background:#fffdf8}
.hhf-track{top:36.5vh!important;gap:3vw!important}
.hhf-track>button{width:78vw!important}
.hhf-track img{aspect-ratio:16/7.35!important;filter:saturate(.72) contrast(1.045) brightness(.94)!important}
.hhf-copy{top:16.5vh!important}
.hhf-footer{bottom:1.8vh!important}

.home-hero-f:after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.hhf-cinema{position:absolute;z-index:8;left:14.5vw;right:9.5vw;top:calc(36.5vh + 18px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;color:#f2ede1;font-family:"Arial Narrow",Arial,sans-serif;font-size:9px;letter-spacing:.16em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hhf-scene{display:flex;align-items:center;gap:13px;padding:8px 10px;background:rgba(20,19,16,.48);backdrop-filter:blur(3px)}
.hhf-scene span{font-weight:400}.hhf-scene b{font-weight:700;color:#d98a69}
.hhf-running-time{display:flex;align-items:center;gap:9px;padding:8px 10px;background:rgba(20,19,16,.55);font-variant-numeric:tabular-nums}
.hhf-running-time i{font-style:normal;color:#d98a69}.hhf-running-time time{min-width:78px}
.hhf-cut{position:absolute;right:0;top:calc(78vw * .459 - 51px);padding:7px 9px;background:rgba(20,19,16,.55);font-weight:700}
.hhf-cut-flash{position:absolute;z-index:7;left:13vw;top:36.5vh;width:78vw;aspect-ratio:16/7.35;pointer-events:none;background:#171612;opacity:0}
.home-hero-f.is-cutting .hhf-cut-flash{animation:ztCutFlash .42s cubic-bezier(.5,0,.4,1)}
@keyframes ztCutFlash{0%{opacity:0}38%{opacity:.48}100%{opacity:0}}

@media(max-width:1100px){
  .home-hero-f{min-height:700px}
  .hhf-track{top:35vh!important}
  .hhf-track>button{width:80vw!important}
  .hhf-cinema{left:14vw;right:7vw;top:calc(35vh + 14px)}
  .hhf-cut{top:calc(80vw * .459 - 48px)}
  .hhf-cut-flash{top:35vh;width:80vw}
}

@media(max-width:800px){
  .home-hero-f{height:calc(100svh - 72px);min-height:690px}
  .hhf-word{top:3.5vh!important}
  .hhf-copy{top:12.5vh!important}
  .hhf-track{top:29.5vh!important;gap:16px!important}
  .hhf-track>button{width:calc(100vw - 32px)!important}
  .hhf-track img{aspect-ratio:4/3.15!important}
  .hhf-cinema{left:17px;right:17px;top:calc(29.5vh + 10px);font-size:7px;letter-spacing:.12em}
  .hhf-scene{padding:6px 7px;gap:8px}
  .hhf-running-time{padding:6px 7px;gap:5px}
  .hhf-running-time time{min-width:62px}
  .hhf-cut{display:none}
  .hhf-cut-flash{left:8px;top:29.5vh;width:calc(100vw - 32px);aspect-ratio:4/3.15}
  .hhf-track>button>span{bottom:-27px!important}
  .hhf-footer{bottom:1.4vh!important}
}

@media(max-width:420px){
  .home-hero-f{min-height:670px}
  .hhf-running-time i{display:none}
  .hhf-scene b{display:none}
}

@media(prefers-reduced-motion:reduce){.home-hero-f.is-cutting .hhf-cut-flash{animation:none}.home-hero-f:after{display:none}}

/* v3.9.1 — opening-credit typography */
.hhf-cinema{left:17.2vw;right:9.5vw;top:calc(36.5vh + 3.5vw);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;font-size:clamp(8px,.62vw,11px);line-height:1.65;letter-spacing:.075em;text-shadow:0 1px 7px rgba(0,0,0,.62)}
.hhf-scene{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(20px,2.2vw,34px);padding:0;background:transparent;backdrop-filter:none;font-weight:500}
.hhf-scene span{display:block}.hhf-scene b{font-weight:600;color:inherit}
.hhf-running-time{padding:0;background:transparent;backdrop-filter:none}
.hhf-cut{padding:0;background:transparent}

@media(max-width:1100px){.hhf-cinema{left:17vw;top:calc(35vh + 3.3vw)}}
@media(max-width:800px){
  .hhf-cinema{left:32px;right:30px;top:calc(29.5vh + 22px);font-size:7px;line-height:1.55}
  .hhf-scene{gap:13px}
  .hhf-running-time{padding:0}
}
@media(max-width:420px){.hhf-scene b{display:inline}.hhf-studio-place,.hhf-studio-name{display:block!important}}

/* v3.10.0 — dark screening-room palette and rebuilt vertical rhythm */
.home-hero-f{height:max(850px,calc(100svh - 88px));min-height:850px!important;background:#292820!important;color:#eee8dc!important}
.hhf-word{top:18px!important;max-width:94vw!important;font-size:clamp(108px,13vw,220px)!important;filter:brightness(.92) saturate(.94) contrast(1.04)!important;opacity:.72}
.hhf-copy{top:clamp(205px,23vh,232px)!important;left:5.2vw!important}
.hhf-copy small{display:inline-block;padding:8px 13px!important;background:#a95336!important;color:#f4ede0!important;letter-spacing:.2em!important}
.hhf-copy h1{margin-top:22px!important;color:#eee8dc!important}
.hhf-track{top:clamp(365px,42vh,420px)!important}
.hhf-track>button{width:min(78vw,1320px)!important;background:#161512;box-shadow:0 22px 55px rgba(7,7,5,.3)}
.hhf-track>button.active{box-shadow:0 28px 70px rgba(7,7,5,.42),0 0 0 1px #11100e}
.hhf-track img{aspect-ratio:16/6.7!important;filter:saturate(.96) contrast(1.035) brightness(.99)!important}
.hhf-track span,.hhf-track span strong,.hhf-track span i,.hhf-track span b{color:#ddd6c8!important}
.hhf-footer>p{color:#aaa394!important}.hhf-prev,.hhf-next{border-color:rgba(238,232,220,.34)!important;color:#eee8dc!important}.hhf-dots>button{color:#817c71!important}.hhf-dots>button.active{color:#eee8dc!important}.hhf-dots i{background:#4c493f!important}.hhf-dots i:after{background:#b75a3c!important}
.home-hero-f:after{opacity:.025;mix-blend-mode:screen}
.hhf-cinema{top:calc(clamp(365px,42vh,420px) + 3.1vw);color:#f0e9dd}
.hhf-cut-flash{top:clamp(365px,42vh,420px);width:min(78vw,1320px);aspect-ratio:16/6.7}
.hhf-cut{top:clamp(280px,31vw,500px)}

.answer-faq-link{display:flex;width:max-content;align-items:center;gap:28px;margin:-2.2rem 0 3.5rem auto;padding:12px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.08em;transition:color .25s,gap .25s}
.answer-faq-link i{font-style:normal}.answer-faq-link:hover{gap:36px;color:var(--accent,#a95336)}

@media(max-width:1100px){
  .home-hero-f{height:max(800px,calc(100svh - 88px));min-height:800px!important}
  .hhf-copy{top:clamp(190px,22vh,215px)!important}
  .hhf-track{top:clamp(345px,40vh,385px)!important}
  .hhf-cinema{top:calc(clamp(345px,40vh,385px) + 3.1vw)}
  .hhf-cut-flash{top:clamp(345px,40vh,385px)}
}
@media(max-width:800px){
  .home-hero-f{height:max(710px,calc(100svh - 72px));min-height:710px!important}
  .hhf-word{top:24px!important;font-size:clamp(66px,17vw,105px)!important}
  .hhf-copy{top:clamp(135px,17vh,165px)!important;left:20px!important}
  .hhf-copy small{padding:7px 10px!important}
  .hhf-copy h1{margin-top:16px!important}
  .hhf-track{top:clamp(285px,35vh,320px)!important}
  .hhf-track>button{width:calc(100vw - 32px)!important}
  .hhf-track img{aspect-ratio:4/3!important}
  .hhf-cinema{top:calc(clamp(285px,35vh,320px) + 22px)}
  .hhf-cut-flash{top:clamp(285px,35vh,320px);width:calc(100vw - 32px);aspect-ratio:4/3}
  .answer-faq-link{margin:-1rem 0 2.75rem;padding:11px 0;font-size:.68rem}
}

/* Single hand-drawn directional mark for the four quick links. */
.seo-intro nav a{display:flex!important;align-items:center!important;gap:18px!important;border-color:rgba(46,43,36,.18)!important}
.seo-intro nav a:after{content:none!important;display:none!important}
.seo-intro nav a i{position:relative;display:block;width:30px;height:30px;margin-left:auto;flex:0 0 30px;overflow:hidden;color:currentColor;font-size:0;font-style:normal;transition:transform .28s ease}
.seo-intro nav a i:before{content:"";position:absolute;left:5px;top:15px;width:19px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
.seo-intro nav a i:after{content:"";position:absolute;right:4px;top:5px;width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor}
.seo-intro nav a:hover i{transform:translate(3px,-3px)}
