:root{--coal:#171d1b;--coal2:#202925;--chalk:#f1f0eb;--paper:#f8f7f2;--muted:#747d78;--line:#d7dad4;--sage:#9caa9d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--coal);font-family:'DM Sans',Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}.shell{width:min(100% - 96px,1440px);margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:12px}.skip:focus{top:16px}.reading-progress{position:fixed;inset:0 auto auto 0;width:0;height:2px;background:#b6c5b6;z-index:40;pointer-events:none}.site-header{height:88px;background:var(--coal);color:#fff;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:8px;min-width:230px}.brand img{width:42px;height:42px;object-fit:contain}.brand-ln{font:800 31px/1 Manrope,sans-serif;letter-spacing:-.09em}.brand-rule{width:1px;height:31px;background:#b2b9b2;margin:0 3px}.brand-name{font:600 10px/1.24 'DM Sans',sans-serif;letter-spacing:.06em}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,42px)}.desktop-nav a,.header-contact{font-size:12px;font-weight:700;letter-spacing:.02em}.desktop-nav a{opacity:.78;transition:opacity .25s}.desktop-nav a:hover{opacity:1}.header-contact{display:inline-block;border:1px solid #727d74;border-radius:99px;padding:12px 20px;white-space:nowrap;transition:background .25s,color .25s}.header-contact:hover{background:var(--chalk);color:var(--coal)}.menu-toggle,.mobile-nav{display:none}.hero{height:clamp(650px,calc(100svh - 88px),950px);position:relative;color:#fff;background:#3a403b;overflow:hidden}.hero-visual,.hero-screen{position:absolute;inset:0}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 62%;animation:heroZoom 1.8s cubic-bezier(.2,.65,.2,1) both}.hero-screen{background:linear-gradient(90deg,rgba(8,16,14,.85) 0%,rgba(8,16,14,.53) 44%,rgba(8,16,14,.18) 100%),linear-gradient(0deg,rgba(8,16,14,.4),transparent 28%)}.hero-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:40px}.hero-kicker,.overline,.section-no,.card-index,.portfolio-item figcaption span,.scroll-cue{font-size:10px;font-weight:700;letter-spacing:.18em}.hero-kicker{display:flex;align-items:center;gap:18px;margin-bottom:42px}.hero-kicker .line{width:40px;height:1px;background:#fff}.kicker-index{opacity:.55;margin-left:10px}.hero h1{font:600 clamp(58px,7.4vw,116px)/.99 Manrope,sans-serif;letter-spacing:-.075em;max-width:1100px}.hero h1 i,.display em{font-style:normal;color:var(--sage)}.hero-bottom{display:flex;align-items:end;gap:70px;margin-top:52px}.hero-bottom p{font-size:18px;line-height:1.6;max-width:425px;color:#e0e6df}.pill-button{border-radius:99px;padding:7px 7px 7px 24px;min-width:220px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-weight:700;font-size:12px;transition:transform .25s,background .25s}.pill-button:hover{transform:translateY(-4px)}.pill-button.light{background:#f2f4ef;color:var(--coal)}.button-dot{width:39px;height:39px;border-radius:50%;background:var(--coal);position:relative;display:block;flex:none}.button-dot:after{content:'';position:absolute;inset:17px;border-radius:50%;background:#fff}.hero-side{position:absolute;right:17px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:10px;letter-spacing:.25em;opacity:.75}.scroll-cue{position:absolute;left:48px;bottom:35px;z-index:2;display:flex;align-items:center;gap:14px}.scroll-line{width:1px;height:42px;background:#fff;display:block;animation:scrollPulse 2.5s ease-in-out infinite}.section-pad{padding-block:150px}.manifesto{background:var(--paper)}.manifesto-grid{display:grid;grid-template-columns:25% 1fr;gap:8%}.manifesto-label{display:flex;align-items:start;gap:15px;position:relative}.section-no{font-size:11px;color:#7a877d}.overline{color:#4c5a50}.manifesto-mark{position:absolute;top:110px;left:0;width:150px;opacity:.13;filter:grayscale(1)}.display{font:600 clamp(47px,6vw,92px)/1.08 Manrope,sans-serif;letter-spacing:-.075em}.manifesto .display{max-width:900px}.manifesto-detail{display:grid;grid-template-columns:65px minmax(0,570px);gap:20px;align-items:start;margin-top:58px}.detail-line{height:1px;background:var(--coal);margin-top:12px}.manifesto-detail p{font-size:19px;line-height:1.75;color:#535f55}.proof-row{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr .8fr;align-items:end;gap:30px;margin-top:110px;padding-top:38px}.proof{display:flex;flex-direction:column;gap:5px}.proof strong{font:600 clamp(45px,5vw,76px)/1.1 Manrope,sans-serif;letter-spacing:-.07em}.proof span,.proof-caption{font-size:12px;color:#69756b}.proof-caption{text-align:right}.image-statement{height:570px;position:relative;overflow:hidden}.image-statement-photo,.image-statement-photo img{width:100%;height:100%}.image-statement-photo img{object-fit:cover;object-position:center 55%}.image-statement-card{position:absolute;right:6%;bottom:0;background:var(--coal);color:white;padding:47px 55px;width:min(470px,42%)}.image-statement-card .overline{color:var(--sage)}.image-statement-card p{font:600 clamp(28px,2.6vw,42px)/1.2 Manrope,sans-serif;letter-spacing:-.055em;margin-top:24px}.expertise{background:var(--chalk)}.section-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.section-top>div{display:flex;gap:20px;align-items:center}.section-top>p{width:290px;color:#667267;font-size:13px;line-height:1.7}.expertise .display,.portfolio .display{margin:55px 0 70px}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.expertise-card{background:var(--paper);padding:28px 24px 0;min-height:395px;display:flex;flex-direction:column;overflow:hidden;transition:transform .35s,box-shadow .35s}.expertise-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px #17201913}.card-index{color:#6f7c71}.expertise-card h3{font:600 clamp(25px,2.2vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-.06em;margin:32px 0 12px}.expertise-card p{font-size:13px;line-height:1.7;color:#667267;max-width:255px}.card-visual{height:150px;margin:30px -24px 0;overflow:hidden;position:relative;margin-top:auto}.card-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .5s,filter .5s}.expertise-card:hover .card-visual img{transform:scale(1.06);filter:saturate(1)}.portfolio{background:var(--paper)}.underlined{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px;transition:color .2s}.underlined:hover{color:#6d8170}.portfolio-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:400px 400px;gap:45px 30px}.portfolio-item{min-width:0}.portfolio-a{grid-row:span 2}.portfolio-image{height:calc(100% - 70px);overflow:hidden;background:#ddd}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.portfolio-item:hover img{transform:scale(1.04)}.portfolio-a .portfolio-image{height:calc(100% - 70px)}.portfolio-b .portfolio-image img{object-position:center 60%}.portfolio-item figcaption{display:flex;flex-direction:column;gap:7px;padding-top:17px}.portfolio-item figcaption span{color:#78857a}.portfolio-item figcaption strong{font:600 20px Manrope,sans-serif;letter-spacing:-.05em}.source-note{margin-top:65px;color:#7b857d;font-size:11px}.process{background:#dfe5dd}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.process-title>.overline{margin-left:20px}.process-title .display{font-size:clamp(45px,5vw,74px);margin:65px 0 25px}.process-title>p{max-width:330px;color:#5e6a5f;font-size:15px;line-height:1.7}.process-step{display:grid;grid-template-columns:55px 1fr;gap:20px;border-top:1px solid #a9b5a9;padding:26px 0 33px}.process-step:last-child{border-bottom:1px solid #a9b5a9}.process-step>span{font:700 12px Manrope,sans-serif;color:#69786c;padding-top:7px}.process-step h3{font:600 30px Manrope,sans-serif;letter-spacing:-.06em;margin-bottom:7px}.process-step p{font-size:14px;color:#617064;line-height:1.65;max-width:380px}.contact{min-height:610px;display:grid;grid-template-columns:1fr 1fr}.contact-photo{min-height:610px}.contact-photo img{width:100%;height:100%;object-fit:cover}.contact-panel{background:var(--coal2);color:#fff;display:flex;align-items:center;padding:clamp(48px,6vw,100px)}.contact-panel .section-no,.contact-panel .overline{color:#a9b6a9}.contact-panel .overline{margin-left:20px}.contact-panel .display{font-size:clamp(45px,5vw,77px);margin:50px 0 25px}.contact-panel p{color:#c1ccc1;line-height:1.7;max-width:390px;font-size:15px}.pill-button.dark{background:#dbe4d9;color:var(--coal);margin-top:38px}.site-footer{background:#121715;color:#e5e9e2;padding-top:80px}.footer-main{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:80px}.footer-logo{width:185px;height:auto}.footer-main p{font-size:12px;color:#9aa99b;margin-top:15px}.footer-links{display:flex;gap:36px;font-size:12px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #364038;display:flex;justify-content:space-between;padding-block:25px;font-size:10px;color:#a2aea3;letter-spacing:.07em}.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1)}.js .reveal.in-view{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes scrollPulse{0%,100%{opacity:.45;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}
@media(max-width:1100px){.shell{width:min(100% - 60px,1440px)}.desktop-nav{gap:18px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card{min-height:390px}.card-visual{height:190px}.portfolio-grid{grid-template-rows:350px 350px}.contact-panel{padding:60px}.hero-side{display:none}}
@media(max-width:760px){.shell{width:min(100% - 38px,1440px)}.site-header{height:74px}.brand{min-width:0}.brand img{width:35px;height:35px}.brand-ln{font-size:27px}.brand-name{font-size:9px}.brand-rule{height:27px}.desktop-nav,.header-contact{display:none}.menu-toggle{border:0;background:none;display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--coal);padding:10px 19px 30px;border-top:1px solid #39443d}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{border-bottom:1px solid #39443d;padding:16px 4px;font-size:17px}.hero{height:760px;max-height:calc(100svh - 74px);min-height:650px}.hero-visual img{object-position:56% center}.hero-screen{background:linear-gradient(0deg,rgba(8,16,14,.86),rgba(8,16,14,.3) 85%)}.hero-inner{justify-content:end;padding-bottom:118px}.hero h1{font-size:clamp(47px,10.6vw,77px);max-width:620px}.hero-kicker{font-size:9px;margin-bottom:26px}.hero-bottom{display:block;margin-top:32px}.hero-bottom p{font-size:16px;margin-bottom:25px}.scroll-cue{left:19px;bottom:25px}.section-pad{padding-block:85px}.manifesto-grid{display:block}.manifesto-label{margin-bottom:35px}.manifesto-mark{display:none}.display{font-size:clamp(43px,9vw,68px)}.manifesto-detail{grid-template-columns:28px 1fr;margin-top:30px}.manifesto-detail p{font-size:16px}.proof-row{grid-template-columns:1fr 1fr;margin-top:65px;gap:20px}.proof strong{font-size:clamp(36px,8vw,60px)}.proof-caption{grid-column:span 2;text-align:left}.image-statement{height:510px}.image-statement-card{width:min(360px,82%);right:0;padding:35px}.section-top>p{display:none}.expertise .display,.portfolio .display{margin:37px 0 44px}.expertise-grid{grid-template-columns:1fr 1fr;gap:10px}.expertise-card{min-height:350px;padding:20px 18px 0}.expertise-card h3{font-size:24px;margin-top:23px}.expertise-card p{font-size:12px}.card-visual{margin-left:-18px;margin-right:-18px;height:130px}.portfolio-grid{display:block}.portfolio-item{margin-bottom:43px}.portfolio-image,.portfolio-a .portfolio-image{height:360px}.portfolio-item figcaption strong{font-size:18px}.source-note{margin-top:10px}.process-grid{display:block}.process-title{margin-bottom:50px}.process-title .display{margin:38px 0 20px}.contact{display:block}.contact-photo{height:360px;min-height:0}.contact-panel{padding:75px 19px}.contact-panel .display{margin:35px 0 20px}.site-footer{padding-top:65px}.footer-main{display:block;padding-bottom:55px}.footer-logo{width:160px}.footer-links{margin-top:40px;flex-direction:column;gap:20px}.footer-bottom{gap:20px;align-items:start}.footer-bottom span:last-child{text-align:right}}
@media(max-width:480px){.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:385px}.expertise-card h3{font-size:29px}.expertise-card p{font-size:13px}.card-visual{height:180px}.portfolio-image,.portfolio-a .portfolio-image{height:320px}.hero h1{font-size:clamp(46px,11.5vw,66px)}.hero-bottom p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation:none!important;transition:none!important}}
.social-link{display:inline-flex;align-items:center;gap:10px}.social-link svg{width:19px;height:19px;flex:none}
.address-link{display:flex;align-items:center;gap:13px;margin-top:34px;color:#d1dbd0;font-size:12px;line-height:1.55;max-width:max-content}.address-link svg{width:22px;height:22px;flex:none}.address-link:hover,.footer-address:hover{text-decoration:underline}.footer-address{display:inline-block;margin-top:10px;color:#a7b5a8;font-size:12px}.footer-main>div:first-child{display:flex;flex-direction:column;align-items:start}
/* Marca em destaque na seção Sobre: desenho, assinatura e luz em sequência. */
.manifesto-grid{grid-template-columns:minmax(290px,32%) 1fr;gap:7%}.manifesto-label{display:flex;flex-direction:column;align-items:stretch;gap:0}.manifesto-eyebrow{display:flex;align-items:center;gap:15px}.brand-stage{position:relative;width:100%;min-height:455px;margin-top:48px;background:radial-gradient(circle at 55% 38%,#35423a 0%,#202923 53%,#171d1b 100%);overflow:hidden;color:#eff4ee;isolation:isolate;box-shadow:0 28px 52px #17201920}.brand-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(135deg,#0009,transparent 78%)}.brand-stage::after{content:"";position:absolute;inset:17px;border:1px solid #c4d1c21f;pointer-events:none}.brand-trace,.brand-complete{position:absolute;top:14%;left:11%;width:78%;height:auto;z-index:1}.brand-trace{filter:drop-shadow(0 0 13px #d2e9ce44)}.brand-trace path{stroke-dasharray:1;stroke-dashoffset:0}.js .brand-trace path{stroke-dashoffset:1}.js .brand-stage.in-view .brand-trace path{animation:lnDraw 1.35s cubic-bezier(.3,.7,.1,1) forwards}.js .brand-stage.in-view .brand-trace path:nth-child(2){animation-delay:.23s}.js .brand-stage.in-view .brand-trace path:nth-child(3){animation-delay:.46s}.brand-complete{filter:drop-shadow(0 0 18px #dce9d35c)}.js .brand-complete{opacity:0;transform:translateY(11px);filter:blur(7px);transition:opacity .9s ease 1.05s,transform .9s ease 1.05s,filter .9s ease 1.05s}.js .brand-stage.in-view .brand-complete{opacity:1;transform:none;filter:drop-shadow(0 0 18px #dce9d35c)}.brand-scan{position:absolute;z-index:2;left:-25%;right:-25%;top:0;height:1px;background:linear-gradient(90deg,transparent,#e9f3e9,transparent);box-shadow:0 0 25px 2px #d7e8d95c;opacity:0;pointer-events:none}.js .brand-stage.in-view .brand-scan{animation:lnScan 1.2s ease-in-out 1.4s both}.brand-stage-caption{position:absolute;left:32px;bottom:28px;font-size:9px;font-weight:700;letter-spacing:.18em;color:#a9b8aa;z-index:2}.js .brand-stage-caption{opacity:0;transition:opacity .7s ease 1.3s}.js .brand-stage.in-view .brand-stage-caption{opacity:1}@keyframes lnDraw{to{stroke-dashoffset:0}}@keyframes lnScan{0%{top:0;opacity:0}20%{opacity:.7}80%{opacity:.55}100%{top:100%;opacity:0}}
@media(max-width:760px){.manifesto-grid{display:block}.manifesto-label{margin-bottom:45px}.brand-stage{width:min(100%,430px);min-height:410px;margin-top:30px}.brand-trace,.brand-complete{top:12%;left:13%;width:74%}}
@media(prefers-reduced-motion:reduce){.js .brand-trace,.brand-scan{display:none}.js .brand-complete{opacity:1;transform:none;filter:none;transition:none}.js .brand-stage-caption{opacity:1;transition:none}}
/* Variação clara da animação da marca em Sobre. */
.brand-stage{background:transparent;box-shadow:none;color:var(--coal)}
.brand-stage::before,.brand-stage::after{display:none}
.brand-trace{filter:none}
.brand-complete{filter:brightness(0)}
.js .brand-stage.in-view .brand-complete{filter:brightness(0)}
.brand-scan{background:linear-gradient(90deg,transparent,#6e8271,transparent);box-shadow:none}
.brand-stage-caption{left:11%;color:#647369}
@media(prefers-reduced-motion:reduce){.js .brand-complete{filter:brightness(0)}}
@media(max-width:760px){
  .js .brand-stage.reveal{opacity:1;transform:none}
  .brand-stage{min-height:380px;margin-top:24px;margin-bottom:0}
  .brand-trace,.brand-complete{top:0;left:3%;width:94%}
  .brand-stage-caption{left:3%;bottom:7px}
  .js .brand-complete{opacity:.22;transform:none;filter:brightness(0);transition:opacity .8s ease .35s}
  .js .brand-stage.in-view .brand-complete{opacity:1;filter:brightness(0)}
  .js .brand-stage.in-view .brand-trace path{animation-duration:.95s}
}
@media(max-width:390px){.brand-stage{min-height:350px}}
@media(prefers-reduced-motion:reduce){.js .brand-complete{opacity:1!important;transition:none}}
/* No celular a assinatura fica visível imediatamente; o movimento atua sobre ela. */
@media(max-width:760px){
  .brand-trace{display:none}
  .js .brand-complete,.js .brand-stage.in-view .brand-complete{opacity:1!important;filter:brightness(0)!important;transition:none!important}
  .js .brand-stage.in-view .brand-complete{animation:lnMobileEntrance .75s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes lnMobileEntrance{from{transform:translateY(13px) scale(.975)}to{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.js .brand-stage.in-view .brand-complete{animation:none}}