/* =========================================================
   AZ DEVELOPER - HOME PAGE
   ========================================================= */

.home-hero {
    position:relative;
    min-height:850px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg, rgba(7,13,10,.88), rgba(7,13,10,.45)),
        url("https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=2000&q=90")
        center/cover no-repeat;
    color:#fff;
    padding:150px 0 210px;
}

.home-hero-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(5,10,7,.2), rgba(5,10,7,.25));
}

.home-hero .container,
.hero-search { position:relative; z-index:2; }

.home-hero-content { max-width:760px; }

.hero-tag {
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:25px;
    color:var(--primary-light);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.home-hero h1 {
    color:#fff;
    font-size:clamp(4rem,7vw,7rem);
    letter-spacing:-3px;
}

.home-hero h1 span { color:var(--primary-light); }

.home-hero p {
    max-width:650px;
    margin:28px 0 30px;
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.8;
}

.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }

.hero-search {
    position:absolute;
    left:0;
    right:0;
    bottom:35px;
}

.plot-search {
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr auto;
    align-items:end;
    gap:18px;
    padding:20px;
    background:#fff;
    box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.plot-search-heading {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:56px;
}

.search-icon {
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--light);
    color:var(--primary);
}

.plot-search-heading span {
    display:block;
    color:var(--primary);
    font-size:10px;
    font-weight:700;
    letter-spacing:1.5px;
}

.plot-search-heading strong {
    display:block;
    margin-top:4px;
    font-size:13px;
}

.plot-search-field label {
    display:block;
    margin-bottom:7px;
    color:var(--text-secondary);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.plot-search-field .form-select {
    min-height:48px;
    border-color:var(--border);
    border-radius:2px;
    font-size:12px;
}

.plot-search-action .btn-search {
    min-height:48px;
    padding:0 22px;
    border:0;
    background:var(--dark);
    color:#fff;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.7px;
    white-space:nowrap;
    transition:var(--transition);
}

.plot-search-action .btn-search:hover {
    background:var(--primary);
}

.home-stats {
    position:relative;
    z-index:3;
    margin-top:-1px;
    background:var(--dark);
}

.stat-box {
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-right:1px solid rgba(255,255,255,.08);
    color:#fff;
    text-align:center;
}

.stat-box strong {
    font-family:var(--font-heading);
    color:var(--primary-light);
    font-size:42px;
    line-height:1;
}

.stat-box span {
    margin-top:10px;
    color:rgba(255,255,255,.55);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

.home-projects { background:#fff; }

.project-card {
    position:relative;
    min-height:500px;
    overflow:hidden;
    background:var(--dark);
    color:#fff;
}

.project-card-large { min-height:570px; }

.project-image,
.project-image img {
    width:100%;
    height:100%;
}

.project-image {
    position:absolute;
    inset:0;
}

.project-image img {
    object-fit:cover;
    transition:transform .8s ease;
}

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

.project-gradient {
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(4,9,6,.94), rgba(4,9,6,.05) 70%);
}

.project-status {
    position:absolute;
    top:20px;
    left:20px;
    padding:7px 11px;
    background:rgba(10,16,12,.78);
    color:#fff;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.project-status i {
    margin-right:5px;
    color:#72c889;
    font-size:7px;
}

.project-status.upcoming { color:var(--primary-light); }

.project-content {
    position:absolute;
    left:28px;
    right:28px;
    bottom:28px;
}

.project-location {
    color:var(--primary-light);
    font-size:10px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.project-content h3 {
    margin:9px 0 14px;
    color:#fff;
    font-size:30px;
}

.project-details {
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    color:rgba(255,255,255,.7);
    font-size:11px;
}

.project-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:18px;
    color:#fff;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.project-link:hover { color:var(--primary-light); }

.home-find-plot { background:var(--light); }

.find-plot-content { padding-right:40px; }

.home-features { margin:30px 0; }

.home-feature {
    display:flex;
    gap:14px;
    padding:15px 0;
    border-bottom:1px solid var(--border);
}

.home-feature:first-child { border-top:1px solid var(--border); }

.feature-icon {
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--primary);
}

.home-feature strong {
    display:block;
    margin-bottom:3px;
    font-size:13px;
}

.home-feature span {
    display:block;
    color:var(--text-secondary);
    font-size:12px;
}

.find-plot-image {
    position:relative;
    min-height:600px;
    overflow:hidden;
}

.find-plot-image > img {
    width:100%;
    height:100%;
    min-height:600px;
    object-fit:cover;
}

.image-caption {
    position:absolute;
    left:25px;
    bottom:25px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 18px;
    background:rgba(17,24,21,.88);
    color:#fff;
}

.image-caption > i { color:var(--primary-light); font-size:23px; }

.image-caption strong,
.image-caption span { display:block; }

.image-caption strong { font-size:13px; }
.image-caption span { color:var(--primary-light); font-size:11px; }

.home-why { background:#fff; }

.why-card {
    position:relative;
    height:100%;
    padding:30px;
    border:1px solid var(--border);
    transition:var(--transition);
}

.why-card:hover {
    transform:translateY(-7px);
    box-shadow:var(--shadow-md);
}

.why-number {
    color:#d8d5cd;
    font-family:var(--font-heading);
    font-size:30px;
}

.why-icon {
    margin:30px 0 22px;
    color:var(--primary);
    font-size:28px;
}

.why-card h3 { font-size:21px; margin-bottom:12px; }
.why-card p { color:var(--text-secondary); font-size:12px; line-height:1.8; }

.home-amenities { background:var(--light); }

.amenity-card {
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
    background:#fff;
    border:1px solid var(--border);
    text-align:center;
    transition:var(--transition);
}

.amenity-card:hover {
    background:var(--dark);
    color:#fff;
    transform:translateY(-5px);
}

.amenity-card i { color:var(--primary); font-size:28px; }
.amenity-card span { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }

.home-process { background:#fff; }

.process-card {
    position:relative;
    height:100%;
    padding:30px;
    border-top:1px solid var(--border);
}

.process-number {
    color:var(--primary);
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
}

.process-icon {
    margin:35px 0 20px;
    color:var(--dark);
    font-size:30px;
}

.process-card h3 { font-size:22px; margin-bottom:10px; }
.process-card p { color:var(--text-secondary); font-size:12px; line-height:1.8; }

.home-gallery { background:var(--light); }

.gallery-preview {
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-auto-rows:240px;
    gap:10px;
}

.gallery-item {
    overflow:hidden;
    cursor:pointer;
}

.gallery-item-large { grid-row:span 2; }

.gallery-item img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s ease;
}

.gallery-item:hover img { transform:scale(1.05); }

.home-testimonial { background:#fff; }

.testimonial-card {
    padding:55px;
    border:1px solid var(--border);
    text-align:center;
}

.quote-icon {
    margin-bottom:20px;
    color:var(--primary);
    font-size:40px;
}

.testimonial-card p {
    color:var(--text-secondary);
    font-family:var(--font-heading);
    font-size:25px;
    line-height:1.55;
}

.testimonial-author {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:30px;
}

.author-avatar {
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--dark);
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.testimonial-author strong,
.testimonial-author span { display:block; text-align:left; }

.testimonial-author strong { font-size:12px; }
.testimonial-author span { color:var(--text-muted); font-size:10px; }

.home-cta {
    position:relative;
    padding:120px 0;
    background:
        url("https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=2000&q=85")
        center/cover no-repeat;
    color:#fff;
}

.home-cta-overlay {
    position:absolute;
    inset:0;
    background:rgba(7,13,10,.82);
}

.home-cta .container { position:relative; z-index:2; }

.home-cta h2 {
    color:#fff;
    font-size:clamp(3rem,5vw,5rem);
}

.home-cta p {
    max-width:650px;
    margin:25px auto;
    color:rgba(255,255,255,.7);
}

.cta-actions {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

@media (max-width:991px) {
    .home-hero {
        min-height:900px;
        padding-bottom:270px;
    }

    .plot-search {
        grid-template-columns:1fr 1fr;
    }

    .plot-search-heading { grid-column:span 2; }

    .plot-search-action { grid-column:span 2; }

    .find-plot-content { padding-right:0; margin-bottom:35px; }

    .find-plot-image,
    .find-plot-image > img {
        min-height:500px;
    }
}

@media (max-width:767px) {
    .home-hero {
        min-height:900px;
        padding:150px 0 370px;
    }

    .home-hero h1 { letter-spacing:-2px; }

    .hero-actions .btn-custom { width:100%; }

    .hero-search { bottom:20px; }

    .plot-search {
        grid-template-columns:1fr;
        gap:14px;
    }

    .plot-search-heading,
    .plot-search-action { grid-column:auto; }

    .plot-search { padding:15px; }

    .stat-box {
        min-height:120px;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .stat-box strong { font-size:32px; }

    .project-card,
    .project-card-large { min-height:470px; }

    .project-content { left:20px; right:20px; bottom:20px; }

    .project-content h3 { font-size:25px; }

    .find-plot-image,
    .find-plot-image > img { min-height:420px; }

    .gallery-preview {
        grid-template-columns:1fr 1fr;
        grid-auto-rows:180px;
    }

    .gallery-item-large {
        grid-column:span 2;
        grid-row:span 1;
    }

    .testimonial-card { padding:35px 22px; }

    .testimonial-card p { font-size:20px; }

    .home-cta { padding:90px 0; }

    .cta-actions .btn-custom { width:100%; }
}