.about-hero { padding: 45px 5vw 50px; background-color: #ffea00; }
.about-hero h1 { font: 800 clamp(72px,11vw,150px)/.9 MadhouseBlock,Impact,sans-serif; letter-spacing: -.035em; margin: 0 0 30px; }
.about-page main p { max-width: 680px; font: 400 clamp(20px,2.2vw,28px)/1.4 Body,Arial,sans-serif; }
.about-bigne { display: flex; align-items: center; gap: 35px; padding: 42px 5vw; background-color: #101010; color: #fff; }
.about-bigne-art { display: block; width: 180px; height: 180px; flex: none; overflow: visible; }
.about-bigne-art img { display: block; width: 180px; height: 180px; object-fit: contain; clip-path: none; }
.about-hero p + p { margin-top: 20px; }
.about-bigne p + p { margin-top: 18px; }
.about-anyway { padding: 42px 5vw 50px; background-color: #ff56d8; color: #101010; }
.about-anyway p + p { margin-top: 24px; }
.about-anyway .arrow-link { max-width: 340px; min-height: 48px; }
@media (max-width: 700px) {
  .about-hero { padding: 30px 20px 36px; }
  .about-bigne { gap: 20px; padding: 32px 20px; }
  .about-bigne-art { width: 105px; height: 105px; }
  .about-bigne-art img { width: 105px; height: 105px; }
  .about-anyway { padding: 32px 20px 40px; }
}
@media (max-width: 380px) {
  .about-bigne { gap: 16px; }
  .about-bigne-art { width: 90px; height: 90px; }
  .about-bigne-art img { width: 90px; height: 90px; }
}