.about-page { background: var(--color-cream-100); }
.about-page h2 { font-size: 2rem; }
.about-page h3 { font-size: 1.15rem; }
.about-page p { color: var(--color-text-muted); }
.about-page .eyebrow { font-size: .7rem; color: var(--color-olive-700); }
.about-page a:focus-visible { outline: 3px solid var(--color-gold-600); outline-offset: 4px; }
.about-section { padding-block: 1.75rem; }
.about-section-heading { display: grid; gap: .35rem; margin-bottom: 1.25rem; }
.about-hero { position: relative; overflow: hidden; background: var(--color-cream-100); }
.about-hero__image { position: absolute; inset: 0 0 0 auto; width: 78%; height: 100%; object-fit: cover; object-position: center 20%; }
.about-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, var(--color-cream-100) 0%, var(--color-cream-100) 32%, rgba(248,244,232,.95) 39%, rgba(248,244,232,.18) 58%, transparent 73%); }
.about-hero__inner { position: relative; min-height: 27rem; padding-block: 2.5rem; display: grid; align-items: center; }
.about-hero__copy { max-width: 34rem; display: grid; gap: 1.25rem; }
.about-hero h1 { font-size: 3.5rem; }
.about-hero h1 em { color: #95752e; }
.about-page .about-hero__intro { font-size: 1rem; line-height: 1.6; color: var(--color-text); }
.about-pillars { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.about-pillars li { display: flex; align-items: center; gap: .65rem; font-size: .75rem; font-weight: 700; line-height: 1.4; }
.about-pillars .ui-icon { width: 1.75rem; height: 1.75rem; color: #95752e; flex: none; }
.about-identity { display: grid; grid-template-columns: .9fr 1fr 1.15fr; gap: 1.5rem; align-items: start; }
.about-identity__image { width: 100%; height: 17rem; object-fit: cover; border-radius: var(--radius-sm); }
.about-copy { display: grid; gap: .8rem; align-content: start; }
.about-copy p { font-size: .9rem; line-height: 1.6; }
.about-identity h2 { font-size: 1.75rem; }
.about-direction { display: grid; gap: .65rem; }
.about-direction__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.about-direction-card { border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-white); padding: 1rem; display: grid; gap: .75rem; align-content: start; }
.about-direction-card p { font-size: .85rem; line-height: 1.55; }
.about-symbol { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--color-cream-200); color: var(--color-forest-900); }
.about-symbol .ui-icon { width: 1.4rem; height: 1.4rem; }
.about-values { padding-block: .5rem 1.75rem; }
.about-values__grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .75rem; }
.about-value { display: grid; justify-items: center; align-content: start; gap: .45rem; text-align: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-white); padding: 1rem .7rem; }
.about-value:nth-child(odd) .about-symbol { background: var(--color-forest-100); }
.about-value p { font-size: .8rem; line-height: 1.45; }
.about-audience__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.about-audience-card { border: 1px solid var(--color-border); border-radius: var(--radius-sm); overflow: hidden; background: var(--color-white); display: grid; grid-template-rows: auto 1fr; }
.about-audience-card:hover { border-color: var(--color-gold-600); }
.about-audience-card > img, .about-audience-card > picture > img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.about-audience-card > div { padding: .85rem; display: grid; align-content: start; gap: .45rem; }
.about-audience-card h3 { display: flex; justify-content: space-between; gap: .5rem; align-items: center; }
.about-audience-card p { font-size: .8rem; line-height: 1.5; }
.about-work { background: var(--color-white); margin-top: 1rem; }
.about-work__grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 2rem; }
.about-process { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1rem; }
.about-process li { display: grid; align-content: start; justify-items: start; gap: .7rem; position: relative; }
.about-step { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--color-cream-200); color: var(--color-forest-900); font-size: .8rem; font-weight: 750; }
.about-process li:not(:last-child)::after { content: '\203A'; position: absolute; top: .15rem; right: .4rem; font-size: 1.5rem; color: var(--color-olive-700); }
.about-process p { font-size: .8rem; line-height: 1.5; }
.about-why { border-left: 1px solid var(--color-border); padding-left: 2rem; }
.about-differentiators { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem 1.1rem; margin: 0; }
.about-differentiators dt { font-weight: 750; font-size: .8rem; }
.about-differentiators dd { margin: .25rem 0 0; font-size: .8rem; color: var(--color-text-muted); line-height: 1.5; }
.about-sustainability { background: var(--color-forest-950); padding-block: 1.75rem; }
.about-sustainability__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2rem; align-items: center; }
.about-sustainability img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--radius-sm); }
.about-sustainability h2 { color: var(--color-white); }
.about-sustainability p { color: var(--color-forest-100); }
.about-sustainability .eyebrow { color: var(--color-gold-300); }
.about-responsibility { display: grid; gap: .4rem; }
.about-responsibility li { padding-left: 1rem; position: relative; color: var(--color-white); font-size: .85rem; line-height: 1.5; }
.about-responsibility li::before { content: ''; width: .3rem; height: .3rem; background: var(--color-gold-500); border-radius: 50%; position: absolute; left: 0; top: .55rem; }
.about-growth__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2rem; align-items: center; }
.about-cta { background: var(--color-forest-900); padding-block: 1.5rem; }
.about-cta__inner { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; }
.about-cta h2 { color: var(--color-white); }
.about-cta .eyebrow { color: var(--color-gold-300); margin-bottom: .4rem; }
.about-cta__actions { display: flex; flex-wrap: wrap; gap: .75rem; flex: none; }
@media (max-width: 1100px) {
  .about-hero__copy { max-width: 28rem; }
  .about-hero h1 { font-size: 3rem; }
  .about-hero__shade { background: linear-gradient(90deg, var(--color-cream-100), rgba(248,244,232,.97) 60%, rgba(248,244,232,.6) 76%, transparent); }
  .about-identity { grid-template-columns: 1fr 1fr; }
  .about-direction { grid-column: 1 / -1; }
  .about-direction-card { grid-template-columns: auto 1fr; align-items: start; }
  .about-direction-card .about-symbol { grid-row: span 2; }
  .about-values__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .about-work__grid { grid-template-columns: 1fr; }
  .about-why { border-left: 0; border-top: 1px solid var(--color-border); padding: 1.5rem 0 0; }
  .about-cta__inner { flex-direction: column; align-items: start; }
}
@media (max-width: 800px) {
  .about-hero__image { width: 100%; object-position: center; }
  .about-audience__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-sustainability__grid, .about-growth__grid { grid-template-columns: 1fr; gap: 1.25rem; }
}
@media (max-width: 560px) {
  .about-section { padding-block: 1.25rem; }
  .about-hero__inner { min-height: 0; padding-block: 1.5rem 11.25rem; align-content: start; }
  .about-hero__image { top: auto; height: 10rem; object-position: center 20%; }
  .about-hero__shade { background: linear-gradient(180deg, var(--color-cream-100) 0%, var(--color-cream-100) calc(100% - 11rem), transparent calc(100% - 9rem)); }
  .about-hero__copy { gap: 1rem; }
  .about-hero h1 { font-size: 2.25rem; }
  .about-page .about-hero__intro { font-size: .9rem; }
  .about-pillars { gap: .5rem; }
  .about-pillars li { display: grid; align-content: start; font-size: .7rem; gap: .5rem; }
  .about-identity, .about-direction__grid { grid-template-columns: 1fr; }
  .about-direction { grid-column: auto; }
  .about-direction-card { grid-template-columns: auto 1fr; }
  .about-identity__image { height: auto; aspect-ratio: 16 / 9; }
  .about-values__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-audience__grid { gap: .75rem; }
  .about-audience-card h3 { font-size: 1rem; }
  .about-process { grid-template-columns: 1fr; gap: 0; }
  .about-process li { grid-template-columns: 2.5rem 1fr; gap: .25rem 1rem; padding: 0 0 1.25rem; }
  .about-step { grid-row: span 2; position: relative; z-index: 1; }
  .about-process li:not(:last-child)::after { content: ''; left: 1.2rem; top: 2.5rem; bottom: 0; width: 1px; background: var(--color-gold-500); }
  .about-process p { grid-column: 2; }
  .about-differentiators { grid-template-columns: 1fr; }
  .about-cta__actions { width: 100%; flex-direction: column; }
  .about-cta__actions .button { width: 100%; }
}

.about-page .about-cta__phones { display: flex; flex-wrap: wrap; gap: .35rem 1.25rem; margin-top: .75rem; color: var(--color-white); font-size: .875rem; }