/* ================================================================
   MAURADIAN GUTTERS
   CANONICAL INTERIOR PAGE SYSTEM
   Home header remains authoritative.
   ================================================================ */

.mg-interior-page {
    background:#050b12;
    color:#fff;
    overflow:hidden;
}

.mg-interior-hero {
    position:relative;
    min-height:520px;
    display:flex;
    align-items:flex-end;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.mg-interior-hero::before {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(2,7,15,.30) 0%,
            rgba(2,7,15,.20) 42%,
            rgba(2,7,15,.78) 100%
        );
}

.mg-interior-hero__inner {
    position:relative;
    z-index:1;
    width:min(1180px,92%);
    margin:0 auto;
    padding:170px 0 62px;
}

.mg-interior-eyebrow {
    color:#f5c324;
    font-size:14px;
    line-height:1;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-bottom:17px;
}

.mg-interior-hero h1 {
    max-width:900px;
    margin:0;
    color:#fff;
    font-size:clamp(48px,7vw,88px);
    line-height:.94;
    font-weight:950;
    letter-spacing:-.04em;
    text-shadow:0 5px 20px rgba(0,0,0,.55);
}

.mg-interior-hero p {
    max-width:760px;
    margin:25px 0 0;
    color:#f5f7fa;
    font-size:20px;
    line-height:1.55;
    font-weight:600;
}

.mg-interior-main {
    width:min(1180px,92%);
    margin:0 auto;
    padding:70px 0 85px;
}

.mg-interior-main h2 {
    margin:0 0 18px;
    color:#fff;
    font-size:clamp(32px,4vw,52px);
    line-height:1.02;
    font-weight:950;
}

.mg-interior-main h3 {
    color:#f5c324;
    font-size:24px;
    margin:0 0 12px;
}

.mg-interior-main p {
    color:#d8e0e9;
    font-size:18px;
    line-height:1.72;
}

.mg-interior-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:38px;
}

.mg-interior-card {
    padding:30px;
    background:
        linear-gradient(
            145deg,
            rgba(18,32,48,.94),
            rgba(6,14,23,.96)
        );
    border:1px solid rgba(245,195,36,.20);
    box-shadow:0 18px 48px rgba(0,0,0,.22);
}

.mg-interior-card h3 {
    margin-top:0;
}

.mg-interior-band {
    margin-top:58px;
    padding:42px;
    background:#0b1623;
    border-left:5px solid #f5c324;
}

.mg-interior-cta {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    margin-top:22px;
    padding:14px 24px;
    background:#f5c324;
    color:#050505 !important;
    text-decoration:none !important;
    font-size:16px;
    font-weight:950;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.mg-interior-proof {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:38px;
    margin-top:55px;
    align-items:center;
}

.mg-interior-proof img {
    display:block;
    width:100%;
    max-height:520px;
    object-fit:cover;
}

@media(max-width:900px) {
    .mg-interior-grid,
    .mg-interior-proof {
        grid-template-columns:1fr;
    }

    .mg-interior-hero {
        min-height:450px;
    }

    .mg-interior-hero__inner {
        padding-top:140px;
    }
}