:root{color-scheme:dark;--bg:#090909;--fg:#f3f3f1;--muted:#aaa;--line:#343434;--surface:#141414;--font:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid white;outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid white;outline-offset:3px}::selection{background:#eee;color:#111}p,h1,h2,h3{margin:0}svg{display:block;fill:currentColor}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-weight:750;letter-spacing:-.055em;line-height:.98}button{background:none}small{display:block}dialog:not([open]){display:none}dialog{color:var(--fg)}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.section{padding-block:110px;border-bottom:1px solid var(--line)}.section-kicker{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:.8125rem;letter-spacing:.03em;line-height:1.4;margin-bottom:58px;color:#b4b4b4}.eyebrow{font-family:var(--mono);font-size:.8125rem;letter-spacing:.035em;line-height:1.5}.section-title{font-size:clamp(2.75rem,5.4vw,5.5rem)}.medium-title{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.05}.large-title{font-size:clamp(3.7rem,6.7vw,7rem)}.centered{text-align:center}.skip-link{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-150%);padding:12px;background:white;color:black}.skip-link:focus{transform:translateY(0)}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 36px;background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid #292929}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.wordmark{font-weight:900;letter-spacing:-.075em;font-size:1.9rem;line-height:1.05}.brand img{width:180px;max-height:50px;object-fit:contain}.draft-badge{font-family:var(--mono);font-size:.75rem;padding:4px 6px;border:1px solid #525252;white-space:nowrap;letter-spacing:.03em}.header-location{font-family:var(--mono);font-size:.8125rem;white-space:nowrap;color:#bababa}.nav-links{display:flex;align-items:center;gap:24px;font-size:.875rem}.nav-links a{transition:color .18s;padding:8px 0;white-space:nowrap}.nav-links a:hover{color:#bdbdbd}.menu-toggle{display:none;font-size:.875rem;padding:10px 0}
.hero{position:relative;min-height:760px;min-height:calc(100svh - 88px);overflow:hidden;isolation:isolate}.hero-panels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#252525;z-index:-1}.hero-panels>div{background:#101010;position:relative}.hero-panels>div:nth-child(2){background:#151515}.hero-panels>div:nth-child(3){background:#111}.hero-panels span{position:absolute;right:22px;top:35%;font:normal 14rem/1 var(--font);font-weight:700;letter-spacing:-.07em;color:#202020}.hero-panels>div:nth-child(2) span{color:#282828}.hero-content{padding-top:44px;display:flex;flex-direction:column;min-height:inherit}.hero-meta{display:flex;justify-content:space-between;margin-bottom:48px}.hero-meta .eyebrow{color:#d1d1d1}.hero h1{font-size:clamp(4rem,8.95vw,9.2rem);line-height:.92;letter-spacing:-.06em;margin-bottom:44px}.outlined-word{color:transparent;-webkit-text-stroke:1px #c4c4c4}.hero-lower{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:45px}.hero-intro p{font-size:clamp(1rem,1.55vw,1.3rem);line-height:1.4;color:#d5d5d5}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;font-size:.9375rem;line-height:1.3;font-weight:500;border:1px solid #666;transition:background .2s,color .2s,border-color .2s}.button-light{background:var(--fg);color:#101010;border-color:var(--fg)}.button-light:hover{background:#cfcfcf;border-color:#cfcfcf}.button-outline:hover{background:var(--fg);color:#111;border-color:var(--fg)}.film-link{display:flex;text-align:left;align-items:center;gap:17px;padding:10px 0;font-size:1rem}.film-link small{font: .75rem/1.5 var(--mono);color:#aaa;margin-top:6px;letter-spacing:.02em}.play-circle{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #a5a5a5;transition:background .2s,color .2s}.play-circle svg{width:22px;height:22px;margin-left:2px}.play-circle.small{width:48px;height:48px;flex:0 0 48px}.play-circle.small svg{width:18px;height:18px}.film-link:hover .play-circle{background:white;color:#111}.hero-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #464646;padding:19px 0;font: .75rem/1.5 var(--mono);letter-spacing:.02em;color:#bbb}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-panels::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.3)),linear-gradient(0deg,rgba(9,9,9,.8),transparent 65%);pointer-events:none}.hero-video-toggle{padding:3px 0;text-align:left;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-copy p{max-width:450px;font-size:1.125rem;line-height:1.55;color:#c8c8c8;margin-top:30px}.text-link{display:inline-block;font-size:.9375rem;padding-bottom:7px;border-bottom:1px solid #aaa;margin-top:30px}.text-link:hover{border-color:var(--fg);color:#c5c5c5}.media-slot{background:var(--surface);border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#a0a0a0;font: .8125rem/1.5 var(--mono)}.about-slot{aspect-ratio:4/4.2}.slot-corner{position:absolute;left:20px;top:20px;font-size:.75rem;letter-spacing:.06em}.slot-bottom{position:absolute;bottom:20px;left:20px;right:20px;font-size:.75rem;letter-spacing:.03em}.slot-center{display:flex;flex-direction:column;align-items:center;gap:18px}.slot-cross{display:block;font-family:var(--font);font-size:2.5rem;font-weight:300;color:#777;line-height:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading p{color:#bcbcbc;font-size:1.125rem;line-height:1.5;max-width:300px;padding-bottom:5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px}.project-card{display:block;text-align:left;width:100%;padding:0}.project-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#171717;border:1px solid #363636;position:relative;overflow:hidden;transition:background .2s,border-color .2s}.cover-second{background:#121212}.cover-third{background:#181818}.cover-fourth{background:#111}.project-card:hover .project-cover{background:#222;border-color:#777}.project-card:hover .play-circle{background:var(--fg);color:#111}.project-index{position:absolute;left:22px;bottom:10px;font-size:5.5rem;line-height:1;font-weight:700;letter-spacing:-.07em;color:#3d3d3d}.cover-label{position:absolute;top:20px;left:22px;font: .75rem/1.4 var(--mono);letter-spacing:.07em;color:#aaa}.cover-note{position:absolute;bottom:22px;right:22px;font: .75rem/1.4 var(--mono);color:#8e8e8e}.photo-action{font:.75rem/1.4 var(--mono);border:1px solid #696969;padding:11px 16px}.project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 0}.project-info strong{display:block;font-size:1.4375rem;font-weight:500;letter-spacing:-.025em}.project-kind{display:block;font:.75rem/1.5 var(--mono);color:#aaa;margin-top:5px}.project-pending{color:#999;font-size:.8125rem}.brands-section{padding-bottom:70px}.logos-strip{display:flex;gap:0;overflow-x:auto;margin-top:55px;border-block:1px solid var(--line);scrollbar-color:#555 #151515}.logos-strip div{flex:1 0 170px;min-height:110px;display:grid;place-items:center;font-size:1.125rem;font-weight:600;color:#737373;letter-spacing:-.025em;border-right:1px solid #262626}.logos-strip div:last-child{border-right:0}.draft-note{font-size:.8125rem;line-height:1.5;color:#aaa}.brands-section .draft-note{margin-top:18px}
.fronts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:80px}.front-number{display:block;font: .875rem/1 var(--mono);color:#999;border-top:1px solid var(--line);padding-top:24px;margin-bottom:24px}.front-card h3{font-size:clamp(1.75rem,2.5vw,2.7rem);line-height:1.03;letter-spacing:-.05em;min-height:2.1em}.front-brand{display:block;font: .75rem/1.5 var(--mono);letter-spacing:.02em;color:#b8b8b8;margin-top:14px}.front-card{display:flex;flex-direction:column}.front-card p{font-size:1rem;line-height:1.55;margin-top:24px;margin-bottom:32px;color:#bbb}.front-slot{aspect-ratio:4/3;margin-top:auto}.services-section{background:#101010}.services-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:90px}.services-heading{align-self:start;position:sticky;top:128px}.services-heading p{font-size:1rem;color:#bcbcbc;margin-top:30px}.service-list details{border-bottom:1px solid #404040}.service-list details:first-child{border-top:1px solid #404040}.service-list summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:26px 0;color:#b3b3b3}.service-list summary::-webkit-details-marker{display:none}.service-list h3{font-size:clamp(1.5rem,2.6vw,2.75rem);letter-spacing:-.045em;line-height:1.06;flex:1;overflow-wrap:anywhere}.service-number{font:.8125rem/1.4 var(--mono);align-self:flex-start;padding-top:6px;color:#aaa}.expand-icon{font-weight:300;font-size:1.75rem;line-height:1;transition:transform .2s}.service-list details[open] summary{color:var(--fg)}.service-list details[open] .expand-icon{transform:rotate(45deg)}.service-list details p{font-size:1rem;line-height:1.65;color:#c4c4c4;margin:0 35px 28px 38px;max-width:560px}.service-list summary:hover{color:var(--fg)}.process .section-title{font-size:clamp(2.6rem,4.8vw,5rem);line-height:1.02}.process-lead{max-width:560px;font-size:1.125rem;color:#bcbcbc;margin-top:26px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:75px}.process-grid article{border-top:1px solid #777;padding-top:24px}.process-grid article>span{font: .875rem/1.5 var(--mono);color:#aaa}.process-grid h3{font-size:2rem;margin-top:36px}.process-grid p{color:#bbb;font-size:1rem;line-height:1.65;margin-top:22px}
.contact-section{background:#141414;padding-bottom:60px}.contact-title{font-size:clamp(3.4rem,7.5vw,8rem);line-height:.96;letter-spacing:-.055em}.contact-grid{display:grid;grid-template-columns:1fr;gap:85px;margin-top:64px}.contact-copy p{font-size:1.2rem;line-height:1.5;max-width:390px;color:#ccc}.contact-copy .button{margin-top:28px}.contact-caption{display:block;margin-top:58px;font:.8125rem/1.5 var(--mono);letter-spacing:.02em;color:#aaa}.contact-form label{display:flex;flex-direction:column;gap:12px;font-size:.875rem;font-weight:500;line-height:1.4}.contact-form label>span{color:#aaa;font-size:.75rem;margin-top:-9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px;align-items:end}.contact-form input,.contact-form select,.contact-form textarea{border:0;border-bottom:1px solid #666;border-radius:0;width:100%;padding:10px 0 14px;background:transparent;color:var(--fg);font-size:1rem;line-height:1.5;min-width:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa;opacity:1}.contact-form select{padding-right:24px;font-size:.9375rem}.contact-form select option{background:#1b1b1b;color:white}.contact-form textarea{resize:vertical;min-height:112px}.form-end{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:26px}.partnership{display:flex;justify-content:space-between;align-items:center;gap:65px;border-top:1px solid #4e4e4e;margin-top:85px;padding-top:55px;scroll-margin-top:130px}.partnership .eyebrow{color:#aaa}.partnership h3{font-size:clamp(2rem,3vw,3.3rem);line-height:1.04;margin-top:18px}.partnership p{font-size:1rem;line-height:1.55;color:#bbb;max-width:530px;margin-top:22px}.partnership .button{flex-shrink:0}.site-footer{padding-top:75px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:65px}.footer-wordmark{font-size:clamp(2rem,5.6vw,5.9rem);letter-spacing:-.07em}.footer-main img{width:min(480px,100%);max-height:140px;object-fit:contain}.footer-main p{font-size:1rem;color:#c5c5c5}.footer-bottom{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #373737;padding:25px 0 30px;font: .75rem/1.4 var(--mono);color:#aaa;align-items:center}.footer-bottom div{display:flex;gap:24px}.footer-bottom [data-contact]{padding:6px 0;font-family:var(--font);font-size:.875rem;color:#dedede}
.media-dialog,.notice-dialog{padding:32px;border:1px solid #525252;background:#101010;max-height:92svh;overflow:auto}.media-dialog{width:min(1100px,calc(100% - 48px))}.notice-dialog{width:min(650px,calc(100% - 32px))}.media-dialog::backdrop,.notice-dialog::backdrop{background:rgb(0 0 0 / .88)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid #383838}.dialog-top .eyebrow{color:#aaa}.dialog-close{display:flex;align-items:center;gap:18px;font-size:.75rem;padding:8px 0 8px 12px}.dialog-close span{font-size:1.7rem;line-height:1}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:30px}.modal-media{display:flex;align-items:center;justify-content:center}.modal-placeholder{aspect-ratio:9/16;width:min(300px,100%);max-height:65svh;border:1px solid #444;background:#191919;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;font:.8125rem/1.5 var(--mono);color:#bbb;padding:20px}.modal-placeholder small{font-size:.75rem;color:#929292}.modal-media.is-photo .modal-placeholder{aspect-ratio:4/3;width:100%;max-height:none}.modal-copy .eyebrow{color:#999}.modal-copy h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;margin-top:18px;overflow-wrap:anywhere}.modal-copy p{font-size:1.0625rem;line-height:1.6;color:#bbb;margin-top:23px}.modal-delivery{border-top:1px solid #444;margin-top:33px;padding-top:20px}.modal-delivery>span{display:block;font:.75rem/1.5 var(--mono);color:#aaa}.modal-delivery strong{display:block;font-size:1rem;font-weight:400;margin-top:7px}.notice-dialog h2{font-size:2.5rem;line-height:1.1;margin-top:30px}.notice-dialog>p{font-size:1rem;line-height:1.6;color:#c3c3c3;margin-top:22px}.notice-dialog>.button{margin-top:28px}.notice-dialog pre{white-space:pre-wrap;word-break:break-word;font: .875rem/1.7 var(--font);padding:20px;background:#1b1b1b;margin-top:22px;border:1px solid #3a3a3a}
.photo-cover-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.logos-strip div{min-width:0}.logos-strip img{width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}.logos-strip .brand-logo-cacada{width:88%}
.photo-cover-grid img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.photo-cover .photo-action{position:absolute;right:16px;bottom:16px;background:rgb(9 9 9 / .92);color:#fff;border-color:#777}
.project-card:hover .photo-cover .photo-action{background:#f3f3f1;color:#090909}
.photo-gallery{width:100%;min-width:0}
.photo-gallery[hidden],.modal-placeholder[hidden]{display:none}
.gallery-frame{height:min(58svh,600px);min-height:200px;background:#080808}
.gallery-frame img{width:100%;height:100%;object-fit:contain}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.gallery-controls button{font-size:.875rem;min-height:44px;padding:10px 14px;border:1px solid #555}
.gallery-controls button:hover{background:#f3f3f1;color:#090909;border-color:#f3f3f1}
.gallery-controls>span{font:.8125rem/1.4 var(--mono);color:#bbb;white-space:nowrap}
.has-gallery .dialog-layout{align-items:start}
.has-gallery .modal-copy{align-self:center}
@media(max-width:700px){.gallery-frame{height:54svh;min-height:180px}.photo-cover .photo-action{right:10px;bottom:10px;padding:9px 12px}.project-info>span:first-child{min-width:0}.project-info>.project-pending{white-space:nowrap}.project-kind{line-height:1.6}}
.brand img{width:clamp(150px,15vw,190px);height:auto;max-height:none;flex-shrink:0}
.footer-wordmark{display:block;width:min(480px,100%);flex-shrink:0;line-height:1}
.footer-main img{width:100%;height:auto;max-height:none}
.contact-section{position:relative;isolation:isolate;background:#090909;overflow:hidden}
.contact-section::before{content:"";position:absolute;inset:0 0 auto;height:720px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 30%,#090909 100%),url("./assets/fragmento-contact-bg.png") right top / cover no-repeat;opacity:.72}
@media(max-width:700px){.brand img{width:160px}.contact-section::before{height:580px;opacity:.48}}
@media(max-width:420px){.draft-badge{display:none}}
@media(min-width:1600px){.hero-content{padding-top:60px}.hero h1{margin-bottom:60px}.hero-lower{padding-bottom:60px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.site-header{padding:0 30px;gap:20px}.header-location{display:none}.nav-links{gap:22px}.about-grid{gap:60px}.services-grid{gap:55px}.contact-grid{gap:50px}.fronts-grid{gap:25px}.hero-edition{display:none}.hero-lower{gap:22px}.film-link{font-size:.875rem}.film-link small{max-width:170px}}
@media(max-width:900px){.section{padding-block:85px}.section-kicker{margin-bottom:45px}.site-header{height:76px;padding:0 25px}.brand{gap:10px}.wordmark{font-size:1.6rem}.draft-badge{font-size:.75rem}.nav-links{gap:14px;font-size:.8125rem}.hero{min-height:740px;min-height:calc(100svh - 76px)}.hero-content{padding-top:32px}.hero h1{font-size:clamp(4rem,10vw,7rem)}.hero-meta{margin-bottom:40px}.hero-lower{align-items:flex-start;flex-direction:column;gap:25px}.hero-foot{font-size:.75rem}.about-grid{gap:40px}.about-copy p{font-size:1rem}.section-heading p{font-size:1rem}.fronts-grid{gap:22px}.front-card h3{font-size:1.7rem}.front-card p{font-size:1rem}.front-brand{font-size:.75rem}.services-grid{grid-template-columns:1fr;gap:45px}.services-heading{position:static}.services-heading h2{max-width:650px}.services-heading p{margin-top:20px}.service-list h3{font-size:2rem}.process-grid{gap:25px}.process-grid h3{font-size:1.7rem}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-caption{margin-top:26px}.contact-copy p{max-width:570px}.footer-main{align-items:flex-start;flex-direction:column}.footer-wordmark{font-size:4rem}.dialog-layout{gap:30px}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.site-header{height:72px;padding:0 20px}.brand{gap:12px}.wordmark{font-size:1.7rem}.draft-badge{font-size:.75rem}.menu-toggle{display:flex;align-items:center;gap:14px;font-size:.8125rem}.menu-toggle span{font-size:1.5rem;line-height:1;transition:transform .2s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:#0d0d0d;border-bottom:1px solid #555;padding:24px 20px 30px;flex-direction:column;align-items:stretch;gap:0;font-size:1.25rem}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid #292929}.hero{min-height:720px;min-height:calc(100svh - 72px)}.hero-content{padding-top:29px}.hero-panels{grid-template-columns:1fr}.hero-panels>div:not(:first-child){display:none}.hero-panels span{top:30%;font-size:18rem;color:#1c1c1c}.hero-meta{margin-bottom:60px}.hero-meta .eyebrow{font-size:.75rem}.hero h1{font-size:clamp(3rem,10vw,4.4rem);line-height:.97;letter-spacing:-.05em;margin-bottom:30px}.hero-intro p{font-size:1rem}.hero-actions{gap:10px;margin-top:25px}.button{min-height:49px;font-size:.875rem;padding:13px 17px}.hero-lower{padding-bottom:36px;gap:28px}.film-link{font-size:.875rem;gap:13px}.film-link small{max-width:none;font-size:.75rem}.hero-foot{align-items:flex-start;padding-block:17px;gap:20px;font-size:.75rem}.hero-foot>span{max-width:195px}.hero-foot>a{max-width:85px;text-align:right}.section{padding-block:68px}.section-kicker{font-size:.75rem;margin-bottom:35px;gap:20px}.section-kicker>span:last-child{text-align:right;max-width:160px}.about-grid{grid-template-columns:1fr;gap:38px}.large-title{font-size:clamp(3.4rem,13vw,5rem)}.about-copy p{font-size:1.0625rem;max-width:none;margin-top:25px}.about-slot{aspect-ratio:4/3}.section-title{font-size:clamp(2.5rem,10vw,4rem);line-height:1.01}.section-heading{display:block;margin-bottom:34px}.section-heading p{margin-top:22px}.section-heading p br{display:none}.project-grid{grid-template-columns:1fr;gap:32px}.project-info{padding-top:15px}.project-info strong{font-size:1.25rem}.project-kind{font-size:.75rem}.project-pending{font-size:.75rem}.project-index{font-size:4rem;left:17px;bottom:10px}.cover-label{top:16px;left:17px;font-size:.75rem}.cover-note{right:17px;bottom:17px}.play-circle{width:54px;height:54px}.medium-title{font-size:clamp(1.8rem,7.3vw,2.8rem)}.logos-strip{margin-top:35px}.logos-strip div{flex:0 0 140px;min-height:90px}.draft-note{font-size:.75rem}.fronts .centered{text-align:left}.fronts-grid{grid-template-columns:1fr;gap:48px;margin-top:40px}.front-card h3{font-size:2.15rem}.front-brand{font-size:.75rem}.front-card p{margin-top:21px;margin-bottom:24px;font-size:1.0625rem;max-width:540px}.front-slot{aspect-ratio:4/3}.front-number{padding-top:19px;margin-bottom:20px}.services-heading p{display:none}.services-grid{gap:30px}.services-heading h2{max-width:360px}.service-list h3{font-size:clamp(1.4rem,5.8vw,2rem);line-height:1.07}.service-list summary{gap:13px;padding:23px 0}.service-number{font-size:.75rem;padding-top:3px}.service-list details p{margin:0 15px 25px 29px;font-size:1rem}.expand-icon{font-size:1.5rem}.process .section-title{font-size:clamp(2.1rem,8.3vw,3.2rem);line-height:1.05}.process-lead{font-size:1.0625rem;margin-top:24px}.process-grid{grid-template-columns:1fr;gap:33px;margin-top:42px}.process-grid article{padding-top:20px}.process-grid h3{font-size:1.9rem;margin-top:21px}.process-grid p{margin-top:16px;font-size:1.0625rem}.contact-title{font-size:clamp(2.65rem,9.8vw,4.5rem);line-height:.98}.contact-grid{margin-top:38px;gap:42px}.contact-copy p{font-size:1.0625rem}.contact-caption{margin-top:25px;font-size:.75rem}.form-row{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.contact-form label{gap:10px}.contact-form label>span{margin:0}.contact-form input,.contact-form select,.contact-form textarea{font-size:1rem}.form-end{align-items:flex-start;flex-direction:column;gap:22px}.form-end .button{width:100%}.partnership{flex-direction:column;align-items:flex-start;gap:25px;margin-top:54px;padding-top:38px}.partnership h3{font-size:2rem}.partnership p{font-size:1.0625rem}.partnership .button{width:100%}.site-footer{padding-top:50px}.footer-main{padding-bottom:35px;gap:23px}.footer-wordmark{font-size:clamp(2.2rem,11vw,3.8rem)}.footer-main p{font-size:1rem}.footer-bottom{flex-wrap:wrap;gap:20px;padding-block:23px}.footer-bottom>span:last-child{width:100%;font-size:.75rem}.media-dialog{width:calc(100% - 20px);padding:20px;max-height:94svh}.dialog-top{gap:12px;padding-bottom:15px}.dialog-top .eyebrow{font-size:.75rem}.dialog-close{gap:10px;font-size:.75rem}.dialog-layout{grid-template-columns:1fr;padding-top:24px;gap:26px}.modal-placeholder{height:43svh;width:auto;max-width:100%;max-height:410px}.modal-media.is-photo .modal-placeholder{height:auto;width:100%;min-height:200px}.modal-copy h2{font-size:2.25rem;margin-top:10px}.modal-copy p{font-size:1rem;margin-top:17px}.modal-delivery{margin-top:23px;padding-top:16px}.modal-copy .text-link{margin-top:24px}.notice-dialog{padding:22px}.notice-dialog h2{font-size:2rem}.notice-dialog .button{width:100%}.outlined-word{-webkit-text-stroke:1px #ddd}}
@media(max-width:370px){.draft-badge{display:none}.brand{gap:8px}.wordmark{font-size:1.45rem}.draft-badge{font-size:.75rem;padding:3px 4px}.hero-actions{flex-wrap:wrap}.hero-actions .button{width:100%}.hero-meta{margin-bottom:44px}.hero h1{font-size:10vw}.hero-foot{font-size:.75rem}.hero-content{padding-top:25px}.hero{min-height:790px}.menu-toggle{font-size:.75rem;gap:8px}.contact-title{font-size:9.6vw}}
@media(min-width:701px) and (max-width:900px){.menu-toggle{display:flex;align-items:center;gap:14px;font-size:.8125rem}.menu-toggle span{font-size:1.5rem;line-height:1;transition:transform .2s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:#0d0d0d;border-bottom:1px solid #555;padding:24px 25px 30px;flex-direction:column;align-items:stretch;gap:0;font-size:1.25rem}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid #292929}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.work-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1040px;margin-inline:auto}
.work-category{display:block;position:relative;aspect-ratio:4/5;min-width:0;overflow:hidden;isolation:isolate;background:#141414;border:1px solid #343434;transition:border-color .2s}
.work-category:hover{border-color:#888}
.work-category-image,.work-category-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.work-category-video{opacity:0;transition:opacity .18s}
.work-category-video.is-playing{opacity:1}
.work-category::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86));pointer-events:none}
.work-category-title{position:absolute;z-index:1;left:clamp(12px,2.1vw,28px);right:clamp(12px,2.1vw,28px);bottom:clamp(16px,2.1vw,28px);font-size:clamp(1.125rem,3.1vw,2.75rem);font-weight:600;line-height:1.05;letter-spacing:-.035em;color:#f3f3f1}
.aftermovies-pending{border-top:1px solid var(--line);padding-block:40px}
.aftermovies-pending>p{font-size:1.125rem;line-height:1.5;color:#bcbcbc}
.aftermovies-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.aftermovies-actions .text-link{margin-top:0}
@media(min-width:901px){.nav-links{gap:clamp(14px,1.6vw,24px)}}
@media(max-width:700px){.work-categories{gap:12px}.aftermovies-pending{padding-block:30px}.aftermovies-pending>p{font-size:1rem}.aftermovies-actions{align-items:flex-start;flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){.work-category-video{opacity:0!important}}

.aftermovies-grid{max-width:1040px;margin-inline:auto;margin-bottom:50px}
.aftermovie-cover{aspect-ratio:512/910;isolation:isolate}
.aftermovie-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:grayscale(1)}
.aftermovie-cover .play-circle{position:relative;z-index:1;background:rgb(9 9 9 / .72)}
.project-video{display:block;width:auto;height:auto;max-width:100%;max-height:65svh;object-fit:contain;background:#080808}
.project-video[hidden],.video-status[hidden]{display:none}
.has-video .modal-media{flex-direction:column;gap:16px;min-width:0}
.video-status{font-size:.875rem;line-height:1.5;color:#bbb}
.video-status a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.aftermovies-grid{margin-bottom:34px}.project-video{max-height:58svh}}

.about-copy p + p{margin-top:0}

.contact-copy .contact-email{display:block;width:fit-content;max-width:100%;margin-top:18px;overflow-wrap:anywhere}
.footer-bottom{flex-wrap:wrap}
.footer-bottom .footer-email{min-width:0;max-width:100%;overflow-wrap:anywhere}

.commercial-cta{border-top:0;margin-top:0;padding-block:40px}
.commercial-cta>div{min-width:0}
.commercial-cta .button{max-width:100%;text-align:center}
@media(max-width:700px){.commercial-cta{padding-block:30px}}
@media(max-width:700px){#trabalhe-com-a-gente .button,#parcerias .button{width:auto;max-width:100%;text-align:center}}

.front-photo-slot{overflow:hidden}
.front-photo-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:65% 50%}

/* Header contact icons: Bootstrap Icons (MIT), see assets/icons/LICENSE-bootstrap-icons.txt. */
.site-header{column-gap:11px}
.header-socials{display:flex;align-items:center;gap:0;margin-left:auto;flex-shrink:0}
.header-social-link{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;color:var(--fg);line-height:1}
.header-social-link:hover,.header-social-link:active,.header-social-link:visited{color:var(--fg)}
.header-social-link svg{width:22px;height:22px;fill:currentColor}
@media(max-width:700px){.site-header .brand img{width:clamp(112px,calc(100vw - 222px),160px)}}
@media(max-width:370px){.site-header{padding-inline:16px}}

.front-content-slot>img{object-position:50% 50%}
.front-production-slot>img{object-position:35% 50%}
.about-photo-slot{aspect-ratio:1267/949;overflow:hidden}
.about-photo-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}