/* Reading sizes are shared by the portfolio and brand guide. */
:root{--muted:#595d55}
body{font-size:15px;line-height:1.7}
.nav-links{font-size:13px;gap:27px}.nav-contact{font-size:12px}.text-link{font-size:13px}.button{font-size:13px;padding:14px 21px}.eyebrow{font-size:10px;letter-spacing:1.4px;flex-wrap:wrap;line-height:1.7}.hero-description{font-size:17px;line-height:1.75}.hero-footnote{font-size:11px}.coordinate{font-size:9px}.coordinate.bottom{font-size:8px}.capabilities>span{font-size:9px}.capabilities>div{font-size:12px;gap:17px}.capabilities{flex-wrap:wrap;row-gap:14px}.section-heading{align-items:flex-start}.filter{font-size:12px;padding:9px 15px}.filter span{font-size:10px}.filter-bar{flex-wrap:wrap;row-gap:12px}.filter-note{font-size:18px}.project-title h3{font-size:24px}.project-copy>p{font-size:14px;line-height:1.7;margin-bottom:20px}.tags>span{font-size:10px;padding:4px 9px}.round-arrow{width:36px;height:36px;font-size:15px}.project-copy{padding:26px}.project-visual{height:350px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;padding:22px 24px;gap:17px}.visual-label{position:static;justify-self:start;font:10px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.1px;color:#343e39;z-index:auto}.visual-pill{position:static;justify-self:start;font-size:10px;line-height:1.6;color:#35433f;padding:6px 10px;background:#fffffff2;backdrop-filter:none;z-index:auto}.hush-visual>img,.track-visual>img{width:auto;height:auto;max-width:88%;max-height:222px;margin:0;object-fit:contain;transform:none;border-radius:7px}.project-card:hover .hush-visual>img{transform:none}.coffee-art{height:100%;padding:0;gap:27px}.coffee-icon{width:106px;transform:none}.coffee-panel{width:166px;max-height:222px;transform:none}.mini-window{margin:0;transform:none;max-width:90%;width:90%;height:199px}.compact-card .project-title h3{font-size:20px}.compact-card .project-copy p{max-width:none}.compact-card .project-open{padding:26px;gap:18px}.project-source{font-size:11px;line-height:1.8}.about-intro>p:not(.eyebrow){font-size:14px;line-height:1.85}.principles h3{font-size:21px}.principles p{font-size:13px;line-height:1.8}.principle-number{font-size:10px}.career-aside{font-size:14px;max-width:320px}.career-label{font-size:9px;line-height:1.7}.career-row{grid-template-columns:145px 1fr 200px 150px;gap:20px}.career-row h3{font-size:19px}.career-row>span:not(.career-label){font-size:12px}.career-row a{font-size:12px}.footer{font-size:10px;height:auto;min-height:110px;flex-wrap:wrap;gap:20px;padding-top:25px;padding-bottom:25px}.brand-page-link,.back-top{font-size:11px}.footer-note{font-size:10px}.footer .brand{font-size:27px}dialog{width:min(710px,calc(100% - 32px))}dialog .eyebrow{font-size:10px}#dialog-lead{font-size:15px}.detail-sections h3{font-size:15px}.detail-sections p{font-size:14px;line-height:1.8}.software-area .eyebrow,.stack-map .eyebrow{font-size:9px}.software-area>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:none}.software-area .text-link{font-size:12px}.software-area h3{font-size:24px}.stack-map>div>p:last-child{font-size:12px}.stack-map{gap:25px;align-items:center}.stack-links{gap:18px 25px}.stack-links button{font-size:12px;line-height:1.6}.stack-links button>span{font-size:10px}.certification-copy .eyebrow{font-size:9px}.certification-copy h3{font-size:22px}.certification-copy h3>span{display:block}.certification-copy>p:last-child{font-size:12px;line-height:1.8}.certification-verify{font-size:12px}.contact-panel{gap:40px}.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.85}.contact-person strong{font-size:14px}.contact-person>div>span{font-size:11px}.contact-direct{font-size:13px;gap:15px}.contact-direct .contact-email{font-size:19px}.contact-composer .eyebrow{font-size:9px}.contact-topics label>span{font-size:11px;padding:8px 11px}.field-label{font-size:13px}.field-label>span{font-size:11px}.contact-composer>input,.contact-composer>textarea,.contact-ready>textarea{font-size:14px;line-height:1.75}.contact-submit{font-size:13px}.composer-note{font-size:11px;line-height:1.75}.contact-status{font-size:12px;color:var(--text)}.contact-ready .button{font-size:12px}.contact-ready>div{align-items:center;gap:12px}.contact-ready .text-link{font-size:12px}
/* The guide uses the same readable hierarchy as the portfolio. */
.brand-hero>p:not(.eyebrow){font-size:15px}.brand-index{font-size:12px;gap:25px}.brand-aside{font-size:14px}.asset-caption{font-size:9px;letter-spacing:.7px;line-height:1.8}.identity-copy h3{font-size:22px}.identity-copy>p{font-size:14px;line-height:1.85}.identity-copy dl>div{font-size:12px;grid-template-columns:100px 1fr}.identity-copy .asset-note,.asset-note{font-size:11px;line-height:1.8}.palette h3{font-size:14px}.palette p{font-size:11px}.palette p>span{font-size:11px}.type-grid .eyebrow{font-size:9px}.type-grid p:last-child{font-size:14px;line-height:1.85}.type-mono{font-size:15px}.dark-note h3{font-size:17px}.dark-note p{font-size:13px}.usage-grid article>span{font-size:10px}.usage-grid h3{font-size:17px}.usage-grid p{font-size:13px;line-height:1.85}.application-caption{font-size:9px;line-height:1.8}.downloads>p:not(.eyebrow){font-size:14px}.download-grid span{font-size:18px}.download-grid small{font-size:11px}.download-grid b{font-size:12px}body.dark{--muted:#b9bdb3}
@media(max-width:1000px){.nav-links{gap:20px}.capabilities>div{gap:12px}.filter-note{display:none}.career-row{grid-template-columns:120px 1fr 145px 125px;gap:15px}.career-row h3{font-size:17px}.career-row a{font-size:11px}.certification-feature{flex-wrap:wrap}.certification-copy{min-width:0}.certification-verify{margin-left:85px}.stack-map{flex-direction:column;align-items:stretch}.stack-links{max-width:none}.contact-panel{gap:30px}.contact-person>div>span{font-size:10px}.nav-contact{font-size:11px}}
@media(max-width:760px){body{font-size:14px}.nav-links{font-size:12px;gap:14px}.nav-contact{font-size:0}.nav-contact span{font-size:15px}.nav-actions{gap:8px}.eyebrow{font-size:9px;letter-spacing:.9px}.hero-description{font-size:15px;line-height:1.75}.hero-footnote{font-size:10px}.hero-actions{gap:23px}.button{font-size:12px;padding:13px 17px}.hero-actions .text-link{font-size:12px}.hero-copy .eyebrow{font-size:8px}.coordinate.top{font-size:7px}.coordinate.bottom{font-size:6px}.capabilities>span{font-size:8px}.capabilities>div{font-size:11px;gap:6px 10px}.section-heading{gap:16px}.all-github{font-size:10px;max-width:85px}.filter-bar{gap:4px;margin-bottom:24px}.filter{font-size:10px;padding:9px 10px}.filter span{font-size:9px}.project-visual{height:340px;padding:20px;gap:17px}.visual-label{font-size:9px;letter-spacing:.8px}.visual-pill{font-size:9px;padding:6px 9px}.hush-visual>img,.track-visual>img{max-width:100%;max-height:214px}.mini-window{max-width:100%;width:100%}.coffee-art{gap:20px}.coffee-icon{width:88px}.coffee-panel{width:150px;max-height:210px}.project-copy{padding:23px}.project-title h3{font-size:22px}.project-copy>p{font-size:13px}.tags>span{font-size:10px}.compact-card .project-open{padding:22px;gap:14px}.compact-card .project-title h3{font-size:19px}.compact-card .project-copy p{font-size:13px}.project-source{font-size:10px}.about-intro>p:not(.eyebrow){font-size:14px}.principles h3{font-size:20px}.principles p{font-size:13px}.career-aside{font-size:14px}.career-row{grid-template-columns:1fr auto;gap:9px 12px}.career-label{font-size:9px}.career-row h3{font-size:17px}.career-row>span:not(.career-label){font-size:12px}.career-row a{font-size:10px}.footer{gap:16px 22px;min-height:130px;font-size:10px}.footer-note{font-size:10px}.brand-page-link{font-size:10px}.back-top{font-size:10px}.software-area .eyebrow,.stack-map .eyebrow{font-size:8px}.software-area h3{font-size:22px}.software-area>p:not(.eyebrow){font-size:14px;line-height:1.8}.software-area .text-link{font-size:12px}.software-area{grid-template-columns:30px 1fr;gap:0 12px}.stack-links button{font-size:12px;flex-direction:column;gap:2px}.stack-links button>span{font-size:10px}.certification-feature{padding:22px;gap:16px}.certification-copy{flex-basis:calc(100% - 61px)}.certification-copy .eyebrow{font-size:8px;letter-spacing:.5px}.certification-copy h3{font-size:18px}.certification-copy>p:last-child{font-size:11px}.certification-verify{font-size:12px;margin-left:61px}.contact-panel{padding:23px;gap:35px}.contact-intro>p:not(.eyebrow){font-size:14px}.contact-person>div>span{font-size:10px}.contact-direct{font-size:12px}.contact-direct .contact-email{font-size:17px}.contact-topics label>span{font-size:10px}.contact-composer .eyebrow{font-size:8px}.contact-submit{font-size:12px}.contact-ready .button{font-size:11px}.composer-note{font-size:10px}.contact-status{font-size:11px}dialog{padding:38px 24px}.detail-sections p{font-size:14px}.brand-hero>p:not(.eyebrow){font-size:14px}.brand-index{font-size:11px;gap:15px 23px}.brand-aside{font-size:13px}.asset-caption{font-size:8px;left:22px;right:22px;letter-spacing:.5px}.identity-copy>p{font-size:14px}.identity-copy dl>div{font-size:11px;grid-template-columns:82px 1fr}.identity-copy .asset-note{font-size:11px}.type-grid .eyebrow{font-size:9px}.type-grid p:last-child{font-size:14px}.usage-grid{grid-template-columns:1fr;gap:20px}.usage-grid h3{font-size:17px}.usage-grid p{font-size:14px}.application-caption{font-size:8px;max-width:155px}.brand-application{min-height:390px}.downloads>p.asset-note{font-size:11px}.download-grid small{font-size:11px}}
@media(max-width:360px){.nav-links a:nth-child(3){display:none}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:13px 14px}.coffee-art{gap:14px}.coffee-icon{width:74px}.coffee-panel{width:135px}.compact-card .project-open{gap:10px}.compact-icon{width:35px;height:35px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.6px}.contact-panel{padding:19px}.contact-direct .contact-email{font-size:15px}}

/* Keep the blog accessible in the compact portfolio navigation. */
@media(max-width:760px){.nav-links a[href="#desenvolvimento"]{display:none}.nav-links a[href="/blog"]{display:inline}}