/* Membrive identity, with a centered, spacious and modular composition. */
:root{--space:clamp(24px,4.5vw,76px)}
html{scroll-padding-top:115px}.header{height:96px;position:sticky;top:0;z-index:20;background:rgba(249,248,244,.88);backdrop-filter:blur(18px);border-bottom:0;max-width:none;gap:26px}.header .logo{width:220px;flex-shrink:0}.header nav{border:1px solid #deded7;background:#ffffff70;border-radius:50px;padding:18px 26px;box-shadow:0 5px 20px #00000004;gap:24px;font-size:12px}.header-contact{background:#080808;color:#f9f8f4;border:none;font-size:12px;white-space:nowrap}.header-contact:hover{background:#ff1900;color:#000}.hero{max-width:none;position:relative;isolation:isolate;overflow:hidden;padding-top:76px;padding-bottom:0;min-height:760px;display:flex;flex-direction:column;justify-content:space-between}.hero-center{text-align:center;position:relative;z-index:2;max-width:1100px;margin:0 auto}.hero-kicker{justify-content:center;gap:22px;margin-bottom:32px;font-size:11px}.hero-kicker span{color:#77766f}.hero h1{font-size:clamp(54px,6.3vw,92px);letter-spacing:-.06em;font-weight:500;line-height:1.06;margin:0 0 33px}.hero .highlight{font-size:1.24em;line-height:1.02;font-weight:400}.hero-copy{font-size:18px;line-height:1.55;max-width:465px;margin:0 auto 31px;color:#676660}.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px}.button{font-size:14px;min-height:53px;gap:24px;padding:15px 24px;box-shadow:0 3px 8px #00000007}.outline{border:1px solid #d0cfc8;background:#ffffff80;color:#080808}.outline:hover{background:#fff}.hero-author{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px auto 50px;max-width:max-content;font-size:12px;color:#77766f}.hero-author img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 36%}.hero-author strong{color:#171715;font-weight:500}.hero-object{position:absolute;pointer-events:none;z-index:0;object-fit:contain;height:auto}.hero-folder{width:clamp(180px,23vw,340px);top:230px;left:-6%;transform:rotate(-20deg)}.hero-keys{width:clamp(200px,25vw,380px);top:230px;right:-6%;transform:rotate(20deg)}.hero-bottom{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:46px;border:0;font-size:10px;padding:29px 0 38px;color:#72716b;letter-spacing:.03em}.hero-bottom>span:before{content:'+';color:#ff1900;margin-right:10px}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:block;text-align:center;max-width:790px;margin:0 auto 62px}.section-heading>.eyebrow{display:block;margin-bottom:22px}.section h2{font-family:Space Grotesk,Arial,sans-serif;font-weight:400;font-size:clamp(40px,4.35vw,65px);letter-spacing:-.052em;line-height:1.08}.section h2 em{font-family:presti-display,Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.025em}.section-heading p{font-size:17px;line-height:1.6;max-width:530px;margin:0 auto;color:#73726d}.services{border-top:1px solid #e7e6e0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.service{display:block;position:relative;padding:0;border:1px solid #e0dfd9;border-radius:23px;overflow:hidden;scroll-margin-top:118px;background:#ecebe5}.service-visual{height:252px;position:relative;overflow:hidden;padding:26px 30px}.service-visual .eyebrow{position:relative;z-index:2;font-family:Switzer,Arial,sans-serif;text-transform:none;font-size:15px;letter-spacing:0}.service-visual img{position:absolute;right:10%;top:50px;width:60%;height:230px;object-fit:contain;transform:rotate(-10deg);transition:transform .45s}.service:hover .service-visual img{transform:rotate(-4deg) translateY(-7px)}.service-content{position:relative;padding:14px 30px 24px}.service h3{font-size:clamp(28px,3.1vw,45px);line-height:1.12;letter-spacing:-.06em;font-weight:400;margin-bottom:15px}.service-brief{font-size:16px;line-height:1.5;max-width:410px;min-height:48px;margin:0 0 23px}.service details{border-top:1px solid #08080825}.service summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:17px 0 0;list-style:none}.service summary::-webkit-details-marker{display:none}.service summary span{font-size:24px;line-height:1;transition:transform .2s}.service details[open] summary span{transform:rotate(45deg)}.service-info{padding-top:22px}.service-info>p{font-size:15px;line-height:1.6;color:inherit}.service-info .tags{margin:20px 0}.service-info .tags span{border-color:currentColor;opacity:.8;font-size:11px}.service-info .text-link{font-size:13px;gap:20px}.service-diagnostico{background:#e5e4de}.service-estrategia{background:#191919;color:#f9f8f4;border-color:#191919}.service-estrategia .service-visual img{transform:rotate(12deg);width:74%;right:3%;top:30px}.service-estrategia .service-brief{color:#d1d0c9}.service-estrategia details{border-color:#ffffff30}.service-estrategia .text-link:hover{color:#ff8b7d}.service-identidade{background:#ff1900;border-color:#ff1900}.service-identidade .service-visual img{width:65%;height:190px;top:62px;right:18%;filter:invert(1);transform:rotate(-14deg)}.service-comunicacao{background:#f0efe9}.service-comunicacao .service-visual{background:#dddccf}.service-comunicacao .service-visual .eyebrow{background:#f9f8f4e8;padding:8px 12px;border-radius:30px;display:inline-block;top:-5px;left:-10px}.service-comunicacao .service-visual img{width:68%;height:300px;object-fit:cover;top:25px;right:4%;border:7px solid #fff;box-shadow:0 10px 20px #0002;transform:rotate(8deg)}.service-note{justify-content:center;gap:12px;border:0;margin-top:25px;font-size:14px}.service-note>span{color:#77766f}.work-section{background:#101010;color:#f9f8f4}.work-section .section-heading{position:relative;max-width:none;padding:0 220px}.portfolio-mark{display:block}.portfolio-mark>.eyebrow{display:block;margin-bottom:24px}.portfolio-mark>img{position:absolute;left:0;top:10px;width:165px;transform:rotate(-12deg)}.work-section .section-heading p{color:#afaea8}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none;padding:0}.projects figure,.projects figure:nth-child(2),.projects figure:nth-child(3){transform:none;margin:0;background:transparent;color:var(--paper);padding:0;border-radius:16px;overflow:hidden}.projects img{border-radius:16px;transition:transform .3s}.projects figure:hover img{transform:translateY(-4px)}.projects figcaption{padding:0}.projects h3{font-size:24px;font-weight:400;margin-top:21px}.projects figcaption span{color:#aaa9a3;font-size:12px}.about{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:9%;max-width:1360px}.about-portrait{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#e00000;align-self:stretch;min-height:520px}.about-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;position:absolute;inset:0}.about-portrait figcaption{position:absolute;left:22px;right:22px;bottom:22px;background:#ffffffdd;backdrop-filter:blur(16px);border:1px solid #ffffff80;border-radius:18px;padding:20px;display:flex;align-items:center;gap:18px;color:#080808}.about-portrait figcaption>img{width:65px;height:auto;filter:invert(1)}.about-portrait figcaption strong{font-family:presti-display,Georgia,serif;font-size:24px;font-weight:400;display:block}.about-portrait figcaption span{font-size:11px;color:#555;display:block;margin-top:4px}.about-copy>.eyebrow{display:block;margin-bottom:24px}.about-copy h2{font-family:presti-display,Georgia,serif;font-size:clamp(42px,4.5vw,66px);letter-spacing:-.03em}.about-copy>p{font-size:17px;line-height:1.6}.about-copy>.about-belief{font-size:17px;border-left:0;padding-left:0}.department{margin:0 28px;background:#151515;color:#f9f8f4;border-radius:28px}.department .department-top{margin-bottom:58px}.department-top .eyebrow{color:#c3c2b9}.department .pill{border-color:#ffffff30;color:#cccac1}.department h2{font-size:clamp(40px,5vw,72px)}.department h2 em{color:#ff4b37;border:0;font-family:presti-display,Georgia,serif;font-size:1.2em}.department-copy>p,.department-lead{color:#bbb9b2}.department li{border-color:#ffffff25}.department li:before{color:#ff4b37}.department .direction-keys{width:220px;margin:10px 0 0;opacity:.9}.digital{grid-template-columns:1.2fr 1fr;align-items:center;gap:12%;padding-top:130px;padding-bottom:130px}.digital h2{font-family:presti-display,Georgia,serif;font-size:clamp(45px,4.6vw,68px);letter-spacing:-.03em}.price-card{transform:none;background:#fff;border:1px solid #dfded7;box-shadow:0 12px 65px #00000009;border-radius:24px;padding:35px}.price-label{font-size:11px}.price-card h3{font-size:31px;font-weight:400}.price-card .price{font-family:presti-display,Georgia,serif;color:#080808;font-size:clamp(80px,8vw,120px);letter-spacing:-.045em}.price-card .button{background:#ff1900;color:#000;box-shadow:none}.price-card .button:hover{background:#ff5a46}.price-card>p{color:#73716a;font-size:12px}.footer{border-radius:24px 24px 0 0}.footer .logo{max-width:1350px}
@media(min-width:1500px){.hero-folder{left:0}.hero-keys{right:0}}
@media(max-width:1120px){.header{gap:15px}.header .logo{width:185px}.header nav{gap:17px;padding:17px 20px;font-size:11px}.header-contact{padding:13px 17px}.header-contact span{margin-left:10px}.hero{padding-top:72px;min-height:720px}.hero h1{font-size:70px}.hero-folder{left:-12%;top:255px}.hero-keys{right:-12%;top:210px}.hero-copy{max-width:420px}.hero-bottom{gap:28px}.service h3{font-size:34px}.work-section .section-heading{padding:0 150px}.portfolio-mark>img{width:130px}.about{gap:7%}.about-portrait{min-height:530px}.department{margin:0 18px}.department h2{font-size:48px}}
@media(max-width:900px){.header .logo{width:175px}.header nav{gap:15px}.header nav a:last-child{display:none}.hero{min-height:700px;padding-top:70px}.hero h1{font-size:60px}.hero-folder{width:220px;left:-16%;top:240px}.hero-keys{width:230px;right:-16%;top:230px}.hero-bottom{font-size:9px;gap:20px}.hero-copy{font-size:17px}.service-visual{height:218px;padding:22px}.service-visual img{height:195px;top:48px}.service-content{padding:18px 23px 23px}.service h3{font-size:31px}.service-brief{font-size:15px;min-height:66px}.service-identidade .service-visual img{height:150px}.section h2{font-size:44px}.work-section .section-heading{padding:0 110px}.portfolio-mark>img{width:110px;left:-10px}.projects h3{font-size:21px}.about{gap:6%}.about-copy h2{font-size:43px}.about-portrait figcaption{left:14px;right:14px;bottom:14px;padding:15px;gap:12px}.about-portrait figcaption strong{font-size:21px}.about-portrait figcaption>img{width:46px}.department-grid{grid-template-columns:1fr 1fr}.department h2{font-size:40px}.department-lead{font-size:19px;max-width:none}.direction-keys{position:static!important}.department-copy>p{font-size:16px}.department .button{font-size:13px;padding:16px 18px}.digital{gap:7%}.digital h2{font-size:44px}.price-card{padding:27px}}
@media(max-width:680px){html{scroll-padding-top:94px}.header{height:80px;padding-left:24px;padding-right:24px;background:rgba(249,248,244,.94)}.header .logo{width:172px}.header nav{display:none}.header-contact{font-size:11px;padding:12px 15px}.header-contact span{margin-left:6px}.hero{padding-top:50px;min-height:740px;justify-content:start}.hero-center{width:100%}.hero-kicker{font-size:10px;gap:15px;margin-bottom:28px;flex-wrap:wrap}.hero h1{font-size:clamp(38px,7.8vw,55px);line-height:1.07;letter-spacing:-.055em}.hero .highlight{font-size:1.45em;display:block;margin-top:4px}.hero h1 br{display:none}.hero-copy{font-size:17px;max-width:390px;margin-bottom:28px}.hero-actions{flex-direction:column;align-items:center;gap:10px}.hero-actions .button{min-width:270px;justify-content:space-between;min-height:53px;font-size:14px}.hero-author{font-size:11px;margin-top:26px;margin-bottom:35px;gap:9px}.hero-author img{width:30px;height:30px}.hero-author>span{max-width:230px;text-align:left}.hero-author strong{display:block}.hero-object{opacity:.85}.hero-folder{width:135px;left:-35px;top:auto;bottom:25px;transform:rotate(-22deg)}.hero-keys{width:145px;right:-35px;top:auto;bottom:35px;transform:rotate(20deg)}.hero-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 60px 35px;font-size:9px;text-align:center;max-width:100%}.hero-bottom>span{max-width:190px;line-height:1.5}.hero-bottom>span:before{display:none}.section{padding-top:72px;padding-bottom:72px}.section-heading{margin-bottom:38px;text-align:center}.section h2{font-size:clamp(34px,8vw,44px)}.section-heading>.eyebrow{margin-bottom:20px}.section-heading p{font-size:16px;max-width:360px}.service-grid{grid-template-columns:1fr;gap:18px}.service{border-radius:20px}.service-visual{height:240px;padding:26px}.service-visual img{height:220px;width:65%;top:40px;right:11%}.service-visual .eyebrow{font-size:15px}.service-content{padding:5px 26px 25px}.service h3{font-size:36px;margin-bottom:14px}.service-brief{font-size:16px;min-height:0;margin-bottom:22px;max-width:400px}.service-identidade .service-visual img{height:180px;top:60px}.service-estrategia .service-visual img{height:235px;top:28px}.service-comunicacao .service-visual img{height:280px}.service-comunicacao .service-content{padding-top:26px}.service-note{flex-direction:column;text-align:center;margin-top:20px;gap:9px;font-size:14px}.service-note a{line-height:1.6}.work-section .section-heading{padding:0}.portfolio-mark>img{display:none}.projects{grid-template-columns:1fr;gap:36px;max-width:460px}.projects h3{font-size:26px}.projects figcaption span{font-size:13px}.about{grid-template-columns:1fr;gap:38px}.about-portrait{min-height:460px;max-width:460px;width:100%;justify-self:center}.about-portrait>img{object-position:center 33%}.about-portrait figcaption{padding:18px;gap:20px}.about-portrait figcaption>img{width:63px}.about-portrait figcaption strong{font-size:25px}.about-portrait figcaption span{font-size:12px}.about-copy h2{font-size:43px}.about-copy>p{font-size:17px}.about-copy .text-link{font-size:14px}.department{margin:0 12px;border-radius:22px}.department>.wrap{padding:0 24px}.department-top{gap:18px;margin-bottom:35px!important}.department .department-grid{grid-template-columns:1fr;gap:16px}.department h2{font-size:clamp(37px,9vw,55px)}.department-lead{font-size:20px;max-width:75%}.department-grid>div:first-child{padding-bottom:0}.department .direction-keys{width:170px;margin:0 auto 18px}.department-copy>p{font-size:17px}.department li{font-size:14px}.department .button{font-size:14px}.digital{grid-template-columns:1fr;gap:28px;padding-top:78px;padding-bottom:78px}.digital-copy{text-align:center}.digital h2{font-size:46px}.digital-copy>p{margin-left:auto;margin-right:auto}.price-card{margin:0;transform:none;padding:30px}.price-card .price{font-size:108px}.price-card h3{font-size:34px}.price-label img{width:65px}.footer{border-radius:20px 20px 0 0}.footer>span:nth-child(2){max-width:230px}.footer .logo{width:100%}}
@media(max-width:370px){.header{gap:12px;padding:0 20px}.header .logo{width:150px}.header-contact{font-size:10px;padding:11px}.hero{padding-left:20px;padding-right:20px;min-height:750px}.hero h1{font-size:36px}.hero-copy{font-size:16px}.hero-kicker{font-size:9px;gap:12px}.hero-author{font-size:10px}.hero-bottom{padding-left:55px;padding-right:55px}.service h3{font-size:31px}.service-content{padding-left:22px;padding-right:22px}.service-visual{height:218px}.service-visual img{height:200px}.service-identidade .service-visual img{height:156px}.section h2{font-size:35px}.about-portrait{min-height:400px}.department h2{font-size:34px}.price-card .price{font-size:91px}.digital h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.service-visual img,.projects img{transition:none}.service:hover .service-visual img,.projects figure:hover img{transform:none}}

.button{--button-red:#ff1900;--button-fill-size:42px;--button-fill-right:6px;position:relative;isolation:isolate;overflow:hidden;border-radius:999px;min-width:max-content;transition:transform .24s ease,color .24s ease,background-color .24s ease,border-color .24s ease}.button::before{content:"";position:absolute;z-index:0;right:var(--button-fill-right);top:50%;width:var(--button-fill-size);height:var(--button-fill-size);border-radius:999px;background:var(--button-red);transform:translateY(-50%) scale(1);transform-origin:center;transition:transform .5s cubic-bezier(.19,1,.22,1)}.button:hover::before,.button:focus-visible::before,.button.is-hovered::before{transform:translateY(-50%) scale(18)}.button-label,.button-icon{position:relative;z-index:1}.button-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--button-fill-size);height:var(--button-fill-size);flex:0 0 var(--button-fill-size);color:#080808;font-size:30px;line-height:1;transition:transform .45s cubic-bezier(.19,1,.22,1)}.button:hover .button-icon,.button:focus-visible .button-icon,.button.is-hovered .button-icon{transform:translateX(4px)}.button.dark:hover,.button.dark:focus-visible,.button.dark.is-hovered{background:#090909;color:#f9f8f4}.button.outline:hover,.button.outline:focus-visible,.button.outline.is-hovered{background:#fff;color:#080808;border-color:#f9f8f4}.button.acid:hover,.button.acid:focus-visible,.button.acid.is-hovered,.price-card .button:hover,.price-card .button:focus-visible,.price-card .button.is-hovered{background:#ff1900;color:#080808}.hero-actions .button{padding:6px 7px 6px 24px;gap:22px}.department .button,.price-card .button{padding:6px 7px 6px 24px;gap:20px}
@media(max-width:680px){.button{--button-fill-size:40px}.hero-actions .button,.department .button,.price-card .button{padding:6px 7px 6px 22px}}
@media(prefers-reduced-motion:reduce){.button,.button::before,.button-icon{transition:none}.button:hover .button-icon,.button:focus-visible .button-icon{transform:none}}
