/* Versão de computador. Toda regra fica dentro da media query: abaixo de 1024 px nada muda. */
@media (min-width:1024px){
  :root{--pad:0px;--gut:max(40px,calc((100% - 1240px)/2))}

  /* Fundo inteiro, sem o cartão central de min-width:600px */
  html,body{background:var(--paper)}
  .page{max-width:none;margin:0;border-radius:0;overflow:visible;box-shadow:none;background:var(--paper)}

  /* Topo: foto à esquerda; nome e chamada à direita */
  .hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;column-gap:64px;padding-inline:var(--gut)}
  .hero__media{display:contents}
  .hero__media img{grid-column:1;grid-row:1/3;width:100%;height:calc(100% - 80px);margin-block:40px;border-radius:24px;object-fit:cover;object-position:50% 12%;animation:none}
  .hero__media::after{content:none}
  .hero__name{position:static;grid-column:2;grid-row:1;padding-top:56px;font-size:clamp(3.6rem,5.6vw,4.75rem)}
  .hero__body{grid-column:2;grid-row:2;padding:18px 0 48px;max-width:600px}
  .hero__tag{font-size:1.85rem}
  .hero__who{margin-top:14px;font-size:1.04rem;max-width:52ch}
  .cta{max-width:520px}
  .facts{margin-top:28px}
  .facts b{font-size:1.85rem}
  .facts span{font-size:.84rem}

  /* Seções na mesma grade de 1240 px */
  main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding-inline:var(--gut)}
  .sec{grid-column:1/-1;padding:72px 0 0}
  .sec__h{font-size:2.35rem}
  .sec__sub{margin-top:10px;font-size:1.04rem;max-width:54ch}

  /* LinkedIn e empresas lado a lado: cards com foto em duas colunas, topos alinhados */
  .sec[aria-labelledby="h-linkedin"],.sec[aria-labelledby="h-empresas"]{grid-column:auto;grid-row:span 3;display:grid;grid-template-rows:subgrid}
  .sec[aria-labelledby="h-linkedin"] .svc,.sec[aria-labelledby="h-empresas"] .svc{margin-top:24px;gap:24px}
  .sec[aria-labelledby="h-empresas"] .svc{grid-template-rows:1fr auto}
  .svc__c{display:flex;flex-direction:column}
  .svc__c:hover{transform:translateY(-2px)}
  .svc__img{flex:none}
  .sec[aria-labelledby="h-linkedin"] .svc__img{flex:1 1 0;min-height:320px;height:0;aspect-ratio:auto !important}
  .svc__b{flex:none;padding:24px 26px 24px}
  .svc__s{max-width:54ch;font-size:.97rem}
  .svc__t{font-size:1.5rem}

  /* Temas em três colunas */
  .temas{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
  .tema{padding:24px}
  .tema h3{font-size:1.2rem}

  /* Fotos numa faixa só, cada uma na proporção original: nenhum rosto cortado */
  .gal{grid-template-columns:.75fr .75fr 1.6fr .75fr .75fr;gap:14px;margin-top:24px}
  .gal img.wide{grid-column:auto}

  /* Empresas: faixa branca de ponta a ponta */
  .sec[aria-labelledby="h-clientes"]{margin-top:72px;padding:56px 0;background:var(--card);box-shadow:0 0 0 100vmax var(--card);clip-path:inset(0 -100vmax);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:48px;grid-template-rows:auto 1fr;align-items:start}
  .sec[aria-labelledby="h-clientes"] .sec__h{grid-column:1;grid-row:1}
  .sec[aria-labelledby="h-clientes"] .sec__sub{grid-column:1;grid-row:2}
  .logos{grid-column:2;grid-row:1/3;margin:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 20px}

  /* Sobre: texto e formação à esquerda; portfólio à direita */
  .sec[aria-labelledby="h-sobre"]{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:24px}
  .sec[aria-labelledby="h-sobre"] .sec__h{grid-column:1/-1}
  .about{margin-top:24px;padding:32px 36px}
  .about p{font-size:1.02rem;max-width:55ch}
  .about q{font-size:1.3rem;max-width:44ch}
  .forma{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-top:22px;padding-top:22px}
  .port{margin-top:24px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px;padding:32px}
  .port::before{width:280px;height:280px;right:-90px;top:-90px;border-width:36px}
  .port img{width:84px;height:84px}
  .port__t{font-size:1.5rem}
  .port__s{margin-top:6px;font-size:.97rem}

  /* Rodapé: convite à esquerda, links à direita, selo sozinho na última linha */
  .foot{margin-top:72px;padding:56px var(--gut) calc(36px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:center}
  .foot__h{margin:0;font-size:1.9rem;text-align:left;line-height:1.2}
  .foot__links{gap:12px}
  .foot__links a{min-height:84px;font-size:.92rem}
  .foot__sign{grid-column:1/-1;margin-top:40px;padding-top:24px;border-top:1px solid rgba(244,242,238,.14)}
  .gik-pw{grid-column:1/-1;margin:20px auto 0}
}