/* Mougins — « Le premier regard » (lot 64). Préfixe .vm. Commun : villes.css */
@font-face{font-family:"Spectral";font-style:italic;font-weight:300;font-display:swap;src:url(../../fonts/Spectral-300i.woff2) format("woff2")}
@font-face{font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/Spectral-400i.woff2) format("woff2")}
.vm{--vl-acc:var(--lav-ink);--vl-bg:var(--lav-soft)}
.vm-hero{background:var(--lav-soft);padding-top:56px}
.vm-hero h1{max-width:17ch}
.vm-hero-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;margin-top:48px}
.vm-quote{font-family:"Spectral",Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.3;color:var(--lav-ink)}
.vm-hero .vl-lead{margin-top:0!important}
.vm-cta{margin-top:30px!important}

.vm-regard{background:var(--white)}
.vm-regard h2{max-width:20ch}
.vm-dial{margin-top:48px;display:grid;gap:6px}
.vm-dl{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;padding:30px 30px;background:rgba(20,22,52,.04)}
.vm-dl:nth-child(even){background:var(--lav-soft)}
.vm-ask{font-family:"Spectral",Georgia,serif;font-style:italic;font-size:1.45rem;line-height:1.3;color:var(--lav-ink)}

.vm-sect{background:var(--light);padding-top:96px}
.vm-sect-head{padding-bottom:44px}
.vm-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.vm-col{padding:48px 32px 56px}
.vm-col-1{background:var(--ink);color:#fff}
.vm-col-2{background:var(--lav-deep)}
.vm-col-3{background:var(--light-2)}
.vm-col h3{font-size:1.5rem;margin-bottom:18px;max-width:14ch}
.vm-more{margin-top:18px!important;font-weight:700}
.vm-more a{text-decoration:none;box-shadow:inset 0 -2px 0 currentColor}

.vm-prox{background:var(--lav-ink);color:#fff}
.vm-prox-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
.vm-prox p{color:rgba(255,255,255,.86)}
.vm-prox .vl-suite a:hover,.vm-prox .vl-suite a:focus-visible{box-shadow:inset 0 -6px 0 var(--yellow);color:#fff}

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

@media (max-width:1000px){
	.vm-hero-row,.vm-prox-in{grid-template-columns:1fr;gap:28px}
	.vm-dl{grid-template-columns:1fr;gap:12px}
	.vm-cols{grid-template-columns:1fr}
	.vm-col{padding:40px 24px}
}
@media (max-width:560px){
	.vm-dl{padding:24px 18px}
	.vm-col{padding:36px 16px}
}