/* =========================================================
   BC BRICK — ABOUT PAGE
========================================================= */

.about-page {
    overflow: clip;
    color: var(--bc-color-text);
    background: var(--bc-color-background);
}

.about-page *,
.about-page *::before,
.about-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   COMMON
========================================================= */

.about-rich-text > * {
    margin: 0;
}

.about-rich-text > * + * {
    margin-top: var(--bc-space-3);
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.about-breadcrumbs-wrap {
    padding-top: var(--bc-space-5);
    background: var(--bc-color-background);
}

.about-breadcrumbs {
    color: var(--bc-color-text-muted);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-caption);
    line-height: var(--bc-line-height-small);
}

.about-breadcrumbs__list {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--bc-space-2);
    list-style: none;
}

.about-breadcrumbs__link {
    color: var(--bc-color-text-muted);
    text-decoration: none;
    transition: color var(--bc-transition);
}

.about-breadcrumbs__link:focus-visible {
    color: var(--bc-color-primary);
}

@media (hover: hover) and (pointer: fine) {
    .about-breadcrumbs__link:hover {
        color: var(--bc-color-primary);
    }
}

.about-breadcrumbs__separator {
    display: grid;
    width: var(--bc-space-4);
    height: var(--bc-space-4);
    flex: 0 0 auto;
    place-items: center;
    color: var(--bc-color-border);
}

.about-breadcrumbs__separator svg {
    width: var(--bc-space-4);
    height: var(--bc-space-4);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.about-breadcrumbs__current {
    color: var(--bc-color-text);
    font-weight: 600;
}

.about-breadcrumbs-wrap + .about-owner {
    padding-top: var(--bc-space-10);
}

.about-owner__eyebrow,
.about-gallery__eyebrow,
.about-technology__eyebrow,
.about-team__eyebrow {
    display: flex;
    margin: 0 0 var(--bc-space-3);
    align-items: center;
    gap: var(--bc-space-3);
    color: var(--bc-color-accent);
}

.about-owner__eyebrow::before,
.about-gallery__eyebrow::before,
.about-technology__eyebrow::before,
.about-team__eyebrow::before {
    width: var(--bc-space-6);
    height: 2px;
    flex: 0 0 auto;
    background: currentColor;
    content: "";
}


/* =========================================================
   OWNER
========================================================= */

.about-owner {
    padding-bottom: var(--bc-section-md);
    background: var(--bc-color-background);
}

.about-owner__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.22fr)
        minmax(0, 0.78fr);
    align-items: start;
    gap: var(--bc-grid-gap-lg);
}

.about-owner__grid--text-only {
    grid-template-columns:
        minmax(0, var(--bc-container-narrow));
}

.about-owner__content {
    display: flex;
    min-width: 0;
    min-height: 0;
    height: auto;
    align-self: start;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.about-owner__title {
    max-width: var(--bc-container-content);
    margin: 0;
    color: var(--bc-color-text);
    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h1);
    font-weight: 700;
    line-height: var(--bc-line-height-h1);
    letter-spacing: -0.04em;
    text-wrap: balance;
}

@media (min-width: 1200px) {

    .about-owner__title {
        max-width: none;
        white-space: nowrap;
        text-wrap: nowrap;
    }

}

.about-owner__text {
    max-width: var(--bc-container-narrow);
    margin-top: var(--bc-space-4) !important;
    color: var(--bc-color-text-muted);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-body);
    font-weight: 400;
    line-height: var(--bc-line-height-body);
}

.about-owner__title + .about-owner__text {
    margin-top: var(--bc-space-4) !important;
}

/*
 * Defensive cleanup for WYSIWYG fields containing visual empty lines.
 */
.about-owner__text > p:empty,
.about-owner__text > p:has(> br:only-child) {
    display: none;
}

.about-owner__video-button {
    margin-top: var(--bc-space-6);
}

.about-owner__video-icon {
    display: grid;
    width: var(--bc-space-6);
    height: var(--bc-space-6);
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--bc-radius-pill);
    color: var(--bc-color-button);
    background: var(--bc-color-white);
}

.about-owner__video-icon svg {
    width: var(--bc-space-4);
    height: var(--bc-space-4);
    fill: currentColor;
}

.about-owner__figure {
    display: flex;
    min-width: 0;
    margin: 0;
    align-self: start;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--bc-color-border);
    border-radius: var(--bc-radius-sm);
    background: var(--bc-color-background-soft);
}

.about-owner__image-wrap {
    min-height: 0;
    overflow: hidden;
    aspect-ratio: 1.66 / 1;
}

.about-owner__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.about-owner__caption {
    padding:
        var(--bc-space-3)
        var(--bc-space-5);
    border-top: 1px solid var(--bc-color-border);
    color: var(--bc-color-text-muted);
    background: var(--bc-color-surface);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-body-sm);
    font-weight: 500;
    line-height: var(--bc-line-height-small);
}


/* =========================================================
   FACTORY GALLERY
========================================================= */

.about-gallery {
    background: var(--bc-color-background-soft);
}

.about-gallery__header {
    display: flex;
    margin-bottom: var(--bc-space-8);
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--bc-grid-gap-lg);
}

.about-gallery__title {
    max-width: var(--bc-container-content);
    margin: 0;
    color: var(--bc-color-text);
    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h2);
    font-weight: 700;
    line-height: var(--bc-line-height-h2);
    letter-spacing: -0.03em;
}

.about-gallery__controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--bc-space-3);
}

.about-gallery__arrow {
    display: grid;
    width: var(--bc-space-9);
    height: var(--bc-space-9);
    padding: 0;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--bc-color-border);
    border-radius: var(--bc-radius-sm);
    color: var(--bc-color-primary);
    background: var(--bc-color-surface);
    cursor: pointer;
    transition:
        color var(--bc-transition),
        border-color var(--bc-transition),
        background-color var(--bc-transition),
        opacity var(--bc-transition);
}

.about-gallery__arrow:focus-visible:not(:disabled) {
    color: var(--bc-color-white);
    border-color: var(--bc-color-primary);
    background: var(--bc-color-primary);
}

@media (hover: hover) and (pointer: fine) {
    .about-gallery__arrow:hover:not(:disabled) {
        color: var(--bc-color-white);
        border-color: var(--bc-color-primary);
        background: var(--bc-color-primary);
    }
}

.about-gallery__arrow:focus-visible {
    outline: 2px solid var(--bc-color-focus);
    outline-offset: var(--bc-space-1);
}

.about-gallery__arrow:disabled {
    cursor: default;
    opacity: 0.38;
}

.about-gallery__arrow svg {
    width: var(--bc-space-5);
    height: var(--bc-space-5);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.about-gallery__counter {
    display: flex;
    min-width: var(--bc-space-11);
    margin: 0;
    justify-content: center;
    gap: var(--bc-space-2);
    color: var(--bc-color-text-muted);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-body-sm);
    line-height: var(--bc-line-height-small);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.about-gallery__counter [data-gallery-current] {
    color: var(--bc-color-primary);
    font-weight: 700;
}

.about-gallery__track {
    display: grid;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    grid-auto-columns:
        calc(
            (
                100%
                - (var(--bc-grid-gap) * 2)
            )
            / 3.14
        );
    grid-auto-flow: column;
    gap: var(--bc-grid-gap);
    direction: ltr;
    cursor: grab;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
}

.about-gallery__track::-webkit-scrollbar {
    display: none;
}

.about-gallery__track.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    scroll-snap-type: none;
}

.about-gallery__slide {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border: 1px solid var(--bc-color-border);
    border-radius: var(--bc-radius-sm);
    background: var(--bc-color-background);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    user-select: none;
    transition: border-color var(--bc-transition);
}

@media (hover: hover) and (pointer: fine) {
    .about-gallery__slide:hover {
        border-color: var(--bc-color-primary);
    }
}

.about-gallery__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    pointer-events: none;
    transform: scale(1.001);
    transition: transform var(--bc-transition);
}

@media (hover: hover) and (pointer: fine) {
    .about-gallery__slide:hover .about-gallery__image {
        transform: scale(1.015);
    }
}

.about-gallery__drag-hint {
    display: flex;
    margin: var(--bc-space-5) 0 0;
    align-items: center;
    justify-content: center;
    gap: var(--bc-space-3);
    color: var(--bc-color-text-muted);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-caption);
    line-height: var(--bc-line-height-small);
}

.about-gallery__drag-hint svg {
    width: var(--bc-space-7);
    height: var(--bc-space-5);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.35;
}


/* =========================================================
   TECHNOLOGY
========================================================= */

.about-technology {
    --about-on-primary-muted:
        color-mix(
            in srgb,
            var(--bc-color-white) 76%,
            transparent
        );

    --about-on-primary-border:
        color-mix(
            in srgb,
            var(--bc-color-white) 24%,
            transparent
        );

    position: relative;
    color: var(--bc-color-white);
    background: var(--bc-color-primary);
}

.about-technology__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(360px, 0.92fr);
    align-items: stretch;
    gap: var(--bc-grid-gap-lg);
}

.about-technology__main,
.about-technology__header {
    min-width: 0;
}

.about-technology__header {
    max-width: var(--bc-container-content);
}

.about-technology__eyebrow {
    color: var(--bc-color-accent-soft);
}

.about-technology__title {
    max-width: var(--bc-container-content);
    margin: 0;
    color: var(--bc-color-white);
    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h2);
    font-weight: 700;
    line-height: var(--bc-line-height-h2);
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.about-technology__description {
    max-width: var(--bc-container-narrow);
    margin: var(--bc-space-5) 0 0;
    color: var(--about-on-primary-muted);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-body);
    line-height: var(--bc-line-height-body);
}

.about-technology__stats {
    display: grid;
    margin-top: var(--bc-space-8);
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
}

.about-technology__stat {
    display: grid;
    min-width: 0;
    padding-inline: var(--bc-space-5);
    grid-template-columns:
        var(--bc-space-9)
        minmax(0, 1fr);
    align-items: center;
    column-gap: var(--bc-space-3);
}

.about-technology__stat:first-child {
    padding-left: 0;
}

.about-technology__stat:last-child {
    padding-right: 0;
}

.about-technology__stat + .about-technology__stat {
    border-left: 1px solid var(--about-on-primary-border);
}

.about-technology__stat-icon {
    display: grid;
    width: var(--bc-space-9);
    height: var(--bc-space-9);
    grid-row: 1 / 3;
    place-items: center;
    color: var(--bc-color-accent-soft);
}

.about-technology__stat-icon svg {
    width: var(--bc-space-8);
    height: var(--bc-space-8);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
}

.about-technology__stat-value {
    color: var(--bc-color-white);
    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h4);
    font-weight: 700;
    line-height: var(--bc-line-height-h4);
    letter-spacing: -0.02em;
}

.about-technology__stat-label {
    margin-top: var(--bc-space-1);
    color: var(--about-on-primary-muted);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-caption);
    font-weight: 500;
    line-height: var(--bc-line-height-small);
}

.about-technology__figure {
    position: relative;
    margin: var(--bc-space-8) 0 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--about-on-primary-border);
    border-radius: var(--bc-radius-sm);
    background:
        color-mix(
            in srgb,
            var(--bc-color-white) 8%,
            transparent
        );
}

.about-technology__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.about-technology__image-label {
    position: absolute;
    bottom: var(--bc-space-3);
    left: var(--bc-space-3);
    padding:
        var(--bc-space-2)
        var(--bc-space-3);
    border-radius: var(--bc-radius-sm);
    color: var(--bc-color-primary);
    background: var(--bc-color-white);
    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-caption);
    font-weight: 700;
    line-height: var(--bc-line-height-small);
}


/* =========================================================
   TECHNOLOGY FEATURES
========================================================= */

.about-tech-list {
    display: grid;
    min-width: 0;
    height: 100%;

    grid-template-rows:
        repeat(3, minmax(0, 1fr));

    border-top: 1px solid var(--about-on-primary-border);
    border-bottom: 1px solid var(--about-on-primary-border);
}


/* =========================================================
   ITEM
========================================================= */

.about-tech-list__item {
    position: relative;

    display: grid;
    min-width: 0;

    padding:
        var(--bc-space-7)
        clamp(120px, 10vw, 170px)
        var(--bc-space-7)
        0;

    grid-template-columns:
        var(--bc-space-10)
        minmax(0, 1fr);

    align-content: center;
    align-items: start;

    gap: var(--bc-space-4);

    overflow: hidden;
}

.about-tech-list__item + .about-tech-list__item {
    border-top: 1px solid var(--about-on-primary-border);
}


/* =========================================================
   NUMBER
========================================================= */

.about-tech-list__number {
    position: relative;
    z-index: 2;

    color: var(--bc-color-white);

    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h5);
    font-weight: 600;
    line-height: var(--bc-line-height-h5);
    letter-spacing: -0.02em;
}


/* =========================================================
   CONTENT
========================================================= */

.about-tech-list__content {
    position: relative;
    z-index: 2;

    min-width: 0;
}

.about-tech-list__title {
    margin: 0;
    padding: 0;

    color: var(--bc-color-white);
    background: transparent;

    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h6);
    font-weight: 600;
    line-height: var(--bc-line-height-h6);
    letter-spacing: -0.01em;
}

.about-tech-list__text {
    max-width: 520px;

    margin:
        var(--bc-space-4)
        0
        0;

    color: var(--about-on-primary-muted);

    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-body-sm);
    font-weight: 400;
    line-height: var(--bc-line-height-body);
}


/* =========================================================
   DECORATIVE NUMBER
========================================================= */

.about-tech-list__decor {
    position: absolute;
    z-index: 1;

    top: 50%;
    right: var(--bc-space-5);

    color: transparent;

    font-family: var(--bc-font-heading);
    font-size: clamp(92px, 8vw, 142px);
    font-weight: 600;
    line-height: 0.8;
    letter-spacing: -0.06em;

    opacity: 0.2;

    pointer-events: none;

    transform: translateY(-50%);

    -webkit-text-stroke:
        1px
        color-mix(
            in srgb,
            var(--bc-color-white) 55%,
            transparent
        );

    text-stroke:
        1px
        color-mix(
            in srgb,
            var(--bc-color-white) 55%,
            transparent
        );
}



/* =========================================================
   TEAM
========================================================= */

.about-team {
    background: var(--bc-color-background-soft);
    margin-bottom: 68px;
}


/* =========================================================
   GRID
========================================================= */

.about-team__grid {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.78fr)
        minmax(0, 1.22fr);

    align-items: center;

    gap: var(--bc-grid-gap-lg);
}


.about-team__grid--text-only {
    grid-template-columns:
        minmax(0, var(--bc-container-narrow));
}


/* =========================================================
   CONTENT
========================================================= */

.about-team__content {
    display: flex;

    min-width: 0;

    align-items: flex-start;

    flex-direction: column;
}


/* =========================================================
   EYEBROW
========================================================= */

.about-team__eyebrow {
    margin-bottom: var(--bc-space-3);
}


/* =========================================================
   TITLE
========================================================= */

.about-team__title {
    max-width: var(--bc-container-content);

    margin: 0;

    color: var(--bc-color-text);

    font-family: var(--bc-font-heading);
    font-size: var(--bc-font-size-h2);
    font-weight: 700;
    line-height: var(--bc-line-height-h2);
    letter-spacing: -0.03em;

    text-wrap: balance;
}


/* =========================================================
   TEXT
========================================================= */

.about-team__text {
    max-width: var(--bc-container-narrow);

    margin-top: var(--bc-space-5);

    color: var(--bc-color-text-muted);

    font-family: var(--bc-font-main);
    font-size: var(--bc-font-size-body);
    font-weight: 400;
    line-height: var(--bc-line-height-body);
}


.about-team__text > * {
    margin: 0;
}


.about-team__text > * + * {
    margin-top: var(--bc-space-3);
}


/* =========================================================
   BUTTON
========================================================= */

.about-team__button {
    margin-top: var(--bc-space-6);
}


.about-team__button svg {
    width: var(--bc-space-5);
    height: var(--bc-space-5);

    fill: none;

    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.about-team__button--mobile {
    display: none;
}


/* =========================================================
   IMAGE
========================================================= */

.about-team__figure {
    min-width: 0;

    margin: 0;

    overflow: hidden;

    border:
        1px
        solid
        var(--bc-color-border);

    border-radius: var(--bc-radius-sm);

    background: var(--bc-color-background);
}


.about-team__image-wrap {
    overflow: hidden;

    aspect-ratio: 1.6 / 1;
}


.about-team__image {
    display: block;

    width: 100%;
    height: 100%;
    max-width: none;

    object-fit: cover;
    object-position: center center;
}


/* =========================================================
   <= 1199
========================================================= */

@media (max-width: 1199px) {

    .about-team__grid {
        grid-template-columns:
            minmax(280px, 0.82fr)
            minmax(0, 1.18fr);
    }

}


/* =========================================================
   <= 991
========================================================= */

@media (max-width: 991px) {

    .about-team__grid,
    .about-team__grid--text-only {
        grid-template-columns: minmax(0, 1fr);

        gap: var(--bc-space-8);
    }


    .about-team__content {
        max-width: var(--bc-container-content);
    }


    .about-team__text {
        max-width: var(--bc-container-narrow);
    }


    .about-team__figure {
        width: 100%;
    }


    .about-team__image-wrap {
        aspect-ratio: 1.55 / 1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .about-team__grid,
    .about-team__grid--text-only {
        gap: var(--bc-space-6);
    }


    .about-team__button {
        width: 100%;

        margin-top: var(--bc-space-6);
    }


    .about-team__image-wrap {
        aspect-ratio: 6 / 5;
    }
    
    
    .about-team__button--desktop {
        display: none;
    }


    .about-team__button--mobile {
        display: flex;

        width: 100%;

        margin-top: 0;
    }

}



/* =========================================================
   VIDEO MODAL
========================================================= */

body.about-video-open {
    overflow: hidden;
}

.about-video-modal {
    position: fixed;
    z-index: 6000;
    inset: 0;
    display: grid;
    padding: var(--bc-space-8);
    place-items: center;
    visibility: hidden;
    opacity: 0;
    transition:
        opacity var(--bc-transition),
        visibility var(--bc-transition);
}

.about-video-modal.is-open {
    visibility: visible;
    opacity: 1;
}

.about-video-modal__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: var(--bc-color-overlay);
}

.about-video-modal__dialog {
    position: relative;
    z-index: 1;
    width:
        min(
            100%,
            var(--bc-container)
        );
    opacity: 0;
    transform:
        translateY(var(--bc-space-2))
        scale(0.99);
    transition:
        opacity var(--bc-transition),
        transform var(--bc-transition);
}

.about-video-modal.is-open
.about-video-modal__dialog {
    opacity: 1;
    transform:
        translateY(0)
        scale(1);
}

.about-video-modal__close {
    position: absolute;
    z-index: 2;
    top: var(--bc-space-4);
    right: var(--bc-space-4);
    display: grid;
    width: var(--bc-space-9);
    height: var(--bc-space-9);
    padding: 0;
    place-items: center;
    border: 1px solid var(--bc-color-border);
    border-radius: var(--bc-radius-sm);
    color: var(--bc-color-primary);
    background: var(--bc-color-surface);
    cursor: pointer;
    transition:
        color var(--bc-transition),
        border-color var(--bc-transition),
        background-color var(--bc-transition);
}

.about-video-modal__close:focus-visible {
    color: var(--bc-color-white);
    border-color: var(--bc-color-primary);
    background: var(--bc-color-primary);
}

@media (hover: hover) and (pointer: fine) {
    .about-video-modal__close:hover {
        color: var(--bc-color-white);
        border-color: var(--bc-color-primary);
        background: var(--bc-color-primary);
    }
}

.about-video-modal__close:focus-visible {
    outline: 2px solid var(--bc-color-focus);
    outline-offset: var(--bc-space-1);
}

.about-video-modal__close svg {
    width: var(--bc-space-5);
    height: var(--bc-space-5);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.about-video-modal__stage {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--bc-color-border);
    border-radius: var(--bc-radius-sm);
    background: var(--bc-color-black);
    box-shadow: var(--bc-shadow-md);
}

.about-video-modal__stage iframe,
.about-video-modal__stage video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}


/* =========================================================
   <= 1199
========================================================= */

@media (max-width: 1199px) {

    .about-owner__grid {
        grid-template-columns:
            minmax(0, 1.1fr)
            minmax(0, 0.9fr);
    }

    .about-gallery__track {
        grid-auto-columns:
            calc(
                (
                    100%
                    - var(--bc-grid-gap)
                )
                / 2.2
            );
    }
    
    .about-tech-list__item {
    padding:
        var(--bc-space-6)
        110px
        var(--bc-space-6)
        0;

    grid-template-columns:
        var(--bc-space-9)
        minmax(0, 1fr);

    gap: var(--bc-space-3);
}

.about-tech-list__decor {
    right: var(--bc-space-3);
    font-size: 90px;
}

    .about-technology__grid {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(340px, 0.96fr);
    }


}


/* =========================================================
   <= 991
========================================================= */

@media (max-width: 991px) {

    .about-owner__grid,
    .about-owner__grid--text-only {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--bc-space-8);
    }

    .about-owner__content {
        max-width: var(--bc-container-content);
    }

    .about-owner__text {
        max-width: var(--bc-container-narrow);
    }

    .about-owner__image-wrap {
        aspect-ratio: 1.55 / 1;
    }


    /* Technology */

    .about-technology__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--bc-space-8);
    }
    
    .about-tech-list {
    height: auto;
}

.about-tech-list__item {
    min-height: 190px;

    padding:
        var(--bc-space-6)
        130px
        var(--bc-space-6)
        0;
}

.about-tech-list__decor {
    right: var(--bc-space-5);
    font-size: 108px;
}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* Breadcrumbs */

    .about-breadcrumbs-wrap {
        padding-top: var(--bc-space-4);
    }

    .about-breadcrumbs-wrap + .about-owner {
        padding-top: var(--bc-space-6);
    }


    /* Owner */

    .about-owner__grid,
    .about-owner__grid--text-only {
        gap: var(--bc-space-6);
    }

    .about-owner__video-button {
        width: 100%;
        margin-top: var(--bc-space-6);
    }

    .about-owner__image-wrap {
        aspect-ratio: 6 / 5;
    }

    .about-owner__caption {
        padding:
            var(--bc-space-3)
            var(--bc-space-4);
    }


    /* Gallery */

    .about-gallery__header {
        margin-bottom: var(--bc-space-6);

        align-items: flex-start;
        flex-direction: column;

        gap: var(--bc-space-5);
    }

    .about-gallery__controls {
        width: 100%;
        justify-content: space-between;
    }

    .about-gallery__arrow {
        width: var(--bc-space-8);
        height: var(--bc-space-8);
    }

    .about-gallery__track {
        grid-auto-columns: 88%;
        gap: var(--bc-grid-gap);
    }

    .about-gallery__drag-hint {
        justify-content: flex-start;
    }


/* Technology */


    .about-technology__stats {
        grid-template-columns: minmax(0, 1fr);
    }

    .about-technology__stat,
    .about-technology__stat:first-child,
    .about-technology__stat:last-child {
        padding:
            var(--bc-space-4)
            0;
    }

    .about-technology__stat + .about-technology__stat {
        border-top: 1px solid var(--about-on-primary-border);
        border-left: 0;
    }

    .about-technology__figure {
        margin-top: var(--bc-space-6);
        aspect-ratio: 6 / 5;
    }

	.about-tech-list__item {
    min-height: 0;

    padding:
        var(--bc-space-5)
        var(--bc-space-4);

    grid-template-columns:
        var(--bc-space-8)
        minmax(0, 1fr);

    gap: var(--bc-space-3);
}

.about-tech-list__number {
    font-size: var(--bc-font-size-h6);
    line-height: var(--bc-line-height-h6);
}

.about-tech-list__text {
    margin-top: var(--bc-space-3);
}

.about-tech-list__decor {
    display: none;
}



    /* Video modal */

    .about-video-modal {
        padding:
            var(--bc-space-4)
            var(--bc-page-padding);
    }

    .about-video-modal__close {
        top: var(--bc-space-2);
        right: var(--bc-space-2);

        width: var(--bc-space-8);
        height: var(--bc-space-8);
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .about-gallery__track {
        scroll-behavior: auto;
    }

    .about-gallery__arrow,
    .about-gallery__slide,
    .about-gallery__image,
    .about-tech-accordion__symbol::before,
    .about-tech-accordion__symbol::after,
    .about-tech-accordion__panel,
    .about-tech-accordion__panel-inner,
    .about-video-modal,
    .about-video-modal__dialog,
    .about-video-modal__close {
        transition: none;
    }

}