/* /about: phone landscape only. Preserve portrait and desktop layouts. */
@media screen and (min-width: 761px) and (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {

    body.about-page-body,
    body.about-page-body .about-page {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }

    /* Use the same fixed, inset, two-line hamburger as on the phone. */
    body.about-page-body .blog-header {
        position: relative;
        z-index: 920;
        width: 100%;
        margin: 0;
        background: #fff;
        overflow: visible;
    }

    body.about-page-body .blog-header__inner {
        width: 100%;
        max-width: none;
        height: 84px;
        min-height: 84px;
        padding: 16px;
        margin: 0;
        display: block;
        box-sizing: border-box;
    }

    body.about-page-body .blog-header .blog-header__inner>.blog-header__nav {
        position: fixed !important;
        top: 16px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 920 !important;
        width: calc(100% - 32px) !important;
        max-width: none !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 16px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border: 0 !important;
        transform: none !important;
    }

    body.about-page-body .blog-header__inner:has(> .blog-header__nav)::before {
        content: '';
        display: block;
        height: 52px;
        pointer-events: none;
    }

    body.about-page-body .blog-header__logo,
    body.about-page-body .blog-header__logo img {
        display: block !important;
        width: 198px !important;
        height: 16px !important;
        flex: 0 0 198px !important;
        object-fit: contain;
    }

    body.about-page-body .blog-header__menu,
    body.about-page-body .blog-header__actions,
    body.about-page-body .blog-breadcrumbs {
        display: none !important;
    }

    body.about-page-body .blog-header__burger[data-mobile-menu-open] {
        position: relative !important;
        inset: auto !important;
        z-index: 2 !important;
        display: flex !important;
        width: 40px !important;
        height: 8px !important;
        min-height: 8px !important;
        flex: 0 0 40px !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        transform: none !important;
        cursor: pointer;
    }

    body.about-page-body .blog-header__burger[data-mobile-menu-open] span {
        display: block !important;
        width: 40px !important;
        height: 1px !important;
        flex: 0 0 1px !important;
        background: #1f1f1f !important;
    }

    html.aqjol-mobile-header-scrolled body.about-page-body .blog-header .blog-header__inner>.blog-header__nav {
        background: rgba(255, 255, 255, .68) !important;
        -webkit-backdrop-filter: blur(48px) !important;
        backdrop-filter: blur(48px) !important;
    }

    /* Short landscape drawers must scroll instead of cutting off links. */
    body.about-page-body .site-mobile-menu {
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding-top: max(12px, env(safe-area-inset-top)) !important;
        padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
    }

    body.about-page-body .site-mobile-menu__nav {
        margin-top: 20px !important;
        gap: 12px !important;
    }

    body.about-page-body .site-mobile-menu__bottom {
        margin-top: 24px !important;
        gap: 12px !important;
    }

    /* Hero: 50px heading, natural wrapping and a single-column CTA. */
    body.about-page-body .about-hero__inner {
        width: 100%;
        max-width: none;
        padding: 32px 24px 48px;
    }

    body.about-page-body .about-hero__title {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: 50px;
        line-height: 54px;
        white-space: normal;
        overflow-wrap: break-word;
    }

    body.about-page-body .about-hero__title-line {
        display: inline;
        width: auto;
        text-align: left;
        white-space: normal;
    }

    body.about-page-body .about-hero__bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 24px;
        min-height: 0;
        margin-top: 24px;
    }

    body.about-page-body .about-hero__subtitle {
        width: 100%;
        max-width: 100%;
        font-size: 18px;
        line-height: 26px;
    }

    body.about-page-body .about-hero__cta {
        width: 100%;
        max-width: 100%;
        height: 66px;
        flex: 0 0 100%;
        font-size: 16px;
        line-height: 18px;
    }

    /* Large section headings use 50px in phone landscape, not desktop 96/100px. */
    body.about-page-body .about-tasks__title,
    body.about-page-body .about-team__title,
    body.about-page-body .about-documents__title,
    body.about-page-body .about-portfolio__title {
        width: 100%;
        max-width: 100%;
        font-size: 50px !important;
        line-height: 54px !important;
        white-space: normal;
        overflow-wrap: break-word;
    }

    body.about-page-body .about-tasks__content>h3,
    body.about-page-body .about-documents__card-title,
    body.about-page-body .about-portfolio-card__title {
        font-size: 50px !important;
        line-height: 54px !important;
        white-space: normal;
        overflow-wrap: break-word;
    }

    /* Keep the rest of the page within the landscape viewport. */
    body.about-page-body .about-tasks__inner {
        width: 100%;
        max-width: none;
        padding: 64px 24px 0;
    }

    body.about-page-body .about-tasks__list {
        margin-top: 40px;
    }

    body.about-page-body .about-tasks__row {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 16px;
        min-height: 0;
        padding: 24px 0;
    }

    body.about-page-body .about-tasks__index {
        grid-column: 1;
        padding: 0;
    }

    body.about-page-body .about-tasks__content {
        grid-column: 2;
        padding: 0;
    }

    body.about-page-body .about-tasks__content>h3 {
        margin-bottom: 16px;
    }

    body.about-page-body .about-tasks__content p,
    body.about-page-body .about-tasks__text {
        width: 100%;
        max-width: 100%;
    }

    body.about-page-body .about-tasks__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.about-page-body .about-tasks__metric {
        min-width: 0;
        min-height: 150px;
        padding: 24px;
    }

    body.about-page-body .about-tasks__metric strong {
        font-size: 42px;
        line-height: 48px;
    }

    body.about-page-body .about-documents__inner {
        width: 100%;
        max-width: none;
        padding: 64px 24px;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    body.about-page-body .about-documents__card {
        min-height: 0;
        padding: 32px 24px;
    }

    body.about-page-body .about-documents__download {
        font-size: 24px;
        line-height: 28px;
    }

    body.about-page-body .about-portfolio__inner {
        padding: 0 24px 64px;
    }

    body.about-page-body .about-portfolio__head {
        min-height: 0;
        flex-wrap: wrap;
        gap: 16px;
    }

    body.about-page-body .about-portfolio__subtitle {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    body.about-page-body .about-portfolio__grid {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 32px;
    }

    body.about-page-body .about-portfolio-card__chips {
        margin-top: 32px;
    }
}

/* Smaller phones already use the portrait hamburger; only heading sizes change in landscape. */
@media screen and (max-width: 760px) and (max-height: 600px) and (orientation: landscape) {

    body.about-page-body .about-hero__title,
    body.about-page-body .about-tasks__title,
    body.about-page-body .about-team__title,
    body.about-page-body .about-documents__title,
    body.about-page-body .about-portfolio__title,
    body.about-page-body .about-tasks__content>h3,
    body.about-page-body .about-documents__card-title,
    body.about-page-body .about-portfolio-card__title {
        font-size: 40px !important;
        line-height: 40px !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }
}