/* About Mighty: generous type, useful product detail, and local delivery imagery. */
.about-page { padding-bottom: 50px; }
.about-breadcrumb { display: flex; gap: 12px; align-items: center; padding-top: 25px; color: #717171; font-size: 14px; }
.about-breadcrumb a { color: #222; text-decoration: underline; text-underline-offset: 3px; }
.about-breadcrumb > span[aria-hidden] { color: #b0b0b0; }
.about-eyebrow { display: block; margin-bottom: 18px; color: #717171; font-size: 12px; font-weight: 700; letter-spacing: 1.7px; }
.about-introduction { display: grid; grid-template-columns: 1.35fr 1fr; align-items: end; gap: 90px; padding: 43px 0 39px; }
.about-introduction h1 { max-width: 650px; margin: 0; font-size: clamp(44px,4.65vw,68px); line-height: 1.05; font-weight: 650; letter-spacing: -2.7px; }
.about-intro-copy { padding-bottom: 4px; }
.about-intro-copy p { max-width: 405px; color: #717171; font-size: 20px; line-height: 1.7; margin: 0 0 20px; }
.about-text-link { display: inline-flex; align-items: baseline; gap: 13px; font-size: 16px; line-height: 1.65; font-weight: 600; text-decoration: underline !important; text-underline-offset: 4px; }
.about-text-link i { flex-shrink: 0; font-size: 12px; }
.about-text-link:hover { color: #c82a4d; }
.about-photo-story { display: grid; grid-template-columns: 1.55fr 1fr; gap: 22px; }
.about-photo-story figure { min-width: 0; margin: 0; }
.about-photo-story img { display: block; width: 100%; height: 365px; object-fit: cover; border-radius: 20px; background: #f3efe9; }
.about-photo-main img { object-position: 62% center; }
.about-photo-business img { object-position: 50% center; }
.about-photo-story figcaption { margin-top: 12px; color: #717171; font-size: 14px; }
.about-page h2 { font-size: 36px; font-weight: 650; letter-spacing: -1.1px; line-height: 1.2; }
.about-purpose { display: grid; grid-template-columns: 1fr 1.1fr; gap: 95px; padding: 76px 0 63px; }
.about-purpose h2 { margin: 0; }
.about-purpose-copy p { color: #717171; font-size: 18px; line-height: 1.8; margin-bottom: 19px; }
.about-configured-story { white-space: pre-line; }
.about-purpose-copy .about-text-link { margin-top: 5px; }
.about-principles { border-top: 1px solid #e5e5e5; padding-top: 47px; padding-bottom: 65px; }
.about-principles > h2 { margin-bottom: 30px; font-size: 30px; }
.about-principles-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px; }
.about-principles article > span { display: block; margin-bottom: 17px; color: #b52b49; font-size: 14px; font-weight: 600; }
.about-principles h3 { margin-bottom: 12px; font-size: 21px; font-weight: 650; letter-spacing: -.5px; line-height: 1.35; }
.about-principles p { margin: 0; color: #717171; font-size: 16px; line-height: 1.8; }
.about-app { display: grid; grid-template-columns: 1.15fr 1fr; gap: 55px; align-items: center; padding: 49px 65px; border-radius: 24px; background: #fff4f5; overflow: hidden; }
.about-app .about-eyebrow { color: #a83a53; }
.about-app h2 { font-size: clamp(33px,3.4vw,46px); letter-spacing: -1.5px; line-height: 1.15; margin-bottom: 20px; }
.about-app-copy > p { color: #685a60; font-size: 18px; line-height: 1.8; margin-bottom: 22px; }
.about-app-features { display: grid; gap: 11px; list-style: none; padding: 0; margin: 0 0 28px; }
.about-app-features li { display: flex; gap: 12px; align-items: baseline; color: #51484b; font-size: 16px; }
.about-app-features i { color: #a83a53; font-size: 12px; }
.about-app .home-button { border-radius: 10px; font-size: 16px; }
.about-app-preview { display: grid; justify-items: center; margin: 0; min-width: 0; }
.about-app-preview .app-phone-frame { width: min(100%,262px); }
.about-app-preview figcaption { color: #75676d; margin-top: 18px; font-size: 13px; }
.about-community { padding-top: 66px; padding-bottom: 45px; }
.about-community > h2 { max-width: 720px; margin: 0 0 31px; font-size: 30px; }
.about-community-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; }
.about-community article { padding-top: 27px; border-top: 1px solid #ddd; }
.about-community article > i { font-size: 27px; margin-bottom: 22px; }
.about-community h3 { font-size: 25px; line-height: 1.35; font-weight: 650; letter-spacing: -.7px; margin-bottom: 14px; }
.about-community p { max-width: 460px; color: #717171; font-size: 17px; line-height: 1.8; margin-bottom: 17px; }
.about-closing { display: flex; justify-content: center; align-items: baseline; gap: 16px; padding: 29px 20px; border-radius: 14px; background: #f7f7f7; font-size: 16px; }
.about-closing > span { color: #717171; }
@media (max-width: 1199.98px) {
    .about-introduction { gap: 45px; }
    .about-photo-story img { height: 320px; }
    .about-purpose { gap: 50px; }
    .about-principles-grid { gap: 30px; }
    .about-app { padding: 42px; gap: 35px; }
}
@media (max-width: 991.98px) {
    .about-introduction { grid-template-columns: 1.2fr 1fr; gap: 30px; }
    .about-introduction h1 { font-size: 47px; letter-spacing: -1.8px; }
    .about-intro-copy p { font-size: 18px; }
    .about-photo-story { gap: 18px; grid-template-columns: 1.25fr 1fr; }
    .about-photo-story img { height: 290px; }
    .about-purpose { grid-template-columns: .9fr 1.1fr; gap: 30px; padding-block: 55px; }
    .about-page h2 { font-size: 30px; }
    .about-purpose-copy p { font-size: 17px; }
    .about-principles-grid { gap: 25px; }
    .about-principles h3 { font-size: 20px; }
    .about-app { padding: 34px; gap: 30px; }
    .about-app h2 { font-size: 35px; }
    .about-app-copy > p { font-size: 17px; }
    .about-community-grid { gap: 35px; }
}
@media (max-width: 767.98px) {
    .about-page { padding-bottom: 35px; }
    .about-breadcrumb { padding-top: 21px; font-size: 13px; }
    .about-introduction { grid-template-columns: 1fr; gap: 22px; padding: 31px 0 28px; }
    .about-eyebrow { font-size: 11px; margin-bottom: 15px; }
    .about-introduction h1 { max-width: 510px; font-size: 43px; line-height: 1.07; letter-spacing: -1.7px; }
    .about-intro-copy p { max-width: 540px; font-size: 18px; line-height: 1.7; margin-bottom: 14px; }
    .about-photo-story { gap: 14px; grid-template-columns: 1fr; }
    .about-photo-story img { height: auto; aspect-ratio: 1.5; border-radius: 16px; }
    .about-photo-story .about-photo-business { display: none; }
    .about-photo-story figcaption { font-size: 13px; }
    .about-purpose { grid-template-columns: 1fr; gap: 23px; padding: 43px 0 39px; }
    .about-page h2 { font-size: 30px; letter-spacing: -.8px; }
    .about-purpose-copy p { margin-bottom: 16px; }
    .about-principles { padding-top: 34px; padding-bottom: 39px; }
    .about-principles > h2 { font-size: 26px; margin-bottom: 27px; }
    .about-principles-grid { grid-template-columns: 1fr; gap: 28px; }
    .about-principles article { position: relative; padding-inline-start: 40px; }
    .about-principles article > span { position: absolute; inset-inline-start: 0; top: 3px; }
    .about-principles h3 { margin-bottom: 8px; }
    .about-app { grid-template-columns: 1fr; padding: 29px 24px; gap: 32px; border-radius: 18px; }
    .about-app h2 { font-size: 32px; }
    .about-app-features { gap: 12px; }
    .about-app-preview .app-phone-frame { width: min(100%,254px); }
    .about-app .app-store-actions img { width: 150px; height: auto; }
    .about-community { padding-top: 42px; padding-bottom: 34px; }
    .about-community > h2 { font-size: 26px; margin-bottom: 24px; }
    .about-community-grid { grid-template-columns: 1fr; gap: 30px; }
    .about-community h3 { font-size: 24px; }
    .about-closing { flex-direction: column; align-items: flex-start; gap: 7px; padding: 23px; }
}