:root{--bg:#030a16;--panel:#0a1628;--line:#23354d;--text:#f5f8ff;--muted:#adbed2;--blue:#58b8ff;--cyan:#6fe3ff;--green:#6fe3ff;--radius:18px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}em{font-style:normal;color:var(--blue)}.muted{color:var(--muted)}
header,main,footer{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:2;border-bottom:1px solid #85bfff16;background:transparent}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:29px;height:38px;object-fit:contain}.brand-word{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1}.brand-word>span{color:var(--blue);font-weight:400}.brand small{display:block;margin-top:9px;color:#bdcde0;font-size:10px;font-weight:400;letter-spacing:1px}nav{display:flex;gap:29px;font-size:14px;color:#c4d3e5}nav a:hover{color:white}.button{background:linear-gradient(105deg,#71c7ff,#b4e1ff 53%,#54adff);color:#042448;border:1px solid #a3d9ff;border-radius:100px;padding:17px 26px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:15px;font-weight:700;line-height:1.4;box-shadow:0 8px 40px #359eff1a;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button.small{padding:12px 20px;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #9bbcdc55;padding-bottom:5px;font-size:14px}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.1px;color:#8bc7f4;margin-bottom:21px;line-height:1.7}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);background:var(--cyan);color:#031223;padding:12px;z-index:20}.skip-link:focus{transform:translateY(0)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr .92fr;gap:15px;align-items:center;min-height:710px;padding:65px 0 70px;border:0}.hero:before{content:"";position:absolute;z-index:-2;inset:-110px calc((min(1440px,100vw) - 100vw)/2 - 7%) 0;background:radial-gradient(ellipse at 0% 20%,#0d3665 0,transparent 52%),radial-gradient(ellipse at 92% 53%,#08728a66,transparent 46%),linear-gradient(110deg,#071c37,#030a16 70%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding-bottom:10px}.hero h1{font-size:clamp(44px,4.75vw,68px);font-weight:400;line-height:1.075;letter-spacing:-2.6px;margin-bottom:25px}.hero h1 em{font-weight:750;background:linear-gradient(100deg,#4caaff,#9cdeff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:19px;max-width:440px;line-height:1.6;color:#c7d7e9;margin-bottom:15px}.hero-signature{font-size:14px;color:#89b4d7}.hero-actions{display:flex;flex-direction:column;align-items:start;gap:22px;margin:30px 0 35px}.credentials{display:flex;gap:36px;align-items:center}.credentials>div{display:flex;align-items:center;gap:10px}.credentials strong{font-size:32px;font-weight:600;letter-spacing:-1px}.credentials span{font-size:12px;line-height:1.4;max-width:120px;color:var(--muted)}.hero-showcase{height:570px;position:relative;isolation:isolate;min-width:0}.hero-showcase:before{content:"";position:absolute;inset:8% -7% 0;background:radial-gradient(ellipse,#4b9dff30,transparent 66%);z-index:-1}.showcase-main{position:absolute;display:block;top:0;right:2%;width:77%;transform:rotate(5deg);border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #0008;border:1px solid #74c4ff70;transition:transform .4s}.showcase-main img,.showcase-front img{display:block;width:100%;height:auto}.showcase-front{position:absolute;display:block;bottom:30px;left:-3%;width:48%;transform:rotate(-9deg);border-radius:10px;overflow:hidden;box-shadow:0 15px 60px #0009;border:1px solid #b8dcff55;transition:transform .4s}.showcase-main:hover{transform:rotate(3deg) translateY(-5px)}.showcase-front:hover{transform:rotate(-6deg) translateY(-5px)}.showcase-caption{position:absolute;right:0;bottom:-12px;text-align:right;max-width:240px}.showcase-caption span{font-size:10px;letter-spacing:2px;color:#8ec5ef}.showcase-caption p{font-size:17px;margin:4px 0 0}.specialties{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:29px 0;border-top:1px solid #69b3f84d;border-bottom:1px solid #69b3f82a;font-size:15px;color:#d2dfed}.specialties b{font-size:24px;color:#5ca7e8;font-weight:400}
section{padding:90px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head .eyebrow{margin-bottom:14px}h2{font-size:clamp(34px,3.65vw,48px);line-height:1.1;letter-spacing:-1.8px;font-weight:400;margin:0}h2 em{font-weight:650}h3{font-size:23px;font-weight:500;letter-spacing:-.5px;line-height:1.3;margin-bottom:12px}.section-head>p{font-size:16px;margin-bottom:3px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{font-size:14px;line-height:1.4;border-radius:30px;padding:11px 17px;border:1px solid var(--line);color:var(--muted);background:transparent;transition:background .2s}.filters button.active{color:#0b2340;background:#9dd8ff;border-color:#9dd8ff}.filters button:hover:not(.active){background:#132640;color:white}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project{display:block;width:100%;padding:0;text-align:left;background:none;border:0;color:var(--text)}.project .image-wrap{aspect-ratio:4/5;overflow:hidden;background:var(--panel);border:1px solid #6ba2d42b;border-radius:12px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project:hover img{transform:scale(1.035)}.project h3{font-size:19px;display:flex;justify-content:space-between;gap:12px;letter-spacing:-.2px;margin:20px 0 7px}.project h3 span{color:var(--blue)}.project p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.project h3,.dialog-body h2{overflow-wrap:anywhere}#result-count{font-size:12px;margin:25px 0 0}.empty{padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.empty p{color:var(--muted)}
#servicos{position:relative}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service{padding:28px;background:linear-gradient(145deg,#102a4966,#081323 80%);border:1px solid #345b7e77;border-radius:var(--radius);display:flex;flex-direction:column;transition:border-color .2s}.service:hover{border-color:#5dafed}.service .number{font-size:12px;letter-spacing:2px;color:#76b9e9;margin-bottom:32px}.service h3{font-size:22px}.service p{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:25px;flex:1}.service button{padding:15px 0 0;color:#dceaff;font-size:14px;line-height:1.5;background:none;border:0;border-top:1px solid var(--line);text-align:left}.service button:hover{color:var(--cyan)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about h2{font-size:64px;letter-spacing:-2px}.about-role{font-size:17px;line-height:1.5;color:var(--muted);margin:25px 0 0}.about-copy h3{font-size:29px;margin-bottom:24px}.about-copy p{font-size:17px;color:var(--muted);line-height:1.8}.about-copy .text-link{margin-top:12px}
.briefing{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.briefing-intro h2{font-size:42px;line-height:1.15}.briefing-intro>p:not(.eyebrow){color:var(--muted);max-width:380px;margin:25px 0}.briefing-intro small{display:block;max-width:350px;color:var(--muted);font-size:12px;margin-top:30px}.form-panel{padding:32px;border:1px solid #497cab88;border-radius:var(--radius);background:radial-gradient(ellipse at 0 0,#12385b75,transparent 80%),#081322}.steps{display:flex;list-style:none;padding:0 0 23px;margin:0 0 27px;border-bottom:1px solid var(--line);gap:26px;font-size:14px;color:var(--muted)}.steps .current{color:var(--cyan)}form h3{font-size:25px}form p{font-size:16px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.choice{display:flex;align-items:center;gap:9px;border:1px solid #405a74;border-radius:10px;padding:17px 12px;font-size:14px;cursor:pointer}.choice:has(input:checked){background:#17446999;border-color:#7dd3ff}.choice input{accent-color:var(--cyan);width:17px;height:17px;flex-shrink:0}.next{width:100%;justify-content:space-between}label:not(.choice){display:block;font-size:14px;margin:18px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:#071324;border:1px solid #405a74;border-radius:8px;padding:12px;color:var(--text);margin-top:7px;font-size:16px;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8ba2bb;font-size:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-row label{margin-bottom:0}form .privacy{font-size:12px}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.back{background:none;border:0;color:var(--muted);padding:10px 0;font-size:14px}.review-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.secondary{background:none;border:1px solid #5e7896;color:var(--text);border-radius:20px;padding:12px 18px;font-size:14px}.error{color:#ffb3ba}#summary{font-size:14px;line-height:1.7}footer{padding-top:37px;padding-bottom:37px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:12px;color:var(--muted);margin:0}footer .brand-word{font-size:23px}
dialog{background:var(--panel);color:var(--text);border:1px solid #5d9cca88;border-radius:14px;max-width:800px;width:90%;padding:0;max-height:90vh;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog>img{display:block;width:100%;max-height:60vh;object-fit:contain;background:#020814}.dialog-body{padding:28px}.dialog-body h2{font-size:32px}.dialog-body p{color:var(--muted)}#close-dialog{position:absolute;right:12px;top:12px;background:#0a1728;color:white;border:1px solid #8db3d2;border-radius:50%;width:42px;height:42px;font-size:27px;line-height:1;z-index:1}#project-link{display:inline-block;margin:0 20px 18px 0}
@media(min-width:1441px){.hero:before{left:calc((1440px - 100vw)/2 - 86px);right:calc((1440px - 100vw)/2 - 86px)}}
@media(max-width:1100px){header,main,footer{padding-left:5%;padding-right:5%}header{gap:18px}header>.button{display:none}nav{gap:24px}.hero{min-height:650px;gap:15px}.hero-showcase{height:480px}.hero h1{font-size:54px}.hero-actions .button{padding:16px 20px;font-size:14px;gap:16px}.credentials{gap:22px}.credentials strong{font-size:28px}.credentials span{max-width:105px}.showcase-front{left:0;bottom:50px}.showcase-caption{bottom:10px}.service{padding:23px}.briefing{gap:30px}.briefing-intro h2{font-size:36px}.form-panel{padding:25px}.choices{grid-template-columns:1fr}.specialties{font-size:13px;gap:15px}.about{gap:40px}}
@media(max-width:760px){header{height:auto;min-height:105px;flex-wrap:wrap;padding-top:22px;padding-bottom:18px;gap:19px}header nav{width:100%;gap:25px;font-size:14px}.brand-word{font-size:27px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:35px;gap:30px;min-height:0}.hero:before{inset:-150px -5.56% 0}.hero .eyebrow{font-size:11px;letter-spacing:1.2px}.hero h1{font-size:clamp(41px,8vw,61px);letter-spacing:-1.8px;line-height:1.09}.intro{font-size:18px;max-width:480px}.hero-actions{gap:20px;margin:25px 0 27px}.hero-actions .button{font-size:14px;padding:17px 23px;max-width:100%;gap:20px}.hero-actions .text-link{font-size:14px}.hero-showcase{width:100%;max-width:470px;height:490px;margin:0 auto}.showcase-main{width:69%;right:6%;top:0}.showcase-front{width:45%;left:3%;bottom:30px}.showcase-caption{bottom:0;right:5px;max-width:205px}.showcase-caption p{font-size:15px}.showcase-caption span{font-size:9px}.credentials{gap:35px}.credentials strong{font-size:30px}.specialties{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding:25px 0;font-size:13px}.specialties b{display:none}.specialties span:before{content:'✳';color:var(--blue);margin-right:9px}section{padding:58px 0}.section-head{flex-direction:column;align-items:start;gap:20px;margin-bottom:27px}h2{font-size:36px;letter-spacing:-1px}.section-head .eyebrow{font-size:11px}.projects{grid-template-columns:1fr 1fr;gap:23px 15px}.project h3{font-size:17px;margin-top:14px}.project p{font-size:12px}.project .image-wrap{border-radius:9px}.filters{gap:8px}.filters button{font-size:13px;padding:10px 13px}.services{grid-template-columns:1fr 1fr;gap:12px}.service{padding:23px 18px;border-radius:13px}.service h3{font-size:20px}.service p{font-size:16px}.service .number{margin-bottom:25px}.service button{font-size:13px}.about{grid-template-columns:1fr;gap:35px}.about h2{font-size:52px}.about-copy h3{font-size:26px}.about-copy p{font-size:16px}.briefing{grid-template-columns:1fr;gap:32px}.briefing-intro h2{font-size:38px}.briefing-intro>p:not(.eyebrow){max-width:none}.form-panel{padding:24px}.choices{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr;gap:0}.review-actions .button{width:100%}footer{flex-wrap:wrap;gap:22px}footer p{display:none}footer>a:last-child{font-size:13px}.dialog-body{padding:22px}.dialog-body h2{font-size:27px}.dialog-body .button{font-size:14px}}
@media(max-width:430px){.hero-showcase{height:420px}.credentials{gap:23px}.credentials span{max-width:100px}.showcase-front{bottom:32px}.projects{grid-template-columns:1fr;gap:28px}.project .image-wrap{aspect-ratio:4/5}.project h3{font-size:20px}.project p{font-size:14px}.services{grid-template-columns:1fr}.service{padding:27px}.service .number{margin-bottom:20px}.service h3{font-size:24px}.service button{font-size:14px}.choices{grid-template-columns:1fr}.steps{gap:22px;font-size:13px}.form-panel{padding:22px}.hero-actions .button{padding:17px 19px}.showcase-caption{max-width:180px}.showcase-caption p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Full-width opening atmosphere without extending the page's scrollable bounds. */
body{background:radial-gradient(ellipse 1100px 750px at 0 200px,#0d3665 0,transparent 85%),radial-gradient(ellipse 500px 650px at 100% 500px,#08728a55,transparent 85%),var(--bg)}
.hero:before{display:none}
header nav{flex-wrap:wrap}
/* Studio portrait replaces the overlapping campaign covers in the opening. */
.hero-portrait{margin:0;position:relative;min-width:0;height:570px;overflow:hidden;border-radius:20px;border:1px solid #7099bc50;box-shadow:0 25px 65px #0005,0 0 65px #3a9bd510}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:53% center}
@media(max-width:1100px){.hero-portrait{height:510px}}
@media(max-width:760px){.hero-portrait{width:100%;max-width:600px;height:auto;aspect-ratio:4/3;margin:0 auto;border-radius:15px}.hero-portrait img{object-position:53% center}}