/* Naspo — luz difusa, textura mineral e vidro discreto. */
:root{--line:rgba(255,255,255,.13);--muted:#c3c6c0;--glass:rgba(255,255,255,.045);--rim:rgba(255,255,255,.18)}
body{isolation:isolate;background-color:#2e2e2e;background-image:radial-gradient(ellipse 72% 640px at 0 0,rgba(128,177,105,.16),transparent 72%),radial-gradient(ellipse 48% 530px at 100% 80px,rgba(183,173,132,.10),transparent 75%);background-repeat:no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('assets/grain.svg') repeat;opacity:.05}
header{height:72px;margin:20px 5% 0;padding:0 25px;border:1px solid var(--line);border-top-color:var(--rim);border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 30px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
header .logo{font-size:34px;letter-spacing:-2.5px}header nav{gap:32px}.nav-contact{background:rgba(139,255,99,.06);border-color:rgba(139,255,99,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);padding:12px 18px;font-size:12px;transition:background .2s,border-color .2s}.nav-contact:hover{background:rgba(139,255,99,.12);border-color:rgba(139,255,99,.5)}
.hero{padding-top:30px}.hero .eyebrow{color:#c9cdc5;letter-spacing:1.35px}.eyebrow i{box-shadow:0 0 12px rgba(139,255,99,.28)}.hero h1{font-size:clamp(34px,4.25vw,64px);text-shadow:0 2px 30px rgba(0,0,0,.08)}.hero h1 .outline{color:#a4ef89}.hero h1 .serif{color:#e5e8df}.hero-bottom p{color:#bfc4bb}.round-link{font-size:12px;gap:15px}.round-link span{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.hero-strip{background:rgba(20,24,19,.11);border-color:rgba(255,255,255,.09);color:#b4bcb0;font-size:9px;letter-spacing:2px}.hero-strip b{font-weight:400;font-size:18px;color:#a4ca94}
.section-heading h2{font-size:clamp(34px,3.7vw,55px);letter-spacing:-.045em}.section-heading h2 em{color:#b6dca6}.section-heading>.eyebrow,.section-heading .eyebrow{color:#a8b4a1}.section-heading p{font-size:13px;color:#aeb5aa}.filters{width:fit-content;padding:5px;gap:3px;border:1px solid rgba(255,255,255,.11);border-top-color:rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filters button{border:1px solid transparent;padding:9px 18px;font-size:12px;transition:background .2s,color .2s}.filters button[aria-pressed=true]{background:linear-gradient(140deg,#a4f482,#8bdf6b);border-color:#b6f89b;color:#20271d;box-shadow:0 2px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.25)}.filters button:not([aria-pressed=true]):hover{background:rgba(255,255,255,.06);color:#fff}
.projects{gap:28px}.project{padding:8px 8px 0;border:1px solid rgba(255,255,255,.11);border-top-color:rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 6px 22px rgba(0,0,0,.055);transition:transform .25s,border-color .25s,box-shadow .25s}.project-image{border-radius:11px;background:#252725}.project-info{padding:19px 12px 21px;gap:15px}.project h3{font-size:clamp(16px,1.5vw,22px);font-weight:500;letter-spacing:-.35px;line-height:1.3}.project-info .eyebrow{font-size:9px;letter-spacing:1.5px;color:#a8b2a2}.project-arrow{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.13);border-radius:50%;padding:0;font-size:18px;color:#d0d9ca;background:rgba(255,255,255,.025)}.view{background:rgba(35,40,32,.76);color:#f2f5ef;border:1px solid rgba(255,255,255,.25);box-shadow:0 3px 20px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
@media(hover:hover){.project:hover{transform:translateY(-4px);border-color:rgba(181,225,157,.29);box-shadow:0 16px 36px rgba(0,0,0,.14)}.project:hover .project-arrow{color:var(--accent);border-color:rgba(139,255,99,.35)}}
.about{border-top:0;position:relative}.about-mark{color:var(--fg);border-radius:24px;border:1px solid rgba(255,255,255,.18);border-bottom-color:rgba(255,255,255,.07);overflow:hidden;position:relative;background:radial-gradient(ellipse at 15% 90%,rgba(139,255,99,.16),transparent 65%),linear-gradient(128deg,rgba(255,255,255,.085),rgba(255,255,255,.015) 42%,rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 25px 55px rgba(0,0,0,.12)}.about-mark::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 38%,rgba(255,255,255,.04) 38.2%,rgba(255,255,255,.01) 58%,transparent 58.2%);pointer-events:none}.about-mark>.about-wordmark{font-size:clamp(55px,7.2vw,110px);text-shadow:0 2px 20px rgba(0,0,0,.1)}.about-mark small{color:#aeb9a7;font-size:9px;letter-spacing:2.2px}.about-copy h2 em{color:#b6dca6}.disciplines span{color:#cbd2c5;border-color:rgba(255,255,255,.14)}
.contact.section{margin:10px 5% 0;padding:55px 4.5%;border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.24);border-radius:26px;position:relative;overflow:hidden;color:var(--fg);background:radial-gradient(ellipse 75% 110% at 100% 100%,rgba(111,159,86,.28),transparent 75%),linear-gradient(120deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 50px rgba(0,0,0,.10)}.contact .eyebrow{color:#bacab0}.contact h2{font-size:clamp(44px,6.3vw,88px);margin:25px 0 35px}.contact h2 em{color:#b7efa1}.contact h2>span{color:#9ebc8d}.contact-bottom{border-color:rgba(255,255,255,.15);gap:25px}.contact-bottom p{color:#c3ccbd;font-size:13px}.contact-bottom a{border-color:rgba(255,255,255,.21);color:var(--fg);background:rgba(255,255,255,.025);font-size:13px;padding:14px 22px}.contact-bottom .whatsapp-primary{background:linear-gradient(145deg,#abf38a,#8bdf6b);color:#1d2918;border-color:#b0ed95;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 16px rgba(0,0,0,.15)}.contact-bottom .whatsapp-primary:hover{background:#b7f69c;color:#1d2918}.contact-bottom a:not(.whatsapp-primary):hover{background:rgba(255,255,255,.08)}footer{padding-top:38px;padding-bottom:38px}footer>span,footer>a:last-child{color:#a5aea0}
.case-heading h1{color:#e8ede3}.case-defense{border-color:rgba(255,255,255,.14)}.case-defense h2{font-family:'Space Grotesk',sans-serif}.case-site-link{border:1px solid rgba(181,239,155,.3);border-radius:12px;background:linear-gradient(135deg,rgba(139,255,99,.12),rgba(139,255,99,.045));color:#c2f5ac;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.case-site-link:hover{background:rgba(139,255,99,.17)}.art-open{border:1px solid rgba(255,255,255,.17);border-radius:14px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.14)}.case-contact{border-radius:15px;border-color:rgba(255,255,255,.15);background:linear-gradient(125deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}dialog{border-color:rgba(255,255,255,.2);border-radius:16px;background:rgba(35,39,32,.94)}dialog::backdrop{background:rgba(10,14,9,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media(max-width:700px){body{background-image:radial-gradient(ellipse 100% 480px at 0 0,rgba(128,177,105,.15),transparent 75%),radial-gradient(ellipse 80% 400px at 100% 40px,rgba(183,173,132,.08),transparent 80%)}header{margin:12px 5% 0;padding:0 15px;height:64px;border-radius:14px}header .logo{font-size:29px}header nav{gap:14px;font-size:11px}.nav-contact{font-size:10px;padding:10px 12px}.hero{padding-top:24px}.hero h1{font-size:36px}.hero-strip{font-size:8px;letter-spacing:1.5px}.filters{border-radius:17px;gap:2px;padding:4px}.filters button{font-size:11px;padding:9px 12px}.projects{gap:23px}.project{padding:6px 6px 0;border-radius:15px}.project-image{border-radius:9px}.project-info{padding:16px 10px 18px}.project h3{font-size:19px}.project-info .eyebrow{font-size:8px}.project-arrow{width:30px;height:30px}.about-mark{border-radius:20px}.about-mark>.about-wordmark{font-size:74px}.contact.section{padding:35px 6%;border-radius:20px}.contact h2{font-size:12vw}.contact-bottom{padding-top:23px}.contact-bottom>div{gap:10px}.contact-bottom a{font-size:12px;padding:13px 17px}.contact-bottom p{font-size:12px}.section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.project,.project img,.filters button,.nav-contact{transition:none}.project:hover{transform:none}}
@supports not (backdrop-filter:blur(1px)){header,.filters{background:rgba(48,53,44,.97)}.view{background:#31382c}}
@media(max-width:700px){.hero h1 .serif{display:inline-block;white-space:nowrap}.filters button{font-size:10px;padding:11px 8px}.filters{gap:1px}.filters sup{margin-left:3px;font-size:8px}}
/* Asterisco com deslocamento curto; o link permanece imóvel e clicável. */
.logo .logo-star,.about-wordmark b{display:inline-block;transform-origin:center;pointer-events:none}.star-moving{will-change:transform}
@media(prefers-reduced-motion:reduce){.logo .logo-star,.about-wordmark b{transform:none!important}}