/* ===== 3TS TECHNOLOGY PAGE V1 ===== */

.technology-page{
  background:#02070d;
  color:#f5f6f7;
}

/* destaca Technology no menu */
.desktop-nav a.active{
  color:#f0c45c;
}

/* HERO */
.technology-hero{
  position:relative;
  min-height:calc(100vh - 92px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:70px 24px 90px;
  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      rgba(2,7,13,.14) 0%,
      rgba(2,7,13,.04) 45%,
      rgba(2,7,13,.24) 82%,
      rgba(2,7,13,.78) 100%
    ),
    url('/assets/images/3ts-technology-background.png')
    center center / cover no-repeat;
}

.technology-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(
      circle at 50% 46%,
      transparent 0%,
      transparent 44%,
      rgba(1,5,9,.14) 72%,
      rgba(1,5,9,.44) 100%
    );
}

.technology-hero-content{
  position:relative;
  z-index:2;
  width:min(980px,100%);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.technology-eyebrow{
  margin:0 0 18px;
  color:#e4b34b;
  font-size:12px;
  font-weight:650;
  letter-spacing:.18em;
}

.technology-hero h1{
  margin:0;
  font-size:74px;
  line-height:.95;
  font-weight:500;
  letter-spacing:.035em;
  color:#e1ad45;
}

.technology-line{
  width:52px;
  height:2px;
  background:#d7a43b;
  margin:24px 0 22px;
}

.technology-hero h2{
  margin:0;
  font-size:18px;
  line-height:1.55;
  font-weight:450;
  letter-spacing:.28em;
  color:#f2f3f4;
}

.technology-intro{
  margin:620px auto 0;
  max-width:780px;
  color:#d2d9de;
  font-size:17px;
  line-height:1.7;
}

/* deixa header/footer integrados */
.technology-page .site-header{
  background:rgba(2,7,13,.28) !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.technology-page .site-footer{
  background:#02070d !important;
  border-top:1px solid rgba(255,255,255,.055);
}

/* TABLET */
@media(max-width:820px){

  .technology-hero{
    min-height:auto;
    padding:54px 20px 70px;
    background-position:center top;
  }

  .technology-eyebrow{
    font-size:10px;
    margin-bottom:14px;
  }

  .technology-hero h1{
    font-size:48px;
  }

  .technology-line{
    margin:19px 0 18px;
  }

  .technology-hero h2{
    font-size:13px;
    line-height:1.5;
    letter-spacing:.20em;
  }

  .technology-intro{
    margin-top:470px;
    max-width:580px;
    font-size:14px;
    line-height:1.65;
  }
}

/* MOBILE */
@media(max-width:540px){

  .technology-hero{
    padding:46px 18px 60px;
    background-size:auto 700px;
    background-position:center 110px;
  }

  .technology-hero h1{
    font-size:40px;
  }

  .technology-hero h2{
    font-size:11px;
    letter-spacing:.16em;
  }

  .technology-intro{
    margin-top:430px;
    font-size:13px;
    line-height:1.6;
  }
}
/* ===== TECHNOLOGY HERO REFINEMENT ===== */

@media(min-width:821px){

  .technology-hero h1{
    font-size:58px !important;
    letter-spacing:.045em;
  }

  .technology-line{
    margin:22px 0 20px;
  }

  .technology-hero h2{
    font-size:16px;
    letter-spacing:.25em;
  }

}
@media(min-width:821px){

  .technology-hero{
    padding-top:48px !important;
    background-position:center -20x !important;
  }

  .technology-hero-content{
    transform:translateY(-10px);
  }

  .technology-eyebrow{
    margin-bottom:14px !important;
  }

  .technology-hero h1{
    margin-bottom:0 !important;
  }

  .technology-line{
    margin:16px 0 14px !important;
  }

  .technology-hero h2{
    margin-bottom:0 !important;
  }

}
/* ===== TECHNOLOGY MOBILE HERO TEMP ===== */

@media(max-width:820px){

  .technology-hero{
    padding:0 !important;
    min-height:0 !important;

    aspect-ratio:16 / 9;

    background-image:
      url('/assets/images/3ts-technology-background.png') !important;

    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
  }

  .technology-hero-content,
  .technology-orb-logo{
    display:none !important;
  }
}
/* ===== TECHNOLOGY MOBILE FINAL ===== */

@media(max-width:540px){

  .technology-hero{
    width:100% !important;
    min-height:calc(100svh - 110px) !important;

    padding:0 !important;

    background-image:
      url('/assets/images/3ts-technology-mobile.png') !important;

    background-size:cover !important;
    background-position:center -120px !important;
    background-repeat:no-repeat !important;
  }

  /* textos/logo já fazem parte da imagem */
  .technology-hero-content,
  .technology-orb-logo{
    display:none !important;
  }

}
/* ===== TECHNOLOGY TRANSPARENT HEADER + FOOTER ===== */

.technology-page .site-header{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.technology-page .site-footer{
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
}
/* ===== TECHNOLOGY MOBILE FULL BACKGROUND ===== */

@media(max-width:540px){

  .technology-page{
    background:
      #02070d
      url('/assets/images/3ts-technology-mobile.png')
      center top / 100% auto no-repeat !important;
  }

  .technology-page .technology-hero{
    background:none !important;
    min-height:calc(100vw * 1.77) !important;
    padding:0 !important;
  }

  .technology-page .site-header{
    background:transparent !important;
  }

  .technology-page .site-footer{
    background:transparent !important;
  }

}