@font-face{font-family:CIL Display;src:url('/assets/BarlowCondensed-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:CIL Sans;src:url('/assets/Inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:CIL Sans;src:url('/assets/Inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--deep:color-mix(in srgb,var(--ink),black 44%);--quiet:color-mix(in srgb,var(--paper),var(--ink) 30%);--edge:color-mix(in srgb,var(--paper) 14%,transparent);--display:'CIL Display',Impact,sans-serif;--body:'CIL Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--paper);font:16px/1.6 var(--body);border-top:4px solid var(--red)}
.atmosphere{position:absolute;inset:0 0 auto;height:720px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--red) 14%,transparent),transparent 65%),linear-gradient(var(--ink),transparent)}
main{width:min(100%,1248px);margin:auto;padding:32px 64px 48px}.masthead{display:flex;align-items:center;gap:24px}.wordmark{display:block;flex:none;width:84px;height:56px}.division,.film-label{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.film-label{margin-left:auto;color:var(--quiet)}
.title-block{margin:40px 0 24px}.eyebrow{color:var(--quiet);font-size:15px;margin:0 0 12px}h1{font:800 clamp(48px,6.8vw,88px)/1.02 var(--display);text-transform:uppercase;letter-spacing:0;margin:0;text-wrap:balance}.cinema{position:relative;overflow:hidden;border-radius:12px;background:var(--ink);box-shadow:0 24px 64px color-mix(in srgb,black 40%,transparent);border:1px solid var(--edge)}
video{display:block;width:100%;aspect-ratio:16/9;background:var(--ink)}.play-film{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);background:color-mix(in srgb,var(--ink) 86%,transparent);backdrop-filter:blur(12px);color:var(--paper);font:700 16px var(--body);border-radius:48px;min-height:64px;padding:16px 24px;display:flex;gap:12px;align-items:center;white-space:nowrap;cursor:pointer;box-shadow:0 8px 32px color-mix(in srgb,black 32%,transparent)}.play-film svg{width:24px;height:24px;fill:var(--paper)}.play-film:hover{background:var(--red)}[hidden]{display:none!important}
.under-film{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}.format-note{color:var(--quiet);font-size:14px;margin:0}.format-note span{padding:0 8px;color:var(--gold)}.actions{display:flex;gap:12px;flex:none}.action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:12px 16px;color:var(--paper);font:700 14px var(--body);border-radius:8px;background:transparent;border:1px solid var(--edge);text-decoration:none;cursor:pointer}.action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.share{background:var(--red);border-color:var(--red)}.action:hover{border-color:var(--paper)}
.purpose{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:48px 0;margin-top:24px;border-bottom:1px solid var(--edge);align-items:center}.purpose h2{font:800 clamp(32px,3.7vw,48px)/1.05 var(--display);text-transform:uppercase;margin:0}.purpose h2 span{color:var(--hot)}.purpose p{margin:0;max-width:480px;font-size:18px;color:var(--quiet)}.purpose .together{margin-top:16px;font-weight:700;color:var(--paper);font-size:16px}.together sup{font-size:10px;margin-left:2px}
footer{display:flex;flex-wrap:wrap;column-gap:48px;row-gap:16px;justify-content:space-between;align-items:flex-start;padding-top:24px;color:var(--quiet)}footer p{margin:0}.creation{font-weight:700;font-size:14px;flex:none}.credit{max-width:560px;font-size:13px;line-height:1.6}.credit a{color:inherit;text-decoration-color:var(--edge);text-underline-offset:4px}.credit a:hover{color:var(--paper)}.project-note{flex:0 0 100%;max-width:960px;font-size:12px;line-height:1.6}:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.playback-status,.share-status{font-size:15px;color:var(--paper);padding:12px 16px;border-left:3px solid var(--hot);background:var(--ink)}
@media(max-width:1000px){main{padding:32px}.under-film{flex-wrap:wrap}.actions{margin-left:auto}.purpose{gap:32px}.creation{flex:1}footer{gap:32px}.credit{flex:2}}
@media(max-width:600px){main{padding:24px 24px 32px}.masthead{gap:16px}.wordmark{width:72px;height:48px}.division{font-size:12px;letter-spacing:.04em}.film-label{display:none}.title-block{margin:32px 0 24px}.eyebrow{font-size:14px;line-height:1.5;max-width:none}.eyebrow span{display:block;white-space:nowrap}h1{font-size:56px;line-height:.98;max-width:360px}.cinema{border-radius:8px}.play-film{min-height:48px;padding:12px 16px;font-size:14px;gap:8px}.play-film svg{width:20px;height:20px}.under-film{gap:16px}.format-note{font-size:12px}.format-note span{padding:0 4px}.actions{width:100%;margin:0}.action{flex:1;padding:12px;font-size:14px}.purpose{grid-template-columns:1fr;gap:24px;padding:32px 0;margin-top:16px}.purpose h2{font-size:40px}.purpose p{font-size:17px}footer{flex-direction:column;gap:16px}.credit{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.action,.play-film{transition:background-color .2s,border-color .2s}}