@layer page {
  .statement-grid {
    grid-template-columns: minmax(0, 32rem) minmax(32rem, 34.25rem);
    align-items: start;
    gap: clamp(3.45rem, 5.2vw, 4.6rem);
  }

  #apresentacao {
    padding-block: clamp(4.4rem, 7vw, 5.75rem) clamp(4.2rem, 6.5vw, 5.6rem);
  }

  #apresentacao > .container {
    width: min(100%, calc(1148px + (var(--gutter) * 2)));
  }

  #apresentacao .section-heading {
    gap: 1.55rem;
  }

  #apresentacao .eyebrow::after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 2px;
    margin-block-start: 1rem;
    background: var(--accent);
  }

  #apresentacao .lead {
    max-width: 34.5rem;
    font-size: 1.02rem;
    line-height: 1.64;
  }

  .section-heading h2,
  .difference-panel h2,
  .contact-panel h2 {
    max-width: 26ch;
    font-size: var(--fs-h2);
    line-height: 1.04;
  }

  #apresentacao .section-heading h2 {
    max-width: 13.1em;
    font-size: clamp(2.15rem, 3.1vw, 2.58rem);
    line-height: 1.18;
    text-wrap: normal;
  }

  .contact-panel h2 {
    max-width: 100%;
    font-size: clamp(2.55rem, 3.8vw, 2.82rem);
    line-height: 1.08;
  }

  .difference-panel h2 {
    font-size: clamp(2.15rem, 4.2vw, 3.1rem);
    text-wrap: normal;
  }

  .section-heading--narrow {
    max-width: 44rem;
    margin-block-end: 2.05rem;
  }

  #como-trabalha .section-heading {
    gap: 1.25rem;
  }

  #como-trabalha .eyebrow::after {
    content: "";
    display: block;
    width: 2.15rem;
    height: 2px;
    margin-block-start: 1rem;
    background: var(--accent);
  }

  #como-trabalha .section-heading h2 {
    max-width: 15.2em;
    font-size: clamp(2.45rem, 4.2vw, 3.05rem);
    line-height: 1.08;
    text-wrap: normal;
  }

  #como-trabalha .lead {
    max-width: 35.5rem;
    font-size: 0.98rem;
    line-height: 1.58;
  }

  .info-card {
    padding: 1.2rem 1.25rem;
    border-top-color: var(--fg);
    background: linear-gradient(180deg, var(--surface), color-mix(in oklch, var(--surface) 72%, var(--bg)));
  }

  #apresentacao .note-stack {
    grid-template-rows: 1fr 1fr;
    gap: 1.55rem;
    padding-block-start: 3.05rem;
  }

  #apresentacao .info-card {
    display: grid;
    grid-template-columns: 4.1rem 1fr;
    gap: 1.95rem;
    min-height: 12.8rem;
    align-items: start;
    padding: 1.9rem 1.95rem;
    border-top-color: var(--border);
    border-radius: 0.72rem;
    background: var(--home-card-bg);
    box-shadow: none;
  }

  .info-card__icon {
    width: 4.05rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    background: var(--home-icon-bg);
  }

  .info-card__icon::before {
    content: "";
    width: 1.95rem;
    aspect-ratio: 1;
    display: block;
    background: var(--icon-fg);
  }

  .info-card--work .info-card__icon::before {
    -webkit-mask-image: url("../../icons/user-svgrepo-com-transparent.svg");
    mask-image: url("../../icons/user-svgrepo-com-transparent.svg");
  }

  .info-card--focus .info-card__icon::before {
    -webkit-mask-image: url("../../icons/crosshair-svgrepo-com.svg");
    mask-image: url("../../icons/crosshair-svgrepo-com.svg");
  }

  .info-card__content {
    display: grid;
    gap: 1rem;
  }

  .info-card h3 {
    margin-bottom: 0.4rem;
  }

  #apresentacao .info-card h3 {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.35;
  }

  #apresentacao .info-card p {
    max-width: 39ch;
    font-size: 0.88rem;
    line-height: 1.72;
  }

  .info-card p,
  .process-card li,
  .difference-list p,
  .contact-points p,
  .form-actions p {
    color: var(--muted);
  }
}