/* Publicações incorporadas nas divisões do estúdio */
.page-studio-games{
  --division-post-accent:#68e4f0;
  --division-post-accent-2:#6f8dff;
  --division-post-rgb:104,228,240;
  --division-post-bg:#030912;
}
.page-studio-apps{
  --division-post-accent:#69efb4;
  --division-post-accent-2:#5ed7a0;
  --division-post-rgb:105,239,180;
  --division-post-bg:#03100b;
}
.page-studio-web{
  --division-post-accent:#f1c979;
  --division-post-accent-2:#e58a5f;
  --division-post-rgb:241,201,121;
  --division-post-bg:#110b05;
}
.page-studio-labs{
  --division-post-accent:#b493ff;
  --division-post-accent-2:#65d8f3;
  --division-post-rgb:180,147,255;
  --division-post-bg:#090612;
}
.division-posts-section{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(var(--division-post-rgb),.15);
  padding:96px 0 108px;
  background:
    radial-gradient(circle at 86% 12%,rgba(var(--division-post-rgb),.13),transparent 28%),
    linear-gradient(145deg,var(--division-post-bg),#020605 75%);
}
.division-posts-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(var(--division-post-rgb),.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--division-post-rgb),.055) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,#000,transparent 90%);
}
.division-posts-section .container{
  position:relative;
  z-index:2;
}
.division-posts-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:24px;
  margin-bottom:30px;
}
.division-posts-head small{
  color:var(--division-post-accent);
  font-size:9px;
  font-weight:950;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.division-posts-head h2{
  margin:9px 0 10px;
  color:#f5fbf8;
  font-family:Oxanium,Segoe UI,sans-serif;
  font-size:clamp(34px,4.6vw,58px);
  line-height:1;
  letter-spacing:-.045em;
}
.division-posts-head p{
  max-width:680px;
  margin:0;
  color:#91a39a;
  line-height:1.7;
}
.division-posts-head>a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(var(--division-post-rgb),.22);
  border-radius:12px;
  padding:0 15px;
  color:var(--division-post-accent);
  background:rgba(var(--division-post-rgb),.055);
  font-size:9px;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
}
.division-posts-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.division-post-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(var(--division-post-rgb),.15);
  border-radius:21px;
  color:inherit;
  background:rgba(5,13,10,.88);
  box-shadow:0 25px 75px rgba(0,0,0,.28);
  text-decoration:none;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.division-post-card:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--division-post-rgb),.4);
  box-shadow:0 34px 85px rgba(0,0,0,.4);
}
.division-post-media{
  height:190px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  color:var(--division-post-accent);
  background:
    radial-gradient(circle,rgba(var(--division-post-rgb),.19),transparent 48%),
    linear-gradient(135deg,rgba(var(--division-post-rgb),.09),rgba(0,0,0,.16));
  font-size:50px;
}
.division-post-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:55%;
  background:linear-gradient(transparent,rgba(2,7,5,.75));
}
.division-post-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}
.division-post-card:hover .division-post-media img{
  transform:scale(1.045);
}
.division-post-lock{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  position:absolute;
  z-index:3;
  right:12px;
  top:12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  background:rgba(3,8,6,.82);
  backdrop-filter:blur(12px);
  font-size:14px;
  font-style:normal;
}
.division-post-copy{
  padding:20px;
}
.division-post-kicker{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.division-post-kicker span,
.division-post-kicker i{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:0 8px;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}
.division-post-kicker span{
  color:#03100a;
  background:linear-gradient(100deg,var(--division-post-accent),var(--division-post-accent-2));
}
.division-post-kicker i{
  color:#8da096;
  border:1px solid rgba(var(--division-post-rgb),.16);
}
.division-post-card.members-only .division-post-kicker i{
  color:#efd08a;
  border-color:rgba(239,208,138,.25);
}
.division-post-copy h3{
  margin:14px 0 9px;
  color:#f2faf6;
  font-family:Oxanium,Segoe UI,sans-serif;
  font-size:22px;
  line-height:1.08;
}
.division-post-copy p{
  min-height:68px;
  margin:0;
  display:-webkit-box;
  overflow:hidden;
  color:#8ca097;
  font-size:11px;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.division-post-copy footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:17px;
  border-top:1px solid rgba(var(--division-post-rgb),.1);
  padding-top:14px;
  color:#71857a;
  font-size:8px;
}
.division-post-copy footer b{
  color:var(--division-post-accent);
  font-size:8px;
  text-transform:uppercase;
}
.division-post-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  grid-column:1/-1;
  border:1px dashed rgba(var(--division-post-rgb),.2);
  border-radius:20px;
  padding:30px;
  color:#789086;
  background:rgba(var(--division-post-rgb),.025);
  text-align:center;
}
.division-post-empty.error{color:#e5a3ae}

/* Identidades completas das páginas */
.page-studio-games .games-showcase-hero{
  background:
    radial-gradient(circle at 80% 30%,rgba(104,228,240,.18),transparent 28%),
    radial-gradient(circle at 18% 70%,rgba(111,141,255,.12),transparent 31%),
    linear-gradient(145deg,#020711,#071424 62%,#02060b);
}
.page-studio-games .games-showcase-content .kicker,
.page-studio-games .eyebrow{color:#68e4f0}
.page-studio-apps .studio-page-hero{
  background:
    radial-gradient(circle at 82% 24%,rgba(105,239,180,.18),transparent 28%),
    linear-gradient(145deg,#020806,#082016 62%,#020806);
}
.page-studio-web .studio-page-hero{
  background:
    radial-gradient(circle at 82% 24%,rgba(241,201,121,.16),transparent 28%),
    radial-gradient(circle at 18% 75%,rgba(229,138,95,.09),transparent 30%),
    linear-gradient(145deg,#090603,#1a1008 62%,#050302);
}
.page-studio-web .studio-page-hero h1 span,
.page-studio-web .eyebrow{color:#f1c979}
.page-studio-labs .studio-page-hero{
  background:
    radial-gradient(circle at 82% 24%,rgba(180,147,255,.18),transparent 28%),
    radial-gradient(circle at 18% 75%,rgba(101,216,243,.08),transparent 30%),
    linear-gradient(145deg,#050309,#130d22 62%,#040207);
}
.page-studio-labs .studio-page-hero h1 span,
.page-studio-labs .eyebrow{color:#b493ff}

@media(max-width:900px){
  .division-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .division-posts-section{padding:74px 0 82px}
  .division-posts-head{grid-template-columns:1fr;align-items:start}
  .division-posts-head>a{width:100%;justify-content:center}
  .division-posts-grid{grid-template-columns:1fr}
}

/* A identidade alcança os cards, abas e chamadas de cada divisão */
.page-studio-apps .page-tabs a,
.page-studio-apps .capability-card,
.page-studio-apps .studio-copy-panel,
.page-studio-apps .studio-aside-panel{
  border-color:rgba(105,239,180,.16);
}
.page-studio-apps .capability-card i,
.page-studio-apps .status-pill{
  color:#69efb4;
  background:rgba(105,239,180,.065);
}
.page-studio-apps .capability-card:hover{
  border-color:rgba(105,239,180,.38);
  box-shadow:0 28px 75px rgba(23,135,91,.13);
}
.page-studio-web{
  background:
    radial-gradient(circle at 8% 32%,rgba(229,138,95,.035),transparent 26%),
    #050403;
}
.page-studio-web .page-tabs a,
.page-studio-web .capability-card,
.page-studio-web .studio-copy-panel,
.page-studio-web .studio-aside-panel,
.page-studio-web .studio-cta{
  border-color:rgba(241,201,121,.16);
}
.page-studio-web .page-tabs a:hover,
.page-studio-web .capability-card i,
.page-studio-web .status-pill{
  color:#f1c979;
  background:rgba(241,201,121,.065);
}
.page-studio-web .capability-card:hover{
  border-color:rgba(241,201,121,.38);
  box-shadow:0 28px 75px rgba(159,102,41,.14);
}
.page-studio-web .studio-list li::before{color:#f1c979}
.page-studio-labs{
  background:
    radial-gradient(circle at 8% 32%,rgba(180,147,255,.045),transparent 26%),
    #040306;
}
.page-studio-labs .page-tabs a,
.page-studio-labs .capability-card,
.page-studio-labs .studio-copy-panel,
.page-studio-labs .studio-aside-panel,
.page-studio-labs .studio-cta{
  border-color:rgba(180,147,255,.16);
}
.page-studio-labs .page-tabs a:hover,
.page-studio-labs .capability-card i,
.page-studio-labs .status-pill{
  color:#b493ff;
  background:rgba(180,147,255,.07);
}
.page-studio-labs .capability-card:hover{
  border-color:rgba(180,147,255,.4);
  box-shadow:0 28px 75px rgba(95,61,164,.16);
}
.page-studio-labs .studio-list li::before{color:#b493ff}
.page-studio-games .games-filter-shell,
.page-studio-games .game-cinematic{
  border-color:rgba(104,228,240,.16);
}