@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Stardos+Stencil:wght@400;700&display=swap');
body {
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: #1c1f23;
}

.heading {
    font-family: "Stardos Stencil", system-ui;
  font-weight: 700;
}

.main-headings {
    position: relative;
    z-index: 0;
    min-height: 60vh;
}

.main-headings::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(0, 32, 96, 0.6), rgba(0, 32, 96, 0.5)),
        url("images/handyman.jpg");
    background-size: cover;
    background-position: center;
    filter: grayscale(85%);
    z-index: -1;
}

.main-headings h1 {
    font-family: "Playfair Display", "Times New Roman", serif;
    letter-spacing: 0.01em;
    text-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.3);
}


.gallery-img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid rgba(15, 32, 60, 0.08);
    box-shadow: 0 0.35rem 0.9rem rgba(10, 18, 35, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gallery-img:hover,
.gallery-img:focus {
    transform: translateY(-4px);
    box-shadow: 0 0.75rem 1.4rem rgba(10, 18, 35, 0.18);
}