/* ========================================
   GENERAL UTILITY CLASSES
   ======================================== */

.grey-background-box {
    background-color: #ccc;
}

.white-text-box {
    color: #fff;
}

/* ========================================
   LAYOUT AND STRUCTURE
   ======================================== */

/* Make columns block reach edges of screen */
body:not(.editor-block-list__block-edit) .wp-block-columns.alignwide {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100% !important;
}

.wp-block-columns.alignwide {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wp-block-columns.alignwide .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
}

/* Make cover blocks extend to full width */
.wp-block-cover.alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.wp-block-cover.alignfull .wp-block-cover__inner-container {
    padding: 0;
}

/* ========================================
   NAVIGATION LAYOUT
   ======================================== */

.wp-block-group.alignwide .wp-site-title {
    margin-right: auto;
    margin-left: 0;
}

.wp-block-group.alignwide .wp-navigation {
    margin-left: auto;
    margin-right: 0;
}

.current-menu-item .wp-block-navigation-item__label,
.current_page_item .wp-block-navigation-item__label,
.wp-block-navigation-item.current-menu-item a,
.wp-block-navigation-item.current_page_item a {
    font-weight: bold !important;
}

/* ========================================
   SPECIFIC IMAGE STYLING
   ======================================== */

/* wp-image-6486 styling */
img.wp-image-6486 {
    width: 100%;
    max-width: 1450px;
    height: auto;
    object-fit: cover;
}

@media screen and (min-width: 1451px) {
    img.wp-image-6486 {
        width: 100%;
        max-width: 1450px;
    }
}

@media screen and (max-width: 1450px) {
    img.wp-image-6486 {
        width: 100%;
        max-width: 1250px;
    }
}

/* wp-image-6626 styling */
figure.wp-block-image img.wp-image-6626 {
    width: 1650px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: fill !important;
}

@media screen and (min-width: 1651px) {
    figure.wp-block-image img.wp-image-6626 {
        width: 100% !important;
    }
}

@media screen and (max-width: 1200px) {
    figure.wp-block-image img.wp-image-6626 {
        max-width: 1650px !important;
    }
}

/* wp-image-6984 styling */
.wp-image-6984 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

img.wp-image-6984 {
    aspect-ratio: unset !important;
    height: 500px !important;
    object-fit: cover !important;
}

/* wp-image-6991 styling */
.wp-image-6991 {
    width: 300px !important;
    height: auto !important;
}

/* ========================================
   BLOCK-SPECIFIC LAYOUTS
   ======================================== */

#block-71b4b618-5536-47fe-8741-559dc2e3a90c.wp-block-group.alignwide {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#block-71b4b618-5536-47fe-8741-559dc2e3a90c.wp-block-group.alignwide .wp-block-image {
    width: 48%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/* ========================================
   HIDE ELEMENTS
   ======================================== */

.obb-button,
.quicksearch,
.obb-filter-search {
    display: none;
}

/* ========================================
   MAP CENTERING
   ======================================== */

.center-map {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.center-map > div {
    width: 1920px;
    max-width: 1920px;
}

/* ========================================
   COVER BLOCK STYLING
   ======================================== */

.wp-block-cover[data-url*="Kirkpatrick__Associates_2000p-8-1024x682.jpg"] {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* ========================================
   SLIDER FUNCTIONALITY
   ======================================== */

.wp-block-cover.cover-slider {
    position: relative;
}

.wp-block-cover.cover-slider .wp-block-cover__image-background {
    transition: opacity 1.5s ease-in-out;
}

.slider-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    z-index: 1;
}

.slider-bg-image.active {
    opacity: 1;
}

.wp-block-cover__background {
    z-index: 2;
}

.wp-block-cover__inner-container {
    z-index: 3;
}

.cover-slider-nav {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 4;
}

.cover-nav-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cover-nav-dot.active {
    background-color: rgba(255, 255, 255, 1);
}

/* ========================================
   CUSTOM GALLERY STYLING
   ======================================== */

.wp-block-cover.custom-gallery {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 2px solid transparent;
    animation: fadeInUp 0.6s ease-out;
}

.wp-block-cover.custom-gallery:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.wp-block-cover.custom-gallery:hover .wp-block-cover__image-background {
    transform: scale(1.05);
}

.wp-block-cover.custom-gallery .wp-block-cover__image-background {
    transition: transform 0.3s ease;
}

.wp-block-cover.custom-gallery .wp-block-cover__background {
    background-color: rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.3s ease;
}

.wp-block-cover.custom-gallery:hover .wp-block-cover__background {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.wp-block-cover.custom-gallery .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 30px !important;
    margin: 0 !important;
    text-align: center !important;
    transition: all 0.3s ease;
    z-index: 3;
}

.wp-block-cover.custom-gallery:hover .wp-block-cover__inner-container {
    transform: translateX(-50%) scale(1.05) !important;
}

.wp-block-cover.custom-gallery .wp-block-cover__inner-container p {
    text-align: center !important;
    margin: 0 !important;
    margin-bottom: 2px !important;
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    transition: text-shadow 0.3s ease;
}

.wp-block-cover.custom-gallery:hover .wp-block-cover__inner-container p {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.wp-block-cover.custom-gallery .wp-block-spacer {
    height: 0px !important;
}

.wp-block-cover.custom-gallery .cover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    text-decoration: none !important;
    color: transparent !important;
    background: transparent;
    cursor: pointer;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================
   BOTTOM LEFT TEXT COVER BLOCKS
   ======================================== */

.wp-block-cover.bottom-left-text {
    display: flex !important;
    position: relative !important;
}

.wp-block-cover.bottom-left-text .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 30px !important;
    margin: 0 !important;
    transform: none !important;
}

.wp-block-cover.bottom-left-text .wp-block-cover__inner-container p {
    text-align: left !important;
    margin: 0 !important;
    max-width: 300px !important;
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    font-weight: 600 !important;
}

.wp-block-cover.bottom-left-text .wp-block-cover__inner-container > * {
    text-align: left !important;
}

/* ========================================
   GENERAL LAYOUT FIXES
   ======================================== */

.wp-block-group.alignfull:first-child {
    padding-bottom: 20px !important;
}

.wp-block-media-text:has(.wp-image-2602) {
    margin-top: -40px !important;
}

/* ========================================
   MOBILE RESPONSIVE DESIGN
   ======================================== */

/* Fix horizontal scrolling on Home page only */
@media (max-width: 430px) {
    /* Target Home page by its unique hero cover */
    body:has(.wp-image-6993) {
        overflow-x: hidden !important;
    }
    
    body:has(.wp-image-6993) .wp-block-group.alignfull,
    body:has(.wp-image-6993) .wp-block-media-text.alignfull,
    body:has(.wp-image-6993) .wp-block-cover.alignfull,
    body:has(.wp-image-6993) .wp-block-columns.alignwide {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Ensure wide image doesn't cause horizontal scroll but keeps its styling */
    body:has(.wp-image-6993) .wp-image-6984 {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
    }
    
    body:has(.wp-image-6993) img.wp-image-6984 {
        aspect-ratio: unset !important;
        height: 500px !important;
        object-fit: cover !important;
        width: 100% !important;
    }
}

/* ========================================
   HOME PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    /* Hero Cover Section */
    .wp-block-cover.alignfull[style*="min-height:720px"] {
        min-height: 50vh !important;
        display: flex !important;
        align-items: flex-end !important;
    }
    
    .wp-block-cover.alignfull .wp-image-6993 {
        object-fit: cover !important;
        object-position: center center !important;
    }
    
    .wp-block-cover.alignfull[style*="min-height:720px"] .wp-block-cover__inner-container {
        padding: 15px !important;
        width: 100% !important;
        position: relative !important;
        bottom: 0 !important;
    }
    
    .wp-block-cover.alignfull[style*="min-height:720px"] .wp-block-spacer[style*="height:363px"] {
        height: 0px !important;
    }
    
    .wp-block-cover.alignfull[style*="min-height:720px"] .obb-content .has-gigantic-font-size {
        font-size: 2.8rem !important;
        line-height: 1.1 !important;
        margin-bottom: 0 !important;
    }
    
    .wp-block-cover.alignfull[style*="min-height:720px"] .wp-block-spacer[style*="height:19px"] {
        height: 8px !important;
    }
    
    .wp-block-cover.alignfull[style*="min-height:720px"] .obb-content .wp-block-group.alignwide {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        right: 15px !important;
        margin: 0 !important;
    }

    /* Wide Image - Full Width */
    body:has(.wp-image-6993) figure.wp-block-image:has(.wp-image-6984) {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        padding: 0 !important;
    }
    
    body:has(.wp-image-6993) .wp-image-6984 {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }
    
    body:has(.wp-image-6993) img.wp-image-6984 {
        width: 100% !important;
        height: 400px !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Media Text Blocks */
    .wp-block-media-text.alignfull .wp-block-media-text__media {
        display: none !important;
    }
    
    .wp-block-media-text.alignfull .wp-block-media-text__content {
        width: 100% !important;
        flex-basis: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    .wp-block-media-text.alignfull {
        padding: 0 !important;
    }
    
    .wp-block-media-text.alignfull .wp-block-group {
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .wp-block-media-text.alignfull .has-gigantic-font-size {
        font-size: 2.2rem !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
    }
    
    .wp-block-media-text.alignfull p {
        margin: 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
    }

    /* Columns Section (Extensive Knowledge) */
    .wp-block-columns.alignwide {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .wp-block-columns.alignwide .wp-block-column:first-child {
        display: none !important;
    }
    
    /* Override the hiding rule specifically for home page */
    body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column:first-child {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    /* Stack columns vertically on home page */
    body:has(.wp-image-6993) .wp-block-columns.alignwide {
        flex-direction: column !important;
    }
    
    body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column:first-child .wp-block-image {
        text-align: center !important;
        margin: 0 auto !important;
        float: none !important;
    }

    body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column:first-child .wp-image-6991 {
        width: 280px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    .wp-block-columns.alignwide .wp-block-column.is-vertically-aligned-center {
        width: 100% !important;
        flex-basis: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    .wp-block-column.is-vertically-aligned-center .wp-block-spacer[style*="height:191px"] {
        height: 15px !important;
    }
    
    .wp-block-column.is-vertically-aligned-center .wp-block-group.animate__fadeInRight {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .wp-block-column.is-vertically-aligned-center .wp-block-group.animate__fadeInRight h2[style*="line-height:0.8"] {
        font-size: 2.2rem !important;
        line-height: 0.7 !important;
        margin-bottom: 0px !important;
        word-wrap: break-word !important;
    }
    
    .wp-block-column.is-vertically-aligned-center .wp-block-group.animate__fadeInRight p {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        margin: 10px 0 0 0 !important;
        word-wrap: break-word !important;
    }

    /* Engaged Teamwork Section */
    .wp-block-group.animate__fadeInLeft.has-white-background-color p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        text-align: left !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin: 15px 0 0 0 !important;
    }
    
    .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    .wp-block-group.animate__fadeInLeft.has-white-background-color .has-gigantic-font-size {
        font-size: 2.2rem !important;
        line-height: 1.2 !important;
    }

    /* Spacer Adjustments */
    .wp-block-spacer[style*="height:50px"] {
        height: 15px !important;
    }
    
    .wp-block-spacer[style*="height:40px"] {
        height: 12px !important;
    }
    
    .wp-block-spacer[style*="height:70px"] {
        height: 20px !important;
    }
    
    .wp-block-spacer[style*="height:20px"] {
        height: 8px !important;
    }
    
    .wp-block-spacer[style*="height:120px"] {
        height: 30px !important;
    }
}

/* ========================================
   PORTFOLIO PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    .wp-block-group.alignfull:has(.wp-block-cover.custom-gallery) {
        flex-direction: column !important;
        gap: 20px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .wp-block-cover.custom-gallery {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 0 !important;
        min-height: 250px !important;
    }
    
    .wp-block-cover.custom-gallery .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        padding: 20px !important;
    }
    
    .wp-block-cover.custom-gallery .wp-block-cover__inner-container p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
        text-align: center !important;
    }
    
    .wp-block-cover.custom-gallery .has-large-font-size {
        font-size: 1.2rem !important;
    }
    
    .wp-block-cover.custom-gallery .has-medium-font-size {
        font-size: 0.9rem !important;
    }
}

/* ========================================
   SERVICES PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    body:has(.wp-image-6989) .wp-block-cover.alignfull:has(.wp-image-6989) {
        min-height: 300px !important;
        height: 300px !important;
    }
    
    body:has(.wp-image-6989) .wp-block-cover.alignfull .wp-image-6989 {
        object-fit: cover !important;
        object-position: left center !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .wp-block-media-text__media {
        display: none !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .wp-block-media-text__content {
        width: 100% !important;
        flex-basis: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-image-7118 {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) {
        flex-direction: column !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .has-gigantic-font-size {
        font-size: 2.2rem !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull p {
        margin: 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
    }
    
    body:has(.wp-image-6989) .wp-block-spacer[style*="height:40px"] {
        height: 15px !important;
    }
}

/* ========================================
   RESOURCES PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    body:has(.wp-image-7121) .wp-block-cover.alignfull:has(.wp-image-7121) {
        min-height: 300px !important;
        height: 300px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-cover.alignfull .wp-image-7121 {
        object-fit: cover !important;
        object-position: left center !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .wp-block-media-text__media {
        display: none !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .wp-block-media-text__content {
        width: 100% !important;
        flex-basis: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) {
        flex-direction: column !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .has-gigantic-font-size {
        font-size: 2.2rem !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
        margin-bottom: 15px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull p {
        margin: 10px 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }
    
    body:has(.wp-image-7121) .wp-block-spacer[style*="height:41px"] {
        height: 20px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-spacer[style*="height:39px"] {
        height: 15px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-spacer[style*="height:9px"],
    body:has(.wp-image-7121) .wp-block-spacer[style*="height:3px"] {
        height: 8px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-2602) .wp-block-media-text__media {
        display: none !important;
        visibility: hidden !important;
        height: 0px !important;
        overflow: hidden !important;
    }
    
    body:has(.wp-image-7121) .wp-image-2602 {
        display: none !important;
        visibility: hidden !important;
    }
}

/* ========================================
   COMMUNITY PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    /* Cover Section */
    body:has(.wp-image-6834) .wp-block-cover.alignfull:has(.wp-image-6834) {
        min-height: 300px !important;
        height: 300px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-cover.alignfull .wp-image-6834 {
        object-fit: cover !important;
        object-position: left center !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Image Galleries */
    body:has(.wp-image-6834) .wp-block-group.alignwide {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 0 15px !important;
        align-items: center !important;
        margin: 10px 0 !important;
    }
    
    body:has(.wp-image-6834) .wp-block-image {
        width: 100% !important;
        max-width: 340px !important;
        height: auto !important;
        margin: 0 auto 15px auto !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    
    body:has(.wp-image-6834) .wp-block-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        max-height: 220px !important;
        border-radius: 0px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    body:has(.wp-image-6834) img.wp-image-6841 {
        width: 340px !important;
        height: auto !important;
    }

    /* Media Text Blocks */
    body:has(.wp-image-6834) .wp-block-media-text.alignfull .wp-block-media-text__media {
        display: none !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    body:has(.wp-image-6834) .wp-block-media-text.alignfull {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-6834) .wp-block-media-text.alignfull .wp-block-media-text__content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 20px !important;
        margin: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
    }
    
    body:has(.wp-image-6834) .wp-block-media-text.alignfull .wp-block-group {
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-media-text.alignfull .has-gigantic-font-size {
        margin-bottom: 8px !important;
        margin-top: 5px !important;
    }

    /* Spacers */
    body:has(.wp-image-6834) .wp-block-spacer[style*="height:50px"] {
        height: 10px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-spacer[style*="height:64px"] {
        height: 15px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-spacer[style*="height:28px"] {
        height: 8px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-spacer[style*="height:24px"] {
        height: 8px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-spacer[style*="height:20px"] {
        height: 5px !important;
    }
    
    body:has(.wp-image-6834) .wp-block-group .wp-block-spacer[style*="height:45px"] {
        height: 0px !important;
        display: none !important;
    }
    
    body:has(.wp-image-6834) .wp-block-spacer[style*="height:50px"] + .wp-block-group.alignfull.has-white-color {
        margin-top: 30px !important;
    }

    /* Logo Fix */
    body:has(.wp-image-6834) .wp-image-6569 {
        box-shadow: none !important;
    }
    
    body:has(.wp-image-6834) figure.wp-block-image:has(.wp-image-6569) img {
        box-shadow: none !important;
    }
}

/* ========================================
   ABOUT PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    /* Show the specific image between text blocks on mobile */
    .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-image-7265 {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    .wp-block-media-text.alignfull:has(.wp-image-7265) {
        flex-direction: column !important;
    }
    
    .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__content {
        width: 100% !important;
        padding: 15px 20px 20px 20px !important;
    }
    
    .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-spacer {
        height: 0px !important;
    }
    
    .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-group.animate__fadeInLeft h2 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    
    /* Fix cover image to be left-justified on mobile */
    .wp-block-cover.alignfull:has(.wp-image-7272) {
        min-height: 300px !important;
        height: 300px !important;
    }
    
    .wp-block-cover.alignfull .wp-image-7272 {
        object-fit: cover !important;
        object-position: left center !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .wp-block-cover.alignfull:has(.wp-image-7272) .wp-block-cover__inner-container {
        padding: 15px !important;
    }
}

/* ========================================
   MOBILE RESPONSIVE - CUSTOM GALLERY
   ======================================== */

@media (max-width: 768px) {
    .wp-block-cover.custom-gallery:hover {
        transform: translateY(-4px);
    }
    
    .wp-block-cover.custom-gallery .wp-block-cover__inner-container {
        padding: 20px !important;
    }
    
    .wp-block-cover.custom-gallery .wp-block-cover__inner-container p {
        margin-bottom: 1px !important;
        line-height: 1.0 !important;
    }
    
    .wp-block-cover.bottom-left-text .wp-block-cover__inner-container {
        padding: 20px !important;
    }
    
    .wp-block-cover.bottom-left-text .wp-block-cover__inner-container p {
        max-width: 250px !important;
    }
}

@media (max-width: 480px) {
    .wp-block-cover.custom-gallery:hover .wp-block-cover__inner-container {
        transform: translateX(-50%) scale(1.02) !important;
    }
    
    .wp-block-cover.custom-gallery .wp-block-cover__inner-container {
        padding: 15px !important;
    }
    
    .wp-block-cover.custom-gallery .wp-block-cover__inner-container p {
        margin-bottom: 0px !important;
        line-height: 0.95 !important;
    }
    
    .wp-block-cover.bottom-left-text .wp-block-cover__inner-container {
        padding: 15px !important;
    }
    
    .wp-block-cover.bottom-left-text .wp-block-cover__inner-container p {
        max-width: 200px !important;
    }
}

/* ========================================
   FOOTER MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 430px) {
    /* Footer container adjustments */
    .wp-block-group.alignfull.has-dark-gray-background-color {
        padding: 20px 15px !important;
    }
    
    /* Main footer flex container - force space-between */
    .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group.alignwide {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    /* Hide all spacers in footer on mobile */
    .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-spacer {
        display: none !important;
    }
    
    /* Contact section - force to far left */
    .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group:has(p) {
        flex: 0 0 auto !important;
        margin-right: auto !important;
    }
    
    .wp-block-group.alignfull.has-dark-gray-background-color p[style*="font-size:12px"] {
        font-size: 12px !important;
        line-height: 1.3 !important;
        text-align: left !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }
    
    /* Navigation section - force to far right */
    .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-navigation {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        font-size: 10px !important;
    }
    
    .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-navigation ul {
        flex-direction: column !important;
        gap: 5px !important;
        align-items: flex-end !important;
    }
    
    /* WordPress credit line */
    .wp-block-group.alignfull.has-dark-gray-background-color p.has-text-align-center {
        margin-top: 15px !important;
        font-size: 11px !important;
        opacity: 0.8 !important;
        text-align: center !important;
    }
}

/* Fix spacing for Extensive Knowledge headings */
@media (max-width: 430px) {
    /* Add more margin below the Extensive Knowledge headings */
    .wp-block-column.is-vertically-aligned-center .wp-block-group.animate__fadeInRight h2[style*="line-height:0.8"] {
        font-size: 2.2rem !important;
        line-height: 0.7 !important;
        margin-bottom: 25px !important; /* Increased to 25px */
        word-wrap: break-word !important;
    }
}

/* About page mobile - reduce spacing after intro paragraph */
@media (max-width: 430px) {
    /* Reduce spacer after first paragraph on About page */
    body:has(.wp-image-7272) .wp-block-spacer[style*="height:41px"] {
        height: 15px !important;
    }
}

/* Hotel logo slider mobile adjustments - always centered */
@media (max-width: 430px) {
    .hotel-visible-area {
        width: 100% !important;
        max-width: 370px !important; /* 3 × 100 + 2 × 25 + 20px buffer = 370px */
        margin: 0 auto !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    
    .hotel-slider-track {
        gap: 25px !important;
        justify-content: flex-start !important;
    }
    
    .hotel-logo-item {
        width: 100px !important;
        height: 100px !important;
        padding: 10px !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
    }
    
    .hotel-slider-container {
        padding: 20px 0 !important;
        overflow: hidden !important;
    }
    
    .hotel-slider-controls {
        margin-top: 15px !important;
    }
    
    .hotel-control-dot {
        width: 10px !important;
        height: 10px !important;
        margin: 0 6px !important;
    }
}

/* Services page mobile - reduce spacing between navbar and cover */
@media (max-width: 430px) {
    /* Reduce spacer before cover image on Services page */
    body:has(.wp-image-6989) .wp-block-spacer[style*="height:27px"] {
        height: 8px !important;
    }
}

/* Services page mobile - add spacing below headers */
@media (max-width: 430px) {
    /* Add margin below all gigantic headings on Services page */
    body:has(.wp-image-6989) .wp-block-heading.has-gigantic-font-size[style*="line-height:1"] {
        margin-bottom: 15px !important;
    }
    
    /* More specific targeting for the media-text headers */
    body:has(.wp-image-6989) .wp-block-media-text .wp-block-heading.has-gigantic-font-size {
        margin-bottom: 15px !important;
    }
}

/* ========================================
   HOME PAGE 1024px BREAKPOINT
   ======================================== */

@media (max-width: 1024px) {
    /* Fix text breaking in Engaged Teamwork section - last paragraph */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in the last paragraph at 1024px */
    body:has(.wp-image-6993) .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    /* Ensure proper paragraph spacing and font sizing */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin: 15px 0 !important;
        max-width: 100% !important;
    }
    
    /* Adjust content width for better text flow */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull .wp-block-media-text__content {
        padding: 30px 40px !important;
        max-width: 100% !important;
    }
    
    /* Ensure the content group has proper constraints */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull .wp-block-group[style*="contentSize"] {
        max-width: 680px !important;
        margin: 0 auto !important;
    }
}

/* ========================================
   ABOUT PAGE 1024px BREAKPOINT
   ======================================== */

@media (max-width: 1024px) {
    /* Fix spacing between navbar and first paragraph */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:first-of-type {
        margin-top: 40px !important;
        padding-top: 20px !important;
    }
    
    /* Alternative selector for first paragraph spacing */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull .wp-block-media-text__content:first-of-type {
        padding-top: 60px !important;
    }
    
    /* Fix text breaking in "A Hands-On Approach" section */
    body:has(.wp-image-7272) .wp-block-group.animate__fadeInLeft.has-white-background-color p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in A Hands-On Approach paragraph */
    body:has(.wp-image-7272) .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    /* Enlarge the image below A Hands-On Approach to full width */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) {
        display: block !important;
        padding: 0 20px !important;
        margin: 40px 0 !important;
    }
    
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__media {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 20px auto !important;
        display: block !important;
    }
    
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-image-7265 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__content {
        width: 100% !important;
        padding: 20px !important;
        margin: 0 auto !important;
    }
    
    /* Ensure proper text flow in all About page paragraphs */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin: 15px 0 !important;
        max-width: 100% !important;
    }
    
    /* Adjust content width for better text flow */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull .wp-block-media-text__content {
        padding: 30px 40px !important;
        max-width: 100% !important;
    }
}

/* ========================================
   SERVICES PAGE 1024px BREAKPOINT
   ======================================== */

@media (max-width: 1024px) {
    /* Fix "Comprehensive Process" header breaking */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .wp-block-heading.has-gigantic-font-size {
        width: 110% !important;
        max-width: 110% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin-right: -40px !important;
    }
    
    /* Fix paragraph text breaking under Comprehensive Process */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in paragraphs */
    body:has(.wp-image-6989) .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    /* Restructure "Our Services Include" section - image on top, text below */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) {
        display: block !important;
        padding: 40px 20px 10px 20px !important;
        margin: 40px 0 0 0 !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-media-text__media {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 30px auto !important;
        display: block !important;
        text-align: center !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-image-7118 {
        width: 100% !important;
        max-width: 800px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-media-text__content {
        width: 100% !important;
        max-width: 800px !important;
        margin: 0 auto !important;
        text-align: center !important;
        padding: 20px !important;
    }
    
    /* Center the "Our Services Include" heading and list */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-heading.has-gigantic-font-size {
        text-align: center !important;
        margin: 0 auto 20px auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) p {
        text-align: left !important;
        max-width: 100% !important;
        margin: 15px auto !important;
        line-height: 1.6 !important;
    }
    
    /* Fix "From Beginning through Results" header breaking */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:last-of-type .wp-block-heading.has-gigantic-font-size {
        width: 110% !important;
        max-width: 110% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin-right: -40px !important;
    }
    
    /* Reduce space before "From Beginning through Results" section */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:last-of-type {
        margin-top: -60px !important;
        padding-top: 0px !important;
    }
    
    /* Also target the spacer before the last section */
    body:has(.wp-image-6989) .wp-block-spacer[style*="height:40px"] {
        height: 0px !important;
    }
    
    /* Target any other spacers that might be creating the gap */
    body:has(.wp-image-6989) .wp-block-spacer[style*="height:49px"] {
        height: 0px !important;
    }
    
    /* Force reduce spacing in the services content area */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-media-text__content {
        width: 100% !important;
        max-width: 800px !important;
        margin: 0 auto !important;
        text-align: center !important;
        padding: 20px 20px 0px 20px !important;
    }
    
    /* Fix paragraph under "From Beginning through Results" */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:last-of-type .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in last section */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:last-of-type .wp-block-group.animate__fadeInLeft p br {
        display: none !important;
    }
    
    /* Ensure proper text flow in all Services page paragraphs */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin: 15px 0 !important;
        max-width: 100% !important;
    }
    
    /* Adjust content width for better text flow */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull .wp-block-media-text__content {
        padding: 30px 40px !important;
        max-width: 100% !important;
    }
}

/* ========================================
   RESOURCES PAGE 1024px BREAKPOINT
   ======================================== */

@media (max-width: 1024px) {
    /* Fix top paragraph line breaks */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:first-of-type .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in top paragraph */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:first-of-type .wp-block-group.animate__fadeInLeft p br {
        display: none !important;
    }
    
    /* Better spacing for "Extensive Materials Library" section */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .wp-block-heading.has-gigantic-font-size {
        width: 110% !important;
        max-width: 110% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin-right: -40px !important;
        margin-bottom: 20px !important;
    }
    
    /* Fix paragraph text breaking in Extensive Materials Library */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in all paragraphs */
    body:has(.wp-image-7121) .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    /* FORCE "Custom Art and Mirror Manufacturing" section to stack - Override WordPress core styles */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
        padding: 40px 20px !important;
        margin: 40px 0 !important;
    }
    
    /* Override image fill positioning - remove absolute positioning */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125).is-image-fill-element .wp-block-media-text__media {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        flex: none !important;
        order: 1 !important;
        margin-bottom: 30px !important;
    }
    
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125).is-image-fill-element .wp-block-media-text__media img {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        max-height: none !important;
    }
    
    /* Force content to be positioned on the right side below image */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) .wp-block-media-text__content {
        position: static !important;
        width: 50% !important;
        flex: none !important;
        order: 2 !important;
        padding: 20px 0 !important;
        margin: 0 0 0 auto !important;
        grid-column: unset !important;
        grid-row: unset !important;
        align-self: flex-start !important;
    }
    
    /* Remove any pseudo-elements or overlays that might be causing issues */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125)::before,
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125)::after {
        display: none !important;
    }
    
    /* Fix "Custom Art and Mirror Manufacturing" header breaking */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) .wp-block-heading.has-gigantic-font-size {
        width: 110% !important;
        max-width: 110% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin-right: -40px !important;
        text-align: left !important;
    }
    
    /* Fix paragraphs in Custom Art section */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Fix "To the Trade Furniture and Lighting Showroom" header breaking */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:last-of-type .wp-block-heading.has-gigantic-font-size {
        width: 110% !important;
        max-width: 110% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        margin-right: -40px !important;
    }
    
    /* Fix paragraph under "To the Trade" section */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:last-of-type .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Remove manual line breaks in last section */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:last-of-type .wp-block-group.animate__fadeInLeft p br {
        display: none !important;
    }
    
    /* Ensure proper text flow in all Resources page paragraphs */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin: 15px 0 !important;
        max-width: 100% !important;
    }
    
    /* Adjust content width for better text flow */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull .wp-block-media-text__content {
        padding: 30px 40px !important;
        max-width: 100% !important;
    }
}

/* Fix About page navbar overlap */
body:has(.wp-image-7272) .wp-block-group.alignfull:first-child {
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
}

/* Only apply negative margin on pages that aren't About */
body:not(:has(.wp-image-7272)) .wp-block-media-text:has(.wp-image-2602) {
    margin-top: -40px !important;
}

/* ========================================
   ABOUT PAGE MOBILE - SPACING OVERRIDES
   ======================================== */

@media (max-width: 430px) {
    /* Override navbar bottom padding specifically for About page */
    body:has(.wp-image-7272) .wp-block-group.alignfull:first-child {
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
    }
    
    /* Override negative margin specifically for About page */
    body:has(.wp-image-7272) .wp-block-media-text:has(.wp-image-2602) {
        margin-top: 0px !important;
    }
    
    /* Force minimal spacing in first paragraph section */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-2602) .wp-block-media-text__content {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    /* Reduce spacing in all About page media-text blocks */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull .wp-block-media-text__content {
        padding: 12px 20px !important;
    }
    
    /* Remove 0px spacers on About page */
    body:has(.wp-image-7272) .wp-block-spacer[style*="height:0px"] {
        display: none !important;
    }
    
    /* Target Recognition section specifically - reduce all spacing */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull .wp-block-group.animate__fadeInLeft {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    
    /* Reduce space in animate__fadeInLeft groups on About page */
    body:has(.wp-image-7272) .wp-block-group.animate__fadeInLeft.has-white-background-color {
        padding: 0px !important;
        margin: 0px !important;
    }
}

@media (max-width: 430px) {
    /* Target the empty media-text block with wp-image-7265 that comes before Recognition */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    
    /* Hide the empty content section of that block */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__content {
        display: none !important;
    }
    
    /* Force Recognition section (next media-text after 7265) to have no top spacing */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) + .wp-block-media-text {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    
    /* Reduce padding in the Recognition content itself */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) + .wp-block-media-text .wp-block-media-text__content {
        padding-top: 60 px !important;
    }
}

/* ========================================
   COMMUNITY PAGE MOBILE - REMOVE NAVBAR WHITE SPACE
   ======================================== */

@media (max-width: 430px) {
    /* Remove top padding from outer wrapper */
    body:has(.wp-image-6834) .wp-block-group.is-layout-constrained[style*="padding-top:var(--wp--preset--spacing--50)"] {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    /* Remove excessive left/right padding from navbar group */
    body:has(.wp-image-6834) .wp-block-group.is-content-justification-space-between[style*="padding-right:var(--wp--preset--spacing--50)"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Hide the 0px spacer below navbar that still takes up space */
    body:has(.wp-image-6834) .wp-block-group.is-layout-constrained > .wp-block-spacer[style*="height:0px"] {
        display: none !important;
    }
}

@media (max-width: 430px) {
    /* Fix Custom Art section text alignment on mobile */
    body:has(.wp-image-7121) .wp-block-media-text.alignfull:has(.wp-image-7125) .wp-block-media-text__content {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 20px !important;
    }
}

/* ========================================
   TAPESTRY PAGE MOBILE - Quote Section Fix
   ======================================== */

@media (max-width: 430px) {
    /* Fix the quote section with exterior sign image */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 20px 20px 20px !important;
    }
    
    /* Show and position the image on top */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        order: 1 !important;
        margin-bottom: 20px !important;
    }
    
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Position the text below and center it */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) .wp-block-media-text__content {
        width: 100% !important;
        order: 2 !important;
        padding: 0 !important;
    }
    
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) h1 {
        text-align: center !important;
    }
    
    /* Center the quote text group that comes after */
    body:has(.wp-image-6993) .wp-block-group.alignwide {
        display: block !important;
        flex-direction: column !important;
        text-align: center !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    
    body:has(.wp-image-6993) .wp-block-group.alignwide .has-gigantic-font-size {
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto 15px auto !important;
    }
    
    body:has(.wp-image-6993) .wp-block-group.alignwide p {
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* Hide the spacer */
    body:has(.wp-image-6993) .wp-block-group.alignwide .wp-block-spacer {
        display: none !important;
    }
}
@media (max-width: 430px) {
	/* Stack the two side-by-side images (wp-image-7206 and wp-image-7208) - be very specific */
	body:has(.wp-image-6993) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7206) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}

	body:has(.wp-image-6993) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7206) .wp-block-image {
			width: 100% !important;
			margin: 0 !important;
	}

	body:has(.wp-image-6993) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7206) img {
			width: 100% !important;
			height: auto !important;
	}

	/* Stack the lighthouse image (wp-image-7221) */
	body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) {
			display: flex !important;
			flex-direction: column !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}

	body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) .wp-block-media-text__media {
			display: block !important;
			width: 100% !important;
			order: 1 !important;
			margin-bottom: 0px !important;
	}

	body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) img {
			width: 100% !important;
			height: auto !important;
	}

	/* Hide the empty content section of the lighthouse block */
	body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) .wp-block-media-text__content {
			display: none !important;
	}
}

/* ========================================
   SANDIA PAGE MOBILE - Quote Section Fix
   ======================================== */

@media (max-width: 430px) {
    /* Center the quote paragraph container on Sandia page, but keep text left-aligned */
    body:has(.wp-image-7289) .wp-block-group.alignwide {
        display: block !important;
        padding: 0 20px !important;
        margin: 20px auto !important;
        width: 100% !important;
    }
    
    body:has(.wp-image-7289) .wp-block-group.alignwide .has-gigantic-font-size {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto 15px auto !important;
    }
    
    body:has(.wp-image-7289) .wp-block-group.alignwide p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
}
@media (max-width: 430px) {
	/* Stack the first set of before/after images */
	body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7304) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}

	/* Stack the second set of before/after images */
	body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7310) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}

	/* First corridor image - "Before" (wp-image-7304) */
	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Second corridor image - "After" (wp-image-7303) */
	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Third image - "Before" Super Suite (wp-image-7310) */
	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Fourth image - "After" (second wp-image-7289 inside cover block) */
	body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Add more spacing above the second before/after image set */
	body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7310) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin-top: 40px !important;
			margin-bottom: 15px !important;
	}
}

/* ========================================
   AIDEN PAGE MOBILE - Stack Before/After Images
   ======================================== */

@media (max-width: 430px) {
    /* Stack the first set of before/after images (wp-image-7327 and wp-image-7236) */
    body:has(.wp-image-7236) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7327) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 20px !important;
        margin: 15px 0 !important;
    }
    
    /* First image - "Before" (wp-image-7327) */
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) {
        width: 100% !important;
        min-height: 250px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Second image in first set - "After" (second wp-image-7236 in cover) */
    body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child {
        width: 100% !important;
        min-height: 250px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Stack the second set of before/after images (wp-image-7328 and wp-image-7329) */
    body:has(.wp-image-7236) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7328) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 20px !important;
        margin: 15px 0 !important;
    }
    
    /* Third image - "Before" (wp-image-7328) */
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) {
        width: 100% !important;
        min-height: 250px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Fourth image - "After" (wp-image-7329) */
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) {
        width: 100% !important;
        min-height: 250px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
}

/* ========================================
   ELEMENT PAGE MOBILE - Fix Paragraph Only
   ======================================== */

@media (max-width: 430px) {
    /* Target the text group on Element page - using alignwide class */
    body:has(.wp-image-7239) .wp-block-group.alignwide {
        display: block !important;
        padding: 0 20px !important;
        margin: 20px 0 !important;
        width: 100% !important;
    }
    
    /* Hide the empty h2 heading */
    body:has(.wp-image-7239) .wp-block-group.alignwide > h2.wp-block-heading {
        display: none !important;
    }
    
    /* Make the paragraph full width */
    body:has(.wp-image-7239) .wp-block-group.alignwide > p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important;
    }
}
@media (max-width: 430px) {
	/* Stack the two regular images */
	body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7371) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}

	body:has(.wp-image-7239) .wp-image-7371,
	body:has(.wp-image-7239) .wp-image-7372 {
			width: 100% !important;
			height: auto !important;
	}

	/* First before/after - wp-image-7380 */
	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7380) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7380) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7380) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* First before/after - wp-image-7381 */
	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Stack second before/after set */
	body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7377) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}

	/* Second before/after - wp-image-7377 */
	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Second before/after - wp-image-7378 */
	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) {
			width: 100% !important;
			min-height: 250px !important;
			position: relative !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) .wp-block-cover__inner-container {
			position: absolute !important;
			bottom: 15px !important;
			left: 15px !important;
			padding: 0 !important;
			margin: 0 !important;
	}

	body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) p {
			color: white !important;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
			margin: 0 !important;
	}

	/* Stack first before/after set */
	body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7380) {
			flex-direction: column !important;
			gap: 15px !important;
			padding: 0 20px !important;
			margin: 15px 0 !important;
	}
}
/* ========================================
   AIDEN PAGE MOBILE - Hide Header & Fix Text
   ======================================== */

@media (max-width: 430px) {
    /* Target the text group on Aiden page - using alignwide class */
    body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left {
        display: block !important;
        padding: 0 20px !important;
        margin: 20px 0 !important;
        width: 100% !important;
    }
    
    /* Hide the empty h2 heading */
    body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left > h2.wp-block-heading {
        display: none !important;
    }
    
    /* Hide the 313px spacer */
    body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left > .wp-block-spacer[style*="width:313px"] {
        display: none !important;
    }
    
    /* Make the paragraph full width */
    body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left > p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ========================================
   HOTEL CHACO PAGE MOBILE
   ======================================== */

@media (max-width: 430px) {
    /* Fix the first paragraph - hide empty heading */
    body:has(.wp-image-7351) .wp-block-group.alignwide:not(.obb-content) {
        display: block !important;
        padding: 0 20px !important;
        margin: 20px 0 !important;
        width: 100% !important;
    }
    
    body:has(.wp-image-7351) .wp-block-group.alignwide:not(.obb-content) > h2.wp-block-heading {
        display: none !important;
    }
    
    body:has(.wp-image-7351) .wp-block-group.alignwide:not(.obb-content) > p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Media-text with image (wp-image-7346) but no text - show image, hide empty content */
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7346) {
        display: block !important;
        padding: 0 !important;
        margin: 15px 0 !important;
    }
    
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7346) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7346) .wp-image-7346 {
        width: 100% !important;
        height: auto !important;
    }
    
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7346) .wp-block-media-text__content {
        display: none !important;
    }
    
    /* Make the next image (wp-image-7291) full width */
    body:has(.wp-image-7351) .wp-block-group.alignfull:has(.wp-image-7291) {
        padding: 0 !important;
        margin: 15px 0 !important;
    }
    
    body:has(.wp-image-7351) .wp-image-7291 {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Stack the last media-text section (wp-image-7334) - image on top, text below */
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7334) {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 20px !important;
        margin: 15px 0 !important;
    }
    
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7334) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        order: 1 !important;
        margin-bottom: 20px !important;
    }
    
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7334) .wp-image-7334 {
        width: 100% !important;
        height: auto !important;
    }
    
    body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7334) .wp-block-media-text__content {
        width: 100% !important;
        order: 2 !important;
        padding: 0 !important;
    }
}

/* Add spacing between the stacked image and text */
body:has(.wp-image-7351) .wp-block-media-text.alignfull:has(.wp-image-7334) .wp-block-media-text__media {
    display: block !important;
    width: 100% !important;
    order: 1 !important;
    margin-bottom: 30px !important;
}

@media (max-width: 430px) {
    /* Override Home page hero text positioning - force left alignment */
    body:has(.wp-image-6993) .wp-block-cover.alignfull[style*="min-height:720px"] .obb-content .wp-block-group.alignwide {
        position: static !important;
        left: 0 !important;
        right: auto !important;
        padding-left: 0 !important;
        text-align: left !important;
        display: block !important;
    }
    
    body:has(.wp-image-6993) .wp-block-cover.alignfull[style*="min-height:720px"] .has-gigantic-font-size {
        text-align: left !important;
        margin-left: 0 !important;
    }
}

/* ============================================
   HOME 600–781px: drop media column, widen text
   Targets the two hero copy sections
   ============================================ */
@media (min-width:600px) and (max-width:1023px) {

  /* Collapse Media & Text to one column when it contains the hero copy group */
  body.home .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color),
  body:has(.wp-image-6993) .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) {
    grid-template-columns: 1fr !important;
  }

  /* Hide the media column in that band */
  body.home .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) .wp-block-media-text__media,
  body:has(.wp-image-6993) .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) .wp-block-media-text__media {
    display: none !important;
  }

  /* Let the content column fill the container, with a right safety buffer */
  body.home .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) .wp-block-media-text__content,
  body:has(.wp-image-6993) .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) .wp-block-media-text__content {
    width: 100% !important;
    max-width: calc(100vw - 48px) !important;  /* keeps right edge on-screen */
    box-sizing: border-box;
    padding-right: clamp(16px, 3vw, 24px) !important; /* gentle right inset */
  }

  /* Belt-and-suspenders: paragraphs won’t force overflow */
  body.home .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) p,
  body:has(.wp-image-6993) .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) p {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}

/* =========================================================
   ABOUT (600–781px): one-column text, aligned edges
   + Recognition (3rd block) right-justified
   ========================================================= */
@media (min-width:600px) and (max-width:1023px){

  /* Page scope: use multiple markers so one will match your About page */
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color){
    /* Collapse Media & Text to a single column */
    grid-template-columns: 1fr !important;
    align-items: start !important;

    /* Anchor all four sections to the same left edge */
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(20px, 4vw, 32px) !important; /* unified left gutter */
  }

  /* Hide the media column for these sections */
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-media-text__media{
    display: none !important;
  }

  /* Base content: left-aligned with a safe right buffer (all four sections) */
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-media-text__content{
    justify-self: start !important;
    margin: 0 !important;
    padding-left: 0 !important;                         /* sits on same left edge as container */
    padding-right: clamp(16px, 3vw, 24px) !important;   /* right inset */
    max-width: calc(100vw - clamp(36px, 7vw, 72px)) !important; /* right-edge safety */
    box-sizing: border-box;
    text-align: left !important;                        /* default for all four */
  }

  /* Normalize inner group so nothing “floats” differently */
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-group.animate__fadeInLeft{
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  /* Paragraph safety to avoid overflow on odd strings */
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) p{
    overflow-wrap: anywhere;
    hyphens: auto;
    line-height: 1.6;
  }

  /* ------------------------------
     Recognition block = 3rd combo
     Right-justify header + text
     ------------------------------ */

  /* Modern selector: the 3rd Media & Text among the targeted set */
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  :nth-child(3 of .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color))
  .wp-block-media-text__content{
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: clamp(16px, 3vw, 24px) !important;
    max-width: calc(100vw - clamp(36px, 7vw, 72px)) !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  :nth-child(3 of .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)) h2,
  :is(
    body:has(.wp-image-2602),
    body:has(.wp-image-7272),
    body.page-about
  )
  :nth-child(3 of .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)) p{
    text-align: right !important;
  }

  /* Fallback for themes that don’t support :nth-child(... of S):
     Assume the 3rd Media & Text in common wrappers is Recognition. */
  :is(
    body:has(.wp-image-2602) .wp-site-blocks,
    body:has(.wp-image-7272) .wp-site-blocks,
    body.page-about .wp-site-blocks,
    body:has(.wp-image-2602) .entry-content,
    body:has(.wp-image-7272) .entry-content,
    body.page-about .entry-content,
    body:has(.wp-image-2602) .wp-block-post-content,
    body:has(.wp-image-7272) .wp-block-post-content,
    body.page-about .wp-block-post-content
  ) > .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color):nth-of-type(3)
  .wp-block-media-text__content{
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: clamp(16px, 3vw, 24px) !important;
    max-width: calc(100vw - clamp(36px, 7vw, 72px)) !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  :is(
    body:has(.wp-image-2602) .wp-site-blocks,
    body:has(.wp-image-7272) .wp-site-blocks,
    body.page-about .wp-site-blocks,
    body:has(.wp-image-2602) .entry-content,
    body:has(.wp-image-7272) .entry-content,
    body.page-about .entry-content,
    body:has(.wp-image-2602) .wp-block-post-content,
    body:has(.wp-image-7272) .wp-block-post-content,
    body.page-about .wp-block-post-content
  ) > .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color):nth-of-type(3) h2,
  :is(
    body:has(.wp-image-2602) .wp-site-blocks,
    body:has(.wp-image-7272) .wp-site-blocks,
    body.page-about .wp-site-blocks,
    body:has(.wp-image-2602) .entry-content,
    body:has(.wp-image-7272) .entry-content,
    body.page-about .entry-content,
    body:has(.wp-image-2602) .wp-block-post-content,
    body:has(.wp-image-7272) .wp-block-post-content,
    body.page-about .wp-block-post-content
  ) > .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color):nth-of-type(3) p{
    text-align: right !important;
  }
}

/* =========================================================
   PORTFOLIO (600–781px): stack gallery items like mobile
   Only targets groups that contain .wp-block-cover.custom-gallery
   ========================================================= */
@media (min-width:600px) and (max-width:1023px){

  /* Collapse each gallery row to a single column */
  body:has(.wp-block-cover.custom-gallery)
  .wp-block-group.alignfull:has(> .wp-block-cover.custom-gallery){
    display: block !important;                 /* ignore any flex/grid row */
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Make each cover take the full row width */
  body:has(.wp-block-cover.custom-gallery)
  .wp-block-group.alignfull:has(> .wp-block-cover.custom-gallery)
  > .wp-block-cover.custom-gallery{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;             /* spacing between stacked items */
    flex: none !important;
    min-height: 280px !important;              /* optional: keeps overlays comfortable */
  }

  /* Trim bottom margin on the last item in each row */
  body:has(.wp-block-cover.custom-gallery)
  .wp-block-group.alignfull:has(> .wp-block-cover.custom-gallery)
  > .wp-block-cover.custom-gallery:last-child{
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   SERVICES (600–781px): “Comprehensive Process” + 
   “From Beginning through Results” — one-column text, no media
   ========================================================= */
@media (min-width:600px) and (max-width:1023px){

  /* Page scope: any of these should match Services */
  :is(
    body:has(.wp-image-7118),   /* image used on Services */
    body:has(.wp-image-6989),
    body.page-services
  )
  /* The two sections use a Media & Text with this inner group */
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color){
    /* Collapse Media & Text to a single column */
    grid-template-columns: 1fr !important;
    align-items: start !important;

    /* Anchor text consistently on the left */
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(20px, 4vw, 32px) !important; /* unified left gutter */
  }

  /* Hide the media column for those two sections */
  :is(
    body:has(.wp-image-7118),
    body:has(.wp-image-6989),
    body.page-services
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-media-text__media{
    display: none !important;
  }

  /* Let content fill naturally, with a right-edge safety buffer */
  :is(
    body:has(.wp-image-7118),
    body:has(.wp-image-6989),
    body.page-services
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-media-text__content{
    justify-self: start !important;
    margin: 0 !important;
    padding-left: 0 !important;                         /* same left edge as container */
    padding-right: clamp(16px, 3vw, 24px) !important;   /* gentle right inset */
    max-width: calc(100vw - clamp(36px, 7vw, 72px)) !important; /* prevents overflow */
    box-sizing: border-box;
    text-align: left !important;
  }

  /* Neutralize inner group padding/transform so nothing “floats” */
  :is(
    body:has(.wp-image-7118),
    body:has(.wp-image-6989),
    body.page-services
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-group.animate__fadeInLeft{
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  /* Paragraph safety for odd long strings */
  :is(
    body:has(.wp-image-7118),
    body:has(.wp-image-6989),
    body.page-services
  )
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) p{
    overflow-wrap:anywhere;
    hyphens:auto;
    line-height:1.6;
  }
}

/* =========================================================
   RESOURCES PAGE (600–1023px): Custom Art section 
   Simple fix: spread text across page, prevent header overflow
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Override the 1024px rule completely - use HIGHER specificity */
  body:has(.wp-image-7121)
  .wp-block-media-text.alignfull.has-white-background-color:has(.wp-image-7125) {
    padding-left: clamp(20px, 4vw, 32px) !important;
    padding-right: clamp(20px, 4vw, 32px) !important;
  }

  /* Hide the media */
  body:has(.wp-image-7121)
  .wp-block-media-text.alignfull.has-white-background-color:has(.wp-image-7125)
  .wp-block-media-text__media {
    display: none !important;
  }

  /* Make content span full width instead of 50% */
  body:has(.wp-image-7121)
  .wp-block-media-text.alignfull.has-white-background-color:has(.wp-image-7125)
  .wp-block-media-text__content {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Fix header - AGGRESSIVELY prevent it going off screen */
  body:has(.wp-image-7121)
  .wp-block-media-text.alignfull:has(.wp-image-7125) 
  .wp-block-heading.has-gigantic-font-size {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 8px !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
    line-height: 1.1 !important;
  }

  /* Also override any specific width/margin rules on this heading */
  body:has(.wp-image-7121)
  .wp-block-media-text.alignfull:has(.wp-image-7125)
  .wp-block-heading[style*="line-height:1"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    line-height: 1.1 !important;
  }
}

/* =========================================================
   HOME PAGE (600–1023px): Extensive Knowledge section
   Fix left edge positioning and reduce white space above
   Keep image stacked on top of text
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Target the wide image section BEFORE Extensive Knowledge - reduce space below it */
  body:has(.wp-image-6993) figure.wp-block-image.aligncenter:has(.wp-image-6984) {
    margin-bottom: 20px !important;
  }

  /* Force columns to stack vertically */
  body:has(.wp-image-6993) .wp-block-columns.alignwide {
    display: flex !important;
    flex-direction: column !important;
    padding-left: clamp(20px, 4vw, 32px) !important;
    padding-right: clamp(20px, 4vw, 32px) !important;
    margin-top: 0px !important;
  }

  /* First column with image - stack on top, center it */
  body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column:first-child {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Image sizing - make it larger */
  body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column:first-child .wp-block-image {
    max-width: 600px !important;
    width: 100% !important;
  }

  body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column:first-child .wp-image-6991 {
    width: 100% !important;
    height: auto !important;
  }

  /* Second column with text - below image */
  body:has(.wp-image-6993) .wp-block-columns.alignwide .wp-block-column.is-vertically-aligned-center {
    order: 2 !important;
    width: 100% !important;
    padding-left: clamp(20px, 4vw, 32px) !important;
    padding-right: clamp(20px, 4vw, 32px) !important;
  }

  /* The animate group inside */
  body:has(.wp-image-6993) .wp-block-column.is-vertically-aligned-center .wp-block-group.animate__fadeInRight {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Headers in this section */
  body:has(.wp-image-6993) .wp-block-column.is-vertically-aligned-center h2 {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Paragraphs in this section */
  body:has(.wp-image-6993) .wp-block-column.is-vertically-aligned-center p {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Hide the 191px spacer in the second column */
  body:has(.wp-image-6993) .wp-block-column.is-vertically-aligned-center .wp-block-spacer[style*="height:191px"] {
    display: none !important;
  }
}

/* =========================================================
   SANDIA PAGE (600–1023px): Text fills screen, stack before/after images
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Make the quote paragraph text fill the screen */
  body:has(.wp-image-7289) .wp-block-group.alignwide {
    display: block !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 20px 0 !important;
    width: 100% !important;
  }

  body:has(.wp-image-7289) .wp-block-group.alignwide .has-gigantic-font-size {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto 15px auto !important;
  }

  body:has(.wp-image-7289) .wp-block-group.alignwide p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* Stack the first set of before/after images (wp-image-7304 and wp-image-7303) */
  body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7304) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 15px 0 !important;
  }

  /* First corridor image - "Before" (wp-image-7304) */
  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Second corridor image - "After" (wp-image-7303) */
  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Stack the second set of before/after images (wp-image-7310 and second wp-image-7289) */
  body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7310) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin-top: 40px !important;
    margin-bottom: 15px !important;
  }

  /* Third image - "Before" Super Suite (wp-image-7310) */
  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Fourth image - "After" (second wp-image-7289 inside cover block) */
  body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }
}

/* =========================================================
   AIDEN PAGE (600–1023px): Text fills screen, stack before/after images
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Make the text paragraph fill the screen */
  body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left {
    display: block !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 20px 0 !important;
    width: 100% !important;
  }

  /* Hide the empty h2 heading */
  body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left > h2.wp-block-heading {
    display: none !important;
  }

  /* Hide the 313px spacer */
  body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left > .wp-block-spacer[style*="width:313px"] {
    display: none !important;
  }

  /* Make the paragraph full width */
  body:has(.wp-image-7236) .wp-block-group.alignfull.is-content-justification-left > p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Stack the first set of before/after images (wp-image-7327 and wp-image-7236) */
  body:has(.wp-image-7236) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7327) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 15px 0 !important;
  }

  /* First image - "Before" (wp-image-7327) */
  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Second image in first set - "After" (second wp-image-7236 in cover) */
  body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Stack the second set of before/after images (wp-image-7328 and wp-image-7329) */
  body:has(.wp-image-7236) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7328) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 15px 0 !important;
  }

  /* Third image - "Before" (wp-image-7328) */
  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Fourth image - "After" (wp-image-7329) */
  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }
}

/* =========================================================
   ELEMENT PAGE (600–1023px): Text fills screen, stack before/after images
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Make the intro text paragraph fill the screen */
  body:has(.wp-image-7239) .wp-block-group.alignwide {
    display: block !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 20px 0 !important;
    width: 100% !important;
  }

  /* Hide the empty h2 heading */
  body:has(.wp-image-7239) .wp-block-group.alignwide > h2.wp-block-heading {
    display: none !important;
  }

  /* Make the paragraph full width */
  body:has(.wp-image-7239) .wp-block-group.alignwide > p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Stack the two regular images (wp-image-7371 and wp-image-7372) */
  body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7371) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 15px 0 !important;
  }

  body:has(.wp-image-7239) .wp-image-7371,
  body:has(.wp-image-7239) .wp-image-7372 {
    width: 100% !important;
    height: auto !important;
  }

  /* Stack first before/after set (wp-image-7380 and wp-image-7381) */
  body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 15px 0 !important;
  }

  /* First before/after - wp-image-7380 "Before" */
  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7380) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7380) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7380) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* First before/after - wp-image-7381 "After" */
  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Stack second before/after set (wp-image-7377 and wp-image-7378) */
  body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7377) {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 15px 0 !important;
  }

  /* Second before/after - wp-image-7377 "Before" */
  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }

  /* Second before/after - wp-image-7378 "After" */
  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) {
    width: 100% !important;
    min-height: 300px !important;
    position: relative !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
  }
}

/* ========================================
   TAPESTRY PAGE TABLET (600-1023px) - Complete Layout Fixes
   ======================================== */

@media (min-width: 600px) and (max-width: 1023px) {
    /* 1. EXTERIOR SIGN IMAGE (wp-image-7490) - Stack image on top, hide text content */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull.has-media-on-the-right:has(.wp-image-7490) {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 20px 0 !important;
    }
    
    /* Show the exterior sign image on top */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull.has-media-on-the-right:has(.wp-image-7490) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        order: 1 !important;
        margin-bottom: 20px !important;
    }
    
    body:has(.wp-image-6993) .wp-block-media-text.alignfull.has-media-on-the-right:has(.wp-image-7490) img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Hide the empty heading content */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull.has-media-on-the-right:has(.wp-image-7490) .wp-block-media-text__content {
        display: none !important;
    }
    
    /* 2. QUOTE TEXT GROUP - Make text fill the screen (alignwide flex group) */
    body:has(.wp-image-6993) .wp-block-group.alignwide.is-nowrap {
        display: block !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 20px 0 !important;
        width: 100% !important;
    }

    body:has(.wp-image-6993) .wp-block-group.alignwide.is-nowrap .has-gigantic-font-size {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto 15px auto !important;
    }

    body:has(.wp-image-6993) .wp-block-group.alignwide.is-nowrap p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* Hide the spacer in the quote group */
    body:has(.wp-image-6993) .wp-block-group.alignwide.is-nowrap .wp-block-spacer {
        display: none !important;
    }
    
    /* 2. LIGHTHOUSE IMAGE SECTION - Stack with increased height (wp-image-7221) */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 32px !important;
        margin: 20px 0 !important;
    }

    /* Make lighthouse image visible and full-width with increased height */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        height: 600px !important;
        order: 1 !important;
        margin-bottom: 0px !important;
    }

    /* Ensure image scales properly with better coverage */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) img {
        width: 100% !important;
        height: 600px !important;
        object-fit: cover !important;
    }

    /* Hide the text content section of the lighthouse block */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull[style*="padding-right:var(--wp--preset--spacing--60)"]:has(.wp-image-7221) .wp-block-media-text__content {
        display: none !important;
    }
    
    /* 3. TWO SIDE-BY-SIDE PHOTOS - Stack them (wp-image-7206 and wp-image-7208) */
    body:has(.wp-image-6993) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7206) {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 20px 0 !important;
    }
    
    body:has(.wp-image-6993) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7206) .wp-block-image {
        width: 100% !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-6993) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7206) img {
        width: 100% !important;
        height: auto !important;
    }
}

/* =========================================================
   COMMUNITY PAGE (600–1023px): Text sections fill screen
   Hide media, make all 3 text sections span full width
   Stack image gallery vertically
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Target Community page by its unique cover image */
  body:has(.wp-image-6834)
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) {
    /* Collapse Media & Text to a single column */
    grid-template-columns: 1fr !important;
    align-items: start !important;

    /* Anchor all sections to the same left edge */
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(20px, 4vw, 32px) !important;
  }

  /* Hide the media column for these sections */
  body:has(.wp-image-6834)
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-media-text__media {
    display: none !important;
  }

  /* Base content: left-aligned with a safe right buffer */
  body:has(.wp-image-6834)
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-media-text__content {
    justify-self: start !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: clamp(16px, 3vw, 24px) !important;
    max-width: calc(100vw - clamp(36px, 7vw, 72px)) !important;
    box-sizing: border-box;
    text-align: left !important;
  }

  /* Normalize inner group so nothing "floats" differently */
  body:has(.wp-image-6834)
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)
  .wp-block-group.animate__fadeInLeft {
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  /* Paragraph safety to avoid overflow on odd strings */
  body:has(.wp-image-6834)
  .wp-block-media-text:has(.wp-block-group.animate__fadeInLeft.has-white-background-color) p {
    overflow-wrap: anywhere;
    hyphens: auto;
    line-height: 1.6;
  }

  /* Stack image galleries vertically */
  body:has(.wp-image-6834) .wp-block-group.alignwide {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    align-items: stretch !important;
    margin: 20px 0 !important;
  }

  body:has(.wp-image-6834) .wp-block-group.alignwide .wp-block-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body:has(.wp-image-6834) .wp-block-group.alignwide img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* =========================================================
   ABOUT PAGE (600–1023px): Show wp-image-7265 and stack it
   This image appears between "A Hands-On Approach" and "Recognition"
   Override the general media hiding rule for this specific image
   This needs VERY high specificity to override the text section rules
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* EXCEPTION: Don't hide media for the wp-image-7265 block */
  /* This rule must come AFTER the general media hiding rules in your CSS */
  body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265):not(:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)) {
    display: block !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 40px 0 !important;
  }

  /* Show and enlarge the image - very specific selector */
  body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265):not(:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)) .wp-block-media-text__media {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 20px auto !important;
  }

  body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265):not(:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)) .wp-image-7265 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Hide the empty text content next to the image */
  body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265):not(:has(.wp-block-group.animate__fadeInLeft.has-white-background-color)) .wp-block-media-text__content {
    display: none !important;
  }
}

/* =========================================================
   ABOUT PAGE (600–1023px): Show wp-image-7265 and stack it
   This image appears between "A Hands-On Approach" and "Recognition"
   Use .is-vertically-aligned-center to distinguish from text-only blocks
   ========================================================= */
@media (min-width:600px) and (max-width:1023px) {

  /* Target the specific block with wp-image-7265 AND is-vertically-aligned-center */
  body:has(.wp-image-7272) .wp-block-media-text.alignfull.is-vertically-aligned-center:has(.wp-image-7265) {
    display: block !important;
    padding: 0 clamp(20px, 4vw, 32px) !important;
    margin: 40px 0 !important;
  }

  /* Show and enlarge the image */
  body:has(.wp-image-7272) .wp-block-media-text.alignfull.is-vertically-aligned-center:has(.wp-image-7265) .wp-block-media-text__media {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 20px auto !important;
  }

  body:has(.wp-image-7272) .wp-block-media-text.alignfull.is-vertically-aligned-center:has(.wp-image-7265) .wp-image-7265 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Hide the empty heading content next to the image */
  body:has(.wp-image-7272) .wp-block-media-text.alignfull.is-vertically-aligned-center:has(.wp-image-7265) .wp-block-media-text__content {
    display: none !important;
  }
}

/* =========================================================
   FOOTER FIX - Keep paragraphs side-by-side on tablets
   Prevent unwanted stacking on Home (mobile only), Portfolio, and Community
   ========================================================= */

/* Tablet and up - keep footer items side by side */
@media (min-width: 431px) {
  /* Force footer flex container to not wrap */
  .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group.alignwide {
    flex-wrap: nowrap !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  
  /* Ensure the 360px spacer stays visible on tablets and up */
  .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-spacer[style*="width:360px"] {
    display: block !important;
  }
  
  /* Keep paragraph groups from growing */
  .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group:has(p) {
    flex: 0 0 auto !important;
  }
}

/* Mobile only - stack footer on Home page */
@media (max-width: 430px) {
  /* Home page footer - allow wrapping for stacking */
  body:has(.wp-image-6993) .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group.alignwide {
    flex-wrap: wrap !important;
  }
  
  /* Portfolio and Community pages - keep side by side even on mobile */
  body:has(.wp-block-cover.custom-gallery) .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group.alignwide,
  body:has(.wp-image-6834) .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-group.alignwide {
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  
  /* Reduce spacer on Portfolio/Community mobile */
  body:has(.wp-block-cover.custom-gallery) .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-spacer[style*="width:360px"],
  body:has(.wp-image-6834) .wp-block-group.alignfull.has-dark-gray-background-color .wp-block-spacer[style*="width:360px"] {
    width: 20px !important;
  }
}

/* Element — stack the 8417/7381 before–after pair on mobile WITHOUT page border */
@media (max-width:430px){
  /* Make the exact container flex, but keep it edge-to-edge */
  body:has(.wp-image-7239)
  .wp-block-group.alignfull:has(.wp-image-8417){
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;   /* key: no side padding on alignfull */
    margin: 0 !important;    /* key: no outer margin either */
  }

  /* Ensure both covers fill the row and don’t add their own margins */
  body:has(.wp-image-7239)
  .wp-block-group.alignfull:has(.wp-image-8417) > .wp-block-cover{
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 260px !important;
    position: relative !important;
    margin: 0 !important;    /* prevent theme margins that can create gaps */
  }

  /* Keep the "Before/After" tags bottom-left with local padding only */
  body:has(.wp-image-7239) .wp-block-cover.bottom-left-text .wp-block-cover__inner-container{
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:has(.wp-image-7239) .wp-block-cover.bottom-left-text p{
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    margin: 0 !important;
  }
}

/* Element — increase mobile gutters for 8417/7381 */
@media (max-width:430px){
  body:has(.wp-image-7239)
  .wp-block-group.alignfull:has(.wp-image-8417){
    --pair-gutter: clamp(16px, 6vw, 24px) !important; /* was 12px */
    gap: 14px !important; /* a touch more vertical space too */
  }

  body:has(.wp-image-7239)
  .wp-block-group.alignfull:has(.wp-image-8417) > .wp-block-cover{
    width: calc(100% - (var(--pair-gutter) * 2)) !important;
    margin-inline: var(--pair-gutter) !important;
  }
}

/* Element — stack the 8417/7381 before–after pair on tablet (no page border) */
@media (min-width:600px) and (max-width:1023px){
  /* Make the exact container flex, but keep it edge-to-edge */
  body:has(.wp-image-7239)
  .wp-block-group.alignfull:has(.wp-image-8417){
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 !important;           /* ⬅ remove side padding that caused border */
    margin: 15px 0 !important;
    --pair-gutter: clamp(20px, 4.5vw, 32px); /* item gutters */
  }

  /* Give each cover its own side gutter */
  body:has(.wp-image-7239)
  .wp-block-group.alignfull:has(.wp-image-8417) > .wp-block-cover{
    width: calc(100% - (var(--pair-gutter) * 2)) !important;
    margin-inline: var(--pair-gutter) !important;
    min-height: 300px !important;
    position: relative !important;
  }

  /* Keep the "Before/After" tags bottom-left */
  body:has(.wp-image-7239) .wp-block-cover.bottom-left-text .wp-block-cover__inner-container{
    position: absolute !important;
    bottom: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:has(.wp-image-7239) .wp-block-cover.bottom-left-text p{
    color:#fff !important;
    text-shadow:2px 2px 4px rgba(0,0,0,.8) !important;
    margin:0 !important;
  }
}

/* === Team Grid === */
.team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);   /* 2x2 on desktop */
  gap: 32px;                               /* space between items */
  max-width: 1600px;                       /* keeps it centered */
  margin: 0 auto;
}

.team-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Force all images to same rectangular size */
.team-card img {
  width: 100%;
  height: 500px;          /* adjust for desired rectangle height */
  object-fit: cover;      /* fills box, keeps proportions */
  border-radius: 0;       /* no rounding */
  display: block;
}

.team-name {
  margin-top: 12px;
	font-family: "Fira Sans", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

/* Breakpoint at 430px: stack in 1 column */
@media (max-width: 430px) {
  .team-grid {
    grid-template-columns: 1fr;
  }

  .team-card img {
    height: 400px;        /* smaller height for mobile */
  }
}

/* Tablet: 600px – 1023px */
@media (min-width: 600px) and (max-width: 1023px) {
  .team-grid {
    grid-template-columns: repeat(2, 1fr); /* stay 2x2 */
    gap: 24px;
  }

  .team-card img {
    height: 500px;        /* slightly shorter for tablets */
  }
}

/* ========================================
   HOME PAGE 1025-1280px BREAKPOINT
   Fix Engaged Teamwork paragraph flow
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Remove manual line breaks in Engaged Teamwork section */
    body:has(.wp-image-6993) .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    /* Ensure text flows naturally */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Maintain consistent font sizing */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
    }
}

/* ========================================
   ABOUT PAGE 1025-1280px BREAKPOINT
   Fix A Hands-On Approach paragraph flow
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Remove manual line breaks in A Hands-On Approach section */
    body:has(.wp-image-2602) .wp-block-group.animate__fadeInLeft.has-white-background-color p br,
    body:has(.wp-image-7272) .wp-block-group.animate__fadeInLeft.has-white-background-color p br,
    body.page-about .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    /* Ensure text flows naturally */
    :is(
        body:has(.wp-image-2602),
        body:has(.wp-image-7272),
        body.page-about
    ) .wp-block-media-text.alignfull .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Maintain consistent font sizing */
    :is(
        body:has(.wp-image-2602),
        body:has(.wp-image-7272),
        body.page-about
    ) .wp-block-media-text.alignfull .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
    }
}

/* ========================================
   ABOUT PAGE 1025-1280px BREAKPOINT
   Make Recognition image full width
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Make the image block with wp-image-7265 full width */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) {
        display: block !important;
        padding: 0 20px !important;
        margin: 40px 0 !important;
    }
    
    /* Show the image at full width */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__media {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    /* Make the image itself full width */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-image-7265 {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    /* Hide the empty content area */
    body:has(.wp-image-7272) .wp-block-media-text.alignfull:has(.wp-image-7265) .wp-block-media-text__content {
        display: none !important;
    }
}

/* ========================================
   SERVICES PAGE 1025-1280px BREAKPOINT
   Fix paragraph flow for Comprehensive Process and From Beginning through Results
   (Excludes the middle "Our Services Include" section)
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Target only sections with has-media-on-the-right class (excludes "Our Services Include") */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-group.animate__fadeInLeft.has-white-background-color p br {
        display: none !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-group.animate__fadeInLeft p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    
    /* Maintain consistent font sizing */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull.has-media-on-the-right .has-fira-sans-font-family.has-normal-font-size {
        font-size: 1rem !important;
    }
    
    /* Restructure "Our Services Include" section - image on top, text centered below */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) {
        display: block !important;
        padding: 40px 20px 20px 20px !important;
        margin: 40px 0 !important;
    }
    
    /* Show image at full width on top */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-media-text__media {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 30px auto !important;
        display: block !important;
    }
    
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-image-7118 {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    /* Text content centered below */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-media-text__content {
        width: 100% !important;
        max-width: 800px !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    
    /* Center the heading */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) .wp-block-heading {
        text-align: center !important;
    }
    
    /* Keep the list items left-aligned within the centered container */
    body:has(.wp-image-6989) .wp-block-media-text.alignfull:has(.wp-image-7118) p {
        text-align: left !important;
    }
}

/* ========================================
   TAPESTRY PAGE 1025-1280px BREAKPOINT
   Center and enlarge lighthouse image and exterior sign image
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Lighthouse image section (wp-image-7221) - center and make taller */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7221) {
        display: block !important;
        padding: 40px 20px !important;
        margin: 40px 0 !important;
        text-align: center !important;
        min-height: 700px !important;
    }
    
    /* Hide the text content area */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7221) .wp-block-media-text__content {
        display: none !important;
    }
    
    /* Center and enlarge the lighthouse image - make it taller */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7221) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        max-width: 500px !important;
        height: 700px !important;
        margin: 0 auto !important;
    }
    
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7221) .wp-image-7221 {
        width: 100% !important;
        height: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        object-fit: cover !important;
    }
    
    /* Exterior Tapestry Sign image (wp-image-7490) - center and enlarge */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) {
        display: block !important;
        padding: 40px 20px !important;
        margin: 40px 0 !important;
        text-align: center !important;
    }
    
    /* Hide the text content area for this section */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) .wp-block-media-text__content {
        display: none !important;
    }
    
    /* Center and enlarge the exterior sign image */
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) .wp-block-media-text__media {
        display: block !important;
        width: 100% !important;
        max-width: 800px !important;
        margin: 0 auto !important;
    }
    
    body:has(.wp-image-6993) .wp-block-media-text.alignfull:has(.wp-image-7490) .wp-image-7490 {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

/* ========================================
   ELEMENT PAGE 1025-1280px BREAKPOINT
   Stack side-by-side photos and before/after images
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Stack the two regular side-by-side images (wp-image-7371 and wp-image-7372) */
    body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7371) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 15px 0 !important;
    }
    
    body:has(.wp-image-7239) .wp-image-7371,
    body:has(.wp-image-7239) .wp-image-7372 {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Stack first before/after set (wp-image-8417 and wp-image-7381) - Updated image ID */
    body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-8417) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 15px 0 !important;
    }
    
    /* First before/after - wp-image-8417 "Before" (Updated from 7380) */
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-8417) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-8417) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-8417) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* First before/after - wp-image-7381 "After" */
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7381) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Stack second before/after set (wp-image-7377 and wp-image-7378) */
    body:has(.wp-image-7239) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7377) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 15px 0 !important;
    }
    
    /* Second before/after - wp-image-7377 "Before" */
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7377) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Second before/after - wp-image-7378 "After" */
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7239) .wp-block-cover:has(.wp-image-7378) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
}

/* ========================================
   SANDIA PAGE 1025-1280px BREAKPOINT
   Stack before/after images
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Stack first before/after set - Corridor (wp-image-7304 and wp-image-7303) */
    body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7304) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 15px 0 !important;
    }
    
    /* First corridor image - "Before" (wp-image-7304) */
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7304) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Second corridor image - "After" (wp-image-7303) */
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7303) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Stack second before/after set - Super Suite (wp-image-7310 and wp-image-7289) */
    body:has(.wp-image-7289) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7310) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin-top: 40px !important;
        margin-bottom: 15px !important;
    }
    
    /* Third image - "Before" Super Suite (wp-image-7310) */
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7289) .wp-block-cover:has(.wp-image-7310) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Fourth image - "After" (second wp-image-7289 inside cover block) */
    body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7289) .wp-block-group.alignfull:has(.wp-image-7310) .wp-block-cover.bottom-left-text:last-child p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
}

/* ========================================
   AIDEN PAGE 1025-1280px BREAKPOINT
   Stack before/after images
   ======================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    /* Stack first before/after set - Lobby/Reception (wp-image-7327 and wp-image-7236) */
    body:has(.wp-image-7236) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7327) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 15px 0 !important;
    }
    
    /* First image - "Before" (wp-image-7327) */
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7327) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Second image in first set - "After" (wp-image-7236 in cover) */
    body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-group.alignfull:has(.wp-image-7327) .wp-block-cover.bottom-left-text:last-child p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Stack second before/after set - Guest Room (wp-image-7328 and wp-image-7329) */
    body:has(.wp-image-7236) .wp-block-group.alignfull[style*="padding-right:var(--wp--preset--spacing--50)"]:has(.wp-image-7328) {
        flex-direction: column !important;
        gap: 15px !important;
        padding: 0 clamp(20px, 4vw, 32px) !important;
        margin: 15px 0 !important;
    }
    
    /* Third image - "Before" (wp-image-7328) */
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7328) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
    
    /* Fourth image - "After" (wp-image-7329) */
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) {
        width: 100% !important;
        min-height: 400px !important;
        position: relative !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 15px !important;
        left: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body:has(.wp-image-7236) .wp-block-cover:has(.wp-image-7329) p {
        color: white !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        margin: 0 !important;
    }
}

/* ========================================
   HOME PAGE COVER SLIDER MOBILE - Reduced Height & Left-Aligned Text
   Show more horizontal area of images (Hero slider only)
   ======================================== */

@media (max-width: 430px) {
    /* Target the cover slider with wp-image-6993 */
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider {
        min-height: 300px !important; /* Reduced from 720px */
        height: 300px !important;
        display: flex !important;
        align-items: flex-end !important;
    }
    
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider .wp-block-cover__image-background,
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider .slider-bg-image {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Move text to the left */
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider .wp-block-cover__inner-container {
        width: 100% !important;
        padding: 20px !important;
        text-align: left !important;
    }
    
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider .wp-block-group.alignwide {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider h2 {
        text-align: left !important;
        margin: 0 !important;
    }
    
    /* Reduce spacer above text */
    body:has(.wp-image-6993) .wp-block-cover.alignfull.cover-slider .wp-block-spacer[style*="height:363px"] {
        height: 20px !important;
    }
}

/* ========================================
   SERVICES PAGE - WIDEN HEADING CONTAINER AT 1180px
   ======================================== */
@media (width: 1180px) {
  body:has(.wp-image-6989) 
  .wp-block-media-text.alignfull .wp-block-media-text__content {
    max-width: 880px !important;   /* was tighter, give it more room */
    width: 95% !important;         /* expand within parent */
    margin: 0 auto !important;     /* keep centered */
  }

  body:has(.wp-image-6989) 
  .wp-block-media-text.alignfull .wp-block-group.is-layout-constrained {
    max-width: 880px !important;   /* ensure inner group matches */
  }
}

/* ========================================
   CORRIDOR COVER HEIGHT AT 1180px
   ======================================== */
@media (width: 1180px) {
  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a {
    min-height: 600px !important;  /* increase container height */
    height: 800px !important;      /* lock height so image stretches */
  }

  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a .wp-image-7303 {
    object-fit: cover !important;
    object-position: center center !important; /* re-center image */
    width: 100% !important;
    height: 100% !important; /* fill the new container height */
  }
}

/* ========================================
   Only "Our Services Include" heading - 402px
   ======================================== */
@media (max-width: 402px) {
  h2.wp-block-heading.has-gigantic-font-size#our-services-include {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* ========================================
   Guest Room "After" cover image - Mobile
   ======================================== */
@media (max-width: 430px) {
  /* Make the entire cover block span full width */
  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;   /* adjust as needed */
    height: 300px !important;
    margin: 0 auto !important;
  }

  /* Force the background image to fully cover the container */
  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a .wp-image-8201 {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;        /* fills the box */
    object-position: center center !important;
    display: block !important;
  }

  /* Keep "After" text readable */
  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 15px !important;
  }
}

/* ========================================
   Guest Room "After" + Before/After covers
   Tablet stack with stronger inset, no rounded edges
   ======================================== */
@media (min-width: 600px) and (max-width: 1023px) {
  /* Stack the cover blocks vertically */
  body:has(.wp-image-8201)
  .wp-block-group.alignfull:has(.wp-image-8201) {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Apply margins + inset to just these two covers */
  body:has(.wp-image-8201)
  .wp-block-group.alignfull:has(.wp-image-8201) > .wp-block-cover {
    flex: 0 0 auto !important;
    width: calc(100% - 60px) !important;   /* inset width (30px each side) */
    margin: 0 30px !important;             /* stronger outer margin */
    min-height: 400px !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;  /* subtle border effect */
    border-radius: 0 !important;                       /* no rounded edges */
    overflow: hidden !important;
  }

  /* Ensure Guest Room After image fills container */
  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a .wp-image-8201 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}

/* ========================================
   Guest Room "After" + Before/After covers
   Narrow desktop 1180px–1280px
   ======================================== */
@media (min-width: 1180px) and (max-width: 1280px) {
  body:has(.wp-image-8201)
  .wp-block-group.alignfull:has(.wp-image-8201) {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.wp-image-8201)
  .wp-block-group.alignfull:has(.wp-image-8201) > .wp-block-cover {
    flex: 0 0 auto !important;
    width: calc(100% - 60px) !important;   /* inset width */
    margin: 0 30px !important;             /* 30px per side */
    min-height: 450px !important;          /* give them a bit more height than tablet */
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .wp-block-cover.bottom-left-text.wp-container-content-9cfa9a5a .wp-image-8201 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}