/* Títulos e interação da home / portfólio. Texto de leitura segue a fonte global. */

/* Space Grotesk Semibold apenas nas hierarquias de título. */
html body :is(h1:not(.sr-only), h2, h3, h4, h5, h6) {
  font-family: "Space Grotesk", Didact, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-synthesis: none;
}

/* O tooltip fica visível somente enquanto o script o ativa. Hover residual não o ressuscita. */
html body .section-tip {
  position: fixed !important;
  inset: auto auto auto auto;
  z-index: 1000;
  margin: 0;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(4px) !important;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
  pointer-events: none !important;
  will-change: left, top, transform;
}

html body .section-links > a:hover .section-tip:not(.is-pointer-visible),
html body .section-links > a:focus-visible .section-tip:not(.is-pointer-visible) {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(4px) !important;
}

html body .section-tip.is-pointer-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

@media (max-width: 700px) {
  /* Mantém o rosto na área visível do enquadramento vertical. */
  html body .hero-art {
    background-position: 83% 38% !important;
    transform: scale(1.015) !important;
  }

  /* Leitura mais confortável sem exagerar o tamanho ou apertar as linhas. */
  html body .section-links {
    font-size: clamp(27px, 7.3vw, 37px) !important;
    line-height: 1.13 !important;
    letter-spacing: -.035em !important;
    max-width: 100%;
  }

  html body .section-links > a {
    white-space: normal;
    text-wrap: balance;
    max-width: 100%;
  }

  html body .section-tip,
  html body .section-tip.is-pointer-visible {
    display: none !important;
  }
}

html body .work-card h3,html body .sheet[data-view="works"] .work-card h3,html body .project-head h2,html body .section-preview .project-head h2{font-family:'Space Grotesk',Didact,Arial,sans-serif!important;font-weight:600!important;font-synthesis:none}

/* Títulos Medium; frases da hero no peso Semibold atual. */
html body .work-card h3,html body .sheet[data-view="works"] .work-card h3,html body .project-head h2,html body .section-preview .project-head h2{font-family:'Space Grotesk',Didact,Arial,sans-serif!important;font-weight:500!important}
html body .section-links,html body .section-links>a,html body .section-links>span{font-family:'Space Grotesk',Arial,sans-serif!important}
html body .section-links,html body .section-links>a{font-weight:600!important}
/* Tracking aprovado: aproximação leve, preservando a leitura. */
html body .section-links,html body .section-links>a{letter-spacing:-.018em!important}
html body .work-card h3,html body .sheet[data-view="works"] .work-card h3,html body .project-head h2,html body .section-preview .project-head h2{letter-spacing:-.018em!important}
@media(max-width:700px){html body .section-links,html body .section-links>a{letter-spacing:-.04em!important}}
/* Títulos dos trabalhos: Space Grotesk Regular aprovado. */
html body .work-card h3,html body .sheet[data-view="works"] .work-card h3,html body .project-head h2,html body .section-preview .project-head h2{font-weight:400!important}
/* Títulos dos trabalhos: tracking mais próximo solicitado. */
html body .work-card h3,html body .sheet[data-view="works"] .work-card h3,html body .project-head h2,html body .section-preview .project-head h2{letter-spacing:-.03em!important}
/* Títulos dos trabalhos: Space Grotesk Light. */
html body .work-card h3,html body .sheet[data-view="works"] .work-card h3,html body .project-head h2,html body .section-preview .project-head h2{font-weight:300!important}
/* Descrições abaixo dos títulos dos trabalhos: leitura em 18px. */
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;font-weight:230!important;line-height:1.4!important}
/* Acesso Mais trabalhos na barra das seções. */
html body .sheet-toolbar a[data-panel='works']{font-size:22px!important;line-height:1.2!important}

/* Descrições dos cards: tamanho uniforme em todas as telas. */
html body .work-card p,html body .sheet[data-view="works"] .work-card p,html body .project-category,html body .project-description{font-size:18px!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}
/* Descrições abaixo dos títulos dos trabalhos: 16px. */
html body .work-card p,html body .sheet[data-view="works"] .work-card p,html body .project-category,html body .project-description{font-size:16px!important}
/* Tooltip: tamanho discreto original, independente da escala de leitura. */
html body .section-tip,html body .section-tip.is-pointer-visible{font-size:12px!important;line-height:1.2!important;letter-spacing:0!important}
/* Leitura das apresentações: mesmo padrão das descrições dos cards. */
html body .project-view :is(p,small,figcaption,li,dt,dd),
html body .section-preview .project-head p,
html body .project-head p,
html body .project-concept p,
html body .project-editorial p,
html body .campaign-concept p,
html body main :is(.summary,.copy p,.lead,.caption,.meta,.project-note){font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:230!important;line-height:1.5!important}
html body .project-editorial{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:32px 0;border-block:1px solid #d5c19766}
html body .project-editorial p{margin:0}
@media(max-width:700px){html body .project-editorial{grid-template-columns:1fr;gap:12px}}
/* Cabeçalhos dos projetos: mesma leitura leve dos textos editoriais. */
html body .project-head.project-head p,
html body .project-head.project-head p.project-category,
html body .project-head.project-head p.project-description,
html body .section-preview .project-head.project-head p{font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:230!important;line-height:1.5!important;letter-spacing:normal!important;font-synthesis:none!important}
/* Conceitos editáveis: arte original preservada e explicação em texto nativo. */
html body .project-native-concept{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:32px 0}
html body .project-identity-art{overflow:hidden;aspect-ratio:1.16;position:relative}
html body .project-identity-art img{width:200%!important;max-width:none!important;height:auto!important;display:block}
html body .project-concept-copy p,html body .project-native-concept p{font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:230!important;line-height:1.5!important}
html body .project-native-palette{display:flex;gap:0;margin-top:20px}
html body .project-native-palette span{flex:1;padding:24px 8px;font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important}
@media(max-width:700px){html body .project-native-concept{grid-template-columns:1fr}}
/* E-mail: troca apenas da família; mantém o peso Semibold existente. */
html body .contact-view .email-link,html body .contact-view .email-link span{font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:600!important}
/* Descrição profissional alinhada ao início visível do G no SVG. */
html body .site-nav .brand .brand-role{font-size:16px!important;line-height:1.35!important;letter-spacing:.045em!important;margin-left:clamp(10.5px,.87vw,16.7px)!important;margin-top:5px!important}
@media(max-width:700px){html body .site-nav .brand .brand-role{margin-left:8.6px!important;font-size:13px!important}}