/* Antibes — « Deux langues, deux saisons » (lot 64). Préfixe .va. Commun : villes.css */
.va{--vl-acc:var(--blue-ink);--vl-bg:var(--white)}
.va-hero{background:var(--white);padding-top:56px}
.va-hero h1{max-width:18ch}
.va-cta{margin-top:34px!important}
.va-bi{margin:64px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.va-bi>div{padding:34px 32px 38px;position:relative}
.va-bi-fr{background:var(--blue-soft)}
.va-bi-en{background:var(--blue-ink);color:#fff}
.va-bi-k{display:block;font-family:var(--fd);font-weight:800;font-size:3rem;line-height:1;margin-bottom:22px;opacity:.9}
.va-bi p{font-family:var(--fd);font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.35;font-weight:600}
.va-bi figcaption{grid-column:1/-1;font-size:.84rem;opacity:.7;margin-top:10px}

.va-places{background:var(--light);padding-top:96px}
.va-places-head{padding-bottom:48px}
.va-places-head h2{max-width:22ch}
.va-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.va-col{padding:48px 32px 56px}
.va-col-1{background:var(--blue-ink);color:#fff}
.va-col-2{background:var(--yellow)}
.va-col-3{background:var(--lav-soft)}
.va-col h3{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:18px}
.va-who{font-family:var(--fd);font-weight:600;font-size:1.06rem;line-height:1.45!important;margin-bottom:28px!important}
.va-k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.7;margin-bottom:8px!important}
.va-more{margin-top:18px!important;font-weight:700}
.va-more a{text-decoration:none;box-shadow:inset 0 -2px 0 currentColor}

.va-ete{background:var(--ink);color:#fff}
.va-ete-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:48px}
.va-ete-head p{color:rgba(255,255,255,.82)}
.va-saisons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.va-saisons li{background:rgba(255,255,255,.07);padding:28px 24px 32px}
.va-saisons li.va-s-hot{background:var(--yellow);color:var(--ink)}
.va-saisons h3{margin-bottom:10px}
.va-saisons p{font-size:.96rem}
.va-ete .vl-suite a:hover,.va-ete .vl-suite a:focus-visible{box-shadow:inset 0 -6px 0 var(--blue)}

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

@media (max-width:1000px){
	.va-cols{grid-template-columns:1fr}
	.va-col{padding:40px 24px}
	.va-ete-head{grid-template-columns:1fr;gap:20px}
	.va-saisons{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
	.va-bi{grid-template-columns:1fr}
	.va-bi>div{padding:26px 20px 28px}
	.va-saisons{grid-template-columns:1fr}
	.va-col{padding:36px 16px}
}