/* Bandeau de secteur : photo locale et surimpression géoréférencée. */
.alize-zone-band { display:grid; grid-template-columns:1fr 1.2fr; background:#071e36; border:1px solid #294960; border-radius:26px; overflow:hidden; max-width:1180px; margin-block:30px; color:#fff; box-shadow:0 18px 38px #0002; isolation:isolate; }
.alize-zone-copy { padding:28px 30px 25px; z-index:1; min-width:0; }
.alize-zone-eyebrow { font:800 11px/1.5 Arial,sans-serif; text-transform:uppercase; letter-spacing:2px; color:#69c7df; margin:0 0 12px!important; }
.alize-zone-copy h2 { font-size:clamp(23px,2.1vw,31px); line-height:1.14; letter-spacing:-.7px; margin:0 0 13px; color:#fff; }
.alize-zone-copy h2 span { color:#ffda65; }
.alize-zone-copy>p:not(.alize-zone-eyebrow) { font-size:14px; line-height:1.6; color:#d0ddea; margin:0 0 10px; }
.alize-zone-copy .alize-zone-cities { font-size:12px; color:#9dbbcd; }
.alize-zone-copy small { display:block; font-size:11px; line-height:1.5; color:#afc4d2; max-width:440px; margin-top:14px; }
.alize-zone-actions { display:flex; gap:12px 16px; align-items:center; flex-wrap:wrap; margin-top:15px; }
.alize-zone-actions a { font-size:12px; color:#fff; text-decoration:underline; text-underline-offset:4px; }
.alize-zone-actions .alize-zone-cta { border-radius:99px; background:#ffd65d; color:#062a55; padding:12px 18px; text-decoration:none; font-weight:800; display:flex; gap:18px; align-items:center; }
.alize-zone-visual { min-width:0; min-height:350px; position:relative; overflow:hidden; background:#102f39; }
.alize-zone-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#071e36 0,transparent 21%,transparent 84%,#071e3640); pointer-events:none; }
/* L’image et le SVG partagent exactement le même rectangle 7:5 et la même transformation. */
.alize-zone-plane { position:absolute; width:100%; aspect-ratio:7/5; left:0; top:50%; transform:translateY(-50%) perspective(1000px) rotateX(19deg) rotateZ(-9deg) scale(1.03); transform-origin:50% 50%; }
.alize-zone-plane>img { position:absolute; inset:0; width:100%; height:100%; filter:saturate(.88) brightness(.76); display:block; }
.alize-zone-overlay { position:absolute; inset:0; width:100%; height:100%; }
.alize-zone-badge { position:absolute; top:16px; right:18px; border:1px solid #7db1b34d; background:#092236e6; padding:8px 12px; border-radius:99px; font-size:10px; z-index:2; }
.alize-zone-credit { position:absolute; right:12px; bottom:10px; z-index:2; color:#e4edf4; font-size:10px; line-height:1.4; background:#071e36e6; padding:4px 7px; border-radius:3px; text-decoration:underline; text-underline-offset:2px; }
.alize-zone-actions a:focus-visible, .alize-zone-credit:focus-visible { outline:3px solid #6dddf5; outline-offset:5px; }
@media(max-width:900px) { .alize-zone-band { grid-template-columns:1fr; margin-block:24px; border-radius:22px; } .alize-zone-copy { padding:25px 23px 18px; } .alize-zone-visual { min-height:280px; } .alize-zone-plane { width:min(100%,700px); left:50%; transform:translate(-50%,-50%) perspective(1000px) rotateX(19deg) rotateZ(-9deg) scale(1.03); } .alize-zone-visual::after { background:linear-gradient(180deg,#071e36 0,transparent 25%); } }
@media(max-width:480px) { .alize-zone-copy { padding:22px 20px 18px; } .alize-zone-copy h2 { font-size:25px; } .alize-zone-visual { min-height:255px; } .alize-zone-plane { width:115%; } .alize-zone-badge { top:12px; right:12px; font-size:9px; } .alize-zone-credit { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .alize-zone-band * { scroll-behavior:auto!important; transition:none!important; } }
@media(max-width:480px){.alize-zone-overlay text{font-size:26px!important}.alize-zone-credit{font-size:10px}}