/* ARK 206 — refinements requested 2026-08-18 */

/* ============================================================
   QUEM SOMOS — office as a subtle full-hero background
   ============================================================ */
.about-page .inst-hero-about{
  min-height:820px!important;
  padding:150px 0 92px!important;
  overflow:hidden!important;
  background:#03060b!important;
  isolation:isolate;
}
.about-page .inst-hero-about::before{
  z-index:2!important;
  opacity:.18!important;
}
.about-page .inst-hero-about .inst-hero-grid{
  position:static!important;
  display:block!important;
}
.about-page .inst-hero-about .inst-hero-copy{
  position:relative!important;
  z-index:4!important;
  width:min(610px,48vw)!important;
  max-width:610px!important;
}
.about-page .inst-hero-about .inst-hero-media-office{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#03060b!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  pointer-events:none;
}
.about-page .inst-hero-about .inst-hero-media-office::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,#03060b 0%,rgba(3,6,11,.985) 20%,rgba(3,6,11,.90) 34%,rgba(3,6,11,.52) 52%,rgba(3,6,11,.18) 72%,rgba(3,6,11,.16) 100%),
    linear-gradient(180deg,rgba(3,6,11,.22) 0%,rgba(3,6,11,.02) 48%,rgba(3,6,11,.48) 100%);
  pointer-events:none;
}
.about-page .inst-hero-about .inst-hero-media-office::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background:radial-gradient(circle at 77% 34%,rgba(75,88,255,.14),transparent 38%);
  pointer-events:none;
}
.about-page .inst-hero-about .inst-hero-media-office img{
  position:absolute!important;
  z-index:1!important;
  inset:-3% -2% -4% 27%!important;
  width:75%!important;
  height:107%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  opacity:.46!important;
  filter:saturate(.82) brightness(.90) contrast(1.04)!important;
  mix-blend-mode:screen;
  mix-blend-mode:plus-lighter;
}
.about-page .inst-hero-about .inst-hero-media-office figcaption{display:none!important}

/* ============================================================
   NOSSA ESTRUTURA — balanced hero per approved visual reference
   ============================================================ */
.structure-page .v78-structure-hero{
  min-height:830px!important;
  padding:112px 0 56px!important;
  overflow:hidden!important;
}
.structure-page .v78-structure-grid{
  width:min(1360px,calc(100% - 96px))!important;
  max-width:1360px!important;
  margin-inline:auto!important;
  grid-template-columns:minmax(0,760px) minmax(0,590px)!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
}
.structure-page .v78-structure-grid .inst-hero-copy{
  width:760px!important;
  max-width:760px!important;
  min-width:0!important;
  padding-top:0!important;
  overflow:visible!important;
}
.structure-page .v78-structure-grid .inst-hero-copy h1{
  width:760px!important;
  max-width:760px!important;
  margin-top:20px!important;
  margin-bottom:28px!important;
  font-size:clamp(64px,5.20vw,80px)!important;
  overflow:visible!important;
  line-height:.99!important;
  letter-spacing:-.06em!important;
}
.structure-page .v78-structure-grid .inst-hero-copy p{
  max-width:625px!important;
  font-size:18.5px!important;
  line-height:1.72!important;
}
.structure-page .v78-layer-universe{
  justify-self:start!important;
  width:590px!important;
  max-width:590px!important;
  height:700px!important;
  min-height:700px!important;
  margin:-18px 0 -14px 0!important;
  transform:none!important;
  overflow:visible!important;
}
.structure-page .v78-layer-universe .inst-layer-stack{
  width:590px!important;
  height:670px!important;
  transform:translateY(-2px) rotateX(var(--stage-rx)) rotateY(var(--stage-ry))!important;
}
.structure-page .v78-layer-universe .inst-layer-item{
  width:510px!important;
  aspect-ratio:1125/738!important;
}
.structure-page .v78-layer-universe .inst-layer-item:nth-child(1){--layer-x:-8px!important;--layer-y:-196px!important;--layer-r:1deg!important}
.structure-page .v78-layer-universe .inst-layer-item:nth-child(2){--layer-x:9px!important;--layer-y:-65px!important;--layer-r:-.8deg!important}
.structure-page .v78-layer-universe .inst-layer-item:nth-child(3){--layer-x:-7px!important;--layer-y:66px!important;--layer-r:.75deg!important}
.structure-page .v78-layer-universe .inst-layer-item:nth-child(4){--layer-x:8px!important;--layer-y:197px!important;--layer-r:-1deg!important}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1180px){
  .about-page .inst-hero-about{min-height:auto!important;padding:132px 0 76px!important}
  .about-page .inst-hero-about .inst-hero-copy{width:min(620px,78vw)!important}
  .about-page .inst-hero-about .inst-hero-media-office img{inset:0 -14% 0 28%!important;width:92%!important;height:100%!important}

  .structure-page .v78-structure-hero{min-height:auto!important;padding:126px 0 58px!important;overflow:visible!important}
  .structure-page .v78-structure-grid{width:min(100% - 48px,980px)!important;grid-template-columns:1fr!important;gap:12px!important}
  .structure-page .v78-structure-grid .inst-hero-copy{max-width:760px!important}
  .structure-page .v78-structure-grid .inst-hero-copy h1{max-width:760px!important;font-size:clamp(56px,7.6vw,76px)!important}
  .structure-page .v78-structure-grid .inst-hero-copy p{max-width:700px!important;font-size:17px!important}
  .structure-page .v78-layer-universe{justify-self:center!important;width:680px!important;max-width:100%!important;height:650px!important;min-height:650px!important;margin:-16px auto -12px!important}
  .structure-page .v78-layer-universe .inst-layer-stack{width:610px!important;height:625px!important}
  .structure-page .v78-layer-universe .inst-layer-item{width:min(92%,495px)!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(1){--layer-y:-178px!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(2){--layer-y:-59px!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(3){--layer-y:60px!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(4){--layer-y:179px!important}
}
@media(max-width:720px){
  .about-page .inst-hero-about{padding:116px 0 66px!important}
  .about-page .inst-hero-about .inst-hero-copy{width:100%!important;max-width:100%!important}
  .about-page .inst-hero-about .inst-hero-media-office img{inset:0 -45% 0 22%!important;width:125%!important;opacity:.34!important}
  .about-page .inst-hero-about .inst-hero-media-office::before{background:linear-gradient(90deg,#03060b 0%,rgba(3,6,11,.96) 38%,rgba(3,6,11,.68) 68%,rgba(3,6,11,.34) 100%),linear-gradient(180deg,rgba(3,6,11,.12),rgba(3,6,11,.62))}

  .structure-page .v78-structure-grid{width:min(100% - 30px,680px)!important}
  .structure-page .v78-structure-grid .inst-hero-copy h1{font-size:clamp(46px,13vw,62px)!important}
  .structure-page .v78-layer-universe{width:112%!important;height:560px!important;min-height:560px!important;margin:-54px 0 -20px -6%!important}
  .structure-page .v78-layer-universe .inst-layer-stack{width:108%!important;height:540px!important}
  .structure-page .v78-layer-universe .inst-layer-item{width:min(102%,430px)!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(1){--layer-y:-155px!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(2){--layer-y:-52px!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(3){--layer-y:52px!important}
  .structure-page .v78-layer-universe .inst-layer-item:nth-child(4){--layer-y:155px!important}
}

@media(min-width:1181px){
  .structure-page .structure-hero-title>span,
  .structure-page .structure-hero-title>em,
  .structure-page .structure-hero-title>em>span{display:block!important}
  .structure-page .structure-hero-title>em{font-style:normal!important}
  .structure-page .structure-hero-title>span,
  .structure-page .structure-hero-title>em>span{white-space:nowrap!important}
}
@media(min-width:1181px){
  .structure-page .structure-hero-title>em>span{
    background:linear-gradient(90deg,#5aa7ff,#7183ff 46%,#ab62ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
}


@media(min-width:1181px){
  .structure-page .structure-hero-title,
  .structure-page .structure-hero-title>span,
  .structure-page .structure-hero-title>em,
  .structure-page .structure-hero-title>em>span{overflow:visible!important}
}