@font-face{font-family:Inter;src:url('/assets/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/Inter-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/Inter-700.woff2') format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;text-wrap:balance}a{color:inherit;text-underline-offset:5px}a,button{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img,video{display:block;width:100%;max-width:100%;height:auto}svg{display:block;max-width:100%;flex:none}a>svg,button>svg{width:19px;height:19px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px}.skip:focus{top:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:700;line-height:1;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap}.brand img{width:30px;height:30px;min-width:30px;max-width:30px;object-fit:contain}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:96px}.navlinks{display:flex;align-items:center;gap:29px;font-size:12px}.navlinks a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}.navlinks a:hover{text-decoration:underline}.eyebrow{font:10px/1.6 'SFMono-Regular',Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 23px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:600;background:var(--accent);color:var(--button-ink)}.button:hover{filter:brightness(.94)}.textlink{display:inline-flex;min-height:44px;align-items:center;gap:12px;font-size:13px}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.fine{font-size:11px;line-height:1.8;color:var(--muted)}.body-copy{font-size:17px;line-height:1.85;color:var(--muted)}.body-copy p+p{margin-top:20px}.video-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px}.video-caption>span{max-width:650px}.media-status:empty{display:none}.media-status{font-size:11px;color:var(--muted);margin-top:12px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:16px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-weight:400;font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{max-width:800px;color:var(--muted);font-size:14px;padding:0 25px 23px 0;line-height:1.85}.site-footer{padding-block:35px;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:26px}.footer-row>div{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.footer-row a,.footer-row span{font-size:11px}.footer-email{font-size:15px!important}.legal{max-width:760px;padding-block:70px 90px}.legal h1{font-size:54px;line-height:1.1;letter-spacing:-.05em;margin:20px 0 30px}.legal h2{font-size:25px;margin:35px 0 14px;letter-spacing:-.025em}.legal p,.legal li{font-size:16px;line-height:1.85;color:var(--muted)}.legal p+p{margin-top:15px}.legal a{overflow-wrap:anywhere}.section-label{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;padding-top:22px;border-top:1px solid var(--line)}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--button-ink)}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.navlinks{gap:20px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{min-height:80px;gap:16px}.brand{font-size:25px}.brand img{width:27px;height:27px;min-width:27px;max-width:27px}.navlinks>a:not(.nav-email){display:none}.navlinks{gap:0}.nav-email{font-size:12px}.nav-email svg{width:15px;height:15px}.actions{gap:17px}.button{min-height:50px;padding:12px 19px;font-size:12px}.body-copy{font-size:16px}.video-caption{flex-direction:column;gap:7px;font-size:10px}.section-label{margin-bottom:26px;padding-top:17px}.section-label .eyebrow{font-size:9px}.faq summary{font-size:15px;padding-block:20px}.faq details p{font-size:13px}.footer-row{flex-direction:column;align-items:flex-start;gap:24px}.footer-row>div{gap:16px}.site-footer{padding-block:28px}.legal{padding-block:40px 60px}.legal h1{font-size:42px}.legal h2{font-size:24px}.legal p{font-size:15px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{font-size:23px;gap:8px}.nav-email{font-size:11px}.brand img{width:25px;height:25px;min-width:25px;max-width:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

body{--paper:#f6f7f5;--ink:#171b20;--muted:#616b73;--line:#d5dadc;--accent:#2458e7;--button-ink:#fff}.site-header{border-bottom:1px solid var(--line)}.nav-email{gap:12px}.fg-intro{padding-block:67px 50px}.fg-intro>.eyebrow{color:#426387;margin-bottom:26px}.fg-title-row{display:grid;grid-template-columns:1.5fr .65fr;gap:65px;align-items:end}.fg-title-row h1{font-size:clamp(80px,10.5vw,144px);font-weight:700;line-height:.93;letter-spacing:-.08em}.fg-title-row h1 span{display:block;color:#2458e7}.fg-title-row .body-copy{font-size:16px;margin-bottom:6px}.fg-intro .actions{margin-top:35px}.fg-intro .fine{margin-top:16px}.fg-reel{padding:28px;background:#e5e9e7;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;border-radius:2px}.fg-reel video{aspect-ratio:1;background:#e5e9e7}.fg-reel-copy{padding:10px 25px 10px 0}.fg-reel-copy .eyebrow{color:#556a69}.fg-reel-copy h2{font-size:clamp(35px,4vw,54px);line-height:1.08;font-weight:600;letter-spacing:-.055em;margin:25px 0}.fg-reel-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#526360;max-width:340px}.fg-craft-list{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;font:10px/1.6 Consolas,monospace;text-transform:uppercase;color:#4c6661}.fg-craft-list>span{border-top:1px solid #bac9c3;padding-top:12px}.fg-work-caption{margin:16px 0 0}.fg-section{padding-block:94px}.fg-section h2{font-size:clamp(39px,4.8vw,65px);font-weight:600;letter-spacing:-.06em}.fg-craft-head{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end;margin-bottom:38px}.fg-craft-head p{font-size:16px;color:var(--muted);line-height:1.85}.fg-explore{display:grid;grid-template-columns:1.3fr .7fr;gap:0;background:#182523;color:#f5f4e9}.fg-viewport{position:relative;min-width:0;background:#617b75}.fg-viewport canvas{display:block;width:100%;height:440px}.fg-viewport>img{position:absolute;inset:0;height:100%;object-fit:cover}.fg-explore-copy{padding:39px 35px}.fg-explore-copy h3{font-size:29px;letter-spacing:-.04em;font-weight:600;margin:18px 0}.fg-explore-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#bbccc5}.fg-view-buttons{display:flex;gap:8px;margin:25px 0 22px}.fg-view-buttons button{border:1px solid #697e73;background:transparent;padding:9px 12px;font-size:11px;min-height:42px}.fg-view-buttons button[aria-pressed=true]{background:#e9efe8;color:#233a31;border-color:#e9efe8}.fg-range-label{display:flex;justify-content:space-between;gap:15px;font:10px/1.7 Consolas,monospace;color:#b9cec2}.fg-explore input{width:100%;min-height:35px;accent-color:#d6e6d2;margin-top:10px}.fg-source{margin-top:17px;font-size:10px;color:var(--muted);line-height:1.8}.fg-source a{text-underline-offset:3px}.fg-output{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;margin-top:55px}.fg-output h3{font-size:32px;font-weight:600;letter-spacing:-.045em;margin-bottom:20px}.fg-output p{font-size:15px;line-height:1.85;color:var(--muted)}.fg-output video{max-width:510px;aspect-ratio:1;justify-self:end;background:#eeeae0}.fg-services{background:#e9edf3;padding-block:80px}.fg-service-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.fg-service-grid h2{font-size:55px;font-weight:600;letter-spacing:-.055em}.fg-service-grid .eyebrow{color:#526783;margin-bottom:22px}.fg-service-row{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:24px 0;border-top:1px solid #c1ccdc}.fg-service-row>span{font:11px Consolas,monospace;color:#426eb4;padding-top:8px}.fg-service-row h3{font-size:25px;font-weight:600;letter-spacing:-.035em;margin-bottom:10px}.fg-service-row p{font-size:14px;color:#5d6d81;line-height:1.8}.fg-process{padding-block:86px}.fg-process-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:33px}.fg-process h2{font-size:53px;letter-spacing:-.055em;font-weight:600}.fg-process-head p{color:var(--muted);font-size:15px;line-height:1.85}.fg-bottom-note{margin-top:27px;font-size:12px;color:var(--muted)}
@media(max-width:1000px){.fg-title-row{gap:40px;grid-template-columns:1.3fr .8fr}.fg-title-row h1{font-size:100px}.fg-reel{gap:28px;padding:23px}.fg-reel-copy{padding-right:10px}.fg-craft-head,.fg-output,.fg-service-grid{gap:45px}.fg-explore{grid-template-columns:1fr 1fr}.fg-explore-copy{padding:28px}.fg-service-grid h2{font-size:45px}}
@media(max-width:720px){.fg-intro{padding-block:38px 32px}.fg-intro>.eyebrow{font-size:9px;margin-bottom:23px}.fg-title-row{grid-template-columns:1fr;gap:26px}.fg-title-row h1{font-size:clamp(68px,18vw,108px);letter-spacing:-.075em}.fg-title-row .body-copy{font-size:15px;max-width:430px}.fg-intro .actions{margin-top:25px}.fg-intro .fine{font-size:10px}.fg-reel{grid-template-columns:1fr;padding:15px;gap:23px}.fg-reel-copy{padding:3px 8px 13px}.fg-reel-copy h2{font-size:35px;margin:17px 0}.fg-reel-copy>p:not(.eyebrow){font-size:14px}.fg-craft-list{margin-top:23px;font-size:9px}.fg-section{padding-block:57px}.fg-craft-head{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.fg-section h2{font-size:39px}.fg-craft-head p{font-size:15px}.fg-explore{grid-template-columns:1fr}.fg-viewport canvas{height:320px}.fg-explore-copy{padding:27px}.fg-explore-copy h3{font-size:28px}.fg-source{font-size:9px}.fg-output{grid-template-columns:1fr;gap:25px;margin-top:42px}.fg-output h3{font-size:30px}.fg-output p{font-size:14px}.fg-output video{width:100%;max-width:100%}.fg-services{padding-block:52px}.fg-service-grid{grid-template-columns:1fr;gap:28px}.fg-service-grid h2{font-size:41px}.fg-service-row{padding-block:22px;grid-template-columns:30px 1fr}.fg-service-row h3{font-size:23px}.fg-process{padding-block:55px}.fg-process-head{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.fg-process h2{font-size:39px}.fg-bottom-note{font-size:11px}}

.film-shell{position:relative;aspect-ratio:16/9;background:#101315;overflow:hidden;border:1px solid #ffffff25}.film-shell video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;margin:0;background:#101315}.film-caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:12px;font-size:11px;line-height:1.7;color:var(--muted,#939c95)}.film-caption a{flex-shrink:0;text-underline-offset:3px}.film-credits{padding-block:0 35px}.film-credits details{border-top:1px solid var(--line)}.film-credits summary{padding-block:15px;font-size:12px;cursor:pointer}.film-credits p{font-size:12px;line-height:1.85;color:var(--muted);max-width:900px;margin:0 0 12px}.film-credits a{text-decoration:underline;text-underline-offset:3px}.media-status:empty{display:none}
@media(max-width:600px){.film-caption{font-size:10px;gap:12px}.film-credits{padding-bottom:25px}}

.fg-hero-new{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end}.fg-hero-new h1{font-size:clamp(72px,9.3vw,125px);line-height:.91;letter-spacing:-.075em;font-weight:700;max-width:800px}.fg-hero-new h1 span{color:#2e54e4}.fg-hero-new>div>p{max-width:490px;font-size:17px;line-height:1.85;color:var(--muted)}.fg-hero-new .actions{margin-top:27px;gap:18px}.fg-hero-new .button{font-size:12px;padding-inline:20px}.fg-hero-new .textlink{font-size:12px}.fg-intro{padding-bottom:48px}.fg-showreel{padding-bottom:25px}.fg-showreel .film-shell{background:#020506;border-color:#cdd3cc}.fg-science{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;padding-block:82px}.fg-science h2,.fg-story-grid h2{font-size:clamp(39px,4vw,59px);line-height:1.02;letter-spacing:-.045em;margin:23px 0}.fg-science p,.fg-story-grid p{font-size:15px;line-height:1.9;color:var(--muted);max-width:490px}.fg-science .fine{font-size:11px;margin-top:20px}.fg-case-film{padding-bottom:70px}.fg-case-film details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fg-case-film summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:15px;font-weight:600;cursor:pointer}.fg-case-film summary svg{width:20px;height:20px}.fg-case-film video{display:block;width:min(100%,710px);margin:0 auto 22px;aspect-ratio:1}.fg-case-film p{max-width:710px;margin:0 auto 25px}.fg-story-band{background:#e9edf4;padding-block:75px}.fg-story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.fg-story-grid img{display:block;width:100%;height:auto;border:1px solid #c4cbd5}.fg-story-grid figcaption{font-size:10px;color:#68717d;margin-top:11px}.fg-story-grid .textlink{margin-top:25px}.film-credits{padding-top:0}
@media(max-width:900px){.fg-hero-new{grid-template-columns:1fr;gap:28px}.fg-hero-new>div>p{max-width:650px}.fg-science,.fg-story-grid{gap:38px}.fg-hero-new h1{font-size:clamp(80px,13vw,125px)}}@media(max-width:650px){.fg-intro{padding-bottom:32px}.fg-hero-new h1{font-size:clamp(55px,14.8vw,90px)}.fg-hero-new>div>p{font-size:15px}.fg-hero-new .actions{gap:19px}.fg-hero-new .button{font-size:12px}.fg-science,.fg-story-grid{grid-template-columns:1fr;gap:27px;padding-block:52px}.fg-science h2,.fg-story-grid h2{font-size:40px}.fg-story-grid{padding-block:0}.fg-story-band{padding-block:52px}.fg-case-film{padding-bottom:45px}.fg-case-film summary{font-size:13px}}


.film-note{display:flex;flex-direction:column;gap:4px;min-width:0}.film-note a{align-self:flex-start}
/* The preview is one accessible play target; its icon stays centered. */
.film-shell>.film-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;box-shadow:none;z-index:2}
.film-shell>.film-play svg{display:block;box-sizing:border-box;width:76px;height:76px;max-width:none;padding:23px;border:2px solid #ffffffe0;border-radius:50%;background:#11261fda;color:#fff;box-shadow:0 5px 28px #0004;transition:background .15s ease,transform .15s ease}
.film-shell>.film-play span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.film-shell>.film-play:hover{background:transparent}.film-shell>.film-play:hover svg{background:#1b4636;transform:scale(1.05)}
.film-shell>.film-play:focus-visible{outline:3px solid #f4cb7d;outline-offset:-5px}.film-shell>.film-play:focus-visible svg{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 9px #10271f}.film-shell>.film-play[hidden]{display:none}
@media(max-width:600px){.film-shell>.film-play svg{width:62px;height:62px;padding:18px}}
@media(prefers-reduced-motion:reduce){.film-shell>.film-play svg{transition:none}.film-shell>.film-play:hover svg{transform:none}}

.fg-case-film .film-shell{width:min(100%,710px);aspect-ratio:1;margin:0 auto 22px}.fg-case-film .film-shell video{width:100%;height:100%;margin:0;aspect-ratio:1;object-fit:contain}

/* Disclosure controls: stable end-aligned indicators and comfortable touch spacing. */
.film-credits details+details{margin-top:14px}.film-credits summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;min-height:56px;padding:18px 0;line-height:1.5}.film-credits summary::-webkit-details-marker{display:none}.film-credits summary::after{content:'';display:block;flex:0 0 8px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 5px 5px 12px}.film-credits details[open]>summary::after{transform:rotate(225deg);margin-top:5px;margin-bottom:0}.film-credits details[open]>summary{padding-bottom:22px}.film-credits p{margin:0 0 18px;line-height:1.9}.film-credits{padding-top:24px;padding-bottom:48px}.faq summary{gap:28px;line-height:1.45;padding-block:24px}.faq summary::after{flex:0 0 20px;text-align:center;margin-left:12px}.faq details[open] p{padding-bottom:26px}.film-caption{margin-top:16px;line-height:1.8}.section-label{margin-bottom:40px}.footer-row{row-gap:24px}.footer-row>div{row-gap:14px}
@media(max-width:720px){.film-credits{padding-top:20px;padding-bottom:36px}.film-credits summary{gap:22px;padding-block:19px;font-size:13px}.film-credits details+details{margin-top:10px}.film-credits p{font-size:12px}.faq summary{gap:22px;padding-block:22px}.film-caption{margin-top:14px}.section-label{margin-bottom:30px}}

.fg-case-film summary{list-style:none;gap:28px;min-height:68px}.fg-case-film summary::-webkit-details-marker{display:none}.fg-case-film summary svg{flex:0 0 20px;margin-left:16px}.fg-case-film details[open]>summary{padding-bottom:30px}.fg-source{margin-top:24px}.fg-process-head{margin-bottom:40px}.fg-science{row-gap:34px}
@media(max-width:720px){.fg-case-film summary{gap:22px;line-height:1.5;min-height:76px}.fg-case-film summary svg{margin-left:10px}.fg-source{margin-top:21px}.fg-process-head{margin-bottom:30px}}

summary>.disclosure-label{min-width:0;line-height:1.5}

/* Keep the poster and a readable state visible while media starts. */
.film-shell>.film-play.is-loading{pointer-events:none}
.film-shell>.film-play.is-loading svg{border-top-color:transparent;animation:film-loading-spin .9s linear infinite}
.film-shell>.film-play.is-loading svg path{opacity:0}
.film-shell>.film-play.is-loading span{position:absolute;top:calc(50% + 48px);left:10%;width:80%;height:auto;margin:0;padding:5px 9px;clip-path:none;overflow:visible;white-space:normal;text-align:center;font-size:14px;color:white;background:#14221ee6;border-radius:5px}
@keyframes film-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.film-shell>.film-play.is-loading svg{animation:none}}

/* Complete-film portfolio */
.fg-launch{padding-block:68px 54px}.fg-launch>.eyebrow{margin-bottom:29px}.fg-launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.fg-launch h1{font-size:clamp(66px,8.6vw,124px);line-height:.98;font-weight:450;letter-spacing:-.065em}.fg-launch h1 span{color:#688273}.fg-launch-grid>div>p{font-size:20px;line-height:1.75;max-width:510px;margin:0 0 30px}.fg-studio-reel figure{margin:0}.fg-film-meta{display:flex;gap:20px;justify-content:space-between;padding-top:17px;font:12px/1.65 var(--mono);color:#5d6b60}.fg-work-head{padding-block:104px 42px}.fg-work-head h2,.fg-collection-head h2,.fg-study h2,.fg-commission h2{font-size:clamp(37px,4.6vw,63px);line-height:1.08;font-weight:450;letter-spacing:-.045em;margin:0 0 24px}.fg-work-head>p:last-child{max-width:600px;font-size:19px;line-height:1.75}.fg-feature-doc{background:#0f1918;color:#edf1e7;padding-block:55px 48px}.fg-feature-doc-heading{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end;margin-bottom:38px}.fg-feature-doc h2{font-size:clamp(38px,5vw,69px);font-weight:450;line-height:1.06;letter-spacing:-.045em;margin:0}.fg-feature-doc-heading>p{font-size:18px;line-height:1.8;color:#bdcbc0;margin:0}.fg-feature-doc .fg-film-meta{color:#b7c7bd}.fg-film-collection{padding-block:94px 77px}.fg-collection-head{display:grid;grid-template-columns:1fr .75fr;column-gap:90px;align-items:end;margin-bottom:38px}.fg-collection-head>.eyebrow{grid-column:1/-1}.fg-collection-head>p:last-child{font-size:18px;line-height:1.8;max-width:430px;margin:0 0 24px}.fg-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.fg-film-grid article{min-width:0}.fg-film-grid h3{font-size:25px;font-weight:500;letter-spacing:-.025em;margin:23px 0 10px}.fg-film-grid p{font-size:16px;line-height:1.75;margin:0 0 17px;color:#607167}.fg-whole-film{font:11px/1.6 var(--mono);color:#576a5e}.fg-study{display:grid;grid-template-columns:.75fr 1.3fr;gap:75px;align-items:center;padding-block:70px;border-top:1px solid #ccd4c9}.fg-study figure{margin:0;min-width:0}.fg-study-copy>p:not(.eyebrow):not(.fg-whole-film){font-size:18px;line-height:1.85;margin:0 0 25px;color:#5f7267}.fg-product-study{grid-template-columns:1fr 1fr;gap:88px}.fg-product-study figure{max-width:540px}.fg-product-study .square-film video{aspect-ratio:1;object-fit:contain}.fg-product-study .fg-whole-film{margin-bottom:28px}.fg-commission{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:86px;border-top:1px solid #cbd3c8}.fg-commission>div>p:not(.eyebrow){font-size:18px;line-height:1.85;margin:0 0 28px}.fg-feature-doc .film-shell{border-color:#40534a}.framedge .film-shell video{display:block;width:100%;height:auto}.framedge .film-credits summary{display:flex;align-items:center;gap:24px;padding-block:22px}.framedge .film-credits p{line-height:1.8}.framedge .film-credits{padding-bottom:55px}
@media(max-width:1000px){.fg-launch-grid,.fg-feature-doc-heading,.fg-collection-head,.fg-study,.fg-product-study,.fg-commission{gap:40px}}
@media(max-width:700px){.fg-launch{padding-block:42px 35px}.fg-launch-grid,.fg-feature-doc-heading,.fg-collection-head,.fg-study,.fg-product-study,.fg-commission{grid-template-columns:1fr;gap:25px}.fg-launch h1{font-size:68px}.fg-launch-grid>div>p{font-size:18px}.fg-work-head{padding-block:63px 25px}.fg-feature-doc{padding-block:36px}.fg-feature-doc-heading{margin-bottom:27px}.fg-feature-doc-heading>p{font-size:16px}.fg-film-meta{flex-direction:column;gap:5px;font-size:10px}.fg-film-collection{padding-block:61px 47px}.fg-collection-head{gap:12px;margin-bottom:25px}.fg-collection-head h2{margin-bottom:0}.fg-collection-head>p:last-child{margin-bottom:0;font-size:16px}.fg-film-grid{grid-template-columns:1fr;gap:36px}.fg-film-grid h3{margin-top:18px}.fg-study{padding-block:44px}.fg-study h2,.fg-commission h2{font-size:37px}.fg-study-copy>p:not(.eyebrow):not(.fg-whole-film){font-size:16px}.fg-product-study figure{order:2}.fg-product-study .fg-study-copy{order:1}.fg-commission{padding-block:55px}.fg-film-meta span{max-width:100%}}

.framedge .film-shell.square-film{aspect-ratio:1}.fg-film-meta,.fg-whole-film{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.fg-company-vision{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:90px 35px}.fg-company-vision h2{font-size:clamp(35px,4vw,56px);line-height:1.1;font-weight:450;letter-spacing:-.04em;margin:0 0 25px}.fg-company-vision>div>p:last-child{font-size:18px;color:var(--muted);line-height:1.8}.fg-vision-roles article{padding:24px 0;border-top:1px solid var(--line)}.fg-vision-roles span{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:var(--muted)}.fg-vision-roles h3{font-size:23px;font-weight:450;margin:14px 0}.fg-vision-roles p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.fg-launch h1{font-size:clamp(49px,6.2vw,89px)}@media(max-width:700px){.fg-company-vision{grid-template-columns:1fr;gap:30px;padding-block:60px 10px}.fg-launch h1{font-size:clamp(43px,11.7vw,68px)}}

.fg-film-grid .film-shell>.film-play{place-items:end;padding:14px}
.fg-film-grid .film-shell>.film-play svg{width:54px;height:54px;padding:15px}
@media(max-width:700px){
  .fg-film-grid .film-shell>.film-play{padding:10px}
  .fg-film-grid .film-shell>.film-play svg{width:46px;height:46px;padding:12px}
}
/* Preserve the desktop links and expose the same destinations on phones. */
.mobile-nav { display: none; position: relative; }
.mobile-nav summary { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border: 1px solid var(--line, #c8cac7); cursor: pointer; }
.mobile-nav summary::after { content: '+'; margin-left: 12px; }
.mobile-nav[open] summary::after { content: '−'; }
.mobile-nav nav { position: absolute; z-index: 5; top: calc(100% + 8px); right: 0; width: 190px; padding: 5px 12px; background: var(--paper, #f6f7f5); color: var(--ink, #172019); border: 1px solid var(--line, #c8cac7); box-shadow: 0 9px 25px #0002; }
.mobile-nav nav a { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; text-decoration: none; }
@media(max-width:720px) { .navlinks { display: none; } .mobile-nav { display: block; } }

/* Keep the film title and watch affordance visible before playback. */
.fg-gallery-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 40px;
  padding-block: 30px 34px;
  border-top: 1px solid #ccd4c9;
}
.fg-gallery-head h2,
.fg-gallery-group h2 {
  margin: 0;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.1;
  letter-spacing: -.045em;
  font-weight: 500;
}
.fg-gallery-head nav { display: flex; flex-wrap: wrap; gap: 0 22px; }
.fg-gallery-head nav a,
.fg-gallery-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; text-underline-offset: 4px; }
.fg-gallery-feature .fg-feature-doc-heading > p { max-width: 46ch; }
.fg-gallery-feature .fg-film-meta { justify-content: flex-start; flex-wrap: wrap; gap: 0 24px; }
.fg-gallery-group { padding-block: clamp(40px, 5vw, 76px); border-bottom: 1px solid #ccd4c9; }
.fg-gallery-group h2 { margin-bottom: 30px; }
.fg-gallery-group .fg-film-grid article { display: flex; flex-direction: column; align-items: flex-start; }
.fg-gallery-group .fg-film-grid h3 { margin: 0 0 4px; line-height: 1.18; }
.fg-gallery-group .fg-film-grid .fg-card-format { margin: 0 0 14px; font-size: 12px; }
.fg-gallery-group .fg-film-grid .film-shell { width: 100%; margin-bottom: 16px; }
.fg-gallery-group .film-shell video { object-fit: contain; }
.fg-gallery-group .film-shell.square-film { aspect-ratio: 16 / 9; }
.fg-gallery-group .film-shell.square-film video { height: 100%; }
.fg-gallery-group .fg-film-grid article > p:last-of-type { margin-bottom: 5px; }
.fg-gallery-group .fg-gallery-link { margin-top: auto; }
.fg-gallery-group .fg-gallery-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fg-gallery-group + .fg-studio-reel { padding-top: clamp(48px, 7vw, 94px); }

.fg-gallery-feature .film-shell > .film-play,
.fg-gallery-group .film-shell > .film-play { place-items: end start; padding: 14px; }
.fg-gallery-feature .film-play svg,
.fg-gallery-group .film-play svg { display: none; }
.fg-gallery-feature .film-shell > .film-play span,
.fg-gallery-group .film-shell > .film-play span {
  position: static;
  display: inline-flex;
  width: auto;
  height: auto;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 14px;
  clip-path: none;
  border: 1px solid #ffffff75;
  border-radius: 3px;
  background: #0f1918;
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
}
.fg-gallery-feature .film-play span::before,
.fg-gallery-group .film-play span::before {
  content: '';
  width: 8px;
  height: 10px;
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.fg-gallery-feature .film-play:hover span,
.fg-gallery-group .film-play:hover span,
.fg-gallery-feature .film-play:focus-visible span,
.fg-gallery-group .film-play:focus-visible span { background: #2c5145; }
.fg-launch button.textlink { background: none; border: 0; padding-inline: 0; color: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 850px) {
  .fg-gallery-group .fg-gallery-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .fg-gallery-head { gap: 10px; padding-block: 24px; }
  .fg-gallery-head nav { gap: 0 14px; }
  .fg-gallery-head nav a { font-size: 13px; }
  .fg-gallery-group .fg-gallery-three { grid-template-columns: 1fr; }
  .fg-gallery-feature .film-shell > .film-play,
  .fg-gallery-group .film-shell > .film-play { padding: 9px; }
}
