@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;600&display=swap');
:root{
    --gold:#c7a46a;
    --gold-dark:#b89558;
    --bg:#fafaf8;
    --bg-soft:#f6f4ef;
    --text:#222;
}
body{margin:0;font-family:Inter,sans-serif;background:#fafaf8;color:#222}
header{
    position:sticky;
    top:0;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(12px);
    border-bottom:none;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
}
.logo{font-family:'Playfair Display',serif;font-size:42px}
.stars{color:#c7a46a;font-size:20px;letter-spacing:3px}
nav a{text-decoration:none;color:#222;margin:0 10px;font-size:16px}
.hero{padding:140px 8%;text-align:center;background:linear-gradient(#fff,#f6f4ef)}
.hero h1{font-family:'Playfair Display',serif;font-size:72px;margin:0}
.hero p{max-width:800px;margin:auto;font-size:20px}
.btn{display:inline-block;margin-top:25px;padding:16px 30px;background:#c7a46a;color:#fff;text-decoration:none;border-radius:40px}
.section{padding:80px 8%;max-width:1200px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:white;padding:25px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
footer{padding:50px;text-align:center;background:white}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.ph{height:220px;background:#ece8df;border-radius:16px}
.about-painting{
    padding:100px 8%;
    max-width:1900px;
    margin:auto;
    text-align:center;
}

.about-painting h2{
    font-family:'Playfair Display',serif;
    font-size:48px;
    margin-bottom:30px;
}

.about-painting p{
    font-size:18px;
    line-height:1.9;
    color:#555;
}

.about-painting .lead{
    font-size:24px;
    font-weight:600;
    color:var(--gold);
    margin-top:30px;
}
.premium-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 38px;
    background:linear-gradient(
        135deg,
        #c7a46a,
        #d8bb84
    );
    color:#fff;
    text-decoration:none;
    font-weight:600;
    letter-spacing:1px;
    border-radius:50px;
    box-shadow:
        0 12px 30px rgba(199,164,106,.30);
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.premium-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );
    transition:.8s;
}

.premium-btn:hover::before{
    left:150%;
}

.premium-btn:hover{
    transform:translateY(-3px);
    box-shadow:
        0 20px 40px rgba(199,164,106,.40);
    color:#fff;
}
.gold-line{
    height:2px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #c7a46a,
            #fff,
            #c7a46a,
            transparent
        );

    background-size:300% 100%;
    animation:goldMove 8s linear infinite;
}

@keyframes goldMove{
    from{
        background-position:0% 50%;
    }

    to{
        background-position:300% 50%;
    }
}