/*
Theme Name: Benji Popart Vitrine
Author: Benji Popart
Description: Thème vitrine gratuit pour Benji Popart : galerie, Maca-Art, biographie, demande de prix.
Version: 1.0
License: GPLv2 or later
Text Domain: benji-popart-vitrine
*/
:root{--black:#0b0b0f;--white:#fff;--gold:#c9a227;--pink:#ff007f;--blue:#00c8ff;--yellow:#ffd400}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;line-height:1.6}a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid #eee}
.header-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 22px}
.logo-text{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:22px;text-decoration:none}.logo-text span{color:var(--pink)}
.main-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;flex-wrap:wrap}.main-nav a{text-decoration:none;font-weight:700;font-size:14px;text-transform:uppercase}.main-nav a:hover{color:var(--pink)}
.hero{min-height:78vh;display:flex;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(255,0,127,.20),transparent 30%),radial-gradient(circle at 80% 30%,rgba(0,200,255,.22),transparent 28%),linear-gradient(135deg,#07070a,#171721);color:white}
.container{max-width:1180px;margin:auto;padding:70px 22px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.kicker{color:var(--gold);font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1{font-size:clamp(44px,7vw,86px);line-height:.95;margin:18px 0;text-transform:uppercase}h1 .pop{color:var(--pink)}
.lead{font-size:20px;max-width:680px;color:#eee}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:900;text-transform:uppercase;border:2px solid transparent}.btn-primary{background:var(--pink);color:white}.btn-secondary{border-color:white;color:white}
.art-card{background:white;color:#111;border-radius:28px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.35);transform:rotate(2deg)}.art-placeholder{height:360px;border-radius:22px;background:linear-gradient(135deg,var(--pink),var(--yellow),var(--blue));display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:42px;text-align:center;text-shadow:0 4px 16px rgba(0,0,0,.35)}
.section-title{font-size:clamp(32px,5vw,58px);line-height:1;margin:0 0 18px;text-transform:uppercase}.section-sub{max-width:760px;color:#555;font-size:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{border:1px solid #eee;border-radius:24px;padding:26px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.06)}.card h3{margin-top:0;text-transform:uppercase}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.work{min-height:260px;border-radius:24px;background:linear-gradient(135deg,#111,#333);position:relative;overflow:hidden;padding:18px;color:white;display:flex;align-items:end}.work:nth-child(2){background:linear-gradient(135deg,var(--pink),#111)}.work:nth-child(3){background:linear-gradient(135deg,var(--blue),#111)}.work:nth-child(4){background:linear-gradient(135deg,var(--yellow),#111)}.work:nth-child(5){background:linear-gradient(135deg,#fff,#111);color:#111}.work:nth-child(6){background:linear-gradient(135deg,var(--gold),#111)}.work strong{font-size:20px;text-transform:uppercase}
.cta{background:#0b0b0f;color:white;text-align:center}.cta .section-sub{color:#ddd;margin:auto}.footer{background:#050506;color:#aaa;text-align:center;padding:30px 20px}
.page-hero{background:#0b0b0f;color:white;padding:80px 22px;text-align:center}.content{max-width:980px;margin:auto;padding:55px 22px}.form-box{background:#f7f7f7;border-radius:24px;padding:26px;border:1px solid #eee}
@media(max-width:850px){.hero-grid,.grid-3,.gallery{grid-template-columns:1fr}.main-nav a{font-size:12px}.art-placeholder{height:250px}}