/* Cutaway portrait with independently rotating, meshing metallic gear layers. */
body[data-page="home"] .home-international-section .home-international-photo{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  isolation:isolate;
}
body[data-page="home"] .home-international-section .home-international-photo img.home-experience-profile{
  z-index:1;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  background:transparent;
}
body[data-page="home"] .home-international-section .home-experience-gear-system{
  position:absolute;
  z-index:3;
  inset:0 24px 24px 0;
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  overflow:visible;
  pointer-events:none;
}
.home-experience-gear{
  position:absolute;
  display:block;
  aspect-ratio:1/1;
  object-fit:contain;
  transform-origin:50% 50%;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  will-change:transform;
  filter:drop-shadow(0 3px 3px rgba(3,8,12,.42)) contrast(1.04);
  backface-visibility:hidden;
}
/* Gear speeds follow approximate diameters; neighboring wheels turn in opposite directions. */
.home-experience-gear--a{left:31.94%;top:15.82%;width:23.05%;height:23.05%;z-index:2;animation:experience-gear-clockwise 18s linear infinite -4s}
.home-experience-gear--b{left:53.91%;top:17.77%;width:19.14%;height:19.14%;z-index:3;animation:experience-gear-counter 15s linear infinite -1.5s}
.home-experience-gear--c{left:55.27%;top:37.18%;width:16.40%;height:16.40%;z-index:4;animation:experience-gear-clockwise 12.9s linear infinite -2.1s}
.home-experience-gear--d{left:40.05%;top:39.18%;width:15.23%;height:15.23%;z-index:5;animation:experience-gear-counter 12s linear infinite -3.7s}
.home-experience-gear--e{left:48.34%;top:9.77%;width:9.77%;height:9.77%;z-index:6;animation:experience-gear-counter 7.6s linear infinite -2.6s}
.home-experience-gear--f{left:68.36%;top:33.70%;width:9.77%;height:9.77%;z-index:6;animation:experience-gear-clockwise 7.6s linear infinite -5.4s}
@keyframes experience-gear-clockwise{to{transform:rotate(360deg)}}
@keyframes experience-gear-counter{to{transform:rotate(-360deg)}}
body.motion-paused .home-experience-gear{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  body:not(.motion-force) .home-experience-gear{animation:none!important;will-change:auto}
}
@media(max-width:720px){
  body[data-page="home"] .home-international-section .home-international-photo{
    aspect-ratio:1/1!important;
  }
  body[data-page="home"] .home-international-section .home-international-photo img.home-experience-profile{
    inset:0 14px 14px 0;
    width:calc(100% - 14px);
    height:calc(100% - 14px);
  }
  body[data-page="home"] .home-international-section .home-experience-gear-system{
    inset:0 14px 14px 0;
    width:calc(100% - 14px);
    height:calc(100% - 14px);
  }
}

/* About page: put the same reference-based mechanism in the hero shown beside the headline. */
body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  min-height:clamp(300px,27vw,365px);
}
body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro>.wrap{
  position:relative;
  z-index:2;
}
.about-experience-visual{
  position:absolute;
  z-index:1;
  top:50%;
  right:clamp(28px,4.8vw,54px);
  width:clamp(250px,26vw,340px);
  aspect-ratio:1/1;
  transform:translateY(-50%);
  overflow:visible;
}
.about-experience-visual img.about-experience-profile{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(10,25,39,.16));
}
.about-experience-visual .home-experience-gear-system{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
@media(min-width:1101px){
  body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro>.wrap{
    padding-right:clamp(360px,34vw,450px);
  }
}
@media(max-width:1100px) and (min-width:721px){
  body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro{
    min-height:0;
    padding-bottom:clamp(26px,4vw,42px)!important;
  }
  body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro>.wrap{padding-right:var(--pad)}
  .about-experience-visual{
    position:relative;
    top:auto;
    right:auto;
    width:min(42vw,330px);
    margin:14px clamp(22px,4vw,48px) 0 auto;
    transform:none;
  }
}
@media(max-width:720px){
  body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro{
    min-height:0;
    padding-bottom:clamp(24px,7vw,36px)!important;
  }
  body[data-page="sobre-nos"] main>section.about-page-intro.about-experience-intro>.wrap{padding-right:var(--pad)}
  .about-experience-visual{
    position:relative;
    top:auto;
    right:auto;
    width:min(72vw,280px);
    margin:14px auto 0;
    transform:none;
  }
}
@media(max-width:390px){
  .about-experience-visual{width:min(70vw,228px);margin-top:10px}
}