.arc-intro { position: relative; padding: clamp(56px, 4.3vw, 82px) 0 clamp(56px, 4vw, 78px); }
.arc-intro__grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: start; }
.arc-intro__body { max-width: 1100px; }
.arc-intro__statement { margin: 0 0 40px; font-family: var(--arc-font-serif); font-weight: 300; font-size: clamp(30px, 2.7vw, 52px); line-height: 1.2; letter-spacing: 0; color: #000; }
.arc-intro__cols { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: start; }
.arc-intro__text { padding-top: 16px; }
.arc-intro__text p { margin: 0 0 20px; max-width: 567px; font-family: var(--arc-font-sans); font-size: 17px; line-height: 1.75; color: rgba(0, 0, 0, .72); }
.arc-intro__text p:last-child { margin-bottom: 0; }
.arc-intro__media { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--arc-warm); }
.arc-intro__media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); }

/* Vertical brand label in the left page margin (Figma: 129px from the edge; only room for it on wide screens). */
.arc-intro__side { position: absolute; left: 129px; top: 584px; display: none; align-items: center; gap: 12px; writing-mode: vertical-rl; transform: rotate(180deg); font-family: var(--arc-font-sans); font-size: 11px; line-height: 1; letter-spacing: .18em; text-transform: uppercase; color: #000; }
.arc-intro__side i { display: block; width: 1px; height: 26px; background: rgba(0, 0, 0, .6); }
.arc-intro__side b { font-weight: 700; }
@media (min-width: 1700px) { .arc-intro__side { display: flex; } }

@media (max-width: 991.98px) {
  .arc-intro__grid { grid-template-columns: 1fr; gap: 24px; }
  .arc-intro__cols { grid-template-columns: 1fr; gap: 40px; }
  .arc-intro__text { padding-top: 0; }
}