
.glowie-hi-wrap{
    position:relative;
    width:100%;
    overflow:hidden;
    --glowie-hi-overlay:.10;
}
.glowie-hi-full{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
}
.glowie-hi-hero{
    position:relative;
    width:100%;
    background:#F7F2E8;
    overflow:hidden;
    isolation:isolate;
}
.glowie-hi-media{
    position:relative;
    z-index:0;
    width:100%;
}
.glowie-hi-media picture{
    display:block;
    width:100%;
}
.glowie-hi-image{
    display:block;
    width:100%;
    height:auto;
    margin:0;
    transform:none;
    will-change:auto;
}

/* Desktop natural 21:9: whole image is visible, no crop and no forced zoom */
.glowie-hi-wrap[data-desktop-mode="natural"] .glowie-hi-media{
    aspect-ratio:21/9;
}
.glowie-hi-wrap[data-desktop-mode="natural"] .glowie-hi-media picture,
.glowie-hi-wrap[data-desktop-mode="natural"] .glowie-hi-image{
    width:100%;
    height:100%;
}
.glowie-hi-wrap[data-desktop-mode="natural"] .glowie-hi-image{
    object-fit:contain;
    object-position:center center;
}

/* Optional cover/contain modes */
.glowie-hi-wrap[data-desktop-mode="cover"] .glowie-hi-media,
.glowie-hi-wrap[data-desktop-mode="contain"] .glowie-hi-media{
    aspect-ratio:21/9;
}
.glowie-hi-wrap[data-desktop-mode="cover"] .glowie-hi-image,
.glowie-hi-wrap[data-desktop-mode="contain"] .glowie-hi-image{
    width:100%;
    height:100%;
    object-position:var(--glowie-desktop-pos, center center);
}
.glowie-hi-wrap[data-desktop-mode="cover"] .glowie-hi-image{object-fit:cover;}
.glowie-hi-wrap[data-desktop-mode="contain"] .glowie-hi-image{object-fit:contain;}

.glowie-hi-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,
        rgba(248,244,234,var(--glowie-hi-overlay)) 0%,
        rgba(248,244,234,calc(var(--glowie-hi-overlay) * .72)) 20%,
        rgba(248,244,234,0) 48%);
}
.glowie-hi-content{
    position:absolute;
    z-index:3;
    left:8.5%;
    top:47%;
    transform:translateY(-50%);
    width:38%;
    max-width:640px;
    color:#183D2E;
}
.glowie-hi-eyebrow{
    margin:0 0 20px;
    font-family:Manrope,Arial,sans-serif;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.20em;
    text-transform:uppercase;
}
.glowie-hi-title{
    margin:0;
    max-width:620px;
    font-family:Prata,"Cormorant Garamond",Georgia,serif;
    font-size:84px;
    line-height:.91;
    font-weight:400;
    letter-spacing:-.045em;
}
.glowie-hi-description{
    margin-top:27px;
    max-width:430px;
    font-family:Manrope,Arial,sans-serif;
    font-size:16px;
    line-height:1.65;
    font-weight:400;
}
.glowie-hi-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    margin-top:30px;
}
.glowie-hi-button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:0 34px;
    border:1px solid;
    border-radius:6px;
    text-decoration:none!important;
    font-family:Manrope,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.045em;
    text-transform:uppercase;
    transition:transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}
.glowie-hi-primary{
    background:#214F3C;
    border-color:#214F3C;
    color:#fff;
    box-shadow:0 10px 24px rgba(25,61,45,.10);
}
.glowie-hi-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 30px rgba(25,61,45,.16);
}
.glowie-hi-secondary{
    background:rgba(255,255,255,.14);
    border-color:#214F3C;
    color:#214F3C;
    backdrop-filter:blur(3px);
}
.glowie-hi-secondary:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.30);
}
.glowie-hi-arrow{
    font-size:18px;
    line-height:1;
    transition:transform .28s ease;
}
.glowie-hi-secondary:hover .glowie-hi-arrow{transform:translateX(4px);}

/* Feature strip replica */
.glowie-hi-strip{
    position:relative;
    z-index:4;
    background:#F8F4EA;
    padding:27px 72px;
    border-top:1px solid rgba(24,61,46,.055);
}
.glowie-hi-strip-inner{
    width:min(1380px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.glowie-hi-feature{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:20px;
    min-width:0;
    padding:2px 38px;
}
.glowie-hi-feature:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:4%;
    width:1px;
    height:92%;
    background:rgba(24,61,46,.09);
}
.glowie-hi-icon{
    width:48px;
    height:48px;
    color:#214F3C;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
.glowie-hi-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.glowie-hi-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.glowie-hi-feature-title{
    font-family:Manrope,Arial,sans-serif;
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:.055em;
    text-transform:uppercase;
    color:#214F3C;
}
.glowie-hi-feature-text{
    margin-top:6px;
    font-family:Manrope,Arial,sans-serif;
    font-size:11px;
    line-height:1.45;
    color:#5F655F;
}

/* Tablet */
@media(max-width:1100px){
    .glowie-hi-content{left:6%;width:44%;}
    .glowie-hi-title{font-size:62px;}
    .glowie-hi-strip{padding:24px 22px;}
    .glowie-hi-feature{gap:13px;padding:2px 18px;}
    .glowie-hi-icon{width:42px;height:42px;}
}

/* Mobile: dedicated 4:5 image. Natural mode = absolutely no crop. */
@media(max-width:767px){
    .glowie-hi-wrap[data-mobile-mode="natural"] .glowie-hi-media,
    .glowie-hi-wrap[data-mobile-mode="cover"] .glowie-hi-media,
    .glowie-hi-wrap[data-mobile-mode="contain"] .glowie-hi-media{
        aspect-ratio:4/5;
    }
    .glowie-hi-wrap[data-mobile-mode="natural"] .glowie-hi-media picture,
    .glowie-hi-wrap[data-mobile-mode="natural"] .glowie-hi-image,
    .glowie-hi-wrap[data-mobile-mode="cover"] .glowie-hi-media picture,
    .glowie-hi-wrap[data-mobile-mode="cover"] .glowie-hi-image,
    .glowie-hi-wrap[data-mobile-mode="contain"] .glowie-hi-media picture,
    .glowie-hi-wrap[data-mobile-mode="contain"] .glowie-hi-image{
        width:100%;
        height:100%;
    }
    .glowie-hi-wrap[data-mobile-mode="natural"] .glowie-hi-image{
        object-fit:contain;
        object-position:center center;
    }
    .glowie-hi-wrap[data-mobile-mode="cover"] .glowie-hi-image{
        object-fit:cover;
        object-position:var(--glowie-mobile-pos,center center);
    }
    .glowie-hi-wrap[data-mobile-mode="contain"] .glowie-hi-image{
        object-fit:contain;
        object-position:center center;
    }

    .glowie-hi-overlay{
        background:linear-gradient(0deg,
            rgba(248,244,234,.94) 0%,
            rgba(248,244,234,.70) 25%,
            rgba(248,244,234,0) 55%);
    }

    .glowie-hi-content{
        left:22px!important;
        right:22px;
        top:auto!important;
        bottom:26px;
        transform:none;
        width:auto!important;
        max-width:none;
    }
    .glowie-hi-wrap[data-mobile-text="top"] .glowie-hi-content{
        top:24px!important;
        bottom:auto;
    }
    .glowie-hi-wrap[data-mobile-text="below"] .glowie-hi-hero{
        overflow:visible;
        display:flex;
        flex-direction:column;
    }
    .glowie-hi-wrap[data-mobile-text="below"] .glowie-hi-content{
        position:relative;
        left:auto!important;
        right:auto;
        top:auto!important;
        bottom:auto;
        width:100%!important;
        padding:26px 22px 30px;
        background:#F8F4EA;
    }
    .glowie-hi-wrap[data-mobile-text="below"] .glowie-hi-overlay{display:none;}

    .glowie-hi-eyebrow{font-size:10px;margin-bottom:11px;letter-spacing:.16em;}
    .glowie-hi-title{font-size:47px;line-height:.94;max-width:92%;}
    .glowie-hi-description{font-size:13px;line-height:1.5;margin-top:16px;max-width:90%;}
    .glowie-hi-actions{
        margin-top:20px;
        gap:9px;
        flex-direction:column;
        align-items:stretch;
    }
    .glowie-hi-button{
        width:100%;
        min-height:49px;
        padding:0 18px;
        font-size:10.5px;
    }

    .glowie-hi-strip{padding:16px 14px!important;}
    .glowie-hi-strip-inner{
        grid-template-columns:1fr 1fr;
        gap:0;
    }
    .glowie-hi-feature{
        grid-template-columns:34px minmax(0,1fr);
        gap:9px;
        min-height:78px;
        padding:12px 10px;
        border-bottom:1px solid rgba(24,61,46,.075);
    }
    .glowie-hi-feature:nth-child(odd){border-right:1px solid rgba(24,61,46,.075);}
    .glowie-hi-feature::after{display:none!important;}
    .glowie-hi-icon{width:34px;height:34px;}
    .glowie-hi-feature-title{font-size:9.5px;line-height:1.25;}
    .glowie-hi-feature-text{font-size:8.5px;line-height:1.3;margin-top:4px;}
}
@media(prefers-reduced-motion:reduce){
    .glowie-hi-wrap *{animation:none!important;transition:none!important;}
}
