#hero-section .swiper-slide {
    opacity: 0 !important;
}
#hero-section .swiper-slide-visible {
    opacity: 1 !important;
}
.overlay-hero {
    background: #000;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 1) 100%
    );
}
#hero-section .swiper-pagination {
    bottom: 15px;
}
#hero-section .swiper-pagination-bullet-active {
    background: #faf9f6;
}
#latest-slider .swiper-slide {
    transition: all 0.15s ease-in-out;
}
#latest-slider .swiper-slide-prev {
    width: 50% !important;
}
#latest-slider .swiper-slide-next,
#latest-slider .swiper-slide-active {
    width: 25% !important;
}
#products-slider .products-swiper-pagination .swiper-pagination-bullet,
#featured-slider .featured-swiper-pagination .swiper-pagination-bullet {
    background: rgba(72, 71, 58, 0.35);
    opacity: 1;
}
#products-slider .products-swiper-pagination,
#featured-slider .featured-swiper-pagination {
    margin-left: auto;
    margin-right: auto;
}
#products-slider .products-swiper-pagination .swiper-pagination-bullet-active,
#products-slider
    .products-swiper-pagination
    .swiper-pagination-bullet-active-main,
#featured-slider .featured-swiper-pagination .swiper-pagination-bullet-active,
#featured-slider
    .featured-swiper-pagination
    .swiper-pagination-bullet-active-main {
    background: #48473a;
}

.work-image {
    overflow: hidden;
}

.work-image img {
    transition: transform 0.35s ease;
}

.work-image:hover img {
    transform: scale(1.05);
}

.footer-social-links a {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(72, 71, 58, 0.22);
    /* border-radius: 999px; */
    color: #48473a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.footer-social-links a i {
    font-size: 18px;
    line-height: 1;
}

.footer-social-links a:hover {
    background: #48473a;
    color: #faf9f6;
    border-color: #48473a;
    transform: translateY(-2px);
}

.footer-heart {
    color: #8b0000;
    vertical-align: middle;
}

/* ── Bento grid ───────────────────────────────────── */
@media only screen and (min-width: 600px) {
    .bento-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 12px;
    }

    .box-1 {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    .box-2 {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
    }
    .box-3 {
        grid-column: 1 / 2;
        grid-row: 2;
    }
    .box-4 {
        grid-column: 2 / 3;
        grid-row: 2;
    }
}

@media only screen and (max-width: 600px) {
    .bento-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .box-1,
    .box-2,
    .box-3,
    .box-4 {
        grid-column: auto;
        grid-row: auto;
    }

    /* Center only box-4 on mobile */
    .box-4 {
        justify-self: center;
        width: 100%;
        max-width: 320px; /* adjust as needed */
    }
    .box-1 {
        order: 1;
    }
    .box-2 {
        order: 4;
    }
    .box-4 {
        order: 2;
        background-color: #fff;
    }

    .box-3 {
        order: 3;
    }
}

/* ── Lightning-bolt watermark ─────────────────────── */
.bolt-bg {
    position: relative;
    overflow: hidden;
}
.bolt-bg::before {
    content: "";
    background-image: url("../img/bg1.png");
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-55%);
    width: 100%;
    height: 100%;
    opacity: 0.12;
    pointer-events: none;
    line-height: 1;
}
.architectureSlider {
    width: 100%;
    height: 100%;
}

.architectureSlider .swiper-slide {
    opacity: 0 !important;
}

.architectureSlider .swiper-slide-visible,
.architectureSlider .swiper-slide-active {
    opacity: 1 !important;
}

.architecture-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.55) 100%
    );
    z-index: 1;
}

.architecture-swiper-pagination {
    bottom: 10px !important;
}

.architecture-swiper-pagination .swiper-pagination-bullet {
    background: rgba(250, 249, 246, 0.45);
    opacity: 1;
}

.architecture-swiper-pagination .swiper-pagination-bullet-active {
    background: #faf9f6;
}