*{box-sizing:border-box}
@font-face{font-family:Cond;src:url(fonts/barlow-condensed-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Bar;src:url(fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Bar;src:url(fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--f:#101011;--p:#19191b;--p2:#222225;--t:#f1ece2;--m:#a7a196;--a:#ff5b2e;--a2:#ff7a52;--l:#34343a;--ease:cubic-bezier(.2,.7,.2,1)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--f);color:var(--t);font:400 18px/1.55 Bar,Arial,sans-serif;overflow-x:hidden}
img{display:block;width:100%;height:auto}a{color:inherit}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--a);outline-offset:3px;border-radius:3px}
.w{width:min(1320px,100% - 56px);margin-inline:auto}
.pular{position:absolute;left:12px;top:-60px;z-index:99;background:var(--a);color:#111;padding:10px 16px;font-weight:600}.pular:focus{top:10px}
.topo{position:sticky;top:0;z-index:50;background:rgba(16,16,17,.84);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.topo.rolou{border-color:var(--l)}
.topo-in{display:flex;justify-content:space-between;align-items:center;padding-block:14px}
.logo{display:block;width:46px;height:46px;transition:transform .3s var(--ease)}.logo:hover{transform:rotate(-8deg) scale(1.06)}.logo img{width:100%;height:100%}
nav{display:flex;gap:26px;align-items:center;font-weight:600;font-size:.98rem}
nav a{text-decoration:none;position:relative;padding:4px 0}nav a:not(.cv)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--a);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}nav a:not(.cv):hover::after{transform:scaleX(1)}
.cv{border:1.5px solid var(--t);padding:7px 16px;transition:background .25s,color .25s}.cv:hover{background:var(--t);color:var(--f)}
/* capa */
.hero{position:relative;padding:5vh 0 9vh;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px;overflow:hidden}
.hero::before{content:"";position:absolute;right:-12vw;top:-14vh;width:46vw;height:46vw;background:radial-gradient(circle,rgba(255,91,46,.2),transparent 62%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:22vh;background:linear-gradient(transparent,var(--f));pointer-events:none}
.hero-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:3vw;align-items:center}
.tag{font-weight:600;color:var(--a);letter-spacing:.14em;text-transform:uppercase;font-size:.88rem;margin-bottom:18px}
h1{font:800 clamp(4rem,10.4vw,10.4rem)/.84 Cond,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:-.012em;margin-bottom:4vh}
h1 span{display:block}.l2{color:var(--a)}
.lead{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.45;font-weight:600;max-width:34em}
.nums{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}.nums li{border-left:2px solid var(--a);padding-left:14px}.nums b{display:block;font:800 clamp(2.4rem,3.6vw,3.2rem)/1 Cond,sans-serif}.nums span{color:var(--m);font-size:.88rem;line-height:1.3;display:block;max-width:12em}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.bt{display:inline-flex;align-items:center;gap:10px;background:var(--a);color:#111;font-weight:600;text-decoration:none;padding:14px 26px;transition:background .25s,transform .25s var(--ease)}.bt:hover{background:var(--a2);transform:translateY(-2px)}.bt span{transition:transform .25s var(--ease)}.bt:hover span{transform:translateX(5px)}
.bt.sec{background:transparent;color:var(--t);border:1.5px solid var(--t)}.bt.sec:hover{background:var(--t);color:var(--f)}
.bt.escuro{background:#111;color:var(--t)}.bt.escuro:hover{background:#000;transform:translateY(-2px)}
.colagem{position:relative;aspect-ratio:1/.95}
.cl{position:absolute;width:76%;border:1px solid var(--l);background:var(--p);box-shadow:0 30px 60px -24px rgba(0,0,0,.8)}
.cl1{left:0;top:2%;z-index:3;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--a),0 30px 60px -24px rgba(0,0,0,.8)}
.cl2{right:0;top:22%;z-index:2;transform:rotate(2.5deg)}
.cl3{left:12%;bottom:0;z-index:1;transform:rotate(-1deg)}
.selo-h{position:absolute;right:2%;top:-2%;z-index:4;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--a);color:#111;font:800 1.1rem/1.05 Cond,sans-serif;text-transform:uppercase;text-align:center;transform:rotate(12deg)}
/* seções */
.sec-cab{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:12px 40px;padding:90px 0 34px}
h2{font:800 clamp(2.8rem,6vw,5.2rem)/.9 Cond,sans-serif;text-transform:uppercase;position:relative}h2::before{content:"";display:block;width:56px;height:6px;background:var(--a);margin-bottom:18px}
.sec-cab p{color:var(--m);max-width:44ch}
.k{color:var(--m);font-weight:600;font-size:.95rem;margin-bottom:8px}
h3{font:800 clamp(2.4rem,4.2vw,4rem)/.95 Cond,sans-serif;text-transform:uppercase;margin-bottom:16px}
.d{color:#cfc9bd}.s{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--m);font-size:.9rem;margin:16px 0 24px}.s li::before{content:"· ";color:var(--a)}
.pal{display:flex;gap:6px;margin:18px 0 0}.pal li{width:24px;height:24px;border-radius:50%;border:2px solid var(--f);outline:1px solid var(--l)}
.c-cbm-0{background:#121315}.c-cbm-1{background:#f2a900}.c-cbm-2{background:#e8e8ea}
.c-esportivo-0{background:#0d0d0f}.c-esportivo-1{background:#d4202a}.c-esportivo-2{background:#f3f3f4}
.c-hexagonos-0{background:#0b0b0d}.c-hexagonos-1{background:#a3283c}.c-hexagonos-2{background:#e2677c}.c-hexagonos-3{background:#efe6d6}
.c-servico-0{background:#0e241a}.c-servico-1{background:#ffc83d}.c-servico-2{background:#0f7a40}
.c-marca-0{background:#150a24}.c-marca-1{background:#8a1fa6}.c-marca-2{background:#f4b6ff}.c-marca-3{background:#ffd23f}
.c-barbearia-0{background:#0b0b0b}.c-barbearia-1{background:#f2b705}.c-barbearia-2{background:#f3eee3}
.c-kraft-0{background:#ebddc3}.c-kraft-1{background:#1d2740}.c-kraft-2{background:#e8553d}
.c-elegante-0{background:#faf6f1}.c-elegante-1{background:#2b1f1d}.c-elegante-2{background:#9a6252}.c-elegante-3{background:#e8d3b9}
.quadro{display:block;overflow:hidden;background:var(--p);border:1px solid var(--l);transition:border-color .3s}.quadro img{transition:transform .8s var(--ease)}
.bar{display:flex;gap:6px;padding:10px 12px;background:#26262a;border-bottom:1px solid var(--l)}.bar i{width:9px;height:9px;border-radius:50%;background:#55555c}
.dest{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;background:var(--p);border:1px solid var(--l);border-top:4px solid var(--a);padding:44px;margin-bottom:12px}
.dest .quadro{box-shadow:14px 14px 0 var(--a)}.dest:hover .quadro img{transform:scale(1.03)}
.pts{display:grid;gap:8px;margin:20px 0 4px;color:var(--t)}.pts li{padding-left:28px;position:relative}.pts li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;border-left:3px solid var(--a);border-bottom:3px solid var(--a);transform:rotate(-45deg) scaleY(.9)}
.proj{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;padding:56px 0;border-bottom:1px solid var(--l);align-items:center}
.proj.inv{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.proj.inv .quadro{order:-1}
.n{font:800 clamp(4rem,7vw,6.5rem)/.8 Cond,sans-serif;color:transparent;-webkit-text-stroke:2px var(--a);margin-bottom:16px;transition:color .4s}.proj:hover .n{color:var(--a)}
.proj:hover .quadro img{transform:scale(1.04)}.proj:hover .quadro{border-color:var(--a)}
.ver{display:inline-block;font-weight:600;text-decoration:none;border-bottom:2px solid var(--a);padding-bottom:2px;transition:color .25s}.ver:hover{color:var(--a)}.ver span{display:inline-block;transition:transform .25s var(--ease)}.ver:hover span{transform:translateX(5px)}
.outras{margin-top:14px;color:var(--m);font-size:.92rem}.outras a{color:var(--t);text-underline-offset:3px}.outras a:hover{color:var(--a)}
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.passos li{border-top:3px solid var(--a);background:var(--p);padding:26px 22px 28px;transition:transform .3s var(--ease),background .3s}.passos li:hover{transform:translateY(-6px);background:var(--p2)}
.passos b{font:800 1.4rem Cond,sans-serif;color:var(--a)}.passos h3{font-size:2rem;margin:10px 0}.passos p{color:#cfc9bd;font-size:.97rem}
.sobre-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;color:#cfc9bd}
.sobre-t p+p{margin-top:16px}.fatos{display:grid;gap:16px;margin-top:26px}.fatos li{border-left:2px solid var(--a);padding-left:14px;font-size:.97rem}.fatos b{display:block;color:var(--t)}.fatos a{color:var(--t);text-underline-offset:3px}.fatos a:hover{color:var(--a)}
.linha{position:relative;display:grid;gap:26px;padding-left:34px;border-left:2px solid var(--l)}
.linha li{position:relative}.linha li::before{content:"";position:absolute;left:-43px;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--f);border:3px solid var(--a)}
.linha b{display:block;font:800 1.9rem/1 Cond,sans-serif;color:var(--t)}.linha span{color:#cfc9bd;font-size:.97rem}.linha .agora::before{background:var(--a)}.linha .agora b{color:var(--a)}
.rod{margin-top:100px;background:var(--a);color:#111;padding:72px 0 34px}
.rod-g{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:30px 60px}
.rod h2{font-size:clamp(3.4rem,9vw,8rem);line-height:.88;margin-bottom:18px}.rod h2::before{display:none}
.rod p{font-weight:600;font-size:1.1rem;max-width:34em;margin-bottom:24px}
.rod-l{display:grid;gap:10px;font:800 1.7rem/1 Cond,sans-serif;text-transform:uppercase}.rod-l a{text-decoration:none;border-bottom:3px solid #111}.rod-l a:hover{background:#111;color:var(--a)}
.rod .mini{font-weight:400;font-size:.85rem;opacity:.8;border-top:1px solid rgba(0,0,0,.25);padding-top:18px;margin:44px 0 0;max-width:none}
.e404{padding:20vh 0}.e404 h1{font-size:clamp(3rem,10vw,8rem)}
@media(max-width:1000px){.w{width:calc(100% - 32px)}nav{gap:16px;font-size:.9rem}nav a:not(.cv){display:none}.hero-g{grid-template-columns:1fr;gap:34px}.colagem{max-width:560px;width:100%;margin:10px auto 0}.dest{grid-template-columns:1fr;padding:22px;gap:26px}.dest .quadro{box-shadow:8px 8px 0 var(--a)}.proj,.proj.inv{grid-template-columns:1fr;gap:20px;padding:40px 0}.proj .quadro,.proj.inv .quadro{order:3}.passos{grid-template-columns:1fr 1fr}.sobre-g{grid-template-columns:1fr;gap:34px}.sec-cab{padding-top:64px}}
@media(max-width:560px){.passos{grid-template-columns:1fr}.cta .bt{width:100%;justify-content:center}.selo-h{width:88px;height:88px;font-size:.9rem}.rod-l{font-size:1.4rem}}
@media(prefers-reduced-motion:no-preference){
.hero-t>*,.colagem{animation:sobe .9s var(--ease) both}
.tag{animation-delay:.05s}.hero h1{animation-delay:.15s}.lead{animation-delay:.32s}.nums{animation-delay:.42s}.cta{animation-delay:.52s}.colagem{animation-delay:.3s}
@keyframes sobe{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.cl{transition:transform .6s var(--ease)}.colagem:hover .cl1{transform:rotate(-4.5deg) translate(-8px,-4px)}.colagem:hover .cl2{transform:rotate(4deg) translate(8px,0)}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .rv.on{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}