/* ==========================================================================
   Company page (/company/) — page-only rules on top of style.css §26.
   Enqueued from functions.php for page-company.php only.
   ========================================================================== */

/* The name: We + Live = WeLive */
.company-name {
  padding: var(--space-3xl) 0 var(--space-2xl);
}
.company-name__equation {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.35em;
  margin: 0;
  font-size: clamp(2.75rem, 1rem + 6vw, 6.5rem);
  font-weight: 700;
  line-height: 1.15;
  color: var(--ink);
}
.company-name__op { color: var(--ink-faint); font-weight: 400; }
.company-name__result { color: var(--accent); }
.company-name__reading {
  margin: var(--space-sm) 0 0;
  font-size: var(--t-sm);
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--ink-muted);
}

/* Pronunciation */
.company-pron { margin-top: var(--space-3xl); }
.company-pron__title { font-size: clamp(1.5rem, 1rem + 1.4vw, 2.25rem); }
.company-pron__close {
  margin: var(--space-xl) 0 0;
  font-size: clamp(1.125rem, 0.9rem + 0.6vw, 1.5rem);
  font-weight: 700;
  line-height: 1.6;
  color: var(--ink);
}

/* The shared internship block on this page sits on the plain surface */
.home-internship { background: var(--surface-tint); }

/* Access: map (cols 1–8) | address (cols 9–12) */
.company-access {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-lg);
  align-items: end;
}
.company-access__map {
  grid-column: 1 / span 8;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border-light);
}
.company-access__map iframe { display: block; width: 100%; height: 100%; border: 0; }
.company-access__info { grid-column: 9 / span 4; }
.company-access__name {
  margin: 0 0 var(--space-sm);
  font-size: var(--t-md);
  line-height: 1.4;
  color: var(--ink);
}

@media (max-width: 1024px) {
  .company-access { display: block; }
  .company-access__info { margin-top: var(--space-lg); }
}
@media (max-width: 760px) {
  .company-name { padding: var(--space-2xl) 0 var(--space-xl); }
  .company-pron { margin-top: var(--space-2xl); }
  .company-access__map { aspect-ratio: 4 / 3; }
}