.company-page { background: var(--paper); }
.company-main { width: min(100%, 88rem); margin-inline: auto; padding: 9rem clamp(1rem, 4vw, 4rem) 5rem; color: var(--ink); }
.company-main p { color: var(--ink-soft); line-height: var(--leading-text); text-wrap: pretty; }
.company-main .business-eyebrow { color: var(--accent-ink); }
.company-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.75rem, 3vw, 3rem); }
.company-hero-copy { min-width: 0; }
.company-hero-heading { min-width: 0; }
.company-hero h1 { margin: 0; font: 500 var(--type-page)/var(--leading-title) var(--font-title); letter-spacing: -.02em; text-wrap: balance; overflow-wrap: break-word; }
.company-portrait { margin: 0; }
.company-portrait img { display: block; width: 100%; height: auto; border-radius: 1.5rem; }
.company-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; list-style: none; margin: 3rem 0 0; padding: 0; }
.company-facts li { display: grid; align-content: start; gap: .65rem; padding: clamp(1.25rem, 2.5vw, 2rem); background: var(--accent-soft); border-radius: 1.25rem; }
.company-facts strong { font: 500 var(--type-card)/1.25 var(--font-title); }
.company-facts span { color: var(--ink-soft); line-height: var(--leading-text); }
.company-section { scroll-margin-top: 8rem; margin-top: clamp(3.5rem, 6vw, 6rem); }
.company-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1rem 2rem; margin-bottom: 2rem; }
.company-section-heading > p { grid-column: 1 / -1; margin: 0; }
.company-technology-link { justify-self: end; margin-bottom: .2rem; }
.company-main h2 { margin: 0; font: 500 var(--type-section)/var(--leading-title) var(--font-title); letter-spacing: -.02em; text-wrap: balance; }
.company-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-bottom: 1.5rem; }
.company-values article { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border-radius: 1.5rem; background: var(--white); }
.company-values .huge-icon { width: 2rem; height: 2rem; color: var(--accent-ink); }
.company-values h3 { margin: 1rem 0 .75rem; font: 500 var(--type-card)/1.25 var(--font-title); text-wrap: balance; }
.company-values p { margin: 0; }
.company-stores { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: start; gap: clamp(2rem, 4vw, 4rem); }
.company-stores > img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1.5rem; }
.company-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 1.5rem; }
.company-store-link { color: var(--accent-ink); font-weight: 600; text-underline-offset: .3em; }
.company-main .button { max-width: 100%; text-align: center; }
@media (max-width: 52rem) {
  .company-hero, .company-stores { grid-template-columns: minmax(0, 1fr); }
  .company-section-heading { grid-template-columns: minmax(0, 1fr); }
  .company-technology-link { justify-self: start; order: 3; }
  .company-values, .company-facts { grid-template-columns: minmax(0, 1fr); }
}