[data-experience=cinematic]{--cine-ground:var(--color-canvas);--cine-panel:var(--color-canvas-deep);--cine-elevated:var(--color-surface);--cine-interactive:var(--color-surface);--cine-focus:var(--color-surface);--cine-recess:var(--color-surface-sunk);--cine-ink:var(--color-ink);--cine-ink-2:var(--color-ink-soft);--cine-ink-3:var(--color-muted);--cine-ink-4:var(--color-faint);--cine-rule:var(--color-line);--cine-rule-strong:var(--color-line-strong);--cine-rule-faint:var(--color-line-soft);--cine-accent:var(--color-brand-600);--cine-accent-soft:color-mix(in srgb, var(--color-brand-500) 10%, transparent);--cine-accent-line:color-mix(in srgb, var(--color-brand-500) 45%, transparent);--cine-signal:var(--color-brand-500);--cine-lift-1:var(--shadow-tile);--cine-lift-2:var(--shadow-card);--cine-lift-3:var(--shadow-lift);--cine-glow:transparent;--cine-node-fill:var(--color-surface);--cine-node-stroke:var(--color-line-strong);--cine-atmos-1:transparent;--cine-atmos-2:transparent;--cine-grid:color-mix(in srgb, var(--color-ink) 4.5%, transparent);background:var(--cine-ground);color:var(--cine-ink)}html.dark [data-experience=cinematic]{--cine-glow:color-mix(in srgb, var(--color-brand-400) 50%, transparent);--cine-atmos-1:color-mix(in srgb, var(--color-brand-500) 10%, transparent);--cine-atmos-2:color-mix(in srgb, var(--color-cyan-500) 8%, transparent)}[data-experience=cinematic]{isolation:isolate;min-height:100vh;position:relative}.cine-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(60% 45% at 78% 8%, var(--cine-atmos-1), transparent 70%), radial-gradient(55% 50% at 12% 42%, var(--cine-atmos-2), transparent 72%), var(--cine-ground);position:fixed;inset:0}.cine-grid{pointer-events:none;background-image:linear-gradient(to right, var(--cine-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--cine-grid) 1px, transparent 1px);background-size:88px 88px;position:absolute;inset:0}.cine-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:22px}@media (min-width:768px){.cine-wrap{padding-inline:40px}}@media (min-width:1280px){.cine-wrap{padding-inline:56px}}.cine-display{letter-spacing:-.045em;color:var(--cine-ink);font-size:clamp(2.85rem,7.2vw,6rem);font-weight:600;line-height:.98}.cine-h2{letter-spacing:-.04em;color:var(--cine-ink);font-size:clamp(2.1rem,5vw,3.75rem);font-weight:600;line-height:1.03}.cine-lead{letter-spacing:-.011em;color:var(--cine-ink-2);font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.6}.cine-body{color:var(--cine-ink-2);font-size:.9375rem;line-height:1.7}.cine-numeral{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--cine-ink-4);font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:300;line-height:1}.cine-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cine-ink-3);align-items:center;gap:10px;font-size:.6875rem;font-weight:500;display:inline-flex}.cine-label:before{content:"";background:var(--cine-rule-strong);width:22px;height:1px}.cine-mono{font-family:var(--font-mono);letter-spacing:.08em;color:var(--cine-ink-3);font-size:.6875rem}.cine-panel{background:var(--cine-panel);border:1px solid var(--cine-rule-faint);border-radius:var(--radius-tile)}.cine-card{background:var(--cine-elevated);border:1px solid var(--cine-rule);border-radius:var(--radius-card);box-shadow:var(--cine-lift-1);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .3s,background-color .3s}.cine-card:hover,.cine-card:focus-within{box-shadow:var(--cine-lift-3);border-color:var(--cine-accent-line);background:var(--cine-interactive);transform:translateY(-5px)}.cine-rule-line{background:var(--cine-rule);border:0;height:1px}.cine-stage{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.cine-enter{--cue:0;--local:clamp(0, (var(--p,0) - var(--cue)) * 6, 1);opacity:var(--local);transform:translateY(calc((1 - var(--local)) * 16px))}.cine-draw{--cue:0;--local:clamp(0, (var(--p,0) - var(--cue)) * 5, 1);stroke-dasharray:var(--len,400);stroke-dashoffset:calc(var(--len,400) * (1 - var(--local)));opacity:calc(.25 + var(--local) * .75)}.cine-pulse{animation:3.2s linear infinite cine-travel}.cine-tele{animation:2.8s linear infinite paused cine-travel}.cine-card:hover .cine-tele,.cine-card:focus-within .cine-tele{animation-play-state:running}@keyframes cine-travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-360px}}@keyframes cine-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes cine-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.cine-node-glow{filter:drop-shadow(0 0 7px var(--cine-glow))}@media (prefers-reduced-motion:reduce){[data-experience=cinematic] .cine-enter,[data-experience=cinematic] .cine-draw{--local:1;opacity:1!important;stroke-dashoffset:0!important;transform:none!important}[data-experience=cinematic] .cine-pulse{animation:none!important}[data-experience=cinematic] .cine-stage{height:auto;min-height:0;padding-block:72px;position:relative}[data-experience=cinematic] .cine-track{height:auto!important}}