:root{--blue:#3a4a99;--green:#a2c617;--off-white:#f3f1eb;--black:#0c0d10;--gutter:5vw}body{font-weight:400}button,input,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:12px;z-index:110;background:var(--green);color:#101f57;padding:14px;transform:translateY(-180%)}.skip-link:focus{transform:none}body.overlay-open{overflow:hidden}.site-header{height:82px;position:fixed;inset:0 0 auto;padding:18px 4%;background:#3a4a99f2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff20;z-index:40}.wordmark{display:block;width:168px;letter-spacing:0;line-height:1}.wordmark img{display:block;width:100%;height:auto;object-fit:contain}#menu{font-size:13px;letter-spacing:.04em;min-height:44px}#nav{z-index:10;background:var(--blue);padding:100px 7% 35px;gap:3px;overflow:auto}#nav a{font-size:clamp(30px,5.6vw,74px);line-height:1.05;padding:10px 0;max-width:1100px;width:100%}#nav a:nth-last-child(1){color:var(--green)}#menu,.wordmark{position:relative;z-index:11}.hero{padding-top:112px}.brand{width:min(800px,90%);margin:48px auto 38px;padding:0;background:var(--blue)}.brand img{aspect-ratio:804/174;object-fit:contain}#filter-status{margin:0}#trabalhos .film:focus-visible{outline-offset:7px}#trabalhos .caption h3{font-weight:400}.clients{background:var(--black);color:white;padding:94px var(--gutter) 70px}.clients-head{text-align:center}.clients-head .eyebrow{font-size:10px;color:#a2c617;letter-spacing:.14em;opacity:1}.clients h2{font-size:clamp(34px,4.2vw,62px);line-height:1.08;margin:24px 0 20px}.clients-head>p{font-size:13px;color:#989aa3;line-height:1.6}.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:36px;margin-top:45px}.client-grid>div{display:flex;align-items:center;justify-content:center;height:110px}.client-grid img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.72;transition:opacity .3s}.client-grid img:hover{opacity:1}.frame-editorial{background:var(--black);padding:40px 0 48px}.frames-head{padding:0 var(--gutter) 42px;display:flex;justify-content:space-between;gap:35px;align-items:end}.frames-head h2{font-size:clamp(45px,5.6vw,83px);line-height:1.02;margin:23px 0 0}.frames-head .eyebrow{color:#c3c5cd;letter-spacing:.13em;font-size:10px}.frames-aside p{font-size:14px;line-height:1.6;color:#b6b7be;margin:0}.rail-controls{display:flex;gap:10px;align-items:center;margin-top:28px}.rail-controls>span{font-size:10px;letter-spacing:.09em;min-width:130px}.rail-controls button{width:44px;height:42px;border:1px solid #ffffff60;background:none;color:white;font-size:20px;transition:border-color .2s,color .2s}.rail-controls button:hover:not(:disabled){color:var(--green);border-color:var(--green)}.rail-controls button:disabled{opacity:.25;cursor:default}.frame-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.frame-rail::-webkit-scrollbar{display:none}.frame-panel{position:relative;display:block;padding:0;border:0;flex:0 0 calc(100% / 3);aspect-ratio:3/4;overflow:hidden;background:#17181e;scroll-snap-align:start;color:white}.frame-panel>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .5s}.frame-panel:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.frame-panel:hover>img{transform:scale(1.035)}.frame-caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-align:left}.frame-caption>span:last-child{font-size:27px;letter-spacing:0}.frame-note{padding:22px var(--gutter) 0;margin:0;font-size:8px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:25px;color:#a4a6b1}.process{background:var(--black);padding:80px var(--gutter) 105px;border-top:1px solid #ffffff25}.process-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start}.process-intro>.eyebrow{font-size:10px;color:var(--green);letter-spacing:.12em;padding-top:10px;line-height:1.8;opacity:1}.process-intro h2{font-size:clamp(40px,4.5vw,65px);line-height:1.06;margin:0}.process-intro>p{margin:4px 0 0;font-size:14px;line-height:1.7;color:#b8b9c3}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:64px}.process-steps article{border-top:1px solid #ffffff48;padding-top:22px}.process-steps article>span{font-size:9px;letter-spacing:.11em;color:#b8b9c3}.process-steps h3{font-size:30px;font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:30px 0 20px}.process-steps p{font-size:14px;line-height:1.8;color:#b8b9c3;max-width:340px;margin:0}.founder-photo{margin:0 0 38px}.founder-photo>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.founder-photo figcaption{font-size:8px;letter-spacing:.08em;margin-top:12px;line-height:1.5}.about{align-items:center}.about>div:last-child p{font-size:clamp(18px,1.7vw,25px);line-height:1.8}.about h2{font-size:clamp(34px,4.6vw,66px);line-height:1.04}.about>div>span:last-child{font-size:12px}.contact-form-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start;padding:100px var(--gutter);border:0;background:var(--blue)}.contact-heading .eyebrow{font-size:10px;letter-spacing:.1em}.contact-heading h2{font-size:clamp(60px,7.4vw,112px);line-height:1.02;margin:38px 0 30px;letter-spacing:-.065em}.contact-heading h2 em{font-style:normal;color:var(--green)}.contact-heading>p{font-size:16px;line-height:1.7;max-width:380px;margin:0;color:#e0e3f2}.contact-direct{margin-top:40px;max-width:380px;display:grid;gap:20px}.contact-direct a{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;font-size:11px;border-bottom:1px solid #ffffff65;padding-bottom:12px;color:#dce1ff}.contact-direct a span{color:white}.contact-direct a:hover span{color:var(--green)}.contact-signature{display:block;font-size:9px;letter-spacing:.1em;margin-top:48px;color:#c0c9f3}.brief-form{background:transparent;padding-top:12px;min-width:0}.form-kicker{display:block;font-size:10px;letter-spacing:.12em;padding-bottom:28px;border-bottom:1px solid #ffffff50;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brief-form label{display:block;font-size:12px;line-height:1.5;min-width:0;margin-bottom:25px}.brief-form input:not([type=checkbox]),.brief-form textarea{display:block;width:100%;min-width:0;max-width:100%;background:#ffffff08;color:white;border:0;border-bottom:1px solid #ffffff70;border-radius:0;padding:12px 0;font-size:14px;line-height:1.6;outline-offset:4px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#bfc7e9;opacity:1}.brief-form input:focus,.brief-form textarea:focus{background:#ffffff0a;outline:0;border-bottom:1px solid var(--green)}.brief-form input[type=date]{color-scheme:dark;min-height:48px}.brief-form textarea{resize:vertical;min-height:125px}.optional{font-size:9px;color:#c3ccec;margin-left:5px}.brief-form fieldset{margin:0 0 30px;padding:0;border:0;min-width:0}.brief-form legend{font-size:12px;margin-bottom:15px}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.service-options label{display:flex;gap:10px;align-items:start;font-size:12px;cursor:pointer;margin:0}.service-options input{accent-color:var(--green);margin:3px 0 0;width:15px;height:15px;flex-shrink:0}.brief-submit{width:100%;border:1px solid #ffffff90;border-radius:0;padding:18px 20px;color:white;background:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:background .25s,border-color .25s}.brief-submit span{font-size:24px;line-height:1}.brief-submit:hover{background:#ffffff0c;border-color:var(--green);color:var(--green)}.brief-form .form-note{font-size:10px;line-height:1.7;color:#c6cfee;margin:16px 0 0}.brief-form .form-error{font-size:12px;line-height:1.6;color:#fff0b5;margin:0 0 16px}#form-status{font-size:12px;line-height:1.7;margin-top:16px}#form-status a{text-decoration:underline}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:var(--black);padding:14px 25px;z-index:3;border-bottom:1px solid #ffffff25}.player-toolbar>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}dialog#player{width:min(1100px,calc(100vw - 40px));max-height:calc(100svh - 40px);padding:0;border:0;overscroll-behavior:contain;overflow:auto;background:var(--black)}dialog::backdrop{background:#040612e6;backdrop-filter:blur(8px)}dialog #close{display:flex;align-items:center;gap:14px;padding:6px 0;float:none;font-size:12px}#close span{font-size:26px;line-height:1}#embed{aspect-ratio:16/9;width:100%;background:#050505}#embed iframe{display:block;width:100%;height:100%;border:0}.player-copy{padding:32px}.player-copy>.eyebrow{font-size:9px;color:#b9bcca;letter-spacing:.1em;margin:0}#filmTitle{font-size:clamp(27px,4vw,50px);line-height:1.08;margin:18px 0;letter-spacing:-.04em}#film-description{font-size:14px;line-height:1.8;max-width:780px;color:#bfc1cd;margin:0 0 20px}dialog #external{font-size:12px;border-bottom:1px solid #ffffff70;padding:7px 0;display:inline-block}.project-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 28px;border-top:1px solid #ffffff30}.project-navigation button{padding:9px 0;float:none;font-size:12px}.project-navigation button:hover{color:var(--green)}#project-counter{font-size:10px;color:#bfc1cd;white-space:nowrap}#frame-viewer{margin:0;padding:0;border:0;background:#07080d;color:white;width:100vw;height:100svh;max-width:100vw;max-height:100svh;overflow:hidden}.viewer-toolbar{height:66px;display:flex;justify-content:space-between;align-items:center;padding:12px 28px;font-size:11px}#close-frame{float:none;font-size:12px;padding:8px}.viewer-stage{height:calc(100svh - 120px);display:flex;align-items:center;gap:16px;padding:0 20px}.viewer-stage>img{display:block;flex:1;min-width:0;width:calc(100% - 128px);height:100%;object-fit:contain}.viewer-stage button{float:none;width:44px;height:44px;flex:0 0 44px;border:1px solid #ffffff60;font-size:20px;padding:0;display:grid;place-items:center}#frame-description{text-align:center;margin:16px 15px;font-size:11px;color:#d0d2dd}footer{gap:25px;line-height:1.7}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline-offset:5px}
@media(max-width:1000px){.process-intro{grid-template-columns:1fr 2fr}.process-intro>p{grid-column:2}.process-steps{gap:28px}.contact-form-section{gap:5vw}.client-grid{gap:20px}.frames-aside p{font-size:12px}.about{gap:5vw}}
@media(max-width:650px){:root{--gutter:5%}.site-header{height:72px;padding:12px 5%}.wordmark{width:148px}.hero{padding-top:94px}#nav{padding:90px 7% 35px;justify-content:center;gap:6px}#nav a{font-size:clamp(30px,8.4vw,43px);padding:14px 0}.brand{width:100%;margin:32px auto 30px}.clients{padding:62px 5% 42px}.clients h2{font-size:35px;margin:22px 0 18px}.clients-head>p{font-size:12px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin-top:30px}.client-grid>div{height:66px}.client-grid>div:nth-last-child(2){grid-column:1/2}.client-grid img{opacity:.9}.frame-editorial{padding:35px 0 30px}.frames-head{display:block;padding:0 5% 28px}.frames-head h2{font-size:45px;margin-top:20px}.frames-aside{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:25px}.frames-aside p{font-size:12px;max-width:210px}.frames-aside p br{display:none}.rail-controls{gap:8px;margin-top:0;flex-wrap:wrap;justify-content:end;max-width:110px;flex-shrink:0}.rail-controls>span{width:100%;min-width:0;text-align:right;font-size:9px;margin-bottom:4px}.rail-controls button{width:40px;height:40px}.frame-panel{flex-basis:80%;aspect-ratio:3/4;scroll-snap-align:center}.frame-rail{scroll-padding-inline:10%;padding:0 10%;gap:12px}.frame-caption{bottom:20px;left:18px;right:18px;font-size:9px}.frame-note{padding:18px 5% 0;font-size:8px;display:block;line-height:1.8}.frame-note span{display:block;font-size:7px;letter-spacing:.04em;margin-top:7px}.process{padding:55px 5% 65px}.process-intro{display:block}.process-intro h2{font-size:40px;margin-top:23px}.process-intro>p{font-size:14px;max-width:300px;margin-top:24px}.process-steps{grid-template-columns:1fr;gap:28px;margin-top:36px}.process-steps article{padding-top:18px}.process-steps h3{font-size:28px;margin:22px 0 15px}.process-steps h3 br{display:none}.process-steps p{max-width:none;font-size:14px}.process-steps article>span{font-size:9px}.about{gap:28px}.founder-photo{margin-bottom:30px}.about h2{font-size:43px}.founder-photo figcaption{font-size:7px}.about>div:last-child p{font-size:18px}.contact-form-section{grid-template-columns:1fr;padding:65px 5%;gap:45px}.contact-heading h2{font-size:72px;margin:30px 0 25px}.contact-heading>p{font-size:15px;max-width:330px}.contact-direct{margin-top:28px;gap:18px}.contact-signature{margin-top:28px;font-size:8px}.brief-form{padding:0}.form-kicker{font-size:9px;padding-bottom:22px;margin-bottom:26px}.form-row{grid-template-columns:1fr 1fr;gap:18px}.brief-form label{font-size:11px;margin-bottom:24px}.brief-form input:not([type=checkbox]),.brief-form textarea{font-size:16px;line-height:1.6}.brief-form input::placeholder,.brief-form textarea::placeholder{font-size:12px}.service-options{gap:14px}.service-options label{font-size:11px}.service-options input{width:16px;height:16px;margin-top:1px}.brief-submit{padding:17px;font-size:13px}.brief-form .form-note{font-size:10px}.player-toolbar{padding:12px 18px}.player-toolbar>span{font-size:9px}.player-copy{padding:24px 18px}dialog#player{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}.project-navigation{padding:15px 18px;gap:10px}.project-navigation button{font-size:10px}#project-counter{font-size:9px}#film-description{font-size:13px}.viewer-toolbar{padding:12px 15px}.viewer-stage{gap:5px;padding:0 7px}.viewer-stage button{width:32px;flex-basis:32px;height:40px;font-size:18px}#frame-description{font-size:10px}.ticker{padding:25px 0}.frame-panel:focus-visible{outline-offset:-5px}}
@media(max-width:360px){.form-row{grid-template-columns:1fr;gap:0}.service-options{grid-template-columns:1fr}.frames-aside{display:block}.rail-controls{margin-top:20px;justify-content:start;max-width:none}.rail-controls>span{width:auto;min-width:120px;text-align:left;margin:0}.contact-heading h2{font-size:62px}.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frame-rail{scroll-behavior:auto}*,*:after,*:before{animation:none!important;transition:none!important}.reveal{opacity:1!important;translate:none!important}}
/* Keep the full-screen navigation anchored to the viewport. */
.site-header{backdrop-filter:none;background:var(--blue)}
.client-grid img{filter:grayscale(1) invert(1) contrast(4)}
#menu{border:0;border-bottom:1px solid #ffffff70;border-radius:0;background:none}
@media(max-width:650px){.form-row{grid-template-columns:1fr;gap:0}}
/* Original film frames, complete and stacked vertically. */
.frame-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:0 var(--gutter);width:100%;}
.frame-stack .frame-panel{display:block;width:100%;aspect-ratio:auto;overflow:visible;background:transparent;scroll-snap-align:none;text-align:left;}
.frame-stack .frame-panel>img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/9;object-fit:contain;transform:none;filter:none;}
.frame-stack .frame-panel:hover>img{transform:none;filter:none;}
.frame-stack .frame-panel:after{display:none;}
.frame-stack .frame-caption{position:static;display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px;letter-spacing:.1em;font-size:9px;}
@media(max-width:650px){.frame-stack{gap:18px;padding:0 5%;}.frame-stack .frame-panel{aspect-ratio:auto;}.frame-stack .frame-caption{padding:9px 0;font-size:8px;}.frame-stack .frame-caption>span:last-child{font-size:22px;}}
/* Continuous complete frames, with no gaps or visual labels. */
.frame-stack{gap:0;padding:0;}
.frame-stack .frame-panel{margin:0;padding:0;border:0;line-height:0;}
.frame-stack .frame-panel>img{margin:0;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;}
.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 40px;}
.client-grid .client-native img{filter:none;mix-blend-mode:normal;opacity:.82;max-width:88%;height:70px;}
.client-grid .client-native img:hover{opacity:1;}
@media(max-width:650px){.frame-stack{gap:0;padding:0;}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;}.client-grid .client-native img{height:50px;max-width:94%;}}