/* Sobre: manifesto e processo do estúdio. */
.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:11%;align-items:center}
.about-art{position:relative;background:var(--blue);color:var(--paper);padding:48px 35px;min-height:420px;display:flex;align-items:center;justify-content:center;transform:rotate(-2deg)}
.about-art .statement{font-family:var(--display);text-transform:uppercase;line-height:.97;letter-spacing:-2px;font-size:clamp(55px,5.3vw,80px)}
.about-art .tiny{position:absolute;left:25px;top:20px;font-size:9px;letter-spacing:.15em}
.about-art .cross{position:absolute;right:23px;bottom:12px;font-size:75px;line-height:1}
.about h2{font-size:clamp(45px,4.3vw,65px);margin:20px 0 25px}
.about p{font-size:14px;color:var(--mute);max-width:440px}
.process{margin-top:28px;border-top:1px solid var(--rule)}
.process-item{display:flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:12px}
.process-item span{color:var(--blue);font-size:10px}
@media(max-width:900px){
  .about-grid{gap:7%}
  .about-art{min-height:370px;padding:40px 25px}
}
@media(max-width:650px){
  .about-grid{grid-template-columns:1fr;gap:42px}
  .about-art{min-height:340px;margin:0 5%}
  .about-art .statement{font-size:67px}
  .about h2{font-size:48px}
}
#sobre{padding-left:5%;padding-right:5%}
@media(max-width:650px){
  #sobre{padding:58px 6%}
  .about-art{margin:0 2%;padding:46px 20px 38px;min-height:0}
  .about-art .statement{font-size:clamp(38px,10.6vw,62px);letter-spacing:-1px}
  .about-art .cross{font-size:46px;right:12px;bottom:8px}
  .about-art .tiny{left:20px;font-size:8px}
  .about h2{font-size:clamp(38px,10.5vw,52px)}
  .about p{font-size:15px;line-height:1.7}
  .process-item{font-size:13px;align-items:flex-start;gap:14px}
}
@media(max-width:360px){
  .about h2{font-size:40px}
}
/* Nova arte: fundo branco, emblema 3D sobre o canto do manifesto e ilha cortada na borda direita. */
#sobre{position:relative;isolation:isolate;max-width:none;overflow:hidden;background:#fff;padding-left:max(5%,(100% - 1296px)/2);padding-right:max(5%,(100% - 1296px)/2)}
.sobre-ilha{position:absolute;z-index:-1;right:-7%;top:8%;width:clamp(140px,17vw,280px);height:auto;--altura:-26px;--giro:3deg;--duracao:8s;--atraso:-2s}
.sobre-emblema{position:absolute;z-index:1;right:-14%;top:-16%;width:44%;height:auto;filter:drop-shadow(0 18px 18px #0b2a7a40);--altura:-10px;--giro:-1.2deg;--duracao:7s}
@media(max-width:650px){
  #sobre{padding-left:6%;padding-right:6%}
  .sobre-ilha{top:auto;bottom:1%;right:-12%;width:120px}
  .sobre-emblema{right:-8%;top:-14%;width:40%}
}