body.house1316-home-active {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100% !important;
    background: #000 !important;
    overflow: hidden !important;
}

body.house1316-home-active #top-header,
body.house1316-home-active #main-header,
body.house1316-home-active header.et-l--header,
body.house1316-home-active footer:not(#house1316-home-footer),
body.house1316-home-active #main-footer,
body.house1316-home-active .et-l--footer {
    display: none !important;
}

body.house1316-home-active #page-container,
body.house1316-home-active #et-main-area,
body.house1316-home-active #main-content,
body.house1316-home-active article,
body.house1316-home-active .entry-content,
body.house1316-home-active .et-l,
body.house1316-home-active .et_builder_inner_content,
body.house1316-home-active .site,
body.house1316-home-active .site-content,
body.house1316-home-active .content-area {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
}

body.house1316-home-active .entry-title,
body.house1316-home-active .post-meta {
    display: none !important;
}

/* v0.3.5 — Divi Owns Hero.
   The plugin controls the full-screen canvas and safety/layout constraints only.
   Divi owns the desktop/tablet/phone background images, background position/size,
   and the logo modules' responsive position and width. No plugin CSS should
   force a hero image or phone logo coordinates on top of Divi. */
#house1316-home-hero,
.house1316-home-hero {
    position: relative !important;
    width: 100vw !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    /* v0.3.5: Divi owns background image, responsive background image,
       position and size. The plugin intentionally does not override them. */
}

#house1316-home-hero .house1316-logo-stage,
.house1316-home-hero .house1316-logo-stage {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
}

#house1316-home-hero .house1316-logo-stage-column,
.house1316-home-hero .house1316-logo-stage-column {
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
}

#house1316-home-hero .house1316-logo-module,
.house1316-home-hero .house1316-logo-module {
    cursor: move;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    transition: filter 160ms ease, opacity 160ms ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 9px rgba(214, 158, 48, 0.24));
    will-change: filter;
}

/* Proportional resize lock. Divi changes the module WIDTH with its draggable
   sizing control; the image always fills that width and calculates height from
   the original PNG ratio. This makes the logo grow/shrink as one object instead
   of changing margin, padding, or stretching one axis. */
#house1316-home-hero .house1316-logo-module .et_pb_image_wrap,
.house1316-home-hero .house1316-logo-module .et_pb_image_wrap {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    line-height: 0 !important;
}

#house1316-home-hero .house1316-logo-module img,
.house1316-home-hero .house1316-logo-module img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
}

/* Do not set top/left/right/transform here. Those values belong to Divi's
   Position controls, which lets the owner move each logo in Visual Builder. */
#house1316-home-hero .house1316-logo-module:hover,
.house1316-home-hero .house1316-logo-module:hover {
    filter: brightness(1.07) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.60)) drop-shadow(0 0 15px rgba(230, 182, 69, 0.50));
}

#house1316-home-hero .house1316-logo-module:active,
.house1316-home-hero .house1316-logo-module:active {
    filter: brightness(1.14) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 10px rgba(255, 205, 94, 0.68));
}




/* Fallback layout when Divi is temporarily unavailable. */
.house1316-home-fallback {
    position: fixed;
    inset: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    height: 100svh;
    background-image: var(--house1316-home-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #000;
}


/* The shortcode fallback is the only place where the plugin owns imagery.
   A real Divi hero is never overridden. */
@media screen and (max-width: 767px) {
    .house1316-home-fallback {
        background-image: var(--house1316-home-image-phone);
        background-position: center center;
        background-size: cover;
    }
}

.house1316-brand-links {
    position: absolute;
    z-index: 20;
    top: clamp(38px, 6vh, 86px);
    left: 3%;
    right: 3%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    pointer-events: none;
}

.house1316-brand-link {
    width: min(31vw, 520px);
    justify-self: center;
    pointer-events: auto;
    cursor: pointer;
    transition: transform 160ms ease, filter 160ms ease;
    filter: drop-shadow(0 0 8px rgba(214, 158, 48, 0.28));
}

.house1316-brand-link--bigboys { transform: translateX(-7%); }
.house1316-brand-link--girlgang { transform: translateX(7%); }
.house1316-brand-link img { display: block; width: 100%; height: auto; }
.house1316-brand-link:hover { filter: brightness(1.07) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.60)) drop-shadow(0 0 15px rgba(230, 182, 69, 0.50)); }
.house1316-brand-link--bigboys:hover { transform: translateX(-7%) scale(1.025); }
.house1316-brand-link--girlgang:hover { transform: translateX(7%) scale(1.025); }
.house1316-brand-link:active { filter: brightness(1.14) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 10px rgba(255, 205, 94, 0.68)); }
.house1316-brand-link--bigboys:active { transform: translateX(-7%) scale(0.965); }
.house1316-brand-link--girlgang:active { transform: translateX(7%) scale(0.965); }

.admin-bar .house1316-home-fallback,
.admin-bar #house1316-home-hero {
    top: 32px;
    height: calc(100svh - 32px) !important;
    min-height: calc(100svh - 32px) !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .house1316-home-fallback,
    .admin-bar #house1316-home-hero {
        top: 46px;
        height: calc(100svh - 46px) !important;
        min-height: calc(100svh - 46px) !important;
    }
}

@media screen and (max-width: 767px) {
    .house1316-brand-links {
        top: 4vh;
        left: 0;
        right: 0;
    }

    .house1316-brand-link {
        width: 44vw;
    }
}




/* v0.3.8 — Three independent physical hero surfaces.
   Each device family has its own Divi section and its own logo modules.
   No background or logo position needs to inherit between device families. */
.house1316-home-hero--desktop {
    display: block !important;
}

.house1316-home-hero--tablet,
.house1316-home-hero--phone {
    display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .house1316-home-hero--desktop,
    .house1316-home-hero--phone {
        display: none !important;
    }

    .house1316-home-hero--tablet {
        display: block !important;
    }
}

@media screen and (max-width: 767px) {
    .house1316-home-hero--desktop,
    .house1316-home-hero--tablet {
        display: none !important;
    }

    .house1316-home-hero--phone {
        display: block !important;
    }
}

/* Visible hero remains full-bleed. Divi owns each section's image, framing,
   and every logo module's position and size. */
.house1316-home-hero--desktop,
.house1316-home-hero--tablet,
.house1316-home-hero--phone {
    width: 100vw !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    overflow: hidden !important;
}