.hero-track{--chrome: 148px;--fold: max(540px, calc(100svh - var(--chrome)));--hero-bg: #0b0706;--hero-ink: #f7f0e3;--hero-muted: rgba(247, 240, 227, .7);--hero-faint: rgba(247, 240, 227, .16);--hero-red: #e5432f;position:relative;padding:0 clamp(8px,1vw,16px)}.hero-track.is-scroll{height:calc(100svh + var(--hero-scroll, 140svh))}.home-hero.hero-cinema{position:relative;display:block;height:var(--fold);min-height:0;padding:0;gap:0;border-radius:clamp(18px,2vw,30px);background:var(--hero-bg);color:var(--hero-ink);overflow:clip;isolation:isolate}.hero-track.is-scroll .hero-cinema{position:sticky;top:0;height:max(var(--fold),100svh)}.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;container-type:size;background:var(--hero-bg)}.hero-media .hero-render-poster{position:absolute;left:50%;top:calc(var(--fold) * .62);width:min(100cqw,calc(var(--fold) * 1.6));max-width:none;height:auto;aspect-ratio:16 / 9;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:0;transition:opacity .5s ease}.hero-media .hero-video{position:absolute;left:50%;top:calc(var(--fold) * .62);width:min(100cqw,calc(var(--fold) * 1.6));height:auto;aspect-ratio:16 / 9;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;object-fit:cover;background:var(--hero-bg);opacity:0;transition:opacity .5s ease}.hero-cinema[data-hero-state=ready] .hero-video{opacity:1}.hero-canvas{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.hero-canvas canvas{display:block;width:100%;height:100%}.hero-cinema[data-hero-state=ready] .hero-canvas{opacity:1}.hero-cinema[data-hero-state=ready] .hero-render-poster{opacity:0}.hero-cinema[data-hero-state=photo] .hero-render-poster,.hero-cinema[data-hero-state=error] .hero-render-poster{visibility:hidden}.hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b07068c,#0b070600 28%),linear-gradient(0deg,#0b070699,#0b070600 30%)}.hero-cinema .hero-frame{position:relative;z-index:1;height:var(--fold);display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title" "stage" "summary";padding:clamp(26px,4svh,46px) clamp(20px,3.4vw,56px) clamp(22px,3svh,36px);pointer-events:none}.hero-cinema .hero-frame a,.hero-cinema .hero-frame button{pointer-events:auto}.hero-cinema .hero-copy{display:contents}.hero-cinema .hero-location{position:absolute;top:clamp(22px,3svh,34px);left:clamp(20px,3.4vw,56px);z-index:3;margin:0;max-width:24ch;font-size:11px;line-height:1.5;color:var(--hero-muted)}.hero-cinema h1{grid-area:title;position:relative;z-index:1;margin:0;color:var(--hero-ink);text-align:center;font-size:clamp(56px,min(7vw,10svh),104px);line-height:.84;letter-spacing:-.022em;text-shadow:0 2px 30px rgba(0,0,0,.35);translate:0 var(--title-y, 0px);opacity:var(--title-o, 1);will-change:translate,opacity}.hero-line{display:block;overflow:clip;padding:0 .04em .07em;margin-bottom:-.07em}.hero-line>span{display:inline-block;animation:hero-rise 1.15s cubic-bezier(.16,.84,.2,1) both;animation-delay:calc(.12s + var(--i) * .13s)}.hero-line+.hero-line{color:var(--hero-red)}@keyframes hero-rise{0%{transform:translateY(105%) rotate(2deg)}to{transform:none}}.hero-cinema .hero-summary{grid-area:summary;position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:40px;translate:0 var(--summary-y, 0px);opacity:var(--summary-o, 1);animation:hero-fade 1s .55s backwards}@keyframes hero-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-cinema .tagline{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--hero-ink)}.hero-cinema .hero-body{max-width:44ch;margin:0;font-size:14px;line-height:1.6;color:var(--hero-muted)}.hero-cinema .hero-actions{margin:0;gap:10px;flex-shrink:0;flex-wrap:nowrap}.hero-cinema .button.secondary{color:var(--hero-ink);border-color:#f7f0e352;background:#0b070640}.hero-cinema .button.secondary:hover{background:#f7f0e314;border-color:var(--hero-ink)}.hero-cinema .button{box-shadow:none}.hero-cinema .button:not(.secondary):hover{background:var(--hero-red);border-color:var(--hero-red)}.hero-cinema .hero-visual{grid-area:stage;position:relative;z-index:2;width:min(100%,1180px);min-height:0;justify-self:center;margin:0 0 clamp(4px,1.5svh,18px);display:block;pointer-events:none}.hero-cinema .hero-stage{position:absolute;inset:0}.hero-cinema .hero-stage .hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;border-radius:14px;box-shadow:none;visibility:hidden}.hero-cinema[data-hero-state=photo] .hero-fallback,.hero-cinema[data-hero-state=error] .hero-fallback{visibility:visible}.hero-cinema .hero-visual figcaption{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;max-width:none;margin:0;padding:0;white-space:nowrap;font-size:10px;line-height:1.5;color:#f7f0e36b;opacity:var(--summary-o, 1)}.hero-motion-controls{position:absolute;top:clamp(12px,2.2svh,24px);right:clamp(20px,3.4vw,56px);z-index:4;display:flex;gap:18px}.hero-motion-button{min-height:44px;padding:8px 2px 8px 12px;background:transparent;border:0;border-bottom:1px solid var(--hero-faint);font-size:11px;color:var(--hero-muted);cursor:pointer}.hero-motion-button:hover{color:var(--hero-ink);border-color:var(--hero-red)}.hero-motion-button:focus-visible{outline:2px solid var(--hero-red);outline-offset:2px}.hero-layers{position:absolute;inset:0;z-index:3;margin:0;padding:0;list-style:none;pointer-events:none;opacity:0;transition:opacity .25s linear}.hero-layers li{position:absolute;left:0;top:0;display:block;will-change:transform}.hero-layer-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--hero-ink);box-shadow:0 0 0 4px #f7f0e32e}.hero-layer-line{position:absolute;left:0;top:0;height:1px;background:#f7f0e38c;transform-origin:0 0}.hero-layer-name{position:absolute;left:0;top:0;transform:translate(calc(-100% - 10px),-50%);white-space:nowrap;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(20px,2vw,30px);font-weight:600;letter-spacing:.01em;color:var(--hero-ink);text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.8)}.hero-layers li[data-layer=cheese] .hero-layer-name{color:#f3d98e}.hero-lab{display:flex;gap:10px;padding:12px var(--gutter);border-block:1px solid var(--line)}.hero-lab button{min-height:44px;padding:8px 12px;background:var(--paper);border:1px solid var(--line);font-size:12px}html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-scrolling iframe{pointer-events:none}@media(max-width:1100px)and (min-width:701px){.hero-cinema h1{font-size:clamp(50px,min(8vw,10svh),90px)}.hero-cinema .hero-summary{gap:24px}.hero-cinema .hero-body{max-width:34ch}}@media(max-width:700px){.hero-track{padding:0 6px}.home-hero.hero-cinema{border-radius:18px}.hero-media .hero-video,.hero-media .hero-render-poster{width:125cqw;top:calc(var(--fold) / 2)}.hero-cinema .hero-frame{padding:54px 18px 20px}.hero-cinema .hero-location{top:12px;left:16px;font-size:10px;max-width:none;white-space:nowrap}.hero-cinema h1{font-size:clamp(50px,15.5vw,80px);line-height:.86}.hero-cinema .hero-summary{flex-direction:column;align-items:stretch;gap:14px;text-align:center}.hero-cinema .tagline{font-size:16px;margin-bottom:4px}.hero-cinema .hero-body{font-size:12.5px;max-width:40ch;margin:0 auto;line-height:1.55}.hero-cinema .hero-actions{width:100%}.hero-cinema .hero-actions .button{flex:1 1 0;min-width:0;padding-inline:12px;gap:10px;font-size:13px}.hero-cinema .hero-visual figcaption{font-size:9px;inset:auto auto 4px 0;transform:none;writing-mode:horizontal-tb}.hero-motion-controls{top:2px;right:14px;gap:12px}.hero-motion-button{font-size:10px;padding:8px 0;min-width:44px}.hero-layer-name{font-size:16px}.hero-layers[data-align=start] .hero-layer-name{transform:none}}@media(prefers-reduced-motion:reduce){.hero-line>span,.hero-cinema .hero-summary{animation:none}}@media print{.hero-canvas,.hero-video,.hero-motion-controls,.hero-layers{display:none!important}.home-hero.hero-cinema{background:none;color:var(--ink);height:auto}.hero-media .hero-render-poster{opacity:1!important;visibility:visible!important}}
