/* Shared desktop and tablet alignment; tablet sizes are refined below. */
@media (min-width: 600px) {
    .page-id-370 #main-content .et_pb_section_2 {
        margin-bottom: 0 !important;
        padding: 80px 0 !important;
        min-height: 0;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row {
        width: 86% !important;
        max-width: 1160px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row > .et_pb_column {
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_heading {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_text,
    .page-id-370 #main-content .et_pb_section_2 .et_pb_image {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_text_0 {
        max-width: 880px !important;
        line-height: 1.75;
    }
    .page-id-370 #main-content .et_pb_text_0 p:empty,
    .page-id-370 #main-content .et_pb_text_0 p:has(> span:empty) {
        display: none;
    }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_2, .et_pb_row_9, .et_pb_row_12, .et_pb_row_14) {
        margin-top: 80px !important;
        margin-bottom: 32px !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_3 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 48px;
        max-width: 680px !important;
    }
    .page-id-370 #main-content .et_pb_row_3 > .et_pb_column {
        width: 100% !important;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_blurb {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_blurb_content {
        width: 100%;
        max-width: none !important;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_blurb_container {
        text-align: center;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_main_blurb_image {
        display: block;
        margin: 0 0 20px;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_main_blurb_image img {
        width: 100%;
        height: 230px;
        object-fit: contain;
        object-position: center bottom;
    }
    .page-id-370 #main-content .et_pb_row_3 .et_pb_main_blurb_image img {
        height: 340px;
    }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_4, .et_pb_row_16) {
        margin-top: 32px !important;
        margin-bottom: 48px !important;
        text-align: center;
    }
    .page-id-370 #main-content :is(.et_pb_row_4, .et_pb_row_16) .et_pb_button_module_wrapper {
        text-align: center !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_16 {
        margin-top: 64px !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7) {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: start;
        gap: 24px;
        margin-top: 40px !important;
    }
    .page-id-370 #main-content :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7) > .et_pb_column {
        flex: 0 0 calc((100% - 120px) / 6);
        width: calc((100% - 120px) / 6) !important;
    }
    .page-id-370 #main-content .et_pb_row_7 > .et_pb_column_empty,
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_8, .et_pb_row_11) {
        display: none !important;
    }
    .page-id-370 #main-content :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7) .et_pb_module_header {
        min-height: 2.8em;
        font-size: 17px;
        line-height: 1.4;
    }
    .page-id-370 #main-content .et_pb_row_10 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 48px;
        align-items: start;
    }
    .page-id-370 #main-content .et_pb_row_10 > .et_pb_column {
        width: 100% !important;
    }
    .page-id-370 #main-content .et_pb_text_1 {
        line-height: 1.75;
    }
    /* These existing paragraphs contain only spacing characters. */
    .page-id-370 #main-content .et_pb_text_0 .font_8:first-of-type ~ p:empty,
    .page-id-370 #main-content .et_pb_text_0 #comp-m9jwzepb p:nth-child(-n+2),
    .page-id-370 #main-content .et_pb_text_1 .et_pb_text_inner > p:nth-child(2),
    .page-id-370 #main-content .et_pb_text_1 .et_pb_text_inner > p:nth-child(4),
    .page-id-370 #main-content .et_pb_text_1 .et_pb_text_inner > p:nth-child(6),
    .page-id-370 #main-content .et_pb_text_1 .et_pb_text_inner > p:nth-child(8) {
        display: none;
    }
    .page-id-370 #main-content :is(.et_pb_row_4, .et_pb_row_16) .et_pb_button_module_wrapper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        align-self: stretch !important;
    }

    .page-id-370 #main-content .et_pb_row_10 .et_pb_image_1 {
        width: 55% !important;
        margin-top: 24px !important;
    }
    .page-id-370 #main-content .et_pb_row_13 {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 24px;
        align-items: start;
    }
    .page-id-370 #main-content .et_pb_row_13 > .et_pb_column {
        width: 100% !important;
    }
    .page-id-370 #main-content .et_pb_row_13 blockquote {
        margin: 0;
        padding-left: 16px;
    }
    .page-id-370 #main-content .et_pb_row_15 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }
    .page-id-370 #main-content .et_pb_row_15 > .et_pb_column {
        width: 100% !important;
    }
    .page-id-370 #main-content .et_pb_row_15 :is(.et_pb_image_wrap, img) {
        display: block;
        width: 100% !important;
    }
    .page-id-370 #main-content .et_pb_row_15 img {
        height: auto !important;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
}
@media (min-width: 600px) and (max-width: 1200px) {
    .page-id-370 #main-content :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7) > .et_pb_column {
        flex-basis: calc((100% - 48px) / 3);
        width: calc((100% - 48px) / 3) !important;
    }
}

/* Hide the removed team cards in every viewport, including their space. */
.page-id-370 #main-content .et_pb_section_2 .et_pb_column:has(img[src$="/Mario-Avatar.png"]),
.page-id-370 #main-content .et_pb_section_2 .et_pb_column:has(img[src$="/Sanaz-Avatar-final.png"]) {
    display: none !important;
}

/* Alina uses Divi's flex variant; match the neighboring desktop cards. */
@media (min-width: 600px) {
    .page-id-370 #main-content .et_pb_blurb_12 .et_pb_blurb_content {
        display: block !important;
        gap: 0 !important;
    }
}

/* Give the history button breathing room between founders and the team. */
@media (min-width: 600px) {
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_4 {
        margin-top: 64px !important;
        margin-bottom: 80px !important;
    }
}

/* Separate the gallery from the working-at benefits. */
@media (min-width: 600px) {
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_14 {
        margin-top: 120px !important;
    }
}

/* Keep the desktop composition at tablet widths, with smaller spacing and portraits. */
@media (min-width: 600px) and (max-width: 980px) {
    .page-id-370 #main-content .et_pb_section_2 { padding: 48px 0 !important; }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row { width: calc(100% - 64px) !important; }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_row::after { display: none; }
    .page-id-370 #main-content .et_pb_section_2 :is(.et_pb_heading, .et_pb_blurb, .et_pb_text, .et_pb_image) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_blurb_content { display: block !important; }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_blurb_container { display: block !important; padding: 0 !important; }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_main_blurb_image,
    .page-id-370 #main-content .et_pb_section_2 .et_pb_main_blurb_image :is(a, .et_pb_image_wrap, img) {
        max-width: 100% !important;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_main_blurb_image img { height: 190px !important; }
    .page-id-370 #main-content .et_pb_row_3 .et_pb_main_blurb_image img { height: 270px !important; }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_2, .et_pb_row_9, .et_pb_row_12, .et_pb_row_14) {
        margin-top: 56px !important;
        margin-bottom: 24px !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_3,
    .page-id-370 #main-content .et_pb_row_10 { gap: 28px; }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_4 { margin-top: 40px !important; margin-bottom: 48px !important; }
    .page-id-370 #main-content :is(.et_pb_row_4, .et_pb_row_16) .et_pb_button { transform: none !important; margin: 0 !important; }
    .page-id-370 #main-content .et_pb_row_13 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-id-370 #main-content .et_pb_section_2 .et_pb_heading .et_pb_module_header { font-size: 30px !important; line-height: 1.3; }
    .page-id-370 #main-content .et_pb_row_0,
    .page-id-370 #main-content .et_pb_heading_0 {
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_heading_0 .et_pb_module_header { text-align: center !important; }
}

/* Phone layout: centered copy, consistent portraits and natural document flow. */
@media (max-width: 599px) {
    .page-id-370 #main-content .et_pb_section {
        width: 100% !important; max-width: 100% !important;
        margin: 0 !important; padding: 36px 0 !important;
    }
    .page-id-370 #main-content .et_pb_section_1 {
        display: block !important;
        padding: 0 !important;
        aspect-ratio: 2.7 / 1;
        background-size: cover !important;
        background-position: center !important;
    }
    .page-id-370 #main-content .et_pb_section_2 { padding: 40px 0 48px !important; }
    .page-id-370 #main-content .et_pb_row {
        width: calc(100% - 40px) !important; max-width: 440px !important;
        height: auto !important; min-height: 0 !important; max-height: none !important;
        margin: 0 auto !important; padding: 0 !important; transform: none !important;
        display: block !important;
    }
    .page-id-370 #main-content .et_pb_column {
        width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important;
        height: auto !important; min-height: 0 !important; max-height: none !important;
    }
    .page-id-370 #main-content :is(.et_pb_heading, .et_pb_text, .et_pb_image, .et_pb_blurb, .et_pb_button_module_wrapper) {
        width: 100% !important; max-width: 100% !important; height: auto !important;
        min-height: 0 !important; max-height: none !important;
        margin: 0 !important; padding: 0 !important; transform: none !important;
        text-align: center !important;
    }
    .page-id-370 #main-content .et_pb_heading .et_pb_module_header {
        font-size: 27px !important; line-height: 1.3 !important;
        margin: 0 !important; padding: 0 !important; text-align: center !important;
    }
    .page-id-370 #main-content .et_pb_heading_0 .et_pb_module_header { font-size: 32px !important; }
    .page-id-370 #main-content .et_pb_text :is(p, span, h1, h2, h3, div) { text-align: center !important; }
    .page-id-370 #main-content :is(.et_pb_text_0, .et_pb_text_1) :is(p, span) { font-size: 15px !important; line-height: 1.7 !important; }
    .page-id-370 #main-content .et_pb_text_0 :is(h1, h2, h3) { font-size: 24px !important; line-height: 1.35 !important; }
    .page-id-370 #main-content .et_pb_text_0 #comp-m9jwzepb p:nth-child(-n+2),
    .page-id-370 #main-content .et_pb_text p:empty,
    .page-id-370 #main-content .et_pb_text p:has(> span:empty) { display: none; }
    .page-id-370 #main-content .et_pb_text_1 .et_pb_text_inner > p:nth-child(even) { display: none; }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_2, .et_pb_row_9, .et_pb_row_12, .et_pb_row_14) { margin-top: 48px !important; margin-bottom: 24px !important; }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_3, .et_pb_row_5, .et_pb_row_6, .et_pb_row_7) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_6, .et_pb_row_7) { margin-top: 28px !important; }
    .page-id-370 #main-content .et_pb_column_empty,
    .page-id-370 #main-content :is(.et_pb_row_8, .et_pb_row_11) { display: none !important; }
    .page-id-370 #main-content .et_pb_blurb_content { display: block !important; width: 100% !important; max-width: none !important; }
    .page-id-370 #main-content .et_pb_main_blurb_image,
    .page-id-370 #main-content .et_pb_main_blurb_image :is(a, .et_pb_image_wrap, img) {
        display: block !important; width: 100% !important;
        margin: 0 !important; padding: 0 !important; transform: none !important;
        height: auto !important; min-height: 0 !important; max-height: none !important;
    }
    .page-id-370 #main-content .et_pb_main_blurb_image { margin-bottom: 12px !important; }
    .page-id-370 #main-content .et_pb_main_blurb_image img { height: 160px !important; object-fit: contain; object-position: center bottom; }
    .page-id-370 #main-content .et_pb_blurb_container { display: block !important; padding: 0 !important; text-align: center !important; }
    .page-id-370 #main-content .et_pb_blurb .et_pb_module_header { font-size: 17px !important; line-height: 1.35 !important; padding-bottom: 6px !important; }
    .page-id-370 #main-content .et_pb_blurb_description :is(p, span) { font-size: 13px !important; line-height: 1.45 !important; }
    .page-id-370 #main-content .et_pb_blurb_description p:nth-child(n+2) { display: none; }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_4, .et_pb_row_16) { margin-top: 32px !important; margin-bottom: 40px !important; }
    .page-id-370 #main-content .et_pb_button { width: auto !important; max-width: 100% !important; box-sizing: border-box; margin: 0 auto !important; padding: 12px 20px !important; transform: none !important; font-size: 16px !important; }
    .page-id-370 #main-content .et_pb_row_10 > .et_pb_column { display: flex !important; flex-direction: column; gap: 24px; }
    .page-id-370 #main-content .et_pb_row_10 .et_pb_image img { width: 100%; height: auto; }
    .page-id-370 #main-content .et_pb_row_10 .et_pb_image_1 { max-width: 180px !important; margin: 0 auto !important; }
    .page-id-370 #main-content .et_pb_row_13 { display: grid !important; gap: 20px; }
    .page-id-370 #main-content .et_pb_row_13 blockquote { margin: 0 !important; padding: 0 !important; border: none; }
    .page-id-370 #main-content .et_pb_row_15,
    .page-id-370 #main-content .et_pb_row_15 > .et_pb_column { display: flex !important; flex-direction: column; gap: 20px; }
    .page-id-370 #main-content .et_pb_row_15 .et_pb_image :is(.et_pb_image_wrap, img) { display: block; width: 100% !important; }
    .page-id-370 #main-content .et_pb_row_15 img { height: auto !important; aspect-ratio: 3 / 2; object-fit: cover; }
}

/* Let team cards flow across Divi row boundaries on phones. */
@media (max-width: 599px) {
    .page-id-370 #main-content .et_pb_section_2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row {
        grid-column: 1 / -1;
        width: 100% !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7) {
        display: contents !important;
    }
    .page-id-370 #main-content :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7)::after { display: none; }
    .page-id-370 #main-content :is(.et_pb_row_5, .et_pb_row_6, .et_pb_row_7) > .et_pb_column {
        margin-bottom: 28px !important;
    }
}

/* Give the working-at and gallery area more breathing room on tablets. */
@media (min-width: 600px) and (max-width: 980px) {
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_12 { margin-bottom: 28px !important; }
    .page-id-370 #main-content .et_pb_row_13 {
        gap: 24px 32px;
        align-items: stretch;
    }
    .page-id-370 #main-content .et_pb_row_13 blockquote {
        margin: 0 !important;
        padding: 8px 0 8px 16px !important;
        border-left: 3px solid #2ea3f2;
    }
    .page-id-370 #main-content .et_pb_row_13 blockquote :is(p, span) {
        font-size: 20px !important;
        line-height: 1.5 !important;
        padding-bottom: 0 !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_14 {
        margin-top: 64px !important;
        margin-bottom: 28px !important;
    }
    .page-id-370 #main-content .et_pb_row_15 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
    .page-id-370 #main-content .et_pb_row_15 > .et_pb_column { display: contents !important; }
    .page-id-370 #main-content .et_pb_row_15 .et_pb_image {
        margin: 0 !important;
        overflow: hidden;
        border-radius: 0 !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_16 {
        margin-top: 40px !important;
        margin-bottom: 24px !important;
    }
    .page-id-370 #main-content .et_pb_row_16 .et_pb_button {
        padding: 12px 24px !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
}

/* Keep the celebrations button entirely in the normal tablet document flow. */
@media (min-width: 600px) and (max-width: 980px) {
    .page-id-370 #main-content .et_pb_section_2 {
        height: auto !important;
        max-height: none !important;
        padding-bottom: 80px !important;
        margin-bottom: 0 !important;
    }
    .page-id-370 #main-content .et_pb_row_16,
    .page-id-370 #main-content .et_pb_row_16 :is(.et_pb_column, .et_pb_button_module_wrapper, .et_pb_button) {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        animation: none !important;
        float: none !important;
    }
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row_16 {
        display: block !important;
        margin-top: 48px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    .page-id-370 #main-content .et_pb_row_16 .et_pb_button_module_wrapper {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
    .page-id-370 #main-content .et_pb_row_16 .et_pb_button {
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin: 0 !important;
    }
}

/* A quieter, narrower introduction on tablets. */
@media (min-width: 600px) and (max-width: 980px) {
    .page-id-370 #main-content .et_pb_text_0 {
        width: 100% !important;
        max-width: 600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .page-id-370 #main-content .et_pb_text_0 :is(p, p span) {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
    .page-id-370 #main-content .et_pb_text_0 :is(h1, h1 span) {
        font-size: 27px !important;
        line-height: 1.3 !important;
    }
    .page-id-370 #main-content .et_pb_text_0 :is(h3, h3 span) {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
}

/* Wider navy gutters around all About Us content on tablets. */
@media (min-width: 600px) and (max-width: 1024px) {
    .page-id-370 #main-content .et_pb_section_2 > .et_pb_row {
        width: 80% !important;
        max-width: 640px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Bring the logistics icons closer to the preceding text on phones. */
@media (max-width: 599px) {
    .page-id-370 #main-content .et_pb_row_10 > .et_pb_column_27 {
        gap: 8px !important;
    }
}

/* Align the desktop title with the company introduction. */
@media (min-width: 981px) {
    .page-id-370 #main-content .et_pb_row_0 {
        width: 86% !important;
        max-width: 1160px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_heading_0 {
        margin-left: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
    }
    .page-id-370 #main-content .et_pb_heading_0 .et_pb_module_header { text-align: left !important; }
}
@media (min-width: 981px) and (max-width: 1024px) {
    .page-id-370 #main-content .et_pb_row_0 {
        width: 80% !important;
        max-width: 640px !important;
    }
}
