/* Sky Rise Builders — homepage design. Append to the site's existing stylesheet. */
.srb-home{--srb-ink:#0a2d45;--srb-blue:#1299e1;--srb-muted:#536b7b;color:var(--srb-ink);overflow:hidden}
.srb-home *, .srb-home *::before,.srb-home *::after{box-sizing:border-box}
.srb-home .container{width:min(100% - 48px,1200px);max-width:1200px;margin-inline:auto}
.srb-home h1,.srb-home h2,.srb-home h3,.srb-home p{margin-top:0}
.srb-home a{text-decoration:none}
.srb-hero{min-height:680px;background:#09273e;position:relative;color:white;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}
.srb-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--srb-hero-image);background-size:cover;background-position:center 45%}
.srb-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,26,45,.95) 0%,rgba(4,26,45,.83) 35%,rgba(4,26,45,.42) 64%,rgba(4,26,45,.06) 100%)}
.srb-hero-inner{width:100%;padding-block:135px 115px;flex:1;display:flex;align-items:center}
.srb-hero-content{max-width:790px}
.srb-overline{text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:800;color:#1289c9;margin-bottom:24px}
.srb-overline--light{color:#87d5f8}
.srb-hero h1{font-size:clamp(48px,5.5vw,82px);letter-spacing:-2.9px;line-height:1.08;color:#fff;font-weight:800;margin-bottom:26px}
.srb-hero h1 span{color:#87d5ff}
.srb-hero-description{font-size:clamp(16px,1.5vw,19px);line-height:1.7;max-width:540px;color:#dceaf3;margin-bottom:34px}
.srb-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.srb-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 25px;min-height:54px;border-radius:5px;font-weight:700;font-size:15px;transition:transform .2s ease,background .2s ease}
.srb-button:hover{transform:translateY(-2px)}
.srb-button--primary{background:#119be6;color:white!important}
.srb-button--primary:hover{background:#087dbe}
.srb-button--outline{border:1px solid rgba(255,255,255,.8);color:#fff!important;background:rgba(5,33,53,.28)}
.srb-button--outline:hover{background:rgba(255,255,255,.16)}
.srb-hero-bottom{background:rgba(4,27,45,.92);padding:19px 0}
.srb-hero-bottom .container{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}
.srb-hero-bottom b{margin-inline:15px;color:#5bb9e9}
.srb-section{padding:105px 0}
.srb-intro-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center}
.srb-home h2{font-weight:800;font-size:clamp(35px,4vw,54px);letter-spacing:-1.8px;line-height:1.16;color:#0a2d45;margin-bottom:0}
.srb-home h2 span{color:#138dce}
.srb-intro-copy p{font-size:17px;line-height:1.85;color:var(--srb-muted);margin-bottom:24px}
.srb-text-link{color:#1189c5;font-size:15px;font-weight:800;display:inline-flex;gap:12px;align-items:center}
.srb-text-link:hover{text-decoration:underline}
.srb-services{background:#f7fafc;border-top:1px solid #e6edf1}
.srb-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.srb-section-heading .srb-overline{margin-bottom:20px}
.srb-section-heading .srb-text-link{white-space:nowrap;margin-bottom:8px}
.srb-service-grid,.srb-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.srb-service-card{background:white;border:1px solid #e1eaf0;border-top:4px solid #149bdc;min-height:275px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s;color:#0a2d45!important}
.srb-service-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(13,47,74,.1)}
.srb-service-card-top{display:flex;justify-content:space-between;color:#168bc6;font-size:17px;font-weight:800}
.srb-service-card h3{color:#0a2d45;font-size:23px;line-height:1.3;margin-bottom:12px}
.srb-service-card p{color:#5c7281;font-size:15px;line-height:1.7;margin-bottom:0}
.srb-projects{background:#eaf3f8}
.srb-project-card{min-height:390px;position:relative;display:block;overflow:hidden;background:#25485b;color:#fff!important}
.srb-project-card img{width:100%;height:390px;object-fit:cover;display:block;transition:transform .4s}
.srb-project-card:hover img{transform:scale(1.045)}
.srb-project-caption{position:absolute;inset:auto 0 0;padding:70px 24px 23px;background:linear-gradient(transparent,rgba(3,24,43,.94));color:white}
.srb-project-caption>span{display:block;color:#9edfff;text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:800;margin-bottom:9px}
.srb-project-caption h3{color:#fff;font-size:22px;line-height:1.35;margin:0}
.srb-cta{background:#073656;color:white;padding:86px 0}
.srb-cta-layout{display:flex;justify-content:space-between;align-items:center;gap:45px}
.srb-cta h2{color:white;font-size:clamp(37px,4vw,54px);margin-bottom:18px}
.srb-cta p:not(.srb-overline){color:#d2e6f2;font-size:17px;line-height:1.6;margin-bottom:0}
.srb-button--white{background:white;color:#073656!important;white-space:nowrap}
@media(max-width:950px){.srb-intro-layout{grid-template-columns:1fr;gap:30px}.srb-service-grid,.srb-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.srb-hero-inner{padding-block:110px 95px}}
@media(max-width:650px){.srb-home .container{width:min(100% - 36px,1200px)}.srb-hero{min-height:650px}.srb-hero::before{background-position:60% center}.srb-hero::after{background:linear-gradient(90deg,rgba(4,26,45,.94),rgba(4,26,45,.63))}.srb-hero-inner{padding-block:90px 100px}.srb-hero h1{font-size:clamp(42px,10vw,58px);letter-spacing:-1.7px}.srb-hero-bottom .container{flex-direction:column;gap:7px}.srb-hero-bottom b{margin-inline:8px}.srb-section{padding:70px 0}.srb-section-heading{align-items:start;flex-direction:column;gap:15px}.srb-service-grid,.srb-project-grid{grid-template-columns:1fr}.srb-project-card,.srb-project-card img{height:350px;min-height:350px}.srb-cta-layout{flex-direction:column;align-items:start}.srb-hero-actions .srb-button{width:100%}}
@media(prefers-reduced-motion:reduce){.srb-home *{transition:none!important}}

/* Homepage hero refinements */

.sr-hero h1 {
    font-size: clamp(46px, 5vw, 76px);
    max-width: 850px;
    line-height: 1.08;
    letter-spacing: -2px;
}

.sr-hero {
    background-position: center 48%;
    background-size: cover;
}

.sr-hero-overlay {
    background: linear-gradient(
        90deg,
        rgba(4, 24, 43, 0.92) 0%,
        rgba(4, 24, 43, 0.70) 35%,
        rgba(4, 24, 43, 0.30) 65%,
        rgba(4, 24, 43, 0.05) 100%
    );
}

@media (max-width: 600px) {
    .sr-hero h1 {
        font-size: clamp(38px, 10vw, 52px);
    }

    .sr-hero {
        background-position: 65% center;
    }
}

/* ===================================
   SKY RISE BUILDERS
   HOMEPAGE SERVICE IMAGE CARDS
=================================== */

.srb-home .srb-service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.srb-home .srb-service-card {
    display: flex;
    flex-direction: column;
    position: relative;

    padding: 0;
    height: auto;
    min-height: 0;

    overflow: hidden;
    background: #ffffff;

    border: 1px solid #e0e9ef;
    border-top: 4px solid #1598dc;
    border-radius: 8px;

    color: #0a3049;
    text-decoration: none;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.srb-home .srb-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(9, 43, 68, 0.14);
}

/* IMAGE */

.srb-home .srb-service-image {
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #e8f1f6;
}

.srb-home .srb-service-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

    transition: transform 0.5s ease;
}

.srb-home .srb-service-card:hover img {
    transform: scale(1.06);
}

/* CARD BODY */

.srb-home .srb-service-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 28px 30px 34px;
}

.srb-home .srb-service-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin: 0 0 30px;
    padding: 0;

    color: #148bd0;
    font-size: 16px;
    font-weight: 700;
}

.srb-home .srb-service-card-top span:last-child {
    font-size: 23px;
}

/* CARD TEXT */

.srb-home .srb-service-card-content {
    margin-top: auto;
}

.srb-home .srb-service-card h3 {
    margin: 0 0 12px;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;

    color: #092e48;
}

.srb-home .srb-service-card p {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #5b7081;
}

/* TABLETS */

@media (max-width: 900px) {
    .srb-home .srb-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .srb-home .srb-service-image {
        height: 220px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .srb-home .srb-service-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .srb-home .srb-service-image {
        height: 220px;
    }

    .srb-home .srb-service-card-body {
        padding: 24px;
    }

    .srb-home .srb-service-card h3 {
        font-size: 22px;
    }
}