.sobre-sec{padding-top:clamp(48px,7vh,88px);padding-bottom:clamp(48px,7vh,88px);}
.sobre-pair{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,5vw,72px);
  align-items:start;
}
.sobre-media{margin:0;overflow:hidden;background:var(--sand);width:100%;aspect-ratio:16/10;max-height:min(36vh,340px);}
.sobre-media img{width:100%;height:100%;object-fit:cover;}
.sobre-copy{display:grid;gap:clamp(20px,3vw,32px);align-content:start;padding-top:clamp(0px,2vw,12px);}
.sobre-copy .tx{font-size:16px;line-height:1.75;}
.sobre-hit{font-family:var(--display);font-weight:400;font-size:clamp(22px,3.2vw,36px);letter-spacing:-.035em;line-height:1.12;color:var(--ink);margin:0;}
.sobre-lead{
  margin:0;font-size:clamp(17px,2.05vw,21px);line-height:1.65;color:var(--ink);
}
.sobre-why-title{
  margin:0 0 clamp(28px,4vw,48px);
  font-family:var(--display);font-weight:400;
  font-size:clamp(28px,5.2vw,72px);line-height:.96;letter-spacing:-.04em;
  max-width:min(100%,720px);
}
.sobre-why-title + .sobre-eco-shell{margin-top:0;}
.sobre-eco-shell{
  max-width:min(100%,460px);margin-left:auto;margin-right:auto;
  padding:clamp(10px,3.5vw,28px) clamp(14px,5vw,32px);
  overflow:hidden;contain:layout paint style;
}
.sobre-eco{
  position:relative;width:100%;aspect-ratio:1;
  touch-action:none;
  --eco-logo-inset-y:8%;
  --eco-logo-inset-x:3%;
  --eco-logo-scale:0.7;
}
.sobre-eco__gl{
  position:absolute;inset:0;width:100%;height:100%;
  display:block;z-index:1;
}
.sobre-eco__logo{
  position:absolute;inset:var(--eco-logo-inset-y) var(--eco-logo-inset-x);z-index:0;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;transform-origin:50% 50%;
}
.sobre-eco__logo img{
  width:calc(100% * var(--eco-logo-scale));height:auto;max-height:calc(100% * var(--eco-logo-scale));object-fit:contain;
}
.sobre-eco__tags{position:absolute;inset:0;z-index:3;pointer-events:none;}
.sobre-eco__tags-logo{
  position:absolute;
  inset:var(--eco-logo-inset-y) var(--eco-logo-inset-x);
  z-index:4;pointer-events:none;overflow:visible;
  -webkit-mask-image:url('img/atm360-logo.svg');
  mask-image:url('img/atm360-logo.svg');
  -webkit-mask-size:calc(100% * var(--eco-logo-scale)) auto;
  mask-size:calc(100% * var(--eco-logo-scale)) auto;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
}
.sobre-eco__tag{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  font-family:var(--face);font-weight:700;
  font-size:clamp(9px,2.05vw,12px);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink);white-space:nowrap;transition:opacity .35s var(--e);
}
.sobre-eco__tag--on-logo{color:#fff;}
.sobre-eco:not(.is-live) .sobre-eco__logo,
.sobre-eco:not(.is-live) .sobre-eco__tag{opacity:0;}
.sobre-reasons{
  display:grid;gap:0;
  max-width:640px;margin-top:clamp(32px,5vw,52px);
}
.sobre-reasons p{
  font-size:15.5px;line-height:1.72;color:var(--mid);
  padding:clamp(22px,3vw,34px) 0;
  border-bottom:1px solid var(--line);
}
.sobre-reasons p:first-child{padding-top:0;}
.sobre-reasons p:last-child{border-bottom:none;padding-bottom:0;}
.sobre-reasons p b{
  display:block;font-family:var(--display);font-weight:400;
  font-size:clamp(20px,2.2vw,28px);letter-spacing:-.03em;line-height:1.15;
  color:var(--ink);margin-bottom:8px;
}
.sobre-close{
  margin:0;max-width:720px;
  font-family:var(--display);font-weight:400;
  font-size:clamp(20px,2.5vw,32px);line-height:1.14;letter-spacing:-.035em;
  color:var(--ink);
}
.sobre-pair .numeros{margin-top:clamp(28px,4vw,44px);}

.topo h1{
  transition:opacity 1s var(--e),transform 1.05s var(--e);
}
html.sobre-anim .topo h1{
  opacity:0;transform:translate3d(0,28px,0);
}
html.sobre-anim .topo.is-in h1{
  opacity:1;transform:none;
}

@media (prefers-reduced-motion:no-preference){
  html.sobre-anim .sobre-pair.sobre-reveal .sobre-media{
    opacity:0;transform:translate3d(-28px,0,0);
    transition:opacity .9s var(--e),transform .95s var(--e);
  }
  html.sobre-anim .sobre-pair.sobre-reveal.is-in .sobre-media{
    opacity:1;transform:none;
  }
  html.sobre-anim .sobre-pair.sobre-reveal .sobre-media img{
    transition:transform 1.1s var(--e);
    transform:scale(1.06);
  }
  html.sobre-anim .sobre-pair.sobre-reveal.is-in .sobre-media img{transform:scale(1);}
  html.sobre-anim .sobre-pair.sobre-reveal.is-in .sobre-media:hover img{transform:scale(1.04);}

  html.sobre-anim .sobre-pair--flip.sobre-reveal .sobre-media{
    transform:translate3d(28px,0,0);
  }
  html.sobre-anim .sobre-pair--flip.sobre-reveal.is-in .sobre-media{
    transform:none;
  }

  html.sobre-anim .sobre-copy > *,
  html.sobre-anim .numeros > div{
    opacity:0;transform:translate3d(0,22px,0);
    transition:opacity .75s var(--e),transform .8s var(--e);
  }
  html.sobre-anim .sobre-copy > *.is-in,
  html.sobre-anim .numeros > div.is-in{
    opacity:1;transform:none;
  }

  html.sobre-anim .sobre-why-art{
    opacity:0;transform:translate3d(0,24px,0) scale(.97);
    transition:opacity .85s var(--e),transform .9s var(--e);
  }
  html.sobre-anim .sobre-why-art.is-in{
    opacity:1;transform:none;
  }
  html.sobre-anim .sobre-eco.sobre-why-art{
    opacity:0;transform:translate3d(0,28px,0) scale(.96);
    transition:opacity .9s var(--e),transform .95s var(--e);
  }
  html.sobre-anim .sobre-eco.sobre-why-art.is-in{
    opacity:1;transform:none;
  }
  html.sobre-anim .sobre-reasons p{
    opacity:0;transform:translate3d(0,18px,0);
    transition:opacity .7s var(--e),transform .75s var(--e);
  }
  html.sobre-anim .sobre-reasons p.is-in{
    opacity:1;transform:none;
  }
  html.sobre-anim .sobre-fechamento{
    opacity:0;transform:translate3d(0,26px,0);
    transition:opacity .85s var(--e),transform .9s var(--e);
  }
  html.sobre-anim .sobre-fechamento.is-in{
    opacity:1;transform:none;
  }
}
@media(max-width:900px){
  .sobre-pair{grid-template-columns:1fr;}
  .sobre-media{max-height:min(32vh,280px);}
  .sobre-media img{object-fit:cover;}
  .sobre-copy{padding-top:0;}
  html.sobre-anim .sobre-pair.sobre-reveal .sobre-media{
    transform:translate3d(0,24px,0);
  }
}