/* ELEVEN11 · refino de produção da STEINBEIS-SIBE do Brasil (12/11/2026).
   Tipografia mais leve e precisa, logo vetorial, fundo em canvas e crédito do estúdio no rodapé. */

/* — Tipografia: Oswald 300 nos títulos de exibição (mais elegante em corpo grande), entrelinha e espaçamento afinados — */
:root{--heading:'Oswald','Oswald Fallback','Arial Narrow',sans-serif;--body:'Roboto Condensed','Roboto Condensed Fallback','Arial Narrow',Arial,sans-serif}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}
h1,h2,.statement,.contact-main h2,.detail-dialog h2,.contact-dialog h2,.menu-dialog nav a{font-weight:300}
h1{letter-spacing:-.022em}
h2,.statement{letter-spacing:-.018em}
h1>span,h2,.statement,.learning-callout h3,.solution h3,.method-slide h3{text-wrap:balance}
p{text-wrap:pretty}
.solution h3,.case-main strong,.person-name,.learning-callout h3{font-weight:350}
.eyebrow,.section-marker,.hero-location,.chapter-nav i,.method-count,.team-count{font-variant-numeric:tabular-nums}
.red{color:var(--red)}
h1 .red{color:var(--red-bright)}

/* — Logo vetorial com assinatura separada por fio — */
.brand{gap:18px}
.brand img{width:118px;height:auto}
.brand-wordmark{padding-left:18px;border-left:1px solid rgba(255,255,255,.18);font-weight:400;letter-spacing:.08em}
.brand-wordmark small{letter-spacing:.34em;color:#c9c9c7}
@media(max-width:700px){.brand img{width:108px}}
@media(max-width:370px){.brand img{width:94px}}

/* — Fundo: quadros em canvas (world-film.js) por cima do poster — */
.world-film{opacity:0;transition:opacity .9s cubic-bezier(.2,.6,.2,1)}
.world-film.is-ready{opacity:1}

/* — Crédito do estúdio — */
.site-footer{flex-wrap:wrap}
.footer-credit{flex-basis:100%;display:flex;justify-content:center;margin-top:8px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}
.studio-credit{--credit-accent:var(--red);display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px 16px;min-height:44px;color:#9fa4a6;font:500 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:color .45s ease}
.studio-credit:hover,.studio-credit:focus-visible{color:var(--white)}
.site-footer>div .studio-credit,.footer-credit a.studio-credit{color:#9fa4a6}
.footer-credit a.studio-credit:hover,.footer-credit a.studio-credit:focus-visible{color:var(--white)}
.studio-credit-brand{display:inline-flex;align-items:center;gap:9px}
.studio-credit-mark{height:12px;width:auto;display:block}
.studio-credit-accent{fill:var(--credit-accent)}
.studio-credit-tag{font-size:9px;letter-spacing:.2em;padding:4px 7px 3px;border-radius:999px;color:var(--credit-accent);border:1px solid color-mix(in srgb,var(--credit-accent) 55%,transparent);transition:border-color .45s ease,background .45s ease}
.studio-credit:hover .studio-credit-tag{border-color:var(--credit-accent)}
.studio-credit-url:before{content:"\00b7";margin-right:16px;opacity:.6}
html[data-color-version="2"] .studio-credit{--credit-accent:var(--blue-light)}
@media(max-width:700px){
  .footer-credit{justify-content:flex-start;padding-top:22px}
  .studio-credit{letter-spacing:.1em;gap:8px 12px;justify-content:flex-start}
  .studio-credit-url{flex-basis:100%}
  .studio-credit-url:before{content:none}
}

/* — Mobile: respiro no rodapé da hero e alvos de toque — */
@media(max-width:700px){
  .site-footer{padding-bottom:max(70px,calc(env(safe-area-inset-bottom) + 60px))}
  .footer-note-button,.color-version-link{min-height:32px;display:inline-flex;align-items:center}
}

@media(prefers-reduced-motion:reduce){.world-film{transition:none}}