/* Grasse — « L'atelier est ici » (lot 64). Préfixe .vg. Commun : villes.css */
.vg{--vl-acc:var(--blue);--vl-bg:var(--light)}
.vg-hero{background:var(--light);padding-top:56px}
.vg-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:stretch}
.vg-hero h1{max-width:14ch}
.vg-cta{margin-top:36px!important}
.vg-cp{background:var(--yellow);color:var(--ink);padding:34px 30px;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}
.vg-cp-num{font-family:var(--fd);font-weight:800;font-size:clamp(3.4rem,7vw,6.2rem);line-height:.86;letter-spacing:-.05em;margin-bottom:auto!important}
.vg-cp-t{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:40px 0 10px!important}
.vg-lieux{font-size:.98rem;line-height:1.7}
.vg .vl-bref{color:var(--ink)}

.vg-eco{background:var(--light)}
.vg-eco-head{padding-top:24px;padding-bottom:48px}
.vg-eco-head h2{max-width:22ch}
.vg-band{padding:56px 0}
.vg-band-1{background:var(--blue-soft)}
.vg-band-2{background:var(--ink);color:#fff}
.vg-band-3{background:var(--lav-soft)}
.vg-band-in{display:grid;grid-template-columns:80px 1fr 1.2fr 1.2fr;gap:36px;align-items:start}
.vg-band-n{font-family:var(--fd);font-weight:800;font-size:2.6rem;line-height:1;color:var(--blue-ink)}
.vg-band-2 .vg-band-n{color:var(--yellow)}
.vg-band-3 .vg-band-n{color:var(--lav-ink)}
.vg-band h3{font-size:1.5rem;max-width:12ch}
.vg-band-k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.7;margin-bottom:10px!important}
.vg-band-a{margin-top:16px!important;font-weight:700}
.vg-band-a a{text-decoration:none;box-shadow:inset 0 -2px 0 currentColor}
.vg-band-2 .vg-band-a a:hover,.vg-band-2 .vg-band-a a:focus-visible{color:var(--yellow)}

.vg-pres{background:var(--white)}
.vg-pres h2{max-width:20ch}
.vg-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;counter-reset:vg}
.vg-steps li{counter-increment:vg}
.vg-steps li::before{content:counter(vg);display:block;font-family:var(--fd);font-weight:800;font-size:3.6rem;line-height:1;color:var(--blue);margin-bottom:18px}
.vg-steps h3{margin-bottom:10px}

.vg-proof{background:var(--yellow-soft);padding:80px 0}
.vg-proof-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:end}
.vg-proof h2{font-size:clamp(2rem,4vw,3.2rem)}
.vg-proof-in p{max-width:60ch}

.vg-faq{background:var(--light)}

@media (max-width:1000px){
	.vg-hero-grid{grid-template-columns:1fr}
	.vg-band-in{grid-template-columns:1fr 1fr;gap:24px}
	.vg-band-n{grid-column:1/-1}
	.vg-band h3{grid-column:1/-1;max-width:none}
	.vg-steps{grid-template-columns:1fr 1fr}
	.vg-proof-in{grid-template-columns:1fr;gap:24px}
}
@media (max-width:560px){
	.vg-band-in{grid-template-columns:1fr}
	.vg-steps{grid-template-columns:1fr;gap:28px}
	.vg-cp{padding:26px 22px}
}