
:root{--yellow:#ffc400;--black:#0a0a0a;--white:#f6f5ef;--muted:#aaa;--line:#323232}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--yellow);color:#000}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow)}button{cursor:pointer}img{display:block;max-width:100%}.wrap{max-width:1440px;margin:auto;padding:0 6%}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--yellow);color:#000;padding:15px}.skip:focus{top:15px}.header{height:88px;position:fixed;inset:0 0 auto;z-index:20;background:#0a0a0af2;border-bottom:1px solid #ffffff1a;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{width:116px}.brand img{width:116px}.links{display:flex;align-items:center;gap:32px;font-size:13px}.links a:hover{color:var(--yellow)}.nav-contact{border-bottom:1px solid var(--yellow);padding:12px 0}.menu{display:none;color:white;border:1px solid #555;background:none;padding:10px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;line-height:1.7}.yellow{color:var(--yellow)}.hero{padding-top:160px;min-height:850px;position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:1}.hero:after{content:'';position:absolute;right:5%;top:150px;width:110px;height:370px;background:var(--yellow);transform:skew(-28deg);opacity:.95}.hero h1{font-size:clamp(64px,8.8vw,128px);letter-spacing:-.075em;line-height:.98;font-weight:800;margin:48px 0 42px;max-width:1100px}.hero h1 span{display:block;color:var(--yellow)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:60px;padding-bottom:75px}.hero-bottom p{max-width:450px;font-size:17px;line-height:1.65;color:#bcbcb8;margin:0}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:22px 24px;background:var(--yellow);color:#111;font-size:14px;font-weight:bold;transition:background .2s,transform .2s}.cta:hover{background:#ffdc57;transform:translateY(-3px)}.arrow{font-size:25px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;color:#999;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.section{padding:110px 0}.light{background:var(--white);color:#111}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:60px}h2{font-size:clamp(40px,4.5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:750}h3{letter-spacing:-.03em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.intro p{font-size:18px;line-height:1.65;margin:0 0 23px}.intro .manifesto{font-size:26px;line-height:1.35;letter-spacing:-.03em}.nos{font-size:clamp(130px,23vw,320px);letter-spacing:-.09em;line-height:.9;color:#edb700;font-weight:900;margin-top:35px}.people{display:grid;grid-template-columns:1fr 1fr;gap:20px}.person:nth-child(2){margin-top:90px}.portrait{position:relative}.portrait:after{content:'';position:absolute;top:0;right:18px;width:25px;height:55px;background:var(--yellow);transform:skew(-32deg)}.portrait img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center 20%}.person h3{font-size:20px;margin:20px 0 7px}.person p{font-size:13px;line-height:1.5;margin:0;color:#555}.history{background:var(--yellow);color:#111}.history .section-head{align-items:end}.history-note{font-size:16px;line-height:1.6;max-width:670px;margin:30px 0 0}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #0005;margin-top:55px}.number{border-right:1px solid #0005;padding:32px 25px 0 0;margin-right:25px}.number:last-child{border:0}.number strong{display:block;font-size:76px;letter-spacing:-.07em;line-height:1}.number strong.words{font-size:34px;line-height:1.1;min-height:76px}.number p{font-size:14px;line-height:1.5;max-width:220px}.service{border-top:1px solid #444}.service:last-child{border-bottom:1px solid #444}.service summary{list-style:none;display:grid;grid-template-columns:80px 1fr 32px;align-items:center;padding:30px 0;gap:16px;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service summary .count{font-size:12px;color:var(--yellow)}.service summary h3{font-size:clamp(24px,3vw,42px);margin:0;font-weight:500}.plus{font-size:30px;color:var(--yellow);transition:transform .2s}.service[open] .plus{transform:rotate(45deg)}.service p{margin:0 0 30px 96px;max-width:700px;color:#bbb;line-height:1.7}.method .section-head p{font-size:17px;line-height:1.6;color:#666;max-width:540px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:2px solid #151515;padding-top:24px}.step b{font-size:13px}.step h3{font-size:30px;margin:45px 0 12px}.step p{font-size:15px;line-height:1.6;color:#555}.work-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.work-head p{max-width:310px;font-size:14px;line-height:1.7;color:#aaa}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 30px}.project:nth-child(even){transform:translateY(70px)}.project{margin:0}.project button{display:block;width:100%;border:0;padding:0;background:white;overflow:hidden;position:relative;text-align:left}.project img{width:100%;aspect-ratio:1.5;object-fit:contain;transition:transform .5s}.project button:hover img{transform:scale(1.04)}.project button:after{content:'↗';position:absolute;right:15px;bottom:15px;display:grid;place-items:center;background:var(--yellow);color:#000;width:42px;height:42px;font-size:25px;border-radius:50%}.project h3{font-size:25px;margin:22px 0 8px}.project p{font-size:13px;line-height:1.6;color:#aaa;margin:0}.portfolio{padding-bottom:180px}.difference{border-top:1px solid var(--line)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.value{border-top:1px solid #555;padding-top:25px}.value span{color:var(--yellow);font-size:12px}.value h3{font-size:27px;margin-top:30px}.value p{font-size:16px;line-height:1.65;color:#aaa}.contact{background:var(--yellow);color:#111}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.contact h2{font-size:clamp(45px,5vw,76px)}.contact-lead{font-size:20px;line-height:1.5;margin-top:30px}.channels{margin-top:55px;border-top:1px solid #0005}.channel{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #0005;font-size:15px}.channel span{font-size:12px;color:#494000}.form-note{font-size:12px;line-height:1.6;margin:0 0 24px}.field{margin-bottom:25px}.field label{display:block;font-size:12px;font-weight:bold;margin-bottom:10px}.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #0007;color:#111;padding:10px 0;border-radius:0}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#5c4c00}.form-button{background:#111;color:white;border:0;padding:20px 25px;width:100%;display:flex;justify-content:space-between}.form-button:hover{background:#333}.result{white-space:pre-wrap;font-size:14px;line-height:1.6;border:1px solid #0006;padding:20px;margin-top:20px}.footer{padding:55px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-links{display:flex;gap:25px;font-size:13px}.footer-bottom{border-top:1px solid #333;margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#aaa}.text-button{border:0;background:none;color:inherit;padding:0;text-decoration:underline}.dialog{border:1px solid #444;background:#111;color:white;padding:25px;width:min(1100px,94vw);max-height:90vh;overflow:auto}.dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{display:block;margin-left:auto;border:1px solid #666;background:#111;color:white;padding:12px 18px;margin-bottom:20px}.dialog img{width:100%;background:white}.dialog h3{font-size:28px}.dialog p{line-height:1.7;color:#ccc}.reveal{transition:opacity .65s,translate .65s}.js-motion .reveal:not(.seen){opacity:0;translate:0 25px}
@media(min-width:1600px){.hero{min-height:900px}}@media(max-width:900px){.links{gap:18px}.hero:after{right:-25px;width:80px}.hero{min-height:auto}.hero h1{font-size:10vw}.hero-bottom{gap:30px}.hero-bottom p{font-size:15px}.section-head{grid-template-columns:1fr;gap:20px}.intro{gap:5%}.numbers{grid-template-columns:1fr 1fr;row-gap:30px}.number:nth-child(2){border:0}.steps{grid-template-columns:1fr 1fr}.contact-grid{gap:6%}.values{gap:25px}}
@media(max-width:600px){html{scroll-padding-top:80px}.wrap{padding:0 6%}.header{height:74px}.brand,.brand img{width:94px}.menu{display:block}.links{display:none;position:absolute;top:74px;left:0;right:0;background:#111;padding:25px 6%;border-bottom:1px solid #444}.links.open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.links a{padding:12px}.hero{padding-top:125px}.hero:after{top:120px;right:-28px;width:65px;height:200px}.hero .eyebrow{max-width:250px;font-size:9px}.hero h1{font-size:clamp(48px,12.9vw,77px);margin:40px 0 32px;letter-spacing:-.065em}.hero-bottom{display:block;padding-bottom:40px}.hero-bottom p{font-size:16px;max-width:330px}.cta{margin-top:28px;width:100%;font-size:13px;padding:20px}.hero-foot{font-size:8px;letter-spacing:.07em;padding:20px 0}.section{padding:70px 0}.section-head{margin-bottom:35px;gap:20px}h2{font-size:40px}.intro{grid-template-columns:1fr}.intro p{font-size:16px}.intro .manifesto{font-size:22px}.nos{font-size:160px;margin:10px 0 35px}.people{gap:15px}.person:nth-child(2){margin-top:45px}.person h3{font-size:18px}.person p{font-size:12px}.numbers{margin-top:35px}.number{margin-right:15px;padding-right:10px}.number strong{font-size:66px}.number strong.words{font-size:27px;min-height:65px}.number p{font-size:13px}.service summary{grid-template-columns:25px 1fr 23px;gap:10px;padding:25px 0}.service summary h3{font-size:25px}.service p{margin-left:35px;font-size:14px}.steps{gap:25px}.step h3{font-size:26px;margin-top:35px}.step p{font-size:14px}.work-head{display:block}.work-head p{margin-top:25px}.projects{grid-template-columns:1fr;gap:40px}.project:nth-child(even){transform:none}.project h3{font-size:23px}.values{grid-template-columns:1fr;gap:30px}.value h3{margin:20px 0 12px}.value p{margin-bottom:0}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:46px}.channels{margin-top:30px}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:20px}.dialog{padding:18px}.dialog h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-motion .reveal:not(.seen){opacity:1;translate:none}}

/* Contatos e repertório: revisão 2 */
.cta{background:#25d366;color:#082b15;border-radius:999px;min-height:56px;text-align:left}.cta:hover{background:#4de585}.nav-contact{background:#25d366;color:#082b15!important;border:0;border-radius:999px;padding:13px 21px!important;font-weight:700}.nav-contact:hover{background:#4de585}.form-button{background:#25d366;color:#082b15;border-radius:999px;font-weight:700}.form-button:hover{background:#4de585}.section-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:55px;padding-top:35px;border-top:1px solid #7775}.section-cta p{font-size:20px;line-height:1.4;max-width:440px;margin:0;letter-spacing:-.02em}.section-cta .cta{flex-shrink:0}.clients{background:#fff;color:#111;padding:70px 0;overflow:hidden}.clients-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.clients h2{font-size:clamp(32px,3.3vw,48px);margin-top:20px}.clients p{font-size:14px;line-height:1.65;max-width:650px;color:#555;margin-bottom:0}.loop-control{background:transparent;color:#333;border:1px solid #bbb;border-radius:999px;padding:12px 18px;font-size:12px;white-space:nowrap}.logo-window{overflow:hidden}.logo-track{display:flex;width:max-content;animation:logos 80s linear infinite}.logo-set{display:flex;align-items:center;flex-shrink:0}.client-logo{width:220px;height:120px;padding:20px;display:flex;align-items:center;justify-content:center}.client-logo img{width:180px;height:80px;object-fit:contain}.logo-window:hover .logo-track,.logo-track.paused{animation-play-state:paused}@keyframes logos{to{transform:translateX(-50%)}}@media(max-width:600px){.clients{padding:55px 0}.clients-heading{display:block}.loop-control{margin-top:25px}.client-logo{width:175px;height:100px;padding:15px}.client-logo img{width:145px;height:70px}.section-cta{display:block;margin-top:35px;padding-top:28px}.section-cta p{font-size:19px}.section-cta .cta{margin-top:22px;width:100%}.links .nav-contact{margin-top:10px}}@media(prefers-reduced-motion:reduce){.logo-track{animation:none;width:100%;display:block}.logo-set{flex-wrap:wrap;justify-content:center}.logo-set[aria-hidden=true]{display:none}.loop-control{display:none}}
@media(min-width:601px){.portfolio .section-cta{margin-top:125px}}

/* Logos discretos, com cor na interação. */
.client-logo img{filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease}
.client-logo:hover img,.client-logo:focus img{filter:grayscale(0);opacity:1}
.client-logo:focus-visible{outline:2px solid #555;outline-offset:-8px;border-radius:8px}
.logo-window:focus-within .logo-track{animation-play-state:paused}

.social-links{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 32px}.social-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}.social-links svg{width:22px;height:22px}.social-links a:hover{color:var(--yellow,#ffcc00)}.social-links a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.channel{color:inherit;text-decoration:none}.channel span{overflow-wrap:anywhere}

/* As novas fotos já trazem o acento diagonal no fundo. */
.portrait:after{content:none}

@media(max-width:600px){.intro{gap:0}}
