/* Matte charcoal grain on the home introduction, without geometric decoration. */
.hero{background-image:url("charcoal-grain.svg");background-repeat:repeat;background-position:center;background-size:180px 180px}
.hero>.wrap{position:relative}

/* Games: preserve the original filled icons; tighten the editorial sequence. */
.games-page .detail-hero{padding-bottom:56px}
.games-page .creation-section .feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;max-width:1160px}
.games-page .creation-section h2{margin:0;max-width:400px}
.games-page .creation-section p{margin:0;max-width:590px}
.games-page .games-statement{padding:24px 0 40px}
.games-page .games-statement>.wrap{position:relative;isolation:isolate;overflow:hidden;padding:48px;background:#dce5e3;border-radius:12px}
.games-page .games-statement>.wrap::before{content:"";position:absolute;width:160px;height:160px;left:64px;top:50%;transform:translateY(-50%) rotate(-12deg);background:#c0d0cb;border-radius:28px;z-index:-1}
.games-page .games-statement>.wrap::after{content:"";position:absolute;width:80px;height:80px;left:196px;top:56%;transform:rotate(12deg);background:#b0c3bc;border-radius:18px;z-index:-1}
.games-page .games-statement .editorial-statement{font-size:clamp(32px,4.3vw,56px);max-width:650px;width:65%;margin-left:auto}
.games-page #atuacao{padding-top:32px;padding-bottom:56px}
.games-page .page-close>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.games-page .page-close h2{margin:0}

/* Technology: a clearer hierarchy around existing copy and approved photograph. */
.technology-page .software-section .feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}
.technology-page .software-section h2{margin:0;max-width:420px}
.technology-page .software-section p{margin:0;max-width:590px}
.technology-page .industry-showcase{padding-top:8px}
.technology-page .industry-photo figcaption{left:0;bottom:0;right:auto;border-radius:0 12px 0 0;padding:14px 24px;font-size:17px}
.technology-page .industry-copy{padding:40px}
.technology-page #atuacao{padding-block:56px}

@media(max-width:760px){
  .games-page .creation-section .feature-grid,.technology-page .software-section .feature-grid{grid-template-columns:1fr;gap:24px}
  .games-page .games-statement>.wrap{padding:32px 24px}
  .games-page .games-statement .editorial-statement{width:100%;position:relative}
  .games-page .games-statement>.wrap::before{left:auto;right:-48px;opacity:.45}
  .games-page .games-statement>.wrap::after{left:auto;right:56px;opacity:.35}
  .games-page .page-close>.wrap{align-items:flex-start;flex-direction:column}
  .technology-page .industry-copy{padding:28px 24px}
  .technology-page #atuacao{padding-block:40px}
}