/*
 * ALLE BOYARSKI — V33: estudo tipografico aprovado aplicado ao site.
 * Inter permanece como fonte de leitura. A assinatura no cabecalho e um
 * tracado vetorial da matriz aprovada, inclusive o A com arco interno.
 * A fonte Alle Optical Study e um desenvolvimento provisório dos glifos
 * existentes no estudo — nao uma fonte autoral final.
 * NENHUM seletor abaixo altera a familia de VELLUM, BOREAL ou EIXO.
 */
@font-face {
  font-family: "Alle Optical Study";
  src: url("assets/fonts/alle-optical-study-v33.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
}
:root {
  --alle-display: "Alle Optical Study", "Inter", "Helvetica Neue", Arial, sans-serif;
  --alle-reading: "Inter", "Helvetica Neue", Arial, sans-serif;
}
/* Reproducao geometrica fiel da assinatura aprovada; mantem o nome acessivel. */
.second-layout-restored .site-header .brand strong,
.final-model-v48 .site-header .brand strong {
  display:block;
  flex: 0 0 auto;
  width: clamp(164px, 15.7vw, 222px);
  height: auto;
  aspect-ratio: 1035 / 98;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0 !important;
  background-color: currentColor;
  -webkit-mask-image: url("assets/identity/alle-boyarski-assinatura-aprovada.svg");
  mask-image: url("assets/identity/alle-boyarski-assinatura-aprovada.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
/* Identidade nas secões e títulos — excluem explicitamente os titulos das obras. */
.second-layout-restored :is(.section-heading h1, .section-heading h2,
    .v48-heading h2, .v48-about h2, .v48-contact h2,
    .about-page-copy h1, .v48-project-index-heading h1,
    .films-v25-heading h1, .section-page__contact-panel h1,
    .project-facts h2) {
  font-family: var(--alle-display) !important;
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: .105em;
}
/* UI e interfaces: forma optica, sem alterar os tamanhos aprovados na V32. */
.second-layout-restored .site-header .nav-links a,
.second-layout-restored .site-footer nav a,
.second-layout-restored .site-footer .copyright-notice,
.second-layout-restored .copyright-link,
.second-layout-restored .brand span,
.second-layout-restored .section-more,
.second-layout-restored .back-link,
.second-layout-restored .outline-button,
.second-layout-restored .contact-button,
.second-layout-restored .eyebrow,
.second-layout-restored .section-heading p,
.second-layout-restored .v48-project-index-heading p,
.second-layout-restored .films-v25-heading p,
.second-layout-restored .home-contact__direct a,
.second-layout-restored .project-facts h2,
.second-layout-restored .project-archive-summary,
.second-layout-restored .boreal-archive-index,
.second-layout-restored .boreal-archive-heading p,
.second-layout-restored .hero-controls label,
.second-layout-restored .project-fader label {
  font-family: var(--alle-display) !important;
  font-synthesis: none;
}
/* Apenas outras areas de atuação; nunca os nomes de VELLUM, BOREAL e EIXO. */
.second-layout-restored .work-card--live .card-label span,
.second-layout-restored .film-card__meta .card-label span,
.second-layout-restored .films-cover-card__panel strong,
.second-layout-restored .site-footer .to-top {
  font-family: var(--alle-display) !important;
}
/* Texto descritivo: privilegia leitura, conforme o manual de identidade. */
.second-layout-restored :is(.project-description, .project-facts p,
    .about-page-copy > p:not(.eyebrow), .about-lead,
    .about-body, .home-contact__copy p, .section-page__content > p) {
  font-family: var(--alle-reading);
}
/* Garantia explícita de nao-interferencia na identidade cromatica e tipografica das obras. */
.second-layout-restored .project-copy h1,
.second-layout-restored .boreal-archive-heading h2,
.second-layout-restored .hero-v31 #hero-title,
.second-layout-restored .project-entry-card .card-label span {
  font-family: var(--type-sans) !important;
}
@media (max-width: 720px) {
  .second-layout-restored .site-header .brand strong,
  .final-model-v48 .site-header .brand strong {
    width: clamp(146px, 42vw, 175px);
  }
  .second-layout-restored .site-header .nav-links.open a {
    font-family: var(--alle-display) !important;
  }
  .second-layout-restored .v48-heading h2,
  .second-layout-restored .v48-about h2,
  .second-layout-restored .v48-contact h2 {
    letter-spacing: .085em;
  }
}
@media (forced-colors: active) {
  .second-layout-restored .site-header .brand strong {
    background-color: CanvasText;
  }
}


/* V34 — aplica a tipografia aprovada apenas ao titulo hero VELLUM da home. */
.second-layout-restored .hero-v31 #hero-title{
  position:relative;
}
.second-layout-restored .hero-v31 #hero-title .hero-title-text{
  display:inline-block;
}
.second-layout-restored .hero-v31 #hero-title .hero-title-vellum-image{
  display:none;
  width:clamp(280px, 20vw, 380px);
  max-width:100%;
  height:auto;
}
.second-layout-restored .hero-v31 #hero-title.is-vellum-image{
  color:transparent !important;
}
.second-layout-restored .hero-v31 #hero-title.is-vellum-image .hero-title-text{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.second-layout-restored .hero-v31 #hero-title.is-vellum-image .hero-title-vellum-image{
  display:block;
}
@media (max-width: 720px) {
  .second-layout-restored .hero-v31 #hero-title .hero-title-vellum-image{
    width:min(58vw, 320px);
  }
}


/* V42 — reduz BOREAL no hero para a mesma leitura visual do VELLUM. */
.second-layout-restored .hero-v31 #hero-title.is-boreal-scaled{
  font-size:clamp(34px, 2.55vw, 52px) !important;
  letter-spacing:.14em;
  line-height:1;
}
@media (max-width: 720px) {
  .second-layout-restored .hero-v31 #hero-title.is-boreal-scaled{
    font-size:clamp(30px, 8vw, 42px) !important;
    letter-spacing:.12em;
  }
}
