/* ── PAGE HERO ── */
    #page-hero {
        padding: 9rem 5vw 5rem;
        position: relative;
        overflow: hidden;
        text-align: center;
        min-height: 50vh;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .ph-bg {
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(242, 196, 48, .07) 0%, transparent 65%), linear-gradient(160deg, #0d0d0d 0%, #060606 60%, #090800 100%)
    }

    .ph-grid {
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(242, 196, 48, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 196, 48, .03) 1px, transparent 1px);
        background-size: 55px 55px;
        mask-image: radial-gradient(ellipse 65% 65% at 50% 50%, black 0%, transparent 70%)
    }

    .ph-c1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: clamp(280px, 50vw, 580px);
        height: clamp(280px, 50vw, 580px);
        border: 1px solid rgba(242, 196, 48, .05);
        border-radius: 50%;
        pointer-events: none;
        animation: spin 60s linear infinite
    }

    .ph-c2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: clamp(160px, 30vw, 340px);
        height: clamp(160px, 30vw, 340px);
        border: 1px solid rgba(242, 196, 48, .07);
        border-radius: 50%;
        pointer-events: none;
        animation: spin 30s linear infinite reverse
    }

    @keyframes spin {
        to {
            transform: translate(-50%, -50%) rotate(360deg)
        }
    }

    .ph-con {
        position: relative;
        z-index: 2;
        max-width: 620px
    }

    .ph-tag {
        display: inline-flex;
        align-items: center;
        gap: .7rem;
        font-size: .68rem;
        letter-spacing: .42em;
        text-transform: uppercase;
        color: var(--y);
        margin-bottom: 1.4rem;
        opacity: 0;
        animation: fu .9s ease .2s forwards
    }

    .ph-tag::before,
    .ph-tag::after {
        content: '';
        width: 24px;
        height: 1px;
        background: var(--yd)
    }

    .ph-con h1 {
        opacity: 0;
        animation: fu 1s ease .38s forwards;
        margin-bottom: 1rem
    }

    .ph-con .sub {
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: clamp(.95rem, 1.8vw, 1.25rem);
        color: var(--tm);
        opacity: 0;
        animation: fu 1s ease .56s forwards
    }

    @keyframes fu {
        from {
            opacity: 0;
            transform: translateY(18px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    /* ── BREADCRUMB ── */
    .breadcrumb {
        background: var(--d2);
        border-bottom: 1px solid var(--bdr);
        padding: .75rem 5vw
    }

    .breadcrumb nav {
        display: flex;
        align-items: center;
        gap: .6rem;
        font-size: .72rem;
        letter-spacing: .1em;
        max-width: 1200px;
        margin: 0 auto
    }

    .breadcrumb nav a {
        color: var(--td);
        text-transform: uppercase
    }

    .breadcrumb nav a:hover {
        color: var(--y)
    }

    .breadcrumb nav span {
        color: var(--yd)
    }

    .breadcrumb nav strong {
        color: var(--tm);
        font-weight: 400;
        text-transform: uppercase
    }

.gallery-sec{
    padding:90px 20px;
}

.gallery-wrap{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.gallery-card{
    background:#111;
    border-radius:28px;
    overflow:hidden;
    position:relative;
    border:1px solid rgba(255,208,0,0.12);

    transition:0.5s ease;

    box-shadow:
        0 20px 40px rgba(0,0,0,0.35);
}

.gallery-card:hover{
    transform:translateY(-10px) scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,0,0,0.45),
        0 0 30px rgba(255,208,0,0.15);
}

.gallery-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:linear-gradient(to bottom,#ffd000,#ffea75);
    z-index:2;
}

.gallery-img{
    height:380px;
    overflow:hidden;
}

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

.gallery-card:hover img{
    transform:scale(1.08);
}

.gallery-content{
    padding:28px;
}

.g-tag{
    display:inline-block;
    padding:8px 16px;
    border-radius:50px;
    background:rgba(255,208,0,0.10);
    color:#ffd000;
    font-size:13px;
    font-weight:700;
    margin-bottom:16px;
}

.gallery-content h3{
    color:#fff;
    font-size:28px;
    margin-bottom:14px;
}

.gallery-content p{
    color:rgba(255,255,255,0.72);
    line-height:1.9;
    font-size:15px;
}

.gallery-btns{
    display:flex;
    gap:12px;
    margin-top:24px;
}

.g-btn{
    flex:1;
    text-align:center;
    text-decoration:none;
    padding:14px 20px;
    border-radius:60px;
    font-size:14px;
    font-weight:700;
    transition:0.4s ease;
}

.wa-btn{
    background:#25D366;
    color:#fff;
}

.call-btn{
    background:linear-gradient(135deg,#ffd000,#ffea75);
    color:#111;
}

.g-btn:hover{
    transform:scale(1.06);
}

.gallery-cta{
    padding:40px 20px 100px;
}

.gallery-cta-box{
    max-width:1200px;
    margin:auto;
    background:linear-gradient(135deg,#111,#1c1c1c);
    padding:80px 50px;
    border-radius:30px;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.gallery-cta-box::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:8px;
    height:100%;
    background:linear-gradient(to bottom,#ffd000,#ffea75);
}

.cta-tag{
    display:inline-block;
    color:#ffd000;
    background:rgba(255,208,0,0.10);
    padding:10px 22px;
    border-radius:50px;
    margin-bottom:20px;
    font-weight:700;
}

.gallery-cta-box h2{
    color:#fff;
    font-size:48px;
    margin-bottom:18px;
}

.gallery-cta-box p{
    color:rgba(255,255,255,0.72);
    max-width:750px;
    margin:auto;
    line-height:1.9;
}

.cta-btns{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.cta-btns a{
    text-decoration:none;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    transition:0.4s ease;
}

.cta-wa{
    background:#25D366;
    color:#fff;
}

.cta-call{
    background:linear-gradient(135deg,#ffd000,#ffea75);
    color:#111;
}

.cta-btns a:hover{
    transform:scale(1.08);
}

@media(max-width:768px){

    .gallery-img{
        height:320px;
    }

    .gallery-content h3{
        font-size:24px;
    }

    .gallery-cta-box{
        padding:50px 25px;
    }

    .gallery-cta-box h2{
        font-size:30px;
    }

    .gallery-btns,
    .cta-btns{
        flex-direction:column;
    }

}