.cinematic-hero{--ch-bg:var(--c-paper,#f8f4ec);--ch-veil:linear-gradient(to bottom, #0d0d0ddb 0%, #0d0d0d52 26%, #13121024 54%, #100e0a8c 100%);--ch-vignette:radial-gradient(ellipse at 50% 58%, #0d0d0d00 32%, #0d0d0d99 100%);--ch-seam:linear-gradient(to top, var(--ch-bg), transparent);isolation:isolate;background:var(--ch-bg)}.cinematic-hero .ch-layer{z-index:-10;pointer-events:none;position:absolute;inset:0}.cinematic-hero .ch-media{object-fit:cover;object-position:center;filter:brightness(.92)saturate(.94)contrast(1.04);width:100%;height:100%;animation:1.6s cubic-bezier(.22,1,.36,1) both cinematic-hero-open}.cinematic-hero .ch-veil{background:var(--ch-veil)}.cinematic-hero .ch-vignette{background:var(--ch-vignette)}.cinematic-hero .ch-seam{background:var(--ch-seam);height:5rem;top:auto}.cinematic-hero .ch-grain{z-index:-8;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");animation:.9s steps(3,end) infinite cinematic-hero-grain;position:absolute;inset:-20%}.cinematic-hero.ch-still .ch-media,.cinematic-hero.ch-still .ch-grain{animation:none}@keyframes cinematic-hero-open{0%{filter:brightness(.28)saturate(.6)contrast(1.16);transform:scale(1.14)}to{filter:brightness(.92)saturate(.94)contrast(1.04);transform:scale(1)}}@keyframes cinematic-hero-grain{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.cinematic-hero .ch-media,.cinematic-hero .ch-grain{animation:none}}.cinematic-hero .ch-seam{z-index:-7;background:linear-gradient(to top, var(--c-paper) 0%, color-mix(in oklab, var(--c-paper) 92%, transparent) 14%, color-mix(in oklab, var(--c-paper) 70%, transparent) 32%, color-mix(in oklab, var(--c-paper) 40%, transparent) 54%, color-mix(in oklab, var(--c-paper) 14%, transparent) 76%, transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:48%;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}