.icon{display:block;width:1em;height:1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Design: composição da referência, identidade própria em branco e vermelho. */
:root{--red:#dc2732;--red-dark:#c91925;--ink:#151516;--paper:#fafafa;--muted:#66666c;--line:#dedee0;--radius:22px;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:white}h1,h2,h3,p{margin:0}h2{font-size:clamp(36px,4.4vw,68px);line-height:1.04;letter-spacing:-.055em;font-weight:500}h3{font-weight:500;letter-spacing:-.035em}.section-pad{padding:110px 6%}.section-inner{width:100%;max-width:1320px;margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.5;margin-bottom:24px}.dark-label{color:#55555b}.red-text{color:var(--red-dark)}.muted{color:var(--muted)}.skip-link{position:fixed;left:15px;top:15px;z-index:30;padding:15px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}
.hero{min-height:760px;height:100svh;max-height:1120px;position:relative;isolation:isolate;overflow:hidden;background:#10090b;color:#fff;border-radius:0 0 var(--radius) var(--radius)}.hero-image,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.hero-image{z-index:-3}.hero-video{z-index:-2;opacity:0;pointer-events:none}.hero-video.is-playing{opacity:1}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,5,7,.5),transparent 47%),linear-gradient(0deg,#10090b 0%,rgba(16,9,11,.55) 15%,transparent 45%,rgba(16,9,11,.25) 100%)}.header{position:absolute;top:0;left:0;right:0;padding:24px 3.4%;display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:48px;height:48px;object-fit:contain}.brand>span{font-size:18px;font-weight:600;letter-spacing:-.06em}.brand-sub{display:block;font-size:8px;letter-spacing:.25em;margin-top:5px;font-weight:400}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav a{font-size:12px;padding:12px 18px;border-radius:40px;transition:background .2s}.desktop-nav a:hover{background:#ffffff1f}.desktop-nav .active{color:var(--ink);background:#fff}.menu-button{width:44px;height:44px;background:none;color:#fff;border:1px solid #ffffff40;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex-shrink:0}.menu-button span{display:block;width:19px;height:1.5px;background:currentColor;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{position:absolute;right:3.4%;top:86px;width:270px;padding:15px;background:#181214f5;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 15px 50px #0004}.mobile-menu[hidden]{display:none}.mobile-menu a{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:8px;font-size:14px}.mobile-menu a:hover{background:#ffffff12}.hero-copy{position:absolute;left:3.4%;top:21%;width:37%;max-width:530px}.hero-copy .eyebrow{font-size:9px;margin-bottom:16px;color:#e0cfd1}.hero-copy h1{font-size:clamp(25px,2.8vw,44px);line-height:1.01;letter-spacing:-.045em;font-weight:500}.hero-copy h1 span{color:#ff777d}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.55;max-width:275px;margin-top:24px;color:#efdddd}.button-row{display:flex;gap:10px;align-items:center;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;border-radius:50px;font-size:12px;line-height:1.3;font-weight:500;transition:transform .3s var(--ease),background .3s,color .3s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-white{background:#fff;color:var(--ink);padding:5px 5px 5px 22px}.arrow{display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50%;width:38px;height:38px;font-size:21px;flex-shrink:0;transition:transform .3s var(--ease)}.button:hover .arrow{transform:rotate(45deg)}.button-outline{border:1px solid #ffffff70;color:white;padding:0 24px}.button-outline:hover{background:#ffffff15}.hero-aside{position:absolute;right:3.4%;bottom:8%;text-align:right;max-width:340px;width:29%}.hero-aside h2{font-size:clamp(32px,3.7vw,58px);line-height:.94;letter-spacing:-.055em}.hero-aside p{font-size:12px;line-height:1.5;max-width:260px;margin:25px 0 0 auto;color:#eddddd}.hero-signature{display:block;margin-top:22px;font-size:9px;letter-spacing:.03em;color:#b6a4a8}
.section-heading{max-width:880px;margin-bottom:60px}.section-description{font-size:14px;line-height:1.7;max-width:410px;color:var(--muted);margin-top:25px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}
.project-image{aspect-ratio:1.4;position:relative;overflow:hidden;border-radius:16px;padding:36px 28px;display:grid;place-items:center;background:radial-gradient(ellipse at 18% 16%,#e8474b 0%,transparent 52%),linear-gradient(145deg,#8e1424,#260b13 88%)}
.project-image img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.project-info{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}
.project-copy{min-width:0;display:grid;gap:7px}
.project-copy h3{font-size:24px;line-height:1.2}
.project-copy>span{font-size:12px;color:var(--muted);line-height:1.5}
.project-copy small{font-size:12px;color:var(--muted);font-weight:400}
.project-open{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:24px;transition:background .2s,border-color .2s,color .2s}
.project:hover .project-open,.project:focus-visible .project-open{background:var(--red);border-color:var(--red);color:white}.projects-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:40px;margin-top:45px;border-top:1px solid var(--line);font-size:14px}.projects-foot .text-link{margin-top:0}
.services{background:var(--ink);color:white;border-radius:var(--radius)}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.services h2{font-size:clamp(55px,6vw,91px)}.services-title h2>span{color:#fa636c}.services-title>p:not(.eyebrow){font-size:14px;color:#bab9bf;max-width:300px;margin-top:25px;line-height:1.65}.services-title .button{margin-top:32px}.service{display:grid;grid-template-columns:42px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid #ffffff29}.service:first-child{padding-top:0}.service-symbol{color:#ff6a72;font-size:32px;line-height:1}.service h3{font-size:25px;margin-bottom:15px}.service p{font-size:13px;color:#b9b8bf;line-height:1.7;max-width:350px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.service-tags span{font-size:9px;color:#e6dee0;border:1px solid #ffffff26;border-radius:30px;padding:6px 10px}
.process .section-heading{margin-bottom:70px}.process-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid li{position:relative;border-top:1px solid var(--line);padding-top:22px}.step-number{display:inline-grid;place-items:center;border:1px solid #c9192540;width:41px;height:41px;border-radius:50%;color:var(--red-dark);font-size:11px;margin-bottom:30px}.process h3{font-size:22px;line-height:1.1;margin-bottom:15px;max-width:210px}.process li p{font-size:12px;line-height:1.7;color:var(--muted);max-width:230px}
.social{padding-top:20px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.social-art{background:var(--red);color:#fff;min-height:600px;position:relative;border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;overflow:hidden}.social-art-top{font-size:9px;letter-spacing:.14em}.social-art img{width:70%;height:330px;object-fit:contain;margin:10px auto 0;opacity:.96}.social-art-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto}.social-art-bottom>span:first-child{font-size:clamp(37px,4vw,62px);line-height:.9;letter-spacing:-.06em}.social-art-arrow{font-size:88px;line-height:.85}.social h2{font-size:clamp(38px,4.2vw,64px)}.social-copy>p:not(.eyebrow){margin-top:25px;font-size:14px;line-height:1.65;color:var(--muted);max-width:390px}.profile-links{margin-top:23px}.profile-links a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;transition:color .2s}.profile-links a:hover{color:var(--red-dark)}.profile-links span{color:var(--red-dark)}
.about{background:var(--ink);color:white;border-radius:var(--radius)}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}.about-image{height:520px;border-radius:15px;overflow:hidden;background:#292426}.about-image img{width:100%;height:100%;object-position:center 60%}.about-copy h2 span{color:#fa636c}.about-copy>p:not(.eyebrow){max-width:460px;margin-top:28px;font-size:15px;line-height:1.7}.about-copy .muted{color:#b2afb5;font-size:13px!important}.about-copy .button{margin-top:30px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:25px 0;min-height:72px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;font-size:15px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;color:var(--red-dark);font-weight:400}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:480px;padding:0 35px 25px 0}
.contact{background:var(--red);color:white;border-radius:var(--radius);text-align:center}.contact h2{font-size:clamp(57px,8vw,122px);line-height:.92;letter-spacing:-.065em}.contact h2>span{color:#ffdce0}.contact .button{margin-top:40px}.contact .arrow{background:var(--ink)}.contact-number{display:block;font-size:12px;margin-top:22px;color:#fff}.footer{background:var(--ink);color:white;padding:65px 6% 25px;margin-top:10px;border-radius:var(--radius) var(--radius) 0 0}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:40px;padding-bottom:60px}.footer .brand img{width:65px;height:65px}.footer .brand>span{font-size:25px}.footer-top>p{font-size:13px;line-height:1.6;color:#bdb7ba}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 50px;font-size:12px;color:#ddd9db}.footer a:hover{color:#ff777d}.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;gap:25px;color:#a5a0a3;font-size:10px}.footer-bottom a{display:flex;gap:25px;align-items:center;color:white}.footer-bottom a span{font-size:20px}.floating-contact{position:fixed;right:22px;bottom:22px;z-index:15;background:var(--ink);color:#fff;border:1px solid #ffffff30;display:flex;align-items:center;gap:20px;border-radius:50px;padding:6px 6px 6px 18px;box-shadow:0 4px 22px #15151620;font-size:11px;transition:opacity .3s,transform .3s}.floating-contact>span:last-child{display:grid;place-items:center;background:var(--red);border-radius:50%;font-size:22px;width:37px;height:37px}.floating-contact.is-hidden{opacity:0;transform:translateY(20px);pointer-events:none}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-enter .9s var(--ease) both}.hero-aside{animation:hero-enter 1s .2s var(--ease) both}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:none}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(min-width:1700px){.hero-copy{left:max(3.4%,calc((100% - 1560px)/2))}.hero-aside{right:max(3.4%,calc((100% - 1560px)/2))}}
@media(max-width:1100px){.section-pad{padding:85px 5%}.hero{min-height:700px}.hero-copy{width:42%;top:22%}.hero-copy h1{font-size:31px}.hero-copy>p:not(.eyebrow){max-width:240px;font-size:12px}.button-row{gap:8px;flex-wrap:wrap}.button{font-size:11px}.button-outline{padding-inline:20px}.hero-aside{width:32%}.hero-aside h2{font-size:43px}.value-grid,.services-grid{gap:8%}.value-copy{font-size:15px}.service{gap:12px;grid-template-columns:32px 1fr}.service h3{font-size:22px}.social-art{min-height:530px;padding:28px}.social-art img{height:280px}.about-image{height:440px}.process-grid{gap:20px}.process h3{font-size:20px}.faq-grid{gap:8%}}
@media(max-width:767px){html{scroll-padding-top:18px}.section-pad{padding:70px 6%}h2{font-size:39px;letter-spacing:-.05em}.eyebrow{font-size:9px;margin-bottom:22px}.hero{height:100svh;min-height:780px;max-height:1050px;border-radius:0 0 20px 20px}.header{padding:18px 6%;gap:15px}.brand img{width:42px;height:42px}.brand>span{font-size:17px}.brand-sub{font-size:7px}.desktop-nav{display:none}.menu-button{width:42px;height:42px;margin-left:auto}.mobile-menu{top:79px;left:6%;right:6%;width:auto}.hero-image,.hero-video{height:76%;top:0;object-fit:cover;object-position:50% 28%;width:100%;transform:scale(1.04);transform-origin:top center}.hero:after{background:linear-gradient(0deg,#10090b 0%,#10090b 18%,#10090bf2 25%,#10090b70 42%,transparent 65%,#10090b35 100%)}.hero-copy{top:auto;bottom:6%;left:6%;width:88%;max-width:none;text-align:center}.hero-copy .eyebrow{font-size:8px;margin-bottom:15px}.hero-copy h1{font-size:clamp(31px,8.2vw,49px);line-height:1.01;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){max-width:310px;margin:20px auto 0;font-size:12px;line-height:1.6}.button-row{justify-content:center;gap:10px;flex-wrap:nowrap;margin-top:24px}.button{min-height:47px;font-size:11px;gap:15px}.button-white{padding-left:19px}.arrow{width:37px;height:37px;font-size:20px}.button-outline{padding-inline:20px}.hero-aside{display:none}.value-grid,.services-grid,.social-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.value h2{font-size:39px}.value-copy{padding-top:0;font-size:16px;max-width:550px}.value-copy .muted{font-size:13px;margin-top:20px}.manifesto{padding-block:65px}.manifesto h2{font-size:clamp(46px,9vw,70px);line-height:.96}.manifesto-mark{width:90%;right:-25%;top:30px}.manifesto-bottom{margin-top:45px;align-items:start;gap:24px;flex-direction:column}.manifesto-bottom>p{font-size:12px}.section-heading{margin-bottom:35px}.section-description{font-size:13px;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:32px}.project-image{border-radius:14px;padding:26px 18px}.project-info{margin-top:16px}.project-copy h3{font-size:21px}.project-open{width:42px;height:42px;font-size:22px}.projects-foot{align-items:start;flex-direction:column;gap:9px;padding-top:25px;margin-top:35px;font-size:13px}.services h2{font-size:62px}.services-title>p:not(.eyebrow){max-width:400px;font-size:13px}.services-grid{gap:50px}.service{grid-template-columns:32px 1fr;gap:20px;padding-block:28px}.service h3{font-size:24px}.service p{font-size:12px;max-width:none}.service-tags span{font-size:9px}.process .section-heading{margin-bottom:40px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 23px}.step-number{margin-bottom:22px;width:37px;height:37px}.process h3{font-size:22px;max-width:150px}.process li p{font-size:11px}.social{padding-top:0}.social-grid{gap:45px}.social-art{min-height:490px;max-width:500px;width:100%;margin-inline:auto;padding:28px}.social-art img{height:270px;max-width:280px}.social-art-bottom>span:first-child{font-size:53px}.social-art-arrow{font-size:80px}.social h2{font-size:40px}.social-copy>p:not(.eyebrow){font-size:13px}.profile-links a{padding-block:16px}.social-copy .text-link{font-size:11px;gap:20px}.about-grid{gap:40px}.about-image{height:440px;max-width:500px;width:100%;margin-inline:auto}.about-copy>p:not(.eyebrow){font-size:14px;margin-top:22px;max-width:550px}.about-copy .muted{font-size:12px!important}.faq-grid{gap:25px}.faq summary{font-size:14px;padding-block:23px}.faq details>p{font-size:12px;padding-right:20px}.contact{padding-block:70px}.contact h2{font-size:clamp(44px,9.5vw,70px)}.contact .button{margin-top:32px}.footer{padding:50px 6% 100px}.footer-top{flex-wrap:wrap;gap:32px;padding-bottom:35px}.footer .brand{width:100%}.footer .brand img{width:57px;height:57px}.footer .brand>span{font-size:24px}.footer-top>p{font-size:12px}.footer-top nav{gap:16px 25px;font-size:11px}.footer-bottom{font-size:9px;line-height:1.6;align-items:center;gap:15px}.footer-bottom>p{max-width:195px}.footer-bottom a{gap:10px;white-space:nowrap}.floating-contact{right:14px;bottom:14px}.floating-contact>span:first-child{display:none}.floating-contact{padding:5px}.floating-contact>span:last-child{width:43px;height:43px}}
@media(max-width:359px){.hero{min-height:740px}.hero-copy h1{font-size:28px}.button-row{gap:7px}.button{font-size:10px;gap:10px}.button-white{padding-left:14px}.button-outline{padding-inline:16px}.value h2,.social h2{font-size:34px}.process-grid{column-gap:18px}.process h3{font-size:19px}.manifesto h2{font-size:40px}.project-info h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

.manifesto a:focus-visible,.value a:focus-visible{outline-color:#fff}.contact a:focus-visible{outline-color:var(--ink)}




.project:nth-child(2) .project-image{background:radial-gradient(ellipse at 80% 8%,#c92d3c 0%,transparent 54%),linear-gradient(145deg,#290b13,#6a1120)}
.project:nth-child(3) .project-image{background:radial-gradient(ellipse at 16% 12%,#ef6364 0%,transparent 56%),linear-gradient(145deg,#b31c2d,#420e19)}
.project:nth-child(4) .project-image{background:radial-gradient(ellipse at 82% 16%,#dc2732 0%,transparent 55%),linear-gradient(145deg,#5b1221,#1b0a10)}
.project-window{width:100%;overflow:hidden;border:1px solid #ffffff70;border-radius:8px;background:white;box-shadow:14px 28px 42px #20020d66;transform:perspective(1100px) rotateX(7deg) rotateY(-8deg) rotateZ(-2deg);transition:transform .6s var(--ease)}
.project:nth-child(even) .project-window{transform:perspective(1100px) rotateX(7deg) rotateY(8deg) rotateZ(2deg)}
.project-window-bar{position:relative;height:28px;display:flex;align-items:center;justify-content:center;padding:0 40px;background:#f5f5f6;color:#66666c;font-size:10px;line-height:1;letter-spacing:0}
.project-window-dots{position:absolute;left:11px;display:flex;gap:4px}
.project-window-dots i{width:5px;height:5px;border-radius:50%;background:#b9b9bf}
.project:hover .project-window,.project:focus-visible .project-window{transform:perspective(1100px) rotateX(0) rotateY(0) rotateZ(0) translateY(-4px)}
@media(max-width:767px){.project-window,.project:nth-child(even) .project-window,.project:hover .project-window,.project:focus-visible .project-window{transform:none}.project-window{box-shadow:8px 16px 28px #20020d55}.project-window-bar{height:24px;font-size:8px;padding-inline:30px}.project-window-dots{left:8px;gap:3px}.project-window-dots i{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.project-window,.project:nth-child(even) .project-window,.project:hover .project-window,.project:focus-visible .project-window{transform:none}}
