.about-page {background-color: var(--bg-white);}
.about-story {padding: 88px 0 40px;}
.about-story__grid {display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);gap: 36px;align-items: stretch;}
.about-story__media {min-height: 560px;border-radius: 22px;overflow: hidden;background-color: var(--bg-card);}
.about-story__media-img {width: 100%;height: 100%;object-fit: cover;}
.about-story__content {display: flex;flex-direction: column;justify-content: center;padding: 44px 42px;border-radius: 22px;background-color: var(--bg-warm-white);border: 1px solid var(--border-light);}
.about-story__content .eyebrow {margin-bottom: 18px;}
.about-story__title {margin-bottom: 24px;}
.about-story__desc {font-size: 17px;line-height: 30px;color: var(--text-secondary);}
.about-metrics {margin-top: 28px;padding: 26px 12px;background-color: #f6f4f1;border-top: 1px solid var(--border-default);border-bottom: 1px solid var(--border-default);display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
.about-metric {padding: 22px 28px 16px;text-align: center;}
.about-metric + .about-metric {border-left: 1px solid rgba(26, 25, 22, 0.14);}
.about-metric__value {margin-bottom: 8px;font-size: clamp(34px, 3vw, 56px);line-height: 1.05;font-weight: 400;letter-spacing: -0.04em;color: #6e6257;}
.about-metric__label {font-size: 16px;line-height: 24px;color: var(--text-secondary);}
.about-showcase {padding: 88px 0 96px;background-color: var(--bg-white);}
.about-showcase__intro {margin-bottom: 56px;}
.about-showcase__intro-top {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px 24px;margin-bottom: 16px;}
.about-showcase__intro .eyebrow {margin-bottom: 0;}
.about-showcase__title {margin-bottom: 20px;}
.about-showcase__stack {display: grid;gap: 72px;}
.about-showcase__module {display: grid;grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr);gap: 36px;align-items: start;}
.about-showcase__module--reverse {grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);}
.about-showcase__module--reverse .about-showcase__module-copy {order: 2;padding-left: 28px;}
.about-showcase__module--reverse .about-showcase__module-media {order: 1;}
.about-showcase__module--soft {padding: 42px;border-radius: 28px;background: linear-gradient(180deg, #faf7f2 0%, #f4efe8 100%);border: 1px solid rgba(26, 25, 22, 0.06);}
.about-showcase__module-kicker {display: inline-block;margin-bottom: 14px;font-size: 14px;line-height: 20px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--color-accent-dark);}
.about-showcase__module-title {margin-bottom: 12px;max-width: 860px;font-size: clamp(20px, 2.8vw, 32px);line-height: 1.28;font-weight: 300;letter-spacing: -0.04em;color: var(--text-primary);}
.about-showcase__module-media {min-width: 0;}
.about-showcase__module--cases .about-showcase__module-media {padding-top: 4px;}
.about-carousel {width: 100%;overflow: hidden;}
.about-slide {height: auto;border-radius: 20px;overflow: hidden;background-color: #f7f4ef;border: 1px solid rgba(26, 25, 22, 0.08);}
.about-slide__img {width: 100%;aspect-ratio: 16 / 10;object-fit: cover;background-color: var(--bg-card);}
#showcase-certifications .about-slide__img {aspect-ratio: 5 / 7;}
.about-slide__body {padding: 22px 22px 24px;}
.about-slide__title {margin-bottom: 8px;font-size: 22px;line-height: 1.25;font-weight: 300;color: var(--text-primary);}
.about-carousel__footer {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-top: 18px;}
.about-carousel__pagination {display: flex;align-items: center;gap: 8px;}
.about-carousel__pagination .swiper-pagination-bullet {width: 9px;height: 9px;margin: 0 !important;background-color: rgba(26, 25, 22, 0.18);opacity: 1;}
.about-carousel__pagination .swiper-pagination-bullet-active {background-color: var(--color-accent-dark);}
.about-cta {padding: 0 0 96px;}
.about-cta__inner {display: flex;align-items: center;justify-content: space-between;gap: 40px;padding: 48px 56px;border-radius: 24px;background-color: var(--color-primary);color: var(--text-white);}
.about-cta__copy {max-width: 820px;}
.about-cta__title {margin-bottom: 14px;font-size: clamp(30px, 3vw, 48px);line-height: 1.08;font-weight: 300;letter-spacing: -0.04em;}
.about-cta__desc {max-width: 620px;font-size: 17px;line-height: 29px;color: rgba(255, 255, 255, 0.72);}
:target {
    scroll-margin-top: 88px;
}
.about-carousel__nav {display: flex;gap: 10px;}
.about-carousel__prev,
.about-carousel__next {width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(26, 25, 22, 0.12);transition: var(--transition);display: inline-flex;align-items: center;justify-content: center;}
.about-carousel__prev:hover,
.about-carousel__next:hover {border-color: var(--color-accent-dark);transform: translateY(-3px);}
@media (max-width: 1480px) {
	.about-showcase__module {gap: 28px;}
}

@media (max-width: 1200px) {
  .about-story__grid {grid-template-columns: 1fr;}
  .about-story__media {min-height: 440px;}
  .about-metrics {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0;}
  .about-metric:nth-child(3),
  .about-metric:nth-child(4) {border-top: 1px solid rgba(26, 25, 22, 0.14);}
  .about-metric:nth-child(3) {border-left: none;}
  .about-showcase__stack {grid-template-columns: 1fr;gap: 40px;}
  .about-showcase__module,
  .about-showcase__module--reverse {grid-template-columns: 1fr;}
  .about-showcase__module--reverse .about-showcase__module-copy,
  .about-showcase__module--reverse .about-showcase__module-media {order: initial;}
  .about-showcase__module--reverse .about-showcase__module-copy {padding-left: 0;}
  .about-showcase__module--soft {padding: 32px 28px;}
  .about-cta__inner {padding: 40px 36px;}
}

@media (max-width: 768px) {
  .about-story {padding: 64px 0 24px;}
  .about-story__content {padding: 32px 24px;}
  .about-story__desc,
  .about-cta__desc {font-size: 15px;line-height: 26px;}
  .about-metrics {grid-template-columns: 1fr;padding: 10px 0;}
  .about-metric {padding: 20px 18px;}
  .about-metric + .about-metric {border-left: none;border-top: 1px solid rgba(26, 25, 22, 0.14);}
  .about-showcase {padding: 64px 0 72px;}
  .about-showcase__stack {gap: 56px;}
  .about-carousel__footer {flex-direction: column;align-items: flex-start;}
  .about-cta {padding-bottom: 64px;}
  .about-cta__inner {flex-direction: column;align-items: flex-start;padding: 32px 24px;}
}

@media (max-width: 576px) {
  .about-story__content,
  .about-slide__body,
  .about-case-card__body {padding-left: 20px;padding-right: 20px;}
}