/* Simplified hero (temporary): only name + role. The original hero markup stays in the page, hidden. */
.hero.hero-simple{min-height:auto;padding:clamp(150px,18vw,230px) var(--pad) clamp(70px,9vw,120px);display:block;border-bottom:1px solid var(--line)}
.hero.hero-simple:before{display:none}
.hero-simple > :not(.hero-name){display:none !important}
/* fundo com glitch reativado */
.hero-name h1{margin:0;font-size:clamp(64px,12vw,200px);line-height:.84;letter-spacing:-.075em;font-weight:700;color:var(--fg)}
.hero-name p{margin:clamp(14px,1.6vw,24px) 0 0;font:clamp(11px,1vw,14px) var(--mono);letter-spacing:.2em;color:var(--muted)}
@media(max-width:620px){.hero.hero-simple{padding:130px 16px 56px}.hero-name h1{font-size:clamp(52px,16vw,80px)}}
/* tighter: no extra space above/below the name */
.hero.hero-simple{padding:96px var(--pad) 28px}
.hero.hero-simple + .section{padding-top:28px}
@media(max-width:620px){.hero.hero-simple{padding:84px 16px 22px}.hero.hero-simple + .section{padding-top:22px}}
.hero.hero-simple{padding-top:64px;border-bottom:0}
@media(max-width:620px){.hero.hero-simple{padding-top:70px}}
@media(max-width:620px){.hero.hero-simple{padding-top:44px}}
@media(max-width:620px){.hero.hero-simple{padding-top:20px}}
/* name already in the hero: hide the duplicate brand in the header */
header .brand{display:none}
header .nav{margin-left:auto}