/* KW editorial presentation — semantic palette shared with the app shell. */
:root{--ink:oklch(0.145 0 0);--paper:oklch(1 0 0);--red:oklch(0.573 0.234 29.1);--list-marker:oklch(0.643 0.131 251);--dim:oklch(0.78 0 0);--dimmer:oklch(0.63 0 0);--line:oklch(1 0 0 / .16);--surface:oklch(0.18 0 0);--header-glass:oklch(0.145 0 0 / .88);--signature:oklch(0.8 0 0 / .2);--hero-shade:linear-gradient(90deg,var(--ink) 5%,oklch(0.145 0 0 / .95) 25%,oklch(0.145 0 0 / .65) 55%,oklch(0.145 0 0 / .1) 100%);--hero-base:linear-gradient(0deg,var(--ink),transparent 40%);--pad:72px;--display:'Manrope',sans-serif;--body:'Inter',sans-serif}
body{font-family:var(--body);font-weight:400;line-height:1.75}h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:0;line-height:1.18}body *{letter-spacing:0}html{scroll-padding-top:118px}section,footer{padding:100px var(--pad);isolation:isolate}section>*,footer>*{position:relative;z-index:1;min-width:0}section{border-bottom:1px solid var(--line)}
header{background:transparent;backdrop-filter:none;transition:background .35s,backdrop-filter .35s,border-color .35s}header.scrolled{background:var(--header-glass);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.nav{padding:20px var(--pad);display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px}.bmark img{height:64px}.bmark span{font-size:10px;line-height:1.5;letter-spacing:0}.bmark:hover img{transform:none;filter:none}.nav menu{justify-content:flex-end;gap:24px}.nav menu a{font-size:12px;text-transform:none;letter-spacing:0;font-weight:500;padding:12px 0}.nav menu a .tab-sm{font-size:.74em;font-weight:400;letter-spacing:.08em;opacity:.82}.nav>.btn{display:none}#burger{width:44px;height:44px;font-size:24px;align-items:center;justify-content:center;flex-shrink:0}a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
#loader{display:none}body.loading{overflow:auto}#prog{height:1px}#hex{display:none}.section-hex{position:absolute;right:0;top:24px;width:350px;height:400px;z-index:-1;pointer-events:none;color:var(--signature);will-change:transform}.section-hex polygon,.section-hex path{stroke:currentColor;fill:none;stroke-width:.7}.section-hex circle{fill:currentColor}
.tag{gap:15px;margin-bottom:22px}.tag .l,.on .tag .l{width:58px;flex-shrink:0;background:var(--line);position:relative}.tag .l::after{content:'';position:absolute;right:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--red)}.tag span:not(.l){font-size:11px;letter-spacing:0;text-transform:uppercase}.big,h2.big{font-size:42px;max-width:900px;margin-bottom:28px}h2.big em{color:var(--paper)}p.lead{font-size:16px;line-height:1.9;max-width:66ch}p.lead strong{font-weight:500}
#hero{min-height:720px;min-height:calc(100svh - 48px);max-height:none;padding-top:140px;padding-bottom:88px;overflow:hidden;border-bottom:1px solid var(--line);justify-content:center}.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}.hero-image img{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:50% 28%;filter:grayscale(1);opacity:.78}.hero-image::after{content:'';position:absolute;inset:0;background:var(--hero-shade)}#hero::after{content:'';position:absolute;inset:0;background:var(--hero-base);z-index:-1;pointer-events:none}.herologo{display:none}#hero .kick{font-size:11px;letter-spacing:0;margin-bottom:24px;display:flex;align-items:center;gap:14px}#hero .kick::before{content:'';width:34px;height:1px;background:var(--red)}#hero h1{font-size:80px;max-width:12ch;line-height:1.06;font-weight:500;margin-bottom:20px}.hero-statement{font-size:26px;font-weight:400;color:var(--dim);margin-bottom:8px;max-width:24ch}.hero-statement .dot{color:var(--red)}#hero .sub{margin-top:18px;gap:12px}#hero .sub .n{font-size:12px;letter-spacing:0}#hero .sub .r{font-size:10px;letter-spacing:0}#hero .sub .s{width:22px}#hero p.lead{max-width:46ch;font-size:14px;margin-top:24px!important}#hero .ctas{gap:12px;margin-top:30px}.scrollhint{bottom:22px;font-size:10px;letter-spacing:0}.scrollhint::after{height:22px}
.btn{font-family:var(--body);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;border-radius:0;padding:14px 22px;min-height:46px}.btn::before{background:var(--surface);transform:translateY(101%)}.btn:hover{border-color:var(--dim)}.btn.solid{background:transparent;border-color:var(--line)}.btn.solid::before{background:var(--surface)}.btn.solid i{color:var(--red)}.btn:hover i{color:var(--red)}.btn.solid:hover{border-color:var(--dim)}
.two{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:80px}.portrait{max-width:400px}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:top}.portrait::before{inset:-12px 12px 12px -12px;border-color:var(--line)}.portrait .cap{font-size:10px;letter-spacing:0}.creds{gap:24px;margin-top:36px}.cred h4{font-size:15px}.cred p{font-size:13px}.cred h4 span{color:var(--paper)}
#servicos .service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:40px}.service{padding-top:20px;border-top:1px solid var(--line)}.service .index{font:400 14px var(--display);color:var(--red);display:block;margin-bottom:18px}.service h3{font-size:20px;margin-bottom:15px}.service p{font-size:14px;color:var(--dim);line-height:1.8}.service ul{list-style:none}.service li{position:relative;padding-left:18px;font-size:13px;color:var(--dim);margin-top:12px}.service li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;transform:rotate(45deg);background:var(--list-marker)}
#numeros{padding-top:60px;padding-bottom:60px}.num .v,.bcard .fig,.panel .big{font-family:var(--display);color:var(--red);font-size:54px;font-weight:400}.num .k{font-size:11px;letter-spacing:0;line-height:1.65}.nums{gap:36px}.num .v sup,.bcard .fig sup{top:-.55em}.bcard,.card{border:0;border-top:1px solid var(--line);padding:26px 0;background:none;border-radius:0}.bcard::before{display:none}.bcard:hover,.card:hover{border-color:var(--red);transform:translateY(-3px)}.big3,.g3,.g4{gap:32px}.bcard .k,.card .ic{font-size:10px;letter-spacing:0}.bcard h3,.card h3,.pil h3{font-size:19px;margin:16px 0 12px}.bcard p,.card p,.pil p{font-size:14px;line-height:1.8}.bcard .meta{font-size:10px;letter-spacing:0}.pil .n{font-family:var(--display)}.pil{padding-top:24px}.pil::before{width:24px}
.panel{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;background:none}.panel::before,.panel::after{display:none}.panel .qt,.panel .lab{font-size:11px;letter-spacing:0}.panel li{font-size:14px;padding-left:22px}.panel li::before,.panel li:hover::before{width:5px;height:5px;background:var(--list-marker);transform:rotate(45deg);top:17px}.panel li:hover{padding-left:22px}.split{gap:72px}.badge{border:0;border-left:1px solid var(--red);padding:0 0 0 14px;font-size:10px;letter-spacing:0}.badge i{display:none}
.fly{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.fitem{background:var(--ink);border:0}.fitem img{object-fit:contain;background:var(--ink);aspect-ratio:3/4}.fcap{font-size:10px;letter-spacing:0;padding:12px 0;color:var(--dim)}.gal{gap:22px}.shot{border:0;overflow:visible}.shot img{aspect-ratio:4/3}.shot .c{position:static;background:none;color:var(--dim);font-size:10px;letter-spacing:0;padding:12px 0;transform:none;opacity:1}.shot:hover img{transform:scale(1.02)}.wall{background:var(--line);border-color:var(--line)}.wcell{background:var(--ink)}.wcell:hover{background:var(--surface)}.wcell .t{font-family:var(--display);font-size:12px;letter-spacing:0}.podname{font-family:var(--display);font-size:54px;letter-spacing:0}.podtag{font-size:11px;letter-spacing:0}.chip{font-size:10px;letter-spacing:0}.wave{height:48px}.quadro .qn{font-family:var(--display);font-size:13px}.quadro h4{font-size:15px}.quadro p{font-size:13px;line-height:1.6}
#playlist{padding-top:64px;padding-bottom:64px}#playlist h2{margin:0}.playlist-pending{font-size:13px;color:var(--dimmer);margin-top:18px}.fg{gap:60px}.contacts{gap:22px}.contacts a{display:grid;grid-template-columns:78px 22px minmax(0,1fr);gap:12px;font-size:14px;max-width:100%;overflow-wrap:anywhere}.contacts a:hover{gap:12px;color:var(--paper)}.contacts a small{min-width:0;font-size:10px;letter-spacing:0}.contacts a .l{width:22px}.fbot .c{font-size:10px;letter-spacing:0}.fbot img:hover{filter:none;transform:none}.wa{background:var(--ink);border:1px solid var(--line);box-shadow:none;right:20px;bottom:20px;width:48px;height:48px}.wa svg{fill:var(--paper)}.wa:hover{border-color:var(--red)}
@media(min-width:1440px){:root{--pad:100px}#hero h1{font-size:96px}.big,h2.big{font-size:48px}}
@media(max-width:1100px){:root{--pad:44px}.nav{gap:20px}.nav menu{gap:16px}.bmark span{display:none}.two{gap:40px}.big,h2.big{font-size:36px}.big3,.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}#hero h1{font-size:72px}.nums{grid-template-columns:repeat(4,minmax(0,1fr))}.num .v{font-size:44px}.contacts a{grid-template-columns:64px minmax(0,1fr)}.contacts a .l{display:none}}
@media(max-width:880px){:root{--pad:28px}.nav{grid-template-columns:minmax(0,1fr) auto;padding:14px var(--pad)}.bmark span{display:block}.bmark{min-width:0}.nav menu{inset:94px 0 auto;background:var(--header-glass);backdrop-filter:blur(18px);padding:18px var(--pad) 28px;gap:0;max-height:calc(100svh - 94px);overflow:auto}.nav menu li{width:100%}.nav menu a{display:block;padding:14px 0;font-size:16px}.nav menu a::after{display:none}.nav menu a.act{color:var(--paper);border-left:2px solid var(--red);padding-left:14px}#burger{display:flex}section,footer{padding:72px var(--pad)}.two,.split,.fg{grid-template-columns:1fr;gap:40px}.portrait{max-width:340px}.creds{grid-template-columns:1fr 1fr}.big3,.g3{grid-template-columns:1fr}.bcard p,.card p{max-width:70ch}.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.num .v{font-size:48px}.fly{grid-template-columns:repeat(3,minmax(0,1fr))}.gal{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts a{grid-template-columns:78px 22px minmax(0,1fr)}.contacts a .l{display:block}.section-hex{width:260px;opacity:.55}#servicos .service-list{grid-template-columns:1fr;gap:24px}.service h3{font-size:20px}#hero h1{font-size:64px}}
@media(max-width:560px){:root{--pad:24px;--hero-shade:linear-gradient(90deg,var(--ink),oklch(0.145 0 0 / .86) 50%,oklch(0.145 0 0 / .6));--hero-base:linear-gradient(0deg,var(--ink),transparent 70%)}#hero{padding-top:126px;padding-bottom:70px;min-height:calc(100svh - 36px)}#hero h1{font-size:48px;max-width:10ch}.hero-statement{font-size:22px;max-width:20ch}.hero-image img{width:100%;object-position:60% 25%;opacity:.65}#hero .kick{font-size:9px;margin-bottom:28px}#hero .sub{display:block;margin-top:16px}#hero .sub .s{display:none}#hero .sub .n{display:none}#hero .sub .r{display:block;font-size:9px;max-width:34ch}#hero p.lead{font-size:13px;line-height:1.85;max-width:34ch;margin-top:20px!important}#hero .ctas{margin-top:26px;gap:10px}.btn{padding:13px 16px;font-size:10px}#hero .scrollhint{font-size:9px;bottom:20px}h2.big,.big{font-size:30px;line-height:1.25}.tag span:not(.l){font-size:10px}.tag .l,.on .tag .l{width:36px}p.lead{font-size:14px;line-height:1.85}.creds{grid-template-columns:1fr}.portrait{max-width:100%;margin-left:12px}.nums{gap:26px 18px}.num .v{font-size:40px}.num .k{font-size:10px}.fly{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gal{gap:16px}.fcap,.shot .c{font-size:9px}.wall{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:1fr}.podname{font-size:42px}.contacts a{grid-template-columns:64px minmax(0,1fr);font-size:12px;gap:10px}.contacts a .l{display:none}.contacts a:hover{gap:10px}.fbot{align-items:center}.fbot img{height:46px}.wa{right:14px;bottom:14px}.section-hex{width:210px;right:-30px;opacity:.35}#contato h2.big{font-size:30px!important}.panel .big{font-size:52px}.bmark img{height:52px}.nav menu{inset:82px 0 auto;max-height:calc(100svh - 82px)}}
/* Keep the expanded navigation readable without squeezing the brand. */
@media(min-width:881px){.nav{gap:24px}.nav menu{gap:18px;min-width:0}.nav menu a{display:block;white-space:nowrap}.bmark span{display:none}}
@media(min-width:881px) and (max-width:1100px){.nav{gap:18px}.nav menu{gap:12px}.nav menu a{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.section-hex{will-change:auto}.rv,.split-t>i{opacity:1;transform:none}}
