/* About Us: phone layout first, with larger layouts added progressively. */
.about-us-page { color: #24364b; font-family: Raleway,sans-serif; }
.about-us-page *, .about-us-page *::before, .about-us-page *::after { box-sizing: border-box; }
.about-us-page .about-us-container, .about-us-page .satisfied-customers-container { position: relative; isolation: isolate; width: 100%; height: auto; min-height: 380px; margin: 0; padding: 5rem 1rem 4rem; background-size: cover; background-position: center; overflow: hidden; }
.about-us-page .about-us-container::before, .about-us-page .satisfied-customers-container::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(90deg,#092846bb,#09284635); border-radius: 0; transform: none; z-index: -1; }
.about-us-page .about-us-container::after, .about-us-page .satisfied-customers-container::after { height: 40px; border-radius: 50% 50% 0 0 / 35px 25px 0 0; }
.about-us-page .about-us-title, .about-us-page .about-us-description, .about-us-page .satisfied-customers-title, .about-us-page .satisfied-customers-description { position: relative; top: auto; max-width: 560px; margin: 0 0 1rem; color: #fff; text-align: left; }
.about-us-page .about-us-title, .about-us-page .satisfied-customers-title { font: 400 clamp(2rem,4vw,3rem)/1.25 Anton,sans-serif; }
.about-us-page .about-us-description, .about-us-page .satisfied-customers-description { font: 400 1rem/1.8 Raleway,sans-serif; }
.about-us-page .satisfied-customers-content { position: relative; top: auto; transform: none; width: 100%; z-index: 2; }
.about-us-page .trusted-buyer-container, .about-us-page .seller-deserve-container { padding: 2rem 1rem; }
.about-us-page .trusted-buyer-content { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; width: min(1120px,100%); margin: 0 auto; align-items: center; }
.about-us-page .trusted-buyer-column { width: 100%; min-width: 0; padding: 0; align-items: flex-start; text-align: left; }
.about-us-page .trusted-buyer-title { font: 400 clamp(1.75rem,3vw,2.6rem)/1.3 Anton,sans-serif; color: #004499; }
.about-us-page .trusted-buyer-description-container { display: block; margin: 0 0 1.25rem; }
.about-us-page .trusted-buyer-divider { display: none; }
.about-us-page .trusted-buyer-description, .about-us-page .trusted-buyer-footer-text { color: #526176; font: 400 1rem/1.8 Raleway,sans-serif; text-align: left; }
.about-us-page .trusted-buyer-buttons { gap: .65rem; margin: 0; }
.about-us-page .mission-button, .about-us-page .vision-button { min-height: 44px; padding: .65rem 1.25rem; border-radius: 8px; background: #f0f4f9; color: #42536a; font-weight: 700; }
.about-us-page .mission-button.active, .about-us-page .vision-button.active { background: #4da6ff; color: #fff; }
.about-us-page .trusted-buyer-image-container { width: 100%; min-width: 0; margin: 0; }
.about-us-page .trusted-buyer-image { display: block; width: 100%; max-width: 480px; height: auto; max-height: 440px; object-fit: contain; border-radius: 14px; }
.about-us-page .seller-deserve-container { overflow: clip; }
.about-us-page .seller-deserve-content { width: min(1120px,100%); }
.about-us-page .seller-deserve-header { margin-bottom: 1rem; }
.about-us-page .seller-deserve-title { color: #004499; font: 400 clamp(1.75rem,3vw,2.6rem)/1.3 Anton,sans-serif; }
.about-us-page .seller-deserve-description { max-width: 640px; margin-inline: auto; color: #526176; font: 400 1rem/1.8 Raleway,sans-serif; }
.about-us-page .seller-deserve-art { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 900px; height: 170px; margin: 0 0 1rem; }
.about-us-page .seller-deserve-art .donations, .about-us-page .seller-deserve-art .shopping-cart { position: relative; top: auto; left: auto; right: auto; width: clamp(140px,40vw,240px); max-width: 48%; height: auto; object-fit: contain; }
.about-us-page .seller-deserve-art .shopping-cart { animation: none; transform: scaleX(-1); }
.about-us-page .seller-deserve-box-container { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; width: 100%; margin: 0; }
.about-us-page .seller-deserve-box { width: 100%; margin: 0; padding: 1rem; }
.about-us-page .seller-deserve-box-description { max-width: 36ch; color: #526176; font: 400 1rem/1.8 Raleway,sans-serif; }
.about-us-page .credit-cards-section { position: relative; isolation: isolate; height: auto; min-height: 0; overflow: clip; padding: 1.5rem 1rem 7rem; }
.about-us-page .credit-cards-image { position: absolute; width: clamp(112px,20vw,300px); max-width: 40%; height: auto; top: auto; left: 0; bottom: .5rem; z-index: 0; pointer-events: none; }
.about-us-page .ready-impact-container { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; width: min(1120px,100%); height: auto; margin: 0 auto; }
.about-us-page .ready-impact-image { display: block; width: 100%; max-width: 100%; height: auto; max-height: 360px; object-fit: contain; border-radius: 16px; }
.about-us-page .ready-impact-content { position: relative; top: auto; left: auto; transform: none; width: 100%; padding: 1.25rem; border-radius: 16px; background: #fff; backdrop-filter: none; box-shadow: 0 5px 20px #24364b14; border: 0; }
.about-us-page .ready-impact-title { color: #004499; font: 400 clamp(1.6rem,3vw,2.5rem)/1.35 Anton,sans-serif; }
.about-us-page .ready-impact-description { color: #526176; font: 400 1rem/1.8 Raleway,sans-serif; }
.about-us-page .sell-now-button { min-height: 48px; min-width: 160px; border-radius: 9px; font-weight: 700; }
.about-us-page .edit-button-container { top: .75rem; right: .75rem; z-index: 3; gap: .5rem; }
.about-us-page .edit-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; border: 0; }
@media(min-width:650px) { .about-us-page .seller-deserve-box-container { grid-template-columns: repeat(2,minmax(0,1fr)); } .about-us-page .seller-deserve-art { height: 220px; } }
@media(min-width:900px) {
 .about-us-page .about-us-container, .about-us-page .satisfied-customers-container { min-height: 460px; padding: 6rem max(2rem,calc((100vw - 1120px)/2)); }
 .about-us-page .trusted-buyer-container, .about-us-page .seller-deserve-container { padding: 3rem 2rem; }
 .about-us-page .trusted-buyer-content { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3rem; }
 .about-us-page .credit-cards-section { padding: 3rem 2rem 6rem; }
 .about-us-page .ready-impact-container { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; align-items: center; }
 .about-us-page .ready-impact-image { grid-column: 2; grid-row: 1; max-height: 480px; }
 .about-us-page .ready-impact-content { grid-column: 1; grid-row: 1; }
}
@media(min-width:1200px) { .about-us-page .seller-deserve-box-container { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .about-us-page .credit-cards-image, .about-us-page .donations { animation: none; } }

/* Preserve the signature white arches around the customer image. */
.about-us-page .satisfied-customers-container {
    --about-arch: clamp(40px, 6vw, 110px);
    display: flex;
    align-items: center;
    min-height: clamp(400px, 38vw, 640px);
    padding-block: calc(var(--about-arch) + 2rem);
}
.about-us-page .satisfied-customers-container::before,
.about-us-page .satisfied-customers-container::after {
    content: '';
    position: absolute;
    left: -10%;
    right: auto;
    width: 120%;
    height: calc(var(--about-arch) * 2);
    background: #fff;
    transform: none;
    z-index: 1;
    pointer-events: none;
}
.about-us-page .satisfied-customers-container::before {
    top: calc(var(--about-arch) * -1);
    bottom: auto;
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
}
.about-us-page .satisfied-customers-container::after {
    top: auto;
    bottom: calc(var(--about-arch) * -1);
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

/* Side illustrations decorate the section edges; they are not a content row. */
.about-us-page .seller-deserve-container {
    --about-side-art: clamp(140px,22vw,420px);
    position: relative;
    isolation: isolate;
    padding-bottom: calc(var(--about-side-art) * .8 + 1rem);
}
.about-us-page .seller-deserve-art { display: contents; }
.about-us-page .seller-deserve-art .donations,
.about-us-page .seller-deserve-art .shopping-cart {
    position: absolute;
    top: auto;
    bottom: .5rem;
    width: var(--about-side-art);
    max-width: none;
    height: auto;
    pointer-events: none;
    z-index: 0;
}
.about-us-page .seller-deserve-art .donations { left: calc(var(--about-side-art) * -.08); right: auto; }
.about-us-page .seller-deserve-art .shopping-cart { right: calc(var(--about-side-art) * -.08); left: auto; }
.about-us-page .seller-deserve-content { position: relative; z-index: 1; }
@media(min-width:900px) {
    .about-us-page .seller-deserve-container { padding-bottom: calc(var(--about-side-art) * .55 + 1rem); }
    .about-us-page .seller-deserve-box-container { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 960px; }
}

/* Retain the original overlapping desktop composition. */
@media (min-width: 900px) {
    .about-us-page .credit-cards-section { height: clamp(560px,42vw,800px); padding: 0; }
    .about-us-page .credit-cards-image { width: 40%; max-width: none; top: 50%; bottom: auto; left: -4%; translate: 0 -50%; }
    .about-us-page .ready-impact-container { display: flex; justify-content: flex-end; width: 100%; height: 100%; margin: 0; gap: 0; }
    .about-us-page .ready-impact-image { width: 40%; max-width: 40%; height: 100%; max-height: none; object-fit: cover; border-radius: 10rem 0 0 10rem; }
    .about-us-page .ready-impact-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40%; padding: 2rem; border-radius: 2rem; background: #ffffff80; backdrop-filter: blur(10px) saturate(180%); border: 1px solid #ffffff4d; box-shadow: 0 8px 16px #0003; }
    .about-us-page .ready-impact-title { font-size: clamp(1.7rem,2.1vw,2.5rem); }
    .about-us-page .ready-impact-description { font-size: clamp(1rem,1.25vw,1.5rem); line-height: 1.6; }
}

/* Keep customer-section text readable without using either arch layer. */
.about-us-page .satisfied-customers-shade { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg,#092846bb,#09284635); }
@media (max-width: 649px) { .about-us-page .satisfied-customers-shade { background: linear-gradient(90deg,#092846c7,#09284670); } }

/* Preserve the overlapping photo and glass treatment on phones, at readable widths. */
@media (max-width: 899px) {
    .about-us-page .credit-cards-section { padding: 1.5rem 1rem 6rem; }
    .about-us-page .ready-impact-container { gap: 0; }
    .about-us-page .ready-impact-image { width: 100%; height: clamp(260px,75vw,380px); max-height: none; object-fit: cover; object-position: 65% center; border-radius: 4rem 1rem 1rem 1rem; }
    .about-us-page .ready-impact-content { position: relative; z-index: 2; width: calc(100% - 1rem); margin: -4rem auto 0; padding: 1.5rem 1rem; border-radius: 1.5rem; background: #ffffffd9; backdrop-filter: blur(10px) saturate(140%); border: 1px solid #ffffff80; box-shadow: 0 7px 22px #24364b24; }
    .about-us-page .ready-impact-title { font-size: clamp(1.6rem,5.5vw,2rem); line-height: 1.35; }
    .about-us-page .ready-impact-description { font-size: 1rem; line-height: 1.75; }
    .about-us-page .credit-cards-image { width: clamp(140px,38vw,220px); max-width: 48%; bottom: .5rem; left: -.5rem; }
}

/* A quiet quotation silhouette gives the introduction a visual anchor. */
.about-us-page .trusted-buyer-description-container { position: relative; isolation: isolate; padding: 1.25rem 0 0; }
.about-us-page .trusted-buyer-quote { position: absolute; top: 0; left: -.25rem; width: 76px; height: 57px; color: #738091; opacity: .11; z-index: -1; pointer-events: none; }
@media (min-width:900px) { .about-us-page .trusted-buyer-quote { width: 96px; height: 72px; left: -.5rem; } }

/* Anchor decorations to the full section and keep them outside the text. */
.about-us-page .seller-deserve-content { position: static; }
.about-us-page .seller-deserve-container { padding-bottom: calc(var(--about-side-art) * 1.25 + 1rem); }
@media (min-width:900px) {
    .about-us-page .seller-deserve-content { width: min(1120px,calc(100% - var(--about-side-art) * 2)); }
    .about-us-page .seller-deserve-container { padding-bottom: 3rem; }
}

/* Retain the deeper signature curve below the first About Us image. */
.about-us-page .about-us-container { --about-hero-arch: clamp(40px,6vw,110px); padding-bottom: calc(var(--about-hero-arch) + 2rem); }
.about-us-page .about-us-container::after {
    content: '';
    position: absolute;
    top: auto;
    bottom: calc(var(--about-hero-arch) * -1);
    left: -10%;
    width: 120%;
    height: calc(var(--about-hero-arch) * 2);
    background: #fff;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    transform: none;
    z-index: 1;
    pointer-events: none;
}