.cine-hero{--cine-void:#060b14;--cine-navy:#0b1e3b;--cine-panel:#13294cb8;--cine-cyan:#4fd0e0;--cine-amber:#f2a03d;--cine-ink:#e8eef6;--cine-dim:#8fa3be;--cine-hair:#78aac838;--cine-danger:#f07171;--cine-gutter:clamp(1.25rem, 6vw, 7rem);background:var(--cine-void);color:var(--cine-ink);touch-action:pan-y;position:relative;overflow-x:clip}.cine-hero--pinned{height:760vh}.cine-hero__pin{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.cine-hero__stage{perspective:1600px;perspective-origin:50% 42%;position:absolute;inset:0}.cine-hero__grid{pointer-events:none;background-image:linear-gradient(90deg,#78aac80e 1px,#0000 1px),linear-gradient(#78aac80e 1px,#0000 1px),linear-gradient(90deg,#78aac81a 1px,#0000 1px),linear-gradient(#78aac81a 1px,#0000 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,#0000 78%)}.cine-hero__vignette{pointer-events:none;background:radial-gradient(70% 60% at 50% 42%,#0000 30%,#060b148c 100%),linear-gradient(#060b1459 0%,#0000 18% 78%,#060b14b3 100%);position:absolute;inset:0}.cine-hero__canvas{z-index:1;position:absolute;inset:0}.cine-hero__canvas canvas{width:100%;height:100%;display:block}.cine-hero__hud{z-index:2;pointer-events:none;position:absolute;inset:0}.cine-hero__hud a,.cine-hero__hud button{pointer-events:auto}.cine-hero__layer{will-change:transform, opacity;backface-visibility:hidden;position:absolute}.cine-hero__display{letter-spacing:-.035em;color:var(--cine-ink);text-wrap:balance;font-family:Archivo,system-ui,sans-serif;font-weight:800;line-height:.92}.cine-hero__display--xl{font-size:clamp(3rem,9.4vw,8.25rem)}.cine-hero__display--lg{font-size:clamp(1.85rem,4.6vw,4rem)}.cine-hero__display--md{font-size:clamp(1.35rem,3vw,2.4rem)}.cine-hero__cyan{color:var(--cine-cyan)}.cine-hero__amber{color:var(--cine-amber)}.cine-hero__mono{letter-spacing:.16em;text-transform:uppercase;color:var(--cine-dim);font-family:Space Mono,ui-monospace,monospace;font-size:.68rem}.cine-hero__support{letter-spacing:-.01em;color:var(--cine-dim);font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:400}.cine-hero__file{z-index:4;flex-wrap:wrap;gap:.75rem 1.75rem;display:flex;position:absolute;bottom:1.15rem;left:clamp(1.25rem,4vw,3.5rem)}.cine-hero__scenes{z-index:4;flex-direction:column;gap:.55rem;display:flex;position:absolute;top:50%;right:clamp(.85rem,2.4vw,2rem);transform:translateY(-50%)}.cine-hero__scene-tick{color:var(--cine-dim);opacity:.38;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.cine-hero__scene-tick.is-active{color:var(--cine-cyan);opacity:1}.cine-hero__scene-tick i{background:currentColor;width:14px;height:1px;display:block}.cine-hero__progress{transform-origin:0;background:var(--cine-cyan);z-index:5;width:100%;height:1px;position:absolute;top:0;left:0}.cine-hero__scan{background:linear-gradient(90deg, transparent, var(--cine-cyan), transparent);pointer-events:none;z-index:2;height:1px;position:absolute;left:8%;right:8%;box-shadow:0 0 18px #4fd0e073}.cine-hero__callout{border-left:1px solid var(--cine-cyan);min-width:7.5rem;color:var(--cine-ink);flex-direction:column;gap:.15rem;padding:.35rem 0 .35rem .7rem;display:flex}.cine-hero__callout strong{letter-spacing:.04em;color:var(--cine-cyan);font-family:Space Mono,ui-monospace,monospace;font-size:.95rem;font-weight:700}.cine-hero__from{left:var(--cine-gutter);top:24vh;right:7.5rem}.cine-hero__from .cine-hero__display--xl{white-space:nowrap;font-size:clamp(1.7rem,6.4vw,6.75rem)}.cine-hero__to{left:var(--cine-gutter);top:44vh}.cine-hero__to .cine-hero__display--lg{max-width:18ch}.cine-hero__curiosity{left:var(--cine-gutter);max-width:min(28rem,50vw);top:72vh}.cine-hero__geo{max-width:16rem;top:16vh;left:clamp(1.25rem,5vw,5rem)}.cine-hero__draw-line{max-width:18rem;top:32vh;left:clamp(1.25rem,5vw,5rem)}.cine-hero__know{top:14vh;left:clamp(1.25rem,5vw,5rem)}.cine-hero__lanes{top:38vh;left:clamp(1.25rem,5vw,5rem)}.cine-hero__machines{top:13vh;left:clamp(1.25rem,5vw,5rem)}.cine-hero__rejected{top:26vh;right:clamp(1rem,5vw,5rem)}.cine-hero__route{top:78vh;left:50%;transform:translate(-50%)}.cine-hero__calc{top:20vh;left:clamp(1.25rem,6vw,7rem)}.cine-hero--pinned .cine-hero__product{top:10vh;left:50%;transform:translate(-50%)}.cine-hero__finale{text-align:center;width:min(90vw,720px);top:auto;bottom:7vh;left:50%;transform:translate(-50%)}.cine-hero__drawing{background:var(--cine-panel);border:1px solid var(--cine-hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(38vw,420px);top:16vh;right:clamp(3.5rem,7vw,6rem)}.cine-hero__drawing-head{border-bottom:1px solid var(--cine-hair);justify-content:space-between;align-items:center;padding:.55rem .75rem;display:flex}.cine-hero__drawing img{aspect-ratio:4/3;object-fit:cover;object-position:center top;filter:contrast(1.05);width:100%;height:auto;display:block}.cine-hero__note{border-top:1px solid var(--cine-hair);grid-template-columns:1fr auto;gap:.2rem .75rem;padding:.45rem .75rem;display:grid}.cine-hero__note b{color:var(--cine-ink);font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600}.cine-hero__lanes{border-top:1px solid var(--cine-hair);background:linear-gradient(90deg,#060b14e0 0%,#060b1473 72%,#0000 100%);flex-direction:column;gap:1.15rem;width:min(52vw,560px);padding:.55rem 1.25rem .7rem 0;display:flex}.cine-hero__process-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.45rem;display:flex}.cine-hero__process-metrics{grid-template-columns:1fr 1fr;gap:.28rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.cine-hero__process-metrics li{letter-spacing:.1em;text-transform:uppercase;color:var(--cine-dim);border-bottom:1px solid var(--cine-hair);padding:.28rem 0;font-family:Space Mono,ui-monospace,monospace;font-size:.68rem}.cine-hero__lane-name{letter-spacing:.12em;text-transform:uppercase;font-family:Archivo,system-ui,sans-serif;font-size:.95rem;font-weight:700}.cine-hero__machine{background:var(--cine-panel);border:1px solid var(--cine-hair);width:min(34vw,360px);padding:.65rem .85rem}.cine-hero__machine.is-rejected{border-color:#f0717159}.cine-hero__machine.is-selected{border-color:#4fd0e08c}.cine-hero__checks{flex-direction:column;gap:.28rem;margin-top:.55rem;display:flex}.cine-hero__check{letter-spacing:.08em;text-transform:uppercase;color:var(--cine-dim);justify-content:space-between;font-family:Space Mono,ui-monospace,monospace;font-size:.68rem;display:flex}.cine-hero__check.is-ok span{color:var(--cine-cyan)}.cine-hero__check.is-bad span{color:var(--cine-danger)}.cine-hero__calc{width:min(42vw,460px)}.cine-hero__calc-row{border-bottom:1px solid var(--cine-hair);grid-template-columns:1.1rem 8.5rem 1fr;align-items:baseline;gap:.65rem;padding:.55rem 0;display:grid}.cine-hero__calc-row em{color:var(--cine-cyan);font-family:Space Mono,ui-monospace,monospace;font-size:.62rem;font-style:normal}.cine-hero__product{border:1px solid var(--cine-hair);background:#071018;width:min(78vw,980px);margin:0 auto;box-shadow:0 40px 80px -40px #000000b3}.cine-hero__product img{object-fit:contain;object-position:center top;background:#071018;width:100%;height:auto;max-height:46vh;display:block}.cine-hero__cta{cursor:pointer;border-radius:.25rem;align-items:center;gap:.55rem;min-height:48px;padding:.85rem 1.35rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.cine-hero__cta--primary{background:var(--cine-cyan);color:#061018;border:1px solid var(--cine-cyan)}.cine-hero__cta--primary:hover{filter:brightness(1.08)}.cine-hero__cta--primary:focus-visible,.cine-hero__cta--ghost:focus-visible{outline:2px solid var(--cine-amber);outline-offset:3px}.cine-hero__cta--ghost{color:var(--cine-ink);border:1px solid var(--cine-hair);background:0 0}.cine-hero__cta--ghost:hover{border-color:var(--cine-cyan)}.cine-hero__hint{z-index:4;position:absolute;bottom:2.85rem;left:50%;transform:translate(-50%)}.cine-hero__skip{z-index:6;pointer-events:auto;color:var(--cine-dim);text-decoration:none;position:absolute;top:5.5rem;left:clamp(1.25rem,4vw,3.5rem)}.cine-hero__skip:hover,.cine-hero__skip:focus-visible{color:var(--cine-cyan)}.cine-hero--reduced{align-items:center;min-height:100svh;padding:7rem 0 4rem;display:flex}.cine-hero--reduced .cine-hero__product{width:100%}@media (width<=1024px){.cine-hero__drawing,.cine-hero__lanes,.cine-hero__machine,.cine-hero__calc{width:min(86vw,420px)}.cine-hero__process-metrics{grid-template-columns:1fr}.cine-hero__product{width:min(90vw,720px)}}@media (width<=767px){.cine-hero--pinned{height:720vh}.cine-hero{--cine-gutter:1.15rem}.cine-hero__scenes,.cine-hero__file{display:none}.cine-hero__skip{top:calc(4.6rem + env(safe-area-inset-top,0px));left:1.15rem}.cine-hero__hint{bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));text-align:center;width:min(90vw,22rem)}.cine-hero__display--xl{font-size:clamp(2.35rem,13vw,3.4rem);line-height:.96}.cine-hero__display--lg{font-size:clamp(1.3rem,7vw,1.75rem);line-height:1.02}.cine-hero__display--md{font-size:clamp(1.12rem,6vw,1.45rem);line-height:1.05}.cine-hero__support{font-size:.95rem}.cine-hero__from{top:calc(6.4rem + env(safe-area-inset-top,0px));max-width:none;right:1rem}.cine-hero__from .cine-hero__display--xl{font-size:clamp(1.4rem,7.4vw,2.05rem)}.cine-hero__to{max-width:78vw;top:30vh}.cine-hero__to .cine-hero__display--lg{max-width:min(18rem,80vw)}.cine-hero__curiosity{top:auto;bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));max-width:86vw}.cine-hero__geo{top:calc(5.8rem + env(safe-area-inset-top,0px));max-width:86vw}.cine-hero__draw-line{top:calc(5.8rem + 7.6vh + env(safe-area-inset-top,0px));max-width:86vw}.cine-hero__drawing{-webkit-overflow-scrolling:touch;width:auto;max-height:50vh;top:36vh;left:4vw;right:4vw;overflow:auto}.cine-hero__drawing img{aspect-ratio:auto;max-height:18vh}.cine-hero__note{padding:.32rem .65rem}.cine-hero__know{top:calc(5.8rem + env(safe-area-inset-top,0px))}.cine-hero__lanes{background:#060b14eb;border-top:0;gap:.7rem;width:min(92vw,420px);max-height:58vh;padding:.75rem .85rem .9rem;top:30vh;overflow:auto}.cine-hero__process-metrics{grid-template-columns:1fr}.cine-hero__process-metrics li:nth-child(n+4){display:none}.cine-hero__machines{top:calc(5.8rem + env(safe-area-inset-top,0px));width:min(92vw,420px);left:4vw}.cine-hero__machines .cine-hero__machine{width:100%}.cine-hero__machines .cine-hero__machine:nth-child(n+3),.cine-hero__checks{display:none}.cine-hero__rejected{top:auto;left:4vw;right:4vw;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:auto;max-width:92vw}.cine-hero__rejected>div>.flex{gap:.75rem}.cine-hero__rejected .cine-hero__mono{letter-spacing:.08em;text-align:right;max-width:12rem}.cine-hero__route{top:auto;bottom:calc(2.6rem + env(safe-area-inset-bottom,0px))}.cine-hero__calc{left:4vw;right:4vw;top:calc(6.2rem + env(safe-area-inset-top,0px));width:auto}.cine-hero__calc-row{grid-template-columns:1fr;gap:.15rem;padding:.4rem 0}.cine-hero__product{top:calc(5.6rem + env(safe-area-inset-top,0px));width:min(94vw,520px)}.cine-hero__product img{max-height:26vh}.cine-hero__finale{bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));width:min(92vw,720px)}.cine-hero__cta{min-height:44px;padding:.7rem 1.1rem;font-size:.9rem}}
