/* Projetos Especiais — Tubes Cursor V2 */
.projects-tubes-section{
  position:relative;
  width:100%;
  height:clamp(600px,82svh,920px);
  min-height:600px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#000;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  isolation:isolate;
  contain:layout paint;
  content-visibility:auto;
  contain-intrinsic-size:auto 760px;
}
.projects-tubes-frame{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:#000;
}
.projects-tubes-loader{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  pointer-events:none;
  background:#000;
  color:rgba(255,255,255,.58);
  font:600 11px/1 "Oxanium","Roboto",system-ui,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:opacity .35s ease,visibility .35s ease;
}
.projects-tubes-section.is-ready .projects-tubes-loader{
  opacity:0;
  visibility:hidden;
}
@media(max-width:900px){
  .projects-tubes-section{
    height:clamp(540px,74svh,760px);
    min-height:540px;
    contain-intrinsic-size:auto 620px;
  }
}
@media(max-width:600px){
  .projects-tubes-section{
    height:68svh;
    min-height:500px;
    max-height:680px;
    contain-intrinsic-size:auto 560px;
  }
}