/* Shared layout for the municipal territory pages. */
.cc-city-page{--cc-territory-green:#123f34;--cc-territory-ink:#17372f;--cc-territory-pink:#ca1671;--cc-territory-cream:#f6f1e7;overflow:hidden;color:var(--cc-territory-ink)}
.cc-city-page .cc-section{padding:56px 24px!important}
.cc-city-page .cc-section>.et_pb_row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,72px);width:min(1180px,100%)!important;max-width:1180px!important;margin-inline:auto!important;padding:0!important}
.cc-city-page .cc-section>.et_pb_row:has(>.et_pb_column_4_4){grid-template-columns:1fr}
.cc-city-page .cc-section>.et_pb_row:has(.cc-card){grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:24px!important}
.cc-city-page .cc-section>.et_pb_row>.et_pb_column{float:none!important;width:auto!important;margin:0!important}
.cc-city-page .cc-section-text{max-width:570px}
.cc-city-page .cc-section-text h2{margin-bottom:18px;font-size:clamp(30px,3vw,46px);line-height:1.06;color:var(--cc-territory-green)}
.cc-city-page .cc-section-text p{font-size:17px;line-height:1.75;color:#52655f}
.cc-city-page .cc-section-text p:last-child{margin-bottom:0}
.cc-city-page .cc-section:not(.cc-soft) .cc-section-text h2{color:#fff}
.cc-city-page .cc-section:not(.cc-soft) .cc-section-text p{color:#d7e2dd}
.cc-city-page .cc-nature-image{height:clamp(360px,35vw,470px);border-radius:24px;overflow:hidden;background:#dfe8e2;box-shadow:0 20px 50px rgba(18,63,52,.15)}
.cc-city-page .cc-nature-image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center}
.cc-city-page .cc-section:nth-of-type(even) .cc-nature-image{transform:rotate(1deg)}
.cc-city-page .cc-section:nth-of-type(odd) .cc-nature-image{transform:rotate(-1deg)}
.cc-city-page .cc-soft{background:linear-gradient(135deg,#f7f3ea 0%,#eef4ef 100%)!important}
.cc-city-page .cc-hero{padding:54px 24px!important}
.cc-city-page .cc-hero>.et_pb_row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(36px,5vw,72px);width:min(1180px,100%)!important;max-width:1180px!important;margin-inline:auto!important}
.cc-city-page .cc-hero>.et_pb_row>.et_pb_column{display:contents!important}
.cc-city-page .cc-hero .cc-nature-image{height:572px;min-height:470px}
.cc-city-page .cc-hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.035em}
.cc-city-page .cc-hero p{max-width:700px;font-size:18px;line-height:1.65}
.cc-city-page .cc-card,.cc-city-page .cc-repere,.cc-city-page .cc-link-card{height:100%;padding:22px;border:1px solid rgba(18,63,52,.1);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(18,63,52,.08);transition:transform .2s ease,box-shadow .2s ease}
.cc-city-page .cc-card:hover,.cc-city-page .cc-repere:hover,.cc-city-page .cc-link-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,63,52,.13)}
.cc-city-page .cc-grid,.cc-city-page .cc-cards,.cc-city-page .cc-links-grid,.cc-city-page .cc-reperes{gap:18px!important}
.cc-city-page a:focus-visible{outline:3px solid var(--cc-territory-pink);outline-offset:4px}
@media(max-width:980px){.cc-city-page .cc-section{padding:42px 22px!important}.cc-city-page .cc-section>.et_pb_row,.cc-city-page .cc-section>.et_pb_row:has(.cc-card),.cc-city-page .cc-hero>.et_pb_row{grid-template-columns:1fr;gap:28px}.cc-city-page .cc-section>.et_pb_row:has(.cc-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-city-page .cc-section>.et_pb_row>.et_pb_column{width:100%!important}.cc-city-page .cc-section-text{max-width:720px}.cc-city-page .cc-nature-image,.cc-city-page .cc-hero .cc-nature-image{height:400px;min-height:0;transform:none!important}.cc-city-page .cc-hero{padding:42px 22px!important}}
@media(max-width:600px){.cc-city-page .cc-section{padding:32px 16px!important}.cc-city-page .cc-section>.et_pb_row,.cc-city-page .cc-section>.et_pb_row:has(.cc-card){grid-template-columns:1fr;gap:22px}.cc-city-page .cc-section-text h2{font-size:30px}.cc-city-page .cc-section-text p{font-size:16px;line-height:1.65}.cc-city-page .cc-nature-image,.cc-city-page .cc-hero .cc-nature-image{height:280px;border-radius:18px}.cc-city-page .cc-hero{padding:34px 16px!important}.cc-city-page .cc-hero h1{font-size:42px}.cc-city-page .cc-hero p{font-size:16px}.cc-city-page .cc-grid,.cc-city-page .cc-cards,.cc-city-page .cc-links-grid,.cc-city-page .cc-reperes{grid-template-columns:1fr!important}}