/* Trazo Fiero wordmark: keep the longer brand readable at every viewport. */
.hero h1 strong.hero-brand{font-size:clamp(76px,8.4vw,112px);line-height:.97;letter-spacing:-3px}
.hero h1{font-size:38px}
.hero .crown{left:325px;top:8px}
.task-art{font-size:26px;gap:10px}
@media(min-width:801px) and (max-width:1050px){.header{gap:22px}.header .logo{font-size:26px}.desktop-nav{gap:20px}}
@media(max-width:800px){.hero h1 strong.hero-brand{font-size:85px}.hero h1{font-size:34px}.hero .crown{left:260px}.task-art{font-size:22px}}
@media(max-width:560px){.header .logo{font-size:27px;letter-spacing:-1px}.hero h1 strong.hero-brand{font-size:clamp(76px,23vw,99px);line-height:.98}.hero h1{font-size:31px}.hero .crown{left:260px;top:3px}.task-art{font-size:16px}.footer-meta .logo{font-size:22px}}
@media(max-width:370px){.hero .crown{left:225px}}