/* The colour, shutter and shared CHROMA signature connect the two visual worlds. */
html[data-chroma-arrival]::before{content:"";position:fixed;inset:0;z-index:2147483600;background:#f7f4ee;pointer-events:none}
html[data-chroma-arrival="filmmaker"]::before{background:#080808}
.chroma-bridge{--bridge-paper:#f7f4ee;--bridge-ink:#42382e;--bridge-accent:#ac8660;display:none;position:fixed;inset:0;z-index:2147483601;overflow:hidden;isolation:isolate;background:var(--bridge-paper);color:var(--bridge-ink);contain:layout paint;cursor:progress}
.chroma-bridge[data-theme="filmmaker"]{--bridge-paper:#080808;--bridge-ink:#f4f0e8;--bridge-accent:#ff5a12}
.chroma-bridge[data-phase]{display:grid;place-items:center}
.chroma-bridge::before{content:"";position:absolute;inset:9%;border:1px solid currentColor;opacity:.13;transform:scale(.96);border-radius:2px}
.chroma-bridge::after{content:"";position:absolute;width:min(76vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--bridge-accent) 12%,transparent),transparent 67%);opacity:.8}
.chroma-bridge__iris{position:absolute;width:min(68vw,520px);aspect-ratio:1;border:1px solid var(--bridge-accent);border-radius:50%;opacity:.24;transform:rotate(-12deg)}
.chroma-bridge__iris::before,.chroma-bridge__iris::after{content:"";position:absolute;inset:9%;border:1px solid var(--bridge-accent);border-radius:50%}
.chroma-bridge__iris::after{inset:23% -20%;border-radius:0;border-width:1px 0}
.chroma-bridge__wordmark{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px;transform-origin:center}
.chroma-bridge__shared{font:400 clamp(35px,7vw,75px)/1 Georgia,serif;letter-spacing:.18em;padding-left:.18em}
.chroma-bridge [data-bridge-name]{margin-top:10px;font:italic 400 clamp(37px,7vw,78px)/1.05 Georgia,serif;letter-spacing:-.04em}
.chroma-bridge[data-theme="filmmaker"] .chroma-bridge__shared{font-family:var(--font-bebas, Impact),sans-serif;letter-spacing:.13em}
.chroma-bridge[data-theme="filmmaker"] [data-bridge-name]{font-family:var(--font-bebas, Impact),sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--bridge-accent)}
.chroma-bridge [data-bridge-caption]{margin-top:32px;font:400 clamp(8px,1.4vw,10px)/1.8 Arial,sans-serif;letter-spacing:.19em;max-width:290px;text-wrap:balance}
.chroma-bridge__bottom{position:absolute;bottom:max(8%,env(safe-area-inset-bottom));font:400 9px/1.5 Arial,sans-serif;letter-spacing:.15em;opacity:.65}
.chroma-bridge[data-phase="leave"]{animation:chroma-bridge-cover 480ms cubic-bezier(.4,0,.2,1) both}
.chroma-bridge[data-phase="leave"] .chroma-bridge__wordmark{animation:chroma-bridge-mark 440ms 35ms cubic-bezier(.16,1,.3,1) both}
.chroma-bridge[data-phase="leave"] .chroma-bridge__iris{animation:chroma-bridge-iris 650ms cubic-bezier(.4,0,.2,1) both}
.chroma-bridge[data-phase="leave"]::before{animation:chroma-bridge-frame 480ms cubic-bezier(.4,0,.2,1) both}
.chroma-bridge[data-phase="enter"]{pointer-events:none;animation:chroma-bridge-reveal 640ms cubic-bezier(.4,0,.2,1) both}
.chroma-bridge[data-phase="enter"] .chroma-bridge__wordmark{animation:chroma-bridge-mark-out 540ms cubic-bezier(.4,0,.2,1) both}
.chroma-bridge-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes chroma-bridge-cover{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@keyframes chroma-bridge-mark{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chroma-bridge-iris{from{opacity:0;transform:rotate(-26deg) scale(.86)}to{opacity:.24;transform:rotate(-12deg) scale(1)}}
@keyframes chroma-bridge-frame{from{opacity:0;transform:scale(.92)}to{opacity:.13;transform:scale(.96)}}
@keyframes chroma-bridge-reveal{0%,15%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.025)}}
@keyframes chroma-bridge-mark-out{0%,10%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){html[data-chroma-arrival]::before,.chroma-bridge[data-phase]{display:none!important}.chroma-bridge,.chroma-bridge *{animation:none!important}}