@font-face{font-family:'Space Grotesk';src:url('assets/SpaceGrotesk-wght.ttf') format('truetype-variations'),url('assets/SpaceGrotesk-wght.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
/* Tipografia global do portfólio: texto leve em todas as páginas. */
@font-face{font-family:Pogonia;src:url('assets/Pogonia-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Pogonia;src:url('assets/Pogonia-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Pogonia;src:url('assets/Pogonia-Medium.woff') format('woff');font-weight:500;font-display:swap}
html body,body button,body input,body select,body textarea{font-family:Pogonia,Arial,sans-serif!important;font-weight:300}
body :is(h1,h2,h3,h4,h5,h6,p,a,button,span,small,label,summary,figcaption,dt,dd,li){font-family:Pogonia,Arial,sans-serif!important;font-synthesis:none}
body :is(p,small,figcaption,dt,dd,li,label,summary),body :is(nav,.sheet-toolbar,.social-links,.project-head,.project-description,.project-category,.work-card,.about-view,.section-preview,.contact-view,.section-view,.music-list,.lab-meta,.meta,.eyebrow,.kicker,.caption,.channel-note,.channel-value,.channel-name,.project-note,.site-footer,.section-tip) :is(p,span,a,small,button,summary){font-weight:300!important}
body :is(h1,h2,h3,h4,h5,h6){font-weight:500!important}
body :is(.brand-wordmark,.section-links,.section-links>a){font-weight:500!important}
body :is(.brand-role,.section-tip,.index-label){font-weight:300!important}

/* Contato: mesmo peso das frases da hero; linha afastada dos caracteres. */
body .contact-view .email-link,
body .contact-view .email-link span,
body .contact-view .social-links a{font-weight:500!important}
body .contact-view .email-link{border-bottom:0;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.24em;text-decoration-skip-ink:none;padding-bottom:.24em}
body .contact-view .social-links a{text-transform:uppercase;letter-spacing:.04em}
body .contact-view .social-links a{text-transform:lowercase}

/* Linha independente, afastada da área do arroba e das descendentes. */
body .contact-view .email-link{position:relative;text-decoration:none;padding-bottom:.4em}
body .contact-view .email-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;pointer-events:none}

@font-face{font-family:Bauziet;src:url('assets/Bauziet-Semibold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:Didact;src:url('assets/DidactGothic-Regular.ttf') format('truetype');font-weight:300 500;font-display:swap}
/* Texto de leitura: Didact Gothic original; sem negrito artificial. */
html body,html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea){font-family:Didact,Arial,sans-serif!important;font-synthesis:none}
/* Destaques: Semibold verdadeiro, tracking levemente aberto. */
html body :is(h1,h2,h3,h4,h5,h6),
html body :is(h1,h2,h3,h4,h5,h6) span,
html body .section-links,
html body .section-links>a,
html body .brand-wordmark,
html body .contact-view .email-link,
html body .contact-view .email-link span{font-family:Bauziet,Arial,sans-serif!important;font-weight:600!important;letter-spacing:.012em!important;font-synthesis:none}
html body .section-links>span{font-family:Bauziet,Arial,sans-serif!important}
html body .brand-wordmark{color:#4b4e48!important}

/* Ajuste dirigido: levemente mais fechado que o padrão. */
html body :is(h1,h2,h3,h4,h5,h6),
html body :is(h1,h2,h3,h4,h5,h6) span,
html body .section-links,
html body .section-links>a,
html body .brand-wordmark,
html body .contact-view .email-link,
html body .contact-view .email-link span{letter-spacing:-.008em!important}
html body .brand-wordmark{color:#12100c!important}

/* Topo unificado com a cor do nome e tracking da hero. */
html body .brand-wordmark{letter-spacing:-.008em!important}
html body .site-nav,
html body .site-nav :is(a,span,button,nav){color:#12100c!important}
body .sheet .sheet-toolbar>a{font-size:18px}

body .brand-role{font-size:clamp(12px,.972vw,19px)}
@media(max-width:700px){body .brand-role{font-size:14px}}

/* Contato em duas colunas, sem caixas. */
body .contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:start;padding:8vh 0}
body .contact-layout .contact-copy{margin:0;min-width:0}
body .contact-layout .contact-copy>p{font-size:23px;line-height:1.3;margin:0 0 25px}
body .contact-layout .email-link{font-size:clamp(28px,3.15vw,58px);max-width:100%;white-space:nowrap}
body .contact-form{display:grid;gap:26px;min-width:0}
body .contact-form label{display:grid;gap:8px;font-family:Didact,Arial,sans-serif!important;font-size:18px;font-weight:400;color:var(--paper)}
body .contact-form input,body .contact-form textarea{display:block;width:100%;background:transparent!important;border:0!important;border-bottom:1px solid #d5c19788!important;border-radius:0!important;outline:none!important;padding:3px 0 11px;color:var(--paper);font-family:Didact,Arial,sans-serif!important;font-size:18px;line-height:1.4;font-weight:400;box-shadow:none!important;transition:border-color .22s ease}
body .contact-form textarea{resize:vertical;min-height:95px}
body .contact-form input:hover,body .contact-form textarea:hover{border-bottom-color:#bd7d5470!important}
body .contact-form input:focus,body .contact-form textarea:focus{border-bottom-color:#bd7d54!important;outline:none!important;box-shadow:none!important;caret-color:#e2a27a}
body .contact-send{justify-self:start;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 8px;font-family:Didact,Arial,sans-serif!important;font-size:18px;font-weight:400;color:var(--sand)}
body .contact-send:disabled{opacity:.5;cursor:wait}
body .contact-form .contact-privacy{font-size:12px;line-height:1.4;margin:-8px 0 0;color:var(--sand);max-width:39ch}
body .contact-form .contact-status{font-size:16px;line-height:1.45;margin:0;max-width:42ch}
.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-verification:empty{display:none}
@media(max-width:700px){body .contact-layout{grid-template-columns:1fr;gap:48px;padding:35px 0}body .contact-layout .email-link{font-size:clamp(26px,7.6vw,42px)}body .contact-layout .contact-copy>p{font-size:21px}}


/* Escala de leitura dos projetos: +20%, com títulos em peso regular. */
html body .work-card h3{font-size:19.2px!important;line-height:1.2!important;font-weight:400!important}
html body .work-card p{font-size:14.4px!important;line-height:1.4!important}
html body .sheet[data-view="works"] .work-card h3{font-size:16.8px!important;font-weight:400!important}
html body .sheet[data-view="works"] .work-card p{font-size:14.4px!important}
html body .sheet[data-view="works"] .work-card h3,
html body .project-head h2,
html body .section-preview .project-head h2{font-family:Didact,Arial,sans-serif!important;font-weight:400!important;font-synthesis:none}
html body .project-view .project-head h2,
html body .section-preview .project-head h2{font-size:clamp(30px,2.52vw,43.2px)!important;line-height:1.12!important}
html body .project-view .project-head p,
html body .section-preview .project-head p{font-size:16.8px!important;line-height:1.5!important;font-weight:400!important}
html body .section-preview .project-head{grid-template-columns:1.15fr .65fr 1fr;gap:38px}
html body .project-concept{margin:30px 0 36px;padding:34px 0;border-top:1px solid #d5c19766;border-bottom:1px solid #d5c19766}
@media(max-width:700px){html body .sheet[data-view="works"] .work-card h3{font-size:18px!important}html body .sheet[data-view="works"] .work-card p{font-size:13.2px!important}html body .section-preview .project-head{grid-template-columns:1fr;gap:12px}}


/* Escala consistente nas páginas de case study e no projeto Alfamor. */
html body header .eyebrow{font-size:14.4px!important}
html body header h1{font-size:clamp(78px,12vw,180px)!important;line-height:.9!important;font-weight:400!important}
html body header h1 span{font-size:clamp(39.6px,5.76vw,86.4px)!important}
html body .lead{font-size:25.2px!important}
html body .meta{font-size:15.6px!important}
html body .caption,html body figcaption{font-size:14.4px!important}
html body .text-block h2{font-size:clamp(43.2px,4.8vw,72px)!important;font-weight:400!important}
html body .copy p,html body .pattern-layout p{font-size:24px!important}
html body .copy .small{font-size:16.8px!important}
html body .case-intro h1,html body .motion h2{font-family:"Space Grotesk",Didact,Arial,sans-serif!important;font-weight:600!important;font-size:30px!important}
html body .case-intro p,html body .motion-intro p,html body .motion figcaption{font-size:15.6px!important}
html body .project-note p,html body .project-note a{font-size:16.8px!important}
@media(max-width:650px){html body .lead{font-size:22.8px!important}html body .copy p,html body .pattern-layout p{font-size:21.6px!important}html body .case-intro h1{font-size:26.4px!important}html body .case-intro p{font-size:14.4px!important}html body .motion h2{font-size:27.6px!important}}
html body .project-view .project-head{display:grid;grid-template-columns:1.15fr .65fr 1fr;gap:38px}
@media(max-width:700px){html body .project-view .project-head{grid-template-columns:1fr;gap:12px}}

/* Space Grotesk local; títulos mantêm o peso 600 aprovado. */
html body :is(h1,h2,h3,h4,h5,h6){font-family:'Space Grotesk',Didact,Arial,sans-serif!important;font-weight:600!important;font-synthesis:none}

/* Peso e família Space Grotesk Semibold para os títulos atualmente visíveis. */
html body header h1,html body header h1 span,html body .text-block h2,html body .case-intro h1,html body .motion h2{font-family:'Space Grotesk',Didact,Arial,sans-serif!important;font-weight:600!important}

@font-face{font-family:'Inclusive Sans';src:url('assets/InclusiveSans-variable.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
/* Inclusive Sans: textos de leitura e interface, peso 100 aprovado. */
html body{font-family:'Inclusive Sans',Arial,sans-serif!important}
html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea):not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.section-links,.section-links *,.brand-wordmark,.brand-wordmark *,.email-link,.email-link *)){font-family:'Inclusive Sans',Arial,sans-serif!important;font-weight:100!important;font-synthesis:none}
/* Inclusive Sans: configuração de leitura aprovada, 24px / peso 230. */
html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea):not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.section-links,.section-links *,.brand-wordmark,.brand-wordmark *,.email-link,.email-link *)){font-weight:230!important}
html body :is(p,figcaption,dt,dd,li,label,input,select,textarea),html body :is(.project-head,.project-description,.project-category,.work-card,.about-view,.section-preview,.contact-view,.section-view,.music-list,.lab-meta,.meta,.caption,.project-note) :is(p,small,label){font-size:24px!important;line-height:1.4!important}
@media(max-width:700px){html body :is(p,figcaption,dt,dd,li,label,input,select,textarea),html body :is(.project-head,.project-description,.project-category,.work-card,.about-view,.section-preview,.contact-view,.section-view,.music-list,.lab-meta,.meta,.caption,.project-note) :is(p,small,label){font-size:21px!important}}
/* Inclusive Sans: escala única de 18px aprovada para leitura e navegação. */
html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea):not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.section-links,.section-links *,.brand-wordmark,.brand-wordmark *,.email-link,.email-link *)),
html body .site-nav nav a,
html body .brand-role,
html body .hero-caption,
html body .sheet-toolbar a[data-panel='works'],
html body .work-card p,
html body .sheet[data-view="works"] .work-card p,
html body .project-category,
html body .project-description{font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:18px!important}