.cine-intro{z-index:200;background:var(--color-ink);pointer-events:none;clip-path:inset(0);animation:cine-curtain 1s var(--ease) 1.05s forwards;place-items:center;display:grid;position:fixed;inset:0}.intro-seen .cine-intro{display:none}.cine-intro-inner{opacity:0;animation:cine-fade-up .8s var(--ease) .1s forwards;flex-direction:column;align-items:center;gap:22px;display:flex}.cine-intro-line{background:var(--color-accent);width:0;height:1px;animation:cine-line .9s var(--ease) .3s forwards;display:block}@keyframes cine-curtain{to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes cine-line{to{width:120px}}@keyframes cine-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cine-rise{to{transform:none}}.cine-grain{z-index:150;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1s steps(5,end) infinite cine-grain;position:fixed;inset:-120px}@keyframes cine-grain{0%{transform:translate(0)}20%{transform:translate(-40px,24px)}40%{transform:translate(28px,-36px)}60%{transform:translate(-22px,-18px)}80%{transform:translate(36px,30px)}to{transform:translate(0)}}.cine-sweep{pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(38% 46% at 68% 42%,#d7c9aa73,#0000 70%);animation:16s ease-in-out infinite alternate cine-sweep;position:absolute;inset:-10%}@keyframes cine-sweep{0%{transform:translate(-7%)}to{transform:translate(7%)}}.cine-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.cine-line>span{display:block}:root{--cine-start:1.15s}.intro-seen{--cine-start:.15s}.cine-hero .cine-line>span{animation:cine-rise 1.2s var(--ease) calc(var(--cine-start) + var(--i,0) * .12s) forwards;transform:translateY(108%)}.cine-hero .cine-fade{opacity:0;animation:cine-fade-up 1.1s var(--ease) calc(var(--cine-start) + .5s + var(--i,0) * .12s) forwards}.cine-scroll-cue{background:var(--color-line-strong);width:1px;height:56px;display:block;position:relative;overflow:hidden}.cine-scroll-cue:after{content:"";background:var(--color-accent);animation:cine-cue 2.4s var(--ease) infinite;position:absolute;inset:0;transform:translateY(-100%)}@keyframes cine-cue{0%{transform:translateY(-100%)}55%{transform:translateY(0)}to{transform:translateY(100%)}}.js .reveal .cine-line>span{transition:transform 1.1s var(--ease) calc(.1s + var(--i,0) * .1s);transform:translateY(108%)}.js .reveal.in-view .cine-line>span{transform:none}.cine-open{clip-path:inset(calc((1 - var(--p,1)) * 10%) calc((1 - var(--p,1)) * 7%))}@media (min-width:1024px){.cine-open{--fx:calc((1 - var(--p,1)) * 24%);--fy:calc((1 - var(--p,1)) * 32%);clip-path:inset(0);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--fx), #000 calc(100% - var(--fx)), transparent 100%), linear-gradient(to bottom, transparent 0%, #000 var(--fy), #000 calc(100% - var(--fy)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--fx), #000 calc(100% - var(--fx)), transparent 100%), linear-gradient(to bottom, transparent 0%, #000 var(--fy), #000 calc(100% - var(--fy)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, #000 var(--fx), #000 calc(100% - var(--fx)), transparent 100%), linear-gradient(to bottom, transparent 0%, #000 var(--fy), #000 calc(100% - var(--fy)), transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}}.cine-float{transform:translateY(calc(var(--py,0) * -28px)) scale(calc(1.18 - var(--p,1) * .12));will-change:transform;position:absolute;inset:0}@media (min-width:1024px){.cine-float{transform:translateY(calc(var(--py,0) * -28px)) scale(calc(1.26 - var(--p,1) * .2))}}.js .cine-sequence{height:calc(var(--n) * 100svh)}.js .cine-sequence .cine-stage{height:100svh;position:sticky;top:0;overflow:hidden}.cine-frame{height:100svh;position:relative;overflow:hidden}.js .cine-frame{height:auto;clip-path:inset(calc((1 - var(--enter,1)) * 50%) 0);position:absolute;inset:0}.cine-frame-media{transform:scale(calc(1.02 + (1 - var(--enter,1)) * .14 + var(--leave,0) * .16));opacity:calc(1 - var(--leave,0) * .5);transform-origin:50%;will-change:transform;position:absolute;inset:61px 0 0}@media (min-width:1080px){.cine-frame-media{top:83px}}.cine-drift{animation:cine-drift var(--drift-time,22s) ease-in-out infinite alternate;position:absolute;inset:0}@keyframes cine-drift{0%{transform:translate(0)scale(1)}to{transform:translate(var(--drift-x,-2%), var(--drift-y,-1%)) scale(1.05)}}.cine-frame-copy{opacity:calc(1 - var(--leave,0) * 1.8);transform:translateY(calc(var(--leave,0) * -70px))}.cine-char{transform:translateY(calc(clamp(0, 1 - (var(--enter,1) * 1.8 - var(--c,0) * .07), 1) * 108%));display:inline-block}.cine-frame-meta{opacity:clamp(0, calc((var(--enter,1) - .55) * 2.6), 1);transform:translateY(calc((1 - var(--enter,1)) * 28px))}.cine-progress{transform-origin:0;transform:scaleX(var(--p,1))}@media (prefers-reduced-motion:reduce){.cine-intro,.cine-grain{display:none}.cine-sweep{animation:none}.cine-hero .cine-line>span,.cine-hero .cine-fade{animation-delay:0s!important}.cine-open{clip-path:none;-webkit-mask-image:none;mask-image:none}.cine-float{transform:none}.js .cine-sequence{height:auto}.js .cine-frame,.cine-frame-media,.cine-frame-copy,.cine-char,.cine-frame-meta{clip-path:none;opacity:1;transform:none}.cine-drift{animation:none}.js .cine-sequence .cine-stage{height:auto;position:relative}.js .cine-frame{height:100svh;position:relative}}