/* Ajustes de leitura e toque para telas compactas. */
.arrow-icon{
  display:inline-block;
  width:1em;
  height:1em;
  flex:0 0 auto;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M9 6h9v9' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M9 6h9v9' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.nav-cta .arrow-icon,
.detail-contact .arrow-icon,
.project-contact .arrow-icon{width:15px;height:15px;color:var(--gold)}
.hero-action .arrow-icon{width:19px;height:19px}
.project-cta .arrow-icon,.project-card-cta .arrow-icon{width:18px;height:18px}
.all-projects-link .arrow-icon,.text-link .arrow-icon{width:15px;height:15px}
.capability b .arrow-icon{width:21px;height:21px}
.next b .arrow-icon{width:22px;height:22px}
.inline-arrow{width:.95em;height:.95em;vertical-align:-.12em;margin-left:3px}

@media (max-width:820px){
  .nav-fixed,.projects-nav,.detail-nav{
    min-height:76px;
    padding:12px 18px!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  }
  .nav-fixed .brand img,.projects-nav img,.detail-nav img{width:76px!important}
  .nav-cta,.project-contact,.detail-contact{font-size:11px!important;padding:8px 11px!important;gap:7px!important}

  .project-grid{gap:34px!important}
  .project,.project-card{min-width:0}
  .project .project-image,.project-card figure{aspect-ratio:16/9!important}
  .project-meta{grid-template-columns:1fr!important;gap:0;padding:14px 0 0!important}
  .project-meta span{line-height:1.55;max-width:31ch}
  .project-meta h3{grid-column:1;grid-row:auto;margin-top:7px}
  .project-meta .project-cta{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start;
    width:auto!important;
    max-width:100%;
    min-height:38px;
    margin-top:14px!important;
    gap:8px!important;
    padding:0 12px!important;
  }
  .project-cta em{max-width:150px!important;opacity:1!important}

  .projects-grid{gap:34px!important}
  .project-card>div{grid-template-columns:1fr!important;gap:0;padding:14px 0 0!important}
  .project-card span{line-height:1.55;max-width:31ch}
  .project-card h2{grid-column:1;grid-row:auto;margin-top:7px}
  .project-card>div .project-card-cta{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start;
    width:auto!important;
    max-width:100%;
    min-height:38px;
    margin-top:14px;
    gap:8px!important;
    padding:0 12px!important;
  }
  .project-card-cta em{max-width:150px!important;opacity:1!important}
  .project-card p{margin-top:10px!important;max-width:46ch}

  /* Os filmes horizontais permanecem horizontais; a capa não vira um crop vertical. */
  .trakto-film,.azul-film,.rupi-film,.trakto-dubai-film,.trakto-links-film{
    margin:0!important;
    aspect-ratio:16/9!important;
  }
  .trakto-video,.azul-video,.rupi-video,.trakto-dubai-video,.trakto-links-video{
    object-fit:contain!important;
    background:#09051b;
  }
  .trakto-play,.azul-play,.rupi-play,.trakto-dubai-play,.trakto-links-play{left:18px!important;bottom:18px!important}
  .trakto-film-label,.azul-film-label,.rupi-film-label,.trakto-dubai-film-label,.trakto-links-film-label{display:none!important}

  .next{min-height:0!important;padding:82px 6vw!important;align-items:flex-start!important;text-align:left!important}
  .next a{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:16px!important;align-items:center;margin-top:22px!important;font-size:clamp(42px,12vw,58px)!important;line-height:.98!important}
  .next b{width:48px!important;height:48px!important;font-size:0!important}

  .projects-cta{min-height:0!important;padding:84px 6vw!important;align-items:flex-start!important;text-align:left!important}
  .projects-cta h2{font-size:clamp(46px,12vw,60px)!important}
}