:root{color-scheme:dark;--bg:#101110;--ink:#f0ede5;--muted:#bbbcb4;--gold:#c5a465;--line:#444238}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header,main,footer{width:min(1240px,calc(100% - 96px));margin:auto}header{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:var(--gold)}.brand img{width:58px;height:58px;object-fit:contain}.brand span{font-family:Georgia,serif;font-size:38px;line-height:1.1}.brand small{display:block;font-family:Arial,sans-serif;font-size:12px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}nav a{padding:12px 0;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--gold);box-shadow:0 1px var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15;margin:0 0 24px}h1{font-size:clamp(2.8rem,5vw,4.6rem);letter-spacing:-.035em}h2{font-size:clamp(1.8rem,2.6vw,2.5rem)}h3{font-size:1.65rem}p{margin:0 0 22px;max-width:65ch;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--gold);margin-bottom:25px}.entrance{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:75px;min-height:calc(100svh - 220px);padding:60px 0}.identity{text-align:center}.identity img{width:220px;max-width:65%;display:block;margin:0 auto 8px}.identity h1{font-size:clamp(5rem,10vw,9rem);color:var(--gold);margin:0}.identity p{color:var(--gold);font-size:clamp(.9rem,1.4vw,1.1rem);margin:0}.services{border-left:1px solid var(--gold);padding-left:55px}.service{display:grid;grid-template-columns:24px 1fr 25px;align-items:center;gap:20px;padding:34px 0;border-bottom:1px solid var(--line);transition:color .2s}.service:first-child{border-top:1px solid var(--line)}.service h2{font-size:clamp(1.5rem,2.7vw,2.5rem);margin:0}.number{color:var(--gold);font-size:12px}.arrow{font-size:26px;color:var(--gold)}.service:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;padding:70px 0}.hero p{font-size:17px}.hero figure{margin:0;max-height:600px;overflow:hidden;background:#1d1d1d}.hero figure img{width:100%;height:580px;object-fit:cover;object-position:center 20%;display:block}.sobre .hero figure img{object-position:center 18%}.sites .hero figure img,.cartao .hero figure img{object-fit:contain;background:#1d1d1d;height:590px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--gold);padding:15px 23px;color:var(--ink);font-size:16px;line-height:1.5;transition:background .2s}.button span{color:var(--gold)}.button:hover{background:#25251f}.hero .button{margin-top:12px}.editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:55px 0;border-top:1px solid var(--line)}.editorial h2{max-width:14ch}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:0 0 20px 45px}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:0;color:var(--gold);font-size:13px}.steps h3{font-size:1.35rem;margin-bottom:10px}.steps p{margin-bottom:12px}.founders{padding:55px 0;border-top:1px solid var(--line)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:960px}.duo figure{margin:10px 0 25px;height:380px;overflow:hidden;background:#1d1d1d}.duo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block}.duo article:first-child img{object-position:50% 8%}.duo h3{margin-bottom:8px}.duo .eyebrow{margin-bottom:16px}.closing{padding:50px 0 70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{max-width:22ch;margin:0}.example{color:var(--ink);overflow-wrap:anywhere}.contact{padding:80px 0 70px;max-width:1000px;margin:auto}.contact-options{margin:45px 0 55px;display:grid;gap:0}.contact-options .button{border:0;border-top:1px solid var(--line);font-family:Georgia,serif;font-size:clamp(1.3rem,3vw,2rem);padding:27px 0}.contact-options .button:last-child{border-bottom:1px solid var(--line)}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.contact-details h2{font-family:Arial;font-size:14px;color:var(--gold);margin-bottom:12px}.contact-details a{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer div{display:flex;gap:25px}footer small{font-size:12px}.skip{position:fixed;top:-100px;background:var(--gold);color:#111;padding:12px;z-index:20}.skip:focus{top:10px}@media(max-width:1000px){header,main,footer{width:calc(100% - 48px)}header{flex-wrap:wrap;padding:24px 0;gap:18px}nav{gap:20px}.entrance{gap:35px}.services{padding-left:30px}.hero{gap:35px}.editorial{gap:45px}.hero figure img,.sites .hero figure img,.cartao .hero figure img{height:480px}footer{flex-wrap:wrap}}@media(max-width:680px){header,main,footer{width:calc(100% - 40px)}header{display:block}.brand span{font-size:30px}.brand img{width:48px;height:48px}nav{margin-top:22px;gap:12px 19px;font-size:14px}.entrance{display:block;padding:45px 0;min-height:0}.identity img{width:165px}.identity h1{font-size:6rem}.identity p{font-size:.9rem}.services{border-left:0;padding-left:0;margin-top:45px}.service{padding:25px 0;gap:15px}.service h2{font-size:1.65rem}.hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 0;gap:30px}.hero figure{max-width:450px;width:100%;margin:auto}.hero figure img,.sites .hero figure img,.cartao .hero figure img{height:440px}.hero h1{font-size:2.8rem}.hero p{font-size:16px}.editorial{display:block;padding:35px 0}.editorial h2{max-width:none;margin-bottom:25px}.duo{grid-template-columns:1fr;gap:30px}.duo figure{height:360px}.closing{display:block;padding:35px 0}.closing h2{margin-bottom:25px}.contact{padding:45px 0}.contact-details{grid-template-columns:1fr;gap:28px}.contact-details p{margin:0}footer{display:block}footer div{margin:15px 0;flex-wrap:wrap}.eyebrow{font-size:12px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Transparent portraits: natural proportions and deliberate framing. */
.brand img{object-fit:contain;background:transparent}.identity img{width:250px;background:transparent}.hero{grid-template-columns:1.1fr .9fr;align-items:center}.hero figure{background:transparent;overflow:hidden;align-self:end;width:100%;height:570px;margin:0}.hero figure img,.sites .hero figure img,.cartao .hero figure img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent}.sobre .hero figure{height:600px}.sobre .hero figure img{object-fit:contain;object-position:center bottom}.duo figure{height:390px;background:transparent;position:relative;overflow:hidden}.duo img,.duo article:first-child img{object-fit:contain;object-position:center bottom;height:100%;width:100%}.duo article:first-child figure img{height:165%;max-width:none;width:100%;object-fit:cover;object-position:center top}.duo article{border-bottom:1px solid var(--line);padding-bottom:20px}.sites .hero figure,.cartao .hero figure{height:580px}@media(max-width:1000px){.hero figure,.sobre .hero figure,.sites .hero figure,.cartao .hero figure{height:480px}}@media(max-width:680px){.identity img{width:180px}.hero figure,.sobre .hero figure,.sites .hero figure,.cartao .hero figure{height:420px;max-width:380px;align-self:center}.duo figure{height:350px;max-width:380px}.duo article:first-child figure img{height:165%}}
/* Rounded lower silhouette, matching Karin's portrait finish. */
.sobre .hero figure,.sites .hero figure,.cartao .hero figure,.founders .duo article:first-child figure{border-radius:0 0 48% 48% / 0 0 16% 16%;overflow:hidden;isolation:isolate}
.sobre .hero figure img,.sites .hero figure img,.cartao .hero figure img{border-radius:0 0 48% 48% / 0 0 16% 16%;object-fit:cover;object-position:center top}
.sobre .hero figure{height:auto;aspect-ratio:1122/1403}
.sites .hero figure{height:auto;aspect-ratio:1122/1403}
.cartao .hero figure{height:auto;aspect-ratio:1122/1403}
.founders .duo article:first-child figure{height:390px}
.founders .duo article:first-child figure img{height:165%;width:100%;object-fit:cover;object-position:center top}
.marcas .hero figure{height:auto;align-self:center;overflow:visible}
.marcas .hero figure img{height:auto;object-fit:contain}
@media(max-width:680px){.sobre .hero figure,.sites .hero figure,.cartao .hero figure{height:auto;width:100%;max-width:380px}.founders .duo article:first-child figure{height:350px}.marcas .hero figure{height:auto;max-width:420px}}
.continuous .page-section{border-top:1px solid var(--gold);padding-top:25px;scroll-margin-top:25px}.continuous .page-section>.hero .section-title{font-size:clamp(2.8rem,5vw,4.6rem);letter-spacing:-.035em;line-height:1.15}.continuous .contact>.section-title{font-size:clamp(2.8rem,5vw,4.6rem)}.continuous .home .entrance{min-height:calc(100svh - 125px)}.continuous .cartao .hero figure{aspect-ratio:1122/1403;border-radius:0 0 48% 48% / 0 0 16% 16%}.continuous .cartao .hero figure img{object-fit:cover;object-position:center top}.continuous .page-section:last-child{padding-bottom:15px}@media(max-width:680px){.continuous .page-section>.hero .section-title{font-size:2.8rem}.continuous .home .entrance{min-height:0}.continuous .page-section{padding-top:10px;scroll-margin-top:10px}}

/* A solid gold foreground band gives every team portrait a grounded finish. */
.continuous .hero figure,.continuous .founders .duo figure{
  position:relative;isolation:isolate;overflow:hidden;border-radius:0;
}
.continuous .hero figure img,.continuous .founders .duo figure img{
  border-radius:0;
}
.continuous .hero figure::after,.continuous .founders .duo figure::after{
  content:"";position:absolute;inset:auto 0 0;height:28px;
  background:var(--gold);z-index:1;pointer-events:none;
}
@media(max-width:680px){
  .continuous .hero figure::after,.continuous .founders .duo figure::after{height:22px}
}

/* Keep the desk and hands visible; this band follows the entire photograph. */
.continuous .marcas .hero figure{height:auto;max-height:none}
.continuous .marcas .hero figure::after{position:relative;display:block;inset:auto;width:100%}

/* Render the original symbol silhouette in the same flat gold as its lettering. */
.exmn-symbol{display:block;flex-shrink:0;background:var(--gold);aspect-ratio:1;
-webkit-mask:url('/assets/simbolo-recorte.png') center/contain no-repeat;
mask:url('/assets/simbolo-recorte.png') center/contain no-repeat}
.brand .exmn-symbol{width:58px;height:58px}
.identity .exmn-symbol{width:250px;max-width:65%;margin:0 auto 8px}
.brand small{color:var(--gold)}
@media(max-width:680px){.brand .exmn-symbol{width:48px;height:48px}.identity .exmn-symbol{width:180px}}

/* Documentary event photographs retain their original framing. */
.event-section{padding-bottom:65px}.event-heading{padding:40px 0 25px}.event-heading h2{max-width:24ch;font-size:clamp(2rem,3.5vw,3.2rem)}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 50px}.event-item{min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px}.event-item figure{margin:0 0 24px;background:#181918;border-radius:12px;overflow:hidden}.event-item img{display:block;width:100%;height:440px;object-fit:contain}.event-copy .eyebrow{margin-bottom:12px;font-size:14px;letter-spacing:.06em}.event-copy h3{font-size:1.7rem;margin-bottom:16px}.event-copy p:last-child{margin-bottom:0}.event-lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.event-lead figure{margin-bottom:0}.event-lead img{height:430px}.event-lead h3{font-size:clamp(1.8rem,3vw,2.5rem)}
@media(max-width:680px){.event-grid{grid-template-columns:1fr;gap:30px}.event-lead{grid-column:auto;display:block}.event-lead figure{margin-bottom:24px}.event-item img,.event-lead img{height:auto;max-height:none}.event-heading{padding-top:30px}.event-section{padding-bottom:35px}}

/* Individual framing: fill the photograph area without letterboxing. */
.event-grid{align-items:start;gap:48px 38px}
.event-item figure{aspect-ratio:4/5;background:transparent;border-radius:14px;overflow:hidden}
.event-item img{width:100%;height:100%;max-height:none;object-fit:cover;display:block}
.event-item img[src$="arena-mrv.jpg"]{object-position:50% 100%}
.event-item img[src$="impulsiona-expositores.jpg"]{object-position:50% 100%}
.event-item img[src$="impulsiona-cdl.jpg"]{object-position:50% 75%}
.event-item img[src$="impulsiona-palestra.jpg"]{object-position:47% 50%}
.event-lead{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}
.event-lead figure{aspect-ratio:720/890;max-width:440px;width:100%;justify-self:center}
.event-lead img{height:100%;object-fit:contain}
@media(max-width:680px){.event-grid{gap:34px}.event-item figure{width:100%;max-width:440px;margin-left:auto;margin-right:auto}.event-item img,.event-lead img{height:100%}.event-lead{display:block}.event-copy{max-width:440px;margin-left:auto;margin-right:auto}}

/* Compact four-record gallery, following the service presentation. */
.event-section{padding-bottom:40px}.event-heading{padding:25px 0 15px}.event-heading h2{max-width:32ch;font-size:clamp(1.9rem,3vw,2.7rem)}
.event-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.event-lead{grid-column:auto;display:block}.event-item{padding-bottom:20px}.event-item figure,.event-lead figure{aspect-ratio:4/5;max-width:none;margin:0 0 18px}
.event-item img,.event-lead img{height:100%;width:100%}.event-lead img{object-fit:contain;background:#101110}
.event-copy .eyebrow{font-size:14px;letter-spacing:0;text-transform:none;margin-bottom:10px}.event-copy h3,.event-lead h3{font-size:1.4rem;line-height:1.2;margin-bottom:12px}.event-copy p:last-child{font-size:16px;line-height:1.6}
@media(max-width:1000px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.event-item figure,.event-lead figure{max-width:320px;margin-left:auto;margin-right:auto}}
@media(max-width:680px){.event-grid{grid-template-columns:1fr;gap:25px}.event-item figure,.event-lead figure{max-width:280px}.event-copy{max-width:380px}.event-heading h2{font-size:2rem}}

.client-section{padding:45px 0 60px;border-top:1px solid var(--line);scroll-margin-top:25px}.client-section>p{max-width:75ch}.client-logos{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.client-logos li{width:calc((100% - 66px)/4);min-width:0}.client-logo{position:relative;aspect-ratio:1.65;overflow:hidden;border-radius:8px;background:var(--logo-bg)}.client-logo img{position:absolute;display:block;max-width:none;width:var(--logo-zoom);height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.client-tambores img{width:92%}.client-kimoto img{top:49%}
@media(max-width:680px){.client-section{padding:30px 0 40px}.client-logos{gap:14px}.client-logos li{width:calc((100% - 14px)/2)}}

/* Eight client marks: local clients first, then clients from other cities. */
.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.client-logos li{width:auto}.client-logo{aspect-ratio:1.5}
.client-guaka img{width:110%}.client-caete img{width:115%}.client-viacity img{width:135%}.client-karen img{width:112%}.client-veneno img{width:100%}.client-kimoto img{width:130%}.client-porcento img{width:100%;height:88%;object-fit:contain}.client-kgvox img{width:86%;height:80%;object-fit:contain}
@media(max-width:680px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-logos li{width:auto}}

.client-section>p{max-width:none;text-wrap:pretty}.client-phrase{white-space:nowrap}