.fad-phone {
  width: min(360px, 72%);
  aspect-ratio: 78 / 163.4;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.fad-phone > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  max-width: none;
}
.fad-hero h1 {
  max-width: 14em;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.3;
  text-wrap: balance;
}
.fad-overview h2,
.fad-section-head h2,
.fad-effects h2,
.fad-case h2,
.fad-sources h2 {
  font-size: clamp(28px, 2.8vw, 44px);
  text-wrap: balance;
}
.fad-next h2 {
  font-size: clamp(32px, 3.4vw, 50px);
  text-wrap: balance;
}
@media (max-width: 760px) {
  .fad-phone { width: 76%; max-width: 286px; }
  .fad-hero h1 { max-width: none; font-size: 34px; line-height: 1.38; }
  .fad-overview h2,
  .fad-section-head h2,
  .fad-effects h2,
  .fad-case h2,
  .fad-sources h2 { font-size: 30px; line-height: 1.48; }
  .fad-next h2 { font-size: 34px; line-height: 1.45; }
}