/* GLOBAL */
        * {
            scroll-behavior: smooth;
            box-sizing: border-box;
        }

        body {
            margin: 0;
            color: #202124;
            font-family: 'Poppins', sans-serif;
            background: #ffffff;
            overflow-x: hidden;
        }

        img {
            display: block;
            max-width: 100%;
        }

        a {
            text-decoration: none;
        }

        /* HERO SECTION */

        .hero-section {
            position: relative;
            background: #fafafa;
            overflow: hidden;
        }

        .hero-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 40%;

            /* One clean diagonal boundary */
            clip-path: polygon(
                19% 0,
                100% 0,
                100% 100%,
                0 100%
            );

            transition: transform 1s ease;
        }

        .hero-photo:hover {
            transform: scale(1.025);
        }

        /* REMOVE OLD WHITE DIAGONAL STRIPE */

        .hero-shape {
            display: none !important;
        }

        /* HERO TEXT */

        .hero-heading {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 600;
            line-height: .98;
            letter-spacing: -1.5px;
        }

        .hero-script {
            font-family: 'Allura', cursive;
            color: #89898d;
            font-weight: 400;
        }

        /* BUTTONS */

        .primary-btn {
            background: #202124;
            color: white;
            transition: all .3s ease;
        }

        .primary-btn:hover {
            background: #b99a65;
            transform: translateY(-2px);
        }

        .secondary-btn {
            border: 1px solid #bfc0c2;
            transition: all .3s ease;
        }

        .secondary-btn:hover {
            background: #202124;
            color: white;
            border-color: #202124;
        }

        /* NAVIGATION */

        .nav-link {
            position: relative;
            transition: color .3s ease;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 0;
            height: 2px;
            background: #202124;
            transition: width .3s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        /* SERVICES */

        .service-card {
            overflow: hidden;
            border-radius: 14px;
            background: white;
            box-shadow: 0 5px 18px rgba(24,24,24,.07);
            transition: transform .35s ease, box-shadow .35s ease;
        }

        .service-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 12px 30px rgba(0,0,0,.11);
        }

        .service-card img {
            width: 100%;
            height: 155px;
            object-fit: cover;
            transition: transform .55s ease;
        }

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

        /* PORTFOLIO */

        .portfolio-item {
            overflow: hidden;
            border-radius: 12px;
            transition: opacity .3s ease, transform .3s ease;
        }

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

        .portfolio-item:hover img {
            transform: scale(1.07);
        }

        .portfolio-item.hidden-item {
            display: none;
        }

        /* FILTER BUTTONS */

        .filter-btn {
            padding: 9px 19px;
            border-radius: 30px;
            background: #f4f4f4;
            color: #333;
            transition: all .25s ease;
        }

        .filter-btn:hover,
        .filter-btn.active {
            background: #202124;
            color: white;
        }

        /* FEATURE ICONS */

        .outline-icon {
            width: 34px;
            height: 34px;
            stroke: currentColor;
            stroke-width: 1.45;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* BOTTOM CTA */

        .cta-section {
            border-radius: 25px;
            overflow: hidden;
            background: #f1f1f0;
        }

        /* GENERAL ANIMATION */

        .fade-up {
            animation: fadeIn 1s ease forwards;
        }

        /* RESPONSIVE DESIGN */

        @media (max-width: 1024px) {

            .hero-heading {
                font-size: 55px;
            }

            .hero-photo {
                object-position: center;
            }

        }

        @media (max-width: 767px) {

            .hero-photo {
                clip-path: none;
                object-position: center;
            }

            .hero-heading {
                font-size: 48px;
            }

            .hero-section {
                padding-bottom: 25px;
            }

            .service-card img {
                height: 180px;
            }

            .cta-section {
                border-radius: 15px;
            }

        }

        @media (max-width: 480px) {

            .hero-heading {
                font-size: 40px;
            }

            .hero-script {
                font-size: 65px;
            }

        }

        /* REDUCED MOTION */

        @media (prefers-reduced-motion: reduce) {

            *,
            *::before,
            *::after {
                scroll-behavior: auto !important;
                animation-duration: .01ms !important;
                transition-duration: .01ms !important;
            }

        }

    

/* Shared multi-page additions; original visual styling above is preserved. */
.page-heading{padding:54px 20px 30px;text-align:center;background:#fafaf9}.page-heading h1{font-family:'Cormorant Garamond',serif;font-size:46px;line-height:1.05}.content-wrap{max-width:1320px;margin:auto;padding:35px 20px 55px}.gallery-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(24,24,24,.07)}.gallery-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s}.gallery-card:hover img{transform:scale(1.05)}.form-field{width:100%;border:1px solid #ddd;border-radius:9px;padding:12px 14px;font:13px Poppins,sans-serif;background:#fff}.form-field:focus{outline:2px solid #b99a65;border-color:#b99a65}.admin-body{background:#f6f7f9;color:#202124;font-family:Poppins,sans-serif}.admin-sidebar{background:#202124;color:#fff;min-height:100vh}.admin-sidebar a{display:block;padding:12px 16px;color:#e5e5e5;border-radius:8px;font-size:13px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#b99a65;color:#fff}.admin-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 5px 20px rgba(24,24,24,.04)}.admin-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;margin-top:5px}.admin-btn{display:inline-block;background:#202124;color:#fff;padding:10px 16px;border-radius:8px;font-size:12px}.admin-btn:hover{background:#b99a65}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.admin-table th{background:#fafafa}.status{padding:4px 9px;border-radius:20px;background:#f4f4f4;font-size:11px}.alert{padding:12px 15px;border-radius:8px;margin:12px 0;font-size:13px;background:#f3f3f3}.alert.error{background:#fff0f0;color:#9b2424}.alert.success{background:#effaf1;color:#236b32}

/* ==========================================================
   SUBTLE SCROLL + POINTER MOTION
   Visual design, colours, dimensions and layout stay unchanged.
   ========================================================== */
html { scroll-behavior: smooth; }

/* These rules activate only when the animation script is running. */
body.motion-enabled [data-scroll-reveal] {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}
body.motion-enabled [data-scroll-reveal="left"] { transform: translate3d(-32px, 0, 0); }
body.motion-enabled [data-scroll-reveal="right"] { transform: translate3d(32px, 0, 0); }
body.motion-enabled [data-scroll-reveal="zoom"] { transform: scale(.965); }
body.motion-enabled [data-scroll-reveal].is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

/* A very soft pointer-follow highlight on image cards; no layout changes. */
@media (hover: hover) and (pointer: fine) {
    .service-card, .gallery-card, .portfolio-item { position: relative; }
    .service-card::after, .gallery-card::after, .portfolio-item::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0;
        background: radial-gradient(240px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.22), transparent 62%);
        transition: opacity .25s ease;
        z-index: 2;
    }
    .service-card:hover::after, .gallery-card:hover::after, .portfolio-item:hover::after { opacity: 1; }
    .hero-photo { will-change: transform; }
}

@media (prefers-reduced-motion: reduce) {
    body.motion-enabled [data-scroll-reveal] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto;
    }
}