@font-face{font-family:Inter;src:url('assets/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ground:#0c1110;--ink:#f4f5f0;--muted:#b6c1ba;--accent:#b8edac;--panel:#19221e;--paper:#edf0e9;--paper-ink:#17221b;--gap:clamp(20px,4.2vw,72px);--display:clamp(48px,7vw,96px);--heading:clamp(34px,4.4vw,60px);--body:18px;--small:14px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:dark;scrollbar-color:#7b8b80 var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font:var(--body)/1.6 Inter,sans-serif}body.showtime{--ground:#141310;--ink:#f7f5ef;--muted:#c8c3b8;--accent:#ffb16b;--panel:#26231e;--paper:#eeeae2;--paper-ink:#26231e}.shell{width:calc(100% - var(--gap)*2);max-width:1600px;margin-inline:auto}a{color:inherit;text-decoration:none;text-underline-offset:.3em}button,input{font:inherit}button{cursor:pointer;color:inherit}img,video{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}h1{font-size:var(--display)}h2{font-size:var(--heading)}h3{font-size:24px;letter-spacing:-.025em;line-height:1.2}p{max-width:65ch}p+p{margin-top:20px}::selection{background:var(--accent);color:var(--ground)}:focus-visible{outline:3px solid currentColor;outline-offset:5px}.note,figcaption{font-size:var(--small);line-height:1.6;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 24px;background:var(--accent);color:var(--ground);font-weight:650;font-size:16px;border:0;transition:transform 180ms var(--ease),background-color 180ms}.button:active{transform:scale(.97)}.text-link{display:inline-flex;align-items:center;min-height:44px}.skip{position:fixed;z-index:100;left:20px;top:-100px;padding:12px;background:var(--accent);color:var(--ground)}.skip:focus{top:12px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:10}.brand{flex-shrink:0}.brand img{width:174px;height:52px;object-fit:contain}.site-header nav{display:flex;gap:30px;font-size:14px;align-items:center}.site-header .sibling{color:var(--muted)}.nav-actions{display:flex;align-items:center;gap:16px}.languages{display:flex;gap:0}.languages button{min-width:40px;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:13px}.languages button[aria-pressed=true]{color:var(--ink);font-weight:700}.menu-toggle{display:none;border:0;background:var(--panel);padding:10px 14px;min-height:44px;font-size:14px}.hero-intro{padding:76px 0 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:7%;align-items:center}.hero-intro h1{max-width:13ch}.word-window{display:inline-block;width:2.3em;height:.8em;vertical-align:baseline;margin-right:.08em;overflow:hidden;position:relative}.word-window video{width:100%;height:100%;object-fit:cover}.hero-copy .lead{max-width:33ch;font-size:20px;line-height:1.6}.hero-copy .button{margin-top:28px}.hero-copy .note{margin-top:20px}.editor-stage{max-width:1350px;margin-inline:auto}.screenshot-open{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left}.screenshot-open img{width:100%;height:auto}.editor-stage figcaption{display:flex;justify-content:space-between;gap:24px;padding-top:16px}.section{padding-block:112px}.clip-hero{padding-bottom:112px}.light-section{background:var(--ground);color:var(--ink);color-scheme:dark}.feature-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7%;align-items:center}.feature-copy>p{margin-top:28px}.mode-switch{display:flex;gap:8px;margin:32px 0 28px;flex-wrap:wrap}.mode-switch button{min-height:48px;padding:10px 22px;border:0;background:var(--panel);font-size:16px;transition:color 150ms,background-color 150ms}.mode-switch button[aria-pressed=true]{background:var(--paper-ink);color:var(--paper)}.mode-copy p{margin-top:14px;font-size:16px}.mode-copy{min-height:156px}.workflow-shot figcaption{margin-top:16px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:54px}.section-intro p{max-width:48ch}.recipe-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.recipe-choices{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.recipe-choices button{border:0;background:transparent;padding:8px 0;font-size:clamp(22px,2.4vw,34px);line-height:1.2;letter-spacing:-.03em;color:var(--muted);text-align:left}.recipe-choices button[aria-pressed=true]{color:var(--accent)}.recipe-result{background:var(--panel);padding:36px;min-height:320px}.recipe-result p{margin:20px 0 26px;font-size:16px}.recipe-result ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}.recipe-result li{background:var(--ground);padding:8px 12px}.tools-section{background:var(--panel)}.tools-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;align-items:center}.tools-grid figure{max-width:480px}.tools-grid figure img{width:100%;aspect-ratio:4/5;object-fit:cover}.tools-grid figcaption{margin-top:14px}.tools-grid h2+p{margin-top:26px}.tool-names{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;list-style:none;padding:0;margin:32px 0;font-size:19px;line-height:1.4;font-weight:550}.tools-grid .note{margin-top:22px}.showtime-banner{position:relative;min-height:550px;display:flex;align-items:center;background:#171510;isolation:isolate}.showtime-banner>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.showtime-banner:before{content:'';position:absolute;inset:0;background:#080b0b99;z-index:-1;pointer-events:none}.banner-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;align-items:start;padding-block:80px;pointer-events:none}.banner-copy>img{width:230px;height:auto}.banner-copy p{max-width:44ch;margin:24px 0 30px}.banner-copy .button{pointer-events:auto}.status-section{display:grid;grid-template-columns:1fr 1fr;gap:8%}.status-section h2+p{margin-top:28px}details{padding:22px 0}summary{cursor:pointer;font-size:18px;font-weight:550;list-style-position:outside;margin-left:20px}details p{font-size:16px;margin-top:20px}.closing{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:48px 100px}.closing h2{max-width:16ch}.credits{font-size:14px;padding-block:18px;color:var(--muted)}.credits summary{font-size:14px}.credits a{text-decoration:underline}.credits p{margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:32px 44px;font-size:14px}footer p{color:var(--muted)}footer>div{display:flex;gap:24px}dialog{padding:56px 20px 20px;max-width:96vw;width:1450px;border:0;background:var(--ground);color:var(--ink)}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:78vh;object-fit:contain}dialog>button{position:absolute;right:20px;top:10px;background:var(--panel);border:0;padding:8px 16px;font-size:14px;min-height:38px}.cinema-hero{position:relative;isolation:isolate;min-height:700px;height:calc(100svh - 96px);max-height:950px;display:flex;align-items:center}.cinema-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cinema-hero:before{content:'';position:absolute;inset:0;background:#090805a3;z-index:-1;pointer-events:none}.cinema-copy{pointer-events:none;padding-block:60px 100px}.cinema-copy h1{max-width:13ch}.cinema-copy .lead{max-width:35ch;margin-top:30px;font-size:20px;line-height:1.65}.cinema-copy .button{margin-top:30px;pointer-events:auto}.cinema-caption{position:absolute;bottom:38px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:13px;pointer-events:none;color:#eeeae2}.film-stills{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:28px}.film-stills img{width:100%;object-fit:cover;aspect-ratio:16/10}.film-stills figure:last-child img{aspect-ratio:1/1}.film-stills figcaption{margin-top:16px}.perspective-section{background:var(--accent);color:var(--ground);--panel:#e89d5b;--paper-ink:#211c15;--paper:#fff0df}.perspective-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.perspective-grid h3+p{margin-top:20px}.story-steps{list-style:none;margin:0;padding:0;display:grid;gap:38px}.story-steps li p{margin-top:12px;font-size:16px;max-width:40ch}.handoff-grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:7%}.handoff-grid h2+p{margin:28px 0}.handoff-grid img{width:100%;height:auto}.handoff-grid figcaption{margin-top:16px}.project-status{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px 8%;padding-top:80px}.project-status details{grid-column:2}.project-status p{font-size:16px}.motion-paused .ambient-video{opacity:.95}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);background:#e8ffd9}.showtime .button:hover{background:#ffd4a9}.site-header a:hover,footer a:hover,.text-link:hover{text-decoration:underline}.screenshot-open:hover{opacity:.94}.recipe-choices button:hover{color:var(--ink)}.mode-switch button:hover{filter:brightness(.94)}}
@media(max-width:1100px){.hero-intro{gap:5%;grid-template-columns:1.2fr .8fr}.hero-copy .lead{font-size:18px}.site-header nav{gap:20px}.feature-grid{grid-template-columns:1fr;gap:40px}.feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px 8%}.feature-copy>p{margin:0}.mode-switch{margin:0;align-self:start}.mode-copy{min-height:130px}.tools-grid{gap:6%}.handoff-grid{grid-template-columns:1fr;gap:44px}.handoff-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 8%}.handoff-grid h2+p{margin:0}.handoff-grid .button{justify-self:start}.cinema-hero{min-height:640px}.banner-copy{grid-template-columns:.5fr 1.5fr}.banner-copy>img{width:190px}}
@media(max-width:820px){.site-header{height:80px;gap:16px}.brand img{width:145px;height:46px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--panel);padding:24px;flex-direction:column;align-items:stretch;gap:4px}.site-header nav.is-open{display:flex}.site-header nav a{padding:8px}.menu-toggle{display:block}.nav-actions{gap:8px}.languages button{min-width:34px}.hero-intro{grid-template-columns:1fr;padding:50px 0 36px;gap:30px}.hero-intro h1{max-width:none;font-size:clamp(46px,10vw,76px)}.hero-copy .lead{max-width:44ch}.hero-copy .button{margin-top:22px}.hero-copy .note{margin-top:18px}.clip-hero{padding-bottom:72px}.section{padding-block:72px}.section-intro{gap:30px;grid-template-columns:1fr;margin-bottom:36px}.recipe-layout{grid-template-columns:1fr;gap:28px}.recipe-choices{flex-direction:row;flex-wrap:wrap;gap:12px 20px}.recipe-choices button{font-size:20px}.recipe-result{padding:28px;min-height:280px}.tools-grid{grid-template-columns:1fr 1fr;gap:32px}.tools-grid>div{grid-column:1/-1}.tools-grid figure{grid-column:1/-1;max-width:none}.tools-grid figure img{aspect-ratio:16/9;object-position:center 40%}.status-section{grid-template-columns:1fr;gap:24px}.banner-copy{grid-template-columns:1fr;gap:34px}.showtime-banner{min-height:560px}.banner-copy>img{width:160px}.cinema-hero{height:760px;min-height:0;max-height:none}.cinema-copy{padding:65px 0 110px}.cinema-copy h1{font-size:clamp(50px,10vw,76px)}.cinema-copy .lead{font-size:18px;max-width:35ch}.cinema-caption{flex-direction:column;gap:6px;bottom:44px;font-size:13px}.perspective-grid{grid-template-columns:1fr;gap:48px}.perspective-grid .mode-switch{margin:30px 0 24px}.film-stills{gap:18px}.film-stills figcaption{font-size:13px}.project-status{grid-template-columns:1fr;gap:24px;padding-top:56px}.project-status details{grid-column:1}.closing{padding-block:30px 64px;align-items:start;flex-direction:column}.closing h2{font-size:42px}footer{flex-wrap:wrap;gap:24px}footer p{font-size:13px}.editor-stage figcaption{flex-direction:column;gap:4px;font-size:13px}}
@media(max-width:520px){:root{--gap:20px;--body:16px;--heading:36px;--small:13px}.site-header{gap:8px}.brand img{width:126px;height:42px}.nav-actions{gap:4px}.languages button{min-width:31px}.menu-toggle{padding:10px;font-size:13px}.hero-intro{padding-top:32px}.hero-intro h1{font-size:clamp(38px,11vw,53px)}.hero-copy .lead{font-size:17px}.feature-copy{display:block}.feature-copy>p{margin-top:24px}.feature-copy .mode-switch{margin:26px 0 22px}.mode-copy{min-height:156px}.tool-names{font-size:17px;gap:18px 12px}.recipe-choices{gap:6px 18px}.recipe-choices button{font-size:18px}.recipe-result{padding:24px;min-height:330px}.film-stills{grid-template-columns:1fr;gap:28px}.film-stills figure:last-child{width:78%;justify-self:end}.film-stills figure:last-child img{aspect-ratio:4/3}.cinema-copy h1{font-size:52px}.cinema-hero{height:720px}.cinema-copy .lead{font-size:17px}.cinema-copy{padding-bottom:150px}.handoff-grid>div{display:block}.handoff-grid h2+p{margin:26px 0}.closing h2{font-size:36px}.section{padding-block:64px}.banner-copy{padding-block:56px}.banner-copy p{font-size:17px}h3{font-size:23px}footer>div{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.motion-preference{background:transparent;color:var(--muted);border:0;padding:8px 0;font-size:13px;min-height:44px}.motion-preference:hover{text-decoration:underline}.video-unavailable{object-fit:cover}

.film-stills figure:last-child img{object-position:70% center}

.film-stills img,.tools-grid figure img{height:auto}.cinema-caption{bottom:80px}.video-toggle{position:absolute;bottom:18px;right:var(--gap);z-index:2;min-height:44px;padding:10px 16px;background:#111b;color:#fff;border:0;font-size:13px}.video-toggle:hover{background:#111e}@media(max-width:520px){.cinema-copy h1{font-size:clamp(44px,13.3vw,52px)}}

/* Two genuine camera setups from the same film scene; no text over the subject. */
.angle-stage{position:relative;background:#111;overflow:hidden;border-radius:16px;aspect-ratio:40/17}
.angle-video{display:block;width:100%;height:100%;object-fit:cover}
.angle-stage .video-toggle{right:16px;bottom:16px;border-radius:12px}
.angle-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:24px}
.angle-choices{display:flex;gap:16px}
.angle-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid transparent;background:var(--panel);color:var(--muted);border-radius:12px;padding:8px 8px 12px;width:170px;cursor:pointer}
.angle-choices button img{width:100%;height:auto;aspect-ratio:40/17;object-fit:cover;border-radius:8px}
.angle-choices button span{padding-inline:4px;font-size:15px;font-weight:600}
.angle-choices button[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}
.angle-choices button:hover{color:var(--ink)}
#angle-benefit{font-size:18px;max-width:38ch}
.angle-credit{margin-top:24px;max-width:80ch}
@media(max-width:820px){.angle-toolbar{grid-template-columns:1fr;gap:20px}.angle-choices button{width:160px}#angle-benefit{font-size:16px}}
@media(prefers-reduced-motion:reduce){.angle-stage{scroll-behavior:auto}}

/* Production refresh: preserve Showtime's cinematic world; bring type and framing together. */
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}body{font-family:Manrope,Arial,sans-serif}.site-header{min-height:76px;padding-block:14px}.site-header .brand img{width:145px;height:auto}.cinema-hero,.angle-stage,.showtime-workspace,.editing-shot{border-radius:22px;overflow:hidden}.camera-setup{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.camera-setup h2{font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:500}.camera-setup h3{font-size:25px;font-weight:500;line-height:1.3;margin:0 0 20px}.camera-setup p{line-height:1.75;color:#b8b8b5;font-size:16px;margin:24px 0}.camera-setup small{display:block;font-size:12px;color:#999;line-height:1.7}.camera-setup{scroll-margin-top:90px}@media(max-width:720px){.camera-setup{grid-template-columns:1fr;gap:32px}.camera-setup p{font-size:14px}.site-header .brand img{width:120px}}

.button{border-radius:999px}

/* Filmset: three simultaneous camera compositions, with no decorative monitor UI. */
.cinema-hero h1{font-size:clamp(50px,6.4vw,92px);line-height:1.05}.cinema-copy .lead{max-width:560px}.cinema-caption{justify-content:flex-start}.story-intro .section-intro h2{font-size:clamp(32px,3.8vw,50px)}.filmset-demo{margin-top:55px;scroll-margin-top:32px}.filmset-demo>h3{font-size:clamp(25px,3vw,38px);font-weight:500;letter-spacing:-.035em;margin:0 0 26px}.camera-monitors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.camera-monitor{display:block;padding:0;background:none;border:0;color:var(--ink);text-align:left;cursor:zoom-in}.monitor-image{display:block;position:relative;overflow:hidden;aspect-ratio:1;border-radius:12px;background:#171717}.monitor-image img{position:absolute;left:calc(var(--camera)* -100%);top:0;width:300%;max-width:none;height:100%;object-fit:fill}.monitor-name{display:block;font-size:15px;margin-top:14px}.camera-monitor:hover .monitor-name{color:#fff;text-decoration:underline;text-underline-offset:5px}.camera-monitor:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:12px}.concept-credit{font-size:12px;color:var(--muted);margin:20px 0 0}.concept-credit a:hover{text-decoration:underline}.story-steps{counter-reset:none}.story-steps li{padding-left:0}.story-steps li::before{content:none}.light-section{background:#141414;color:var(--ink)}.light-section p{color:var(--muted)}.handoff-grid img{border-radius:14px}.camera-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.camera-dialog-bar h2{font-size:24px}.camera-dialog-bar button{font:inherit;padding:8px 12px;color:var(--ink);background:#242424;border:0;border-radius:8px;cursor:pointer}#camera-dialog{width:min(680px,94vw,calc(76svh + 36px));max-height:94svh;padding:18px;background:#101010;color:var(--ink);border:0;border-radius:18px;overflow:auto}#camera-dialog::backdrop{background:#000d}#camera-detail{max-height:76svh}.showtime footer>p{max-width:300px;font-size:12px}
@media(max-width:820px){.camera-monitors{gap:7px}.monitor-name{font-size:12px;margin-top:10px}.monitor-image{border-radius:8px}.filmset-demo{margin-top:32px}.filmset-demo>h3{font-size:25px;margin-bottom:20px}.story-intro .section-intro h2{font-size:34px}.cinema-hero h1{font-size:clamp(44px,10vw,68px)}.concept-credit{font-size:11px}.camera-dialog-bar h2{font-size:20px}}


/* Three original portrait renders form one uninterrupted film strip. */
.scene-filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;overflow:hidden}
.scene-filmstrip video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border:0;border-radius:0;background:var(--ground)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Gameplay and directed camera share the same action and timeline. */
.action-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}
.action-comparison figure{min-width:0;margin:0}
.action-comparison figcaption{color:var(--ink);font-size:15px;padding:0 0 14px}
.action-comparison figure+figure figcaption{padding-left:20px}
.action-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--ground);border:0;border-radius:0}
@media(max-width:620px){.action-comparison{grid-template-columns:1fr;gap:24px}.action-comparison figure+figure figcaption{padding-left:0}}
/* A concise portfolio note following the product demonstration. */
.project-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,110px)}
.project-story-intro{max-width:510px;color:var(--muted);font-size:16px;line-height:1.85;margin:24px 0 0}
.project-story dl{margin:0;display:grid;gap:28px}
.project-story dt{font-size:19px;letter-spacing:-.02em;margin-bottom:10px}
.project-story dd{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
@media(max-width:820px){.project-story{grid-template-columns:1fr;gap:32px}.project-story-intro{max-width:620px;font-size:15px}.project-story dl{gap:24px}}