/* Acabamento (21/10/2026): fonte oficial da marca, escala de 3 tamanhos de título, ícones SVG
   e a grade sem as numerações decorativas. Carregado por último, de propósito. */
@font-face{font-family:Manrope;src:url("/assets/Manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{--t-display:clamp(44px,5.6vw,88px);--t-section:clamp(32px,3.5vw,54px);--t-card:clamp(21px,1.85vw,28px)}
body{font-family:Manrope,Arial,Helvetica,sans-serif;font-feature-settings:"ss01"}
h1,h2,h3{letter-spacing:-.03em}

/* 1. Capa e aberturas de página */
.hero h1,.page-hero h1{font-size:var(--t-display);line-height:1.02;letter-spacing:-.04em;font-weight:600}
/* 2. Títulos de seção (um tamanho só no site inteiro) */
.section-head h2,.section-head.is-compact h2,.cinema-heading h2,.cta-band h2,.footer-top h2,.company h2,.featured-copy h3{font-size:var(--t-section);line-height:1.06;letter-spacing:-.035em;font-weight:600}
/* 3. Títulos de card, lista e etapa */
.audience-card h3,.format-card h3,.service-link h3,.steps h3,.timeline h3,.faq-item h3,.catalog .section-heading>h3,.film-row .section-heading>h3{font-size:var(--t-card);line-height:1.18;letter-spacing:-.025em;font-weight:600}
.timeline .step-num{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.04em}
.page-lead,.section-lead,.hero-lead{letter-spacing:-.005em}

/* Ícones SVG (src/icons.mjs) */
.icon{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-filled{fill:currentColor;stroke:none}
.button-primary .icon,.button-ghost .icon,.nav-cta .icon,.mobile-cta .icon,#intro-skip .icon{width:16px;height:16px}
.featured-play .icon,.signature-link .icon{width:15px;height:15px}
.work-play .icon{width:14px;height:14px;margin-left:2px}
.row-toggle .icon,.carousel-controls button .icon{width:18px;height:18px}
.carousel-controls button,.close-film{display:grid;place-items:center}
.close-film .icon{width:22px;height:22px}
.nav-trigger .icon{width:14px;height:14px;transition:transform .25s}
.nav-trigger[aria-expanded="true"] .icon{transform:rotate(180deg)}
.text-arrow .icon,.audience-links .icon,.other-grid .icon,.nav-all .icon{width:14px;height:14px;margin-left:4px;transition:transform .2s}
.text-arrow:hover .icon,.audience-links a:hover .icon,.other-grid a:hover .icon,.nav-all:hover .icon{transform:translateX(3px)}

/* Grade sem numerações decorativas (o número só fica onde é sequência: "Como funciona") */
.service-link{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 44px}
.audience-card h3{margin-top:10px}
@media(max-width:1000px){
 .service-link{grid-template-columns:minmax(0,1fr) 44px}
 .service-link .row-items{grid-column:1;grid-row:2;margin-top:-8px}
 .service-link .row-toggle{grid-column:2;grid-row:1}
}
@media(max-width:700px){.service-link{grid-template-columns:minmax(0,1fr) 38px}}