/* Figma 9:3775. These rules are limited to the About page content. */
@font-face {
    font-family: "Inter About";
    src: url("../../fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
.page-about main { font-family: "Inter About", Arial, sans-serif; }
.page-about main h1, .page-about main h2, .page-about main h3 { letter-spacing: 0; font-weight: 600; line-height: 1.2; }
.about-accent { color: var(--dudley-orange); }
.page-about .about-intro { position: relative; isolation: isolate; }
.page-about .about-intro::before { content: ""; position: absolute; z-index: -1; top: 75px; right: 0; width: min(1132px, 100%); height: 1020px; background: var(--page-hero-image) right top / 1132px 1020px no-repeat; pointer-events: none; }
.page-about .about-hero { min-height: 990px; overflow: visible; background: transparent; }
.page-about .about-hero::before { top: 75px; left: 0; width: 86px; height: 915px; }
.page-about .page-hero-shade { display: none; }
.page-about .page-hero-copy { padding-top: 298px; }
.page-about .page-hero-copy h1 { width: auto; font-size: 28px; line-height: 34px; }
.page-about .page-hero-copy h1 span { display: inline; }
.page-about .page-hero-copy > p { width: 352px; max-width: 100%; margin-top: 28px; font-size: 20px; line-height: 24px; }
.page-about .hero-actions { gap: 24px; margin-top: 367px; }
.page-about .hero-actions .button { width: auto; min-height: 47px; padding: 15px; font-size: 14px; line-height: 17px; font-weight: 400; color: white; box-shadow: none; }
.page-about .hero-actions .button-outline { min-height: 49px; }
.page-about .hero-actions .button img { width: 14px; height: 14px; flex-basis: 14px; }
.page-about .about-story { padding: 0; }
.page-about .about-story .container { gap: 78px; }
.page-about .about-copy { padding: 0; border: 0; }
.page-about .about-copy h2 { margin: 0 0 10px; color: white; font-size: 28px; line-height: 34px; }
.page-about .about-copy .prose { font-size: 14px; line-height: 17px; }
.page-about .about-copy .prose p { margin: 0; }
.page-about .values-section { padding: 78px 0 0; }
.page-about .values-section .section-heading { margin-bottom: 21px; }
.page-about .values-section h2 { font-size: 28px; line-height: 34px; }
.page-about .values-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 19px; }
.page-about .value-card { min-height: 333px; padding: 21px; justify-content: flex-start; }
.page-about .value-icon { width: 132px; height: 134px; margin: 0 0 42px; }
.page-about .value-card h3 { margin: 0 0 17px; font-size: 20px; line-height: 24px; }
.page-about .value-card p { max-width: 200px; font-size: 16px; line-height: 1.1; }
.page-about .trajectory-section { padding: 100px 0 0; }
.page-about .trajectory-heading { max-width: 546px; margin: 0 auto 65px; }
.page-about .trajectory-heading .eyebrow { display: flex; align-items: center; justify-content: center; gap: 13px; margin: 0 0 13px; font-family: "Inter About", Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: 600; letter-spacing: 0; }
.page-about .trajectory-heading .eyebrow::before, .page-about .trajectory-heading .eyebrow::after { content: ""; width: 30px; height: 2px; background: var(--dudley-orange); }
.page-about .trajectory-heading h2 { margin: 0; font-size: 24px; line-height: 29px; }
.page-about .trajectory-heading p { max-width: 488px; margin: 13px auto 0; font-size: 14px; line-height: 17px; }
.page-about .trajectory-carousel { position: relative; width: 100vw; margin-inline: calc(50% - 50vw); overflow: hidden; }
.page-about .trajectory-list { position: relative; display: block; min-width: 0; height: 470px; margin: 0; padding: 0; overflow: hidden; cursor: grab; user-select: none; touch-action: pan-y; perspective: 1200px; }
.page-about .trajectory-list.is-dragging { cursor: grabbing; }
.page-about .trajectory-list::before { display: none; }
.page-about .trajectory-item { position: absolute; top: 120px; left: 50%; width: min(520px, 72vw); opacity: 0; pointer-events: none; transform: translateX(-50%) scale(.66); transform-origin: center; transition: opacity .28s ease, transform .34s ease; }
.page-about .trajectory-item.is-visible-stack { opacity: .42; pointer-events: auto; }
.page-about .trajectory-item.is-active { opacity: 1; z-index: 30; transform: translateX(-50%) scale(1); }
.page-about .trajectory-item.is-prev-1 { z-index: 24; transform: translateX(calc(-50% - 150px)) translateY(12px) scale(.89) rotateY(8deg); }
.page-about .trajectory-item.is-next-1 { z-index: 24; transform: translateX(calc(-50% + 150px)) translateY(12px) scale(.89) rotateY(-8deg); }
.page-about .trajectory-item.is-prev-2 { z-index: 18; transform: translateX(calc(-50% - 280px)) translateY(28px) scale(.78) rotateY(12deg); }
.page-about .trajectory-item.is-next-2 { z-index: 18; transform: translateX(calc(-50% + 280px)) translateY(28px) scale(.78) rotateY(-12deg); }
.page-about .trajectory-item.is-prev-3 { z-index: 12; transform: translateX(calc(-50% - 380px)) translateY(46px) scale(.68) rotateY(15deg); }
.page-about .trajectory-item.is-next-3 { z-index: 12; transform: translateX(calc(-50% + 380px)) translateY(46px) scale(.68) rotateY(-15deg); }
.page-about .trajectory-year { top: -86px; border-width: 4px; font: 700 18px/14px "Inter About", Arial, sans-serif; transition: transform .24s ease, background .24s ease; }
.page-about .trajectory-item.is-active .trajectory-year { background: var(--dudley-orange); transform: translateX(-50%) scale(1.08); }
.page-about .trajectory-card { min-height: 285px; padding: 34px 48px; background: var(--dudley-black); transition: box-shadow .24s ease; }
.page-about .trajectory-item.is-active .trajectory-card { box-shadow: 0 26px 90px rgba(241, 90, 36, .18); }
.page-about .trajectory-icon { width: 60px; height: 60px; margin: 0 auto 10px; }
.page-about .trajectory-card h3 { margin: 0 0 10px; padding: 0; font-size: 18px; line-height: 22px; white-space: nowrap; }
.page-about .trajectory-card p { font-size: 16px; line-height: 17.5px; }
.page-about .trajectory-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 10px; }
.page-about .trajectory-control { display: grid; width: 42px; height: 42px; place-items: center; color: var(--dudley-white); background: transparent; border: 0; border-radius: 50%; font-size: 28px; line-height: 1; cursor: pointer; }
.page-about .trajectory-control:hover { color: var(--dudley-orange); background: rgba(255, 255, 255, .08); }
.page-about .trajectory-dots { display: flex; align-items: center; gap: 10px; }
.page-about .trajectory-dots span { width: 7px; height: 7px; background: rgba(255, 255, 255, .35); border-radius: 50%; }
.page-about .trajectory-dots .is-active { width: 10px; height: 10px; background: var(--dudley-orange); }
.page-about .quote-section { padding: 136px 0 155px; }
.page-about .quote-section blockquote { max-width: 689px; gap: 6px; }
.page-about .quote-section p { margin: 11px 0 0; font-size: 20px; line-height: 24px; }
@media (max-width: 1199px) {
    .page-about .values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-about .trajectory-card p { max-width: 260px; margin-inline: auto; }
    .page-about .about-intro::before { opacity: .8; right: -140px; }
    .page-about .about-intro { overflow: hidden; }
}
@media (max-width: 767px) {
    .page-about .about-intro::before { top: 150px; right: -190px; width: 850px; height: 766px; background-size: 850px 766px; opacity: .45; }
    .page-about .about-hero { min-height: 820px; }
    .page-about .page-hero-copy { padding-top: 250px; }
    .page-about .hero-actions { margin-top: 235px; gap: 12px; }
    .page-about .about-story .container { gap: 48px; }
    .page-about .about-copy .prose { font-size: 15px; line-height: 1.5; }
    .page-about .values-section { padding-top: 48px; }
    .page-about .value-card { padding-inline: 16px; }
    .page-about .value-card h3 { font-size: 16px; }
    .page-about .trajectory-list { height: 430px; }
    .page-about .trajectory-item { width: min(410px, 84vw); }
    .page-about .trajectory-item.is-prev-1 { transform: translateX(calc(-50% - 92px)) translateY(10px) scale(.88) rotateY(7deg); }
    .page-about .trajectory-item.is-next-1 { transform: translateX(calc(-50% + 92px)) translateY(10px) scale(.88) rotateY(-7deg); }
    .page-about .trajectory-item.is-prev-2 { transform: translateX(calc(-50% - 168px)) translateY(24px) scale(.76) rotateY(10deg); }
    .page-about .trajectory-item.is-next-2 { transform: translateX(calc(-50% + 168px)) translateY(24px) scale(.76) rotateY(-10deg); }
    .page-about .trajectory-item.is-prev-3, .page-about .trajectory-item.is-next-3 { opacity: 0; pointer-events: none; }
    .page-about .trajectory-card { padding-inline: 20px; }
    .page-about .trajectory-card h3 { font-size: 15px; white-space: normal; }
    .page-about .trajectory-heading h2 { font-size: 21px; }
    .page-about .quote-section { padding-block: 80px; }
}
@media (max-width: 575px) {
    .page-about .values-grid { grid-template-columns: 1fr; }
    .page-about .trajectory-item { width: 86vw; }
    .page-about .value-card { min-height: 333px; }
    .page-about .value-card h3 { font-size: 20px; }
    .page-about .trajectory-card h3 { font-size: 18px; }
    .page-about .page-hero-copy h1, .page-about .about-copy h2, .page-about .values-section h2 { font-size: 24px; }
    .page-about .quote-section blockquote { flex-direction: column; align-items: center; gap: 14px; }
    .page-about .quote-section p { font-size: 18px; }
}