/* Compositions publicitaires — tailles en cqw : la mise en page suit la largeur de chaque visuel. */
.ad{--pink:#ff3d7f;--lime:#d9f55b;position:relative;overflow:hidden;container-type:inline-size;width:100%;aspect-ratio:var(--r,1);font-family:var(--display);isolation:isolate;line-height:1}
.ad>*{position:absolute;margin:0}
.ad svg{display:block;overflow:visible}
.ad .h{font-weight:700;letter-spacing:-.035em}
.ad .b,.ad .sub,.ad .info span,.ad .pill,.ad .cta,.ad .st{font-family:var(--body)}
.ad .cta{display:inline-block;font-weight:700;border-radius:99px;white-space:nowrap}
.ad .pill{font-weight:600;border-radius:99px;white-space:nowrap}

/* Affiches complètes : une seule image, montrée entière */
.a-poster{background:#15161b}
.a-poster img{inset:0;width:100%;height:100%;object-fit:contain}

/* Maison Tamis — photographie */
.a-tamis{background:#ecd9c3}
.a-tamis img{inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.a-tamis .h{left:7%;top:7%;font-size:10.5cqw;line-height:.95;color:#3b2316}
.a-tamis .b{left:7.4%;top:40%;font-size:3cqw;font-weight:600;color:#6a4632}
.a-tamis .st{right:5%;top:3.5%;width:15cqw;height:15cqw;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;text-align:center;font-weight:700;font-size:2.3cqw;line-height:1.1;transform:rotate(8deg);box-shadow:0 1cqw 3cqw rgba(60,20,10,.25)}

/* Velo Lune — nuit et lune */
.a-lune{background:linear-gradient(180deg,#0f1245 0%,#2c2288 62%,#5b3fb5 100%);color:#fff}
.a-lune .stars{inset:0;background:radial-gradient(circle at 12% 18%,#fff 0 .3cqw,transparent .5cqw),radial-gradient(circle at 80% 10%,#fff 0 .35cqw,transparent .55cqw),radial-gradient(circle at 30% 8%,#fff 0 .2cqw,transparent .4cqw),radial-gradient(circle at 92% 38%,#fff 0 .25cqw,transparent .45cqw),radial-gradient(circle at 6% 44%,#fff 0 .25cqw,transparent .45cqw),radial-gradient(circle at 66% 26%,#fff 0 .2cqw,transparent .4cqw)}
.a-lune .moon{left:14%;top:11%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff6cf,#ffd96a 60%,#f2b53c);box-shadow:0 0 12cqw 2cqw rgba(255,217,106,.35)}
.a-lune .bike{left:20%;top:30%;width:60%;height:36%;color:#0f1245;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.a-lune .h{left:8%;bottom:20%;font-size:15cqw;line-height:.9;font-weight:800}
.a-lune .b{left:8.3%;bottom:11%;font-size:3.3cqw;color:#cfc8ff;font-weight:500}
.a-lune .cta{right:8%;bottom:6.6%;background:var(--lime);color:#0f1245;font-size:3.4cqw;padding:2.2cqw 4cqw}

/* Sève — soin végétal */
.a-seve{background:#a9cfc6;color:#0f3b3a}
.a-seve img{inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.a-seve .h{left:8%;top:7%;font-size:11.6cqw;line-height:.95;font-weight:800;letter-spacing:-.04em;color:#0d3736;text-shadow:0 0 3cqw rgba(214,240,232,.55)}
.a-seve .b{left:8.3%;top:31%;width:40%;font-size:3cqw;line-height:1.3;font-weight:600;color:#0d3736}
.a-seve .cta{left:8%;bottom:6.5%;font-size:3.3cqw;padding:2cqw 4cqw;color:#0d3736;background:linear-gradient(180deg,#fbfdfd,#b9c6ca);box-shadow:0 .6cqw 2cqw rgba(13,55,54,.3),inset 0 0 0 .3cqw rgba(255,255,255,.8)}

/* Brume — affiche typographique (carré, story, bannière : trois mises en page) */
.a-brume{--pink:#ff3d7f;background:#ff5a36;color:#1b0a1f}
.a-brume .rings{color:#1b0a1f}
.a-brume .grain{inset:0;width:100%;height:100%;opacity:.28;mix-blend-mode:multiply;z-index:3;pointer-events:none}
.a-brume .w{font-weight:800;letter-spacing:-.06em;line-height:.8;z-index:2}
.a-brume .info{display:flex;flex-direction:column;gap:.6em;z-index:2}
.a-brume .info b{font-weight:800;letter-spacing:-.02em}
.a-brume .info span{font-weight:600}
.a-brume .pill{background:#1b0a1f;color:#ffe9dc;z-index:2}
.a-brume .cta{background:var(--lime);color:#1b0a1f;z-index:2}
.a-brume.sq .rings{right:-24%;bottom:-24%;width:100%}
.a-brume.sq .w{left:5.5%;top:4%;font-size:24.5cqw}
.a-brume.sq .info{left:6%;bottom:6.5%;font-size:3.5cqw}.a-brume.sq .info b{font-size:5.6cqw}
.a-brume.sq .pill{left:6%;top:30%;font-size:3.2cqw;padding:1.6cqw 3.2cqw}
.a-brume.story .rings{left:-30%;top:22%;width:150%}
.a-brume.story .w{left:7%;top:7%;font-size:46cqw}
.a-brume.story .pill{left:7%;top:60%;font-size:5cqw;padding:2.4cqw 5cqw;z-index:3}
.a-brume.story .info{left:7%;bottom:15%;font-size:6cqw;z-index:3}.a-brume.story .info b{font-size:10cqw}
.a-brume.story .cta{left:7%;bottom:6%;font-size:5.4cqw;padding:3cqw 6cqw}
.a-brume.ban .rings{right:-9%;top:-60%;width:58%}
.a-brume.ban .w{left:4%;top:9%;font-size:24cqw}
.a-brume.ban .info{left:5%;bottom:11%;flex-direction:row;align-items:baseline;gap:2.2cqw;font-size:2.5cqw}.a-brume.ban .info b{font-size:3.4cqw}
.a-brume.ban .pill{right:4%;bottom:10%;font-size:2.4cqw;padding:1cqw 2.2cqw}

/* Kombu — boisson */
.a-kombu{background:#0d7a65;color:#fff3e1}
.a-kombu .sun{background:radial-gradient(circle at 40% 35%,#ffd0a3,#ff9a62);border-radius:50%}
.a-kombu .bub{border:.45cqw solid rgba(255,243,225,.55);border-radius:50%}
.a-kombu .can{filter:drop-shadow(0 2.4cqw 2.4cqw rgba(0,40,30,.4))}
.a-kombu .h{font-weight:800;line-height:.9;color:#fff3e1}
.a-kombu .sub{font-weight:500;line-height:1.3}
.a-kombu .cta{background:#fff3e1;color:#0d5e4f}
.a-kombu.sq .sun{right:6%;top:12%;width:56%;aspect-ratio:1}
.a-kombu.sq .can{right:14%;top:8%;width:32%;height:73%;transform:rotate(7deg)}
.a-kombu.sq .h{left:7%;top:8%;font-size:13cqw}
.a-kombu.sq .sub{left:7.4%;bottom:21%;width:36%;font-size:3.2cqw}
.a-kombu.sq .cta{left:7%;bottom:7%;font-size:3.3cqw;padding:2cqw 4cqw}
.a-kombu.sq .b1{left:46%;top:6%;width:5cqw;height:5cqw}.a-kombu.sq .b2{left:52%;top:16%;width:2.6cqw;height:2.6cqw}.a-kombu.sq .b3{left:84%;top:70%;width:6cqw;height:6cqw}.a-kombu.sq .b4{left:78%;top:80%;width:3cqw;height:3cqw}
.a-kombu.story .sun{left:-18%;bottom:12%;width:136%;aspect-ratio:1}
.a-kombu.story .can{left:22%;top:23%;width:56%;height:51%;transform:rotate(-5deg)}
.a-kombu.story .h{left:8%;top:6%;font-size:18cqw}
.a-kombu.story .sub{left:8.5%;bottom:14%;width:80%;font-size:5cqw;text-align:left;z-index:2}
.a-kombu.story .cta{left:8%;bottom:5%;font-size:5cqw;padding:2.8cqw 6cqw;z-index:2}
.a-kombu.story .b1{left:12%;top:36%;width:7cqw;height:7cqw}.a-kombu.story .b2{left:82%;top:44%;width:5cqw;height:5cqw}.a-kombu.story .b3{left:8%;top:62%;width:4cqw;height:4cqw}.a-kombu.story .b4{left:86%;top:28%;width:3cqw;height:3cqw}
.a-kombu.ban .sun{right:2%;top:-30%;width:62%;aspect-ratio:1}
.a-kombu.ban .can{right:9%;top:-6%;width:19%;height:112%;transform:rotate(10deg)}
.a-kombu.ban .h{left:5%;top:14%;font-size:11cqw}
.a-kombu.ban .sub{left:5.2%;bottom:25%;width:44%;font-size:2.3cqw}
.a-kombu.ban .cta{left:5%;bottom:8%;font-size:2.3cqw;padding:1.1cqw 2.6cqw}
.a-kombu.ban .b1{left:50%;top:14%;width:3cqw;height:3cqw}.a-kombu.ban .b2{left:56%;top:30%;width:1.6cqw;height:1.6cqw}.a-kombu.ban .b3{left:88%;top:62%;width:3cqw;height:3cqw}.a-kombu.ban .b4{left:70%;top:84%;width:2cqw;height:2cqw}

/* Pistache & Cie */
.a-pist{background:#cdeb8b;color:#2a3a12}
.a-pist .blob{right:-14%;top:-10%;width:78%;aspect-ratio:1;background:#ff9fc2;border-radius:48% 52% 44% 56%/52% 44% 56% 48%}
.a-pist .cone{right:9%;top:10%;width:36%;height:80%;transform:rotate(8deg);filter:drop-shadow(0 2cqw 2cqw rgba(60,60,0,.25))}
.a-pist .h{left:7%;top:8%;font-size:12.5cqw;line-height:.92;font-weight:800;color:#2a3a12}
.a-pist .b{left:7.3%;bottom:7%;font-size:3cqw;font-weight:600;color:#3d5219}
.a-pist .st{left:7%;bottom:15%;font-size:3.1cqw;line-height:1.1;font-weight:700;background:#2a3a12;color:#cdeb8b;padding:2cqw 3.4cqw;border-radius:2.4cqw}

/* Nord Courant */
.a-nord{background:#eceee7;color:#15161c}
.a-nord .track{inset:0;width:100%;height:100%}
.a-nord .h{left:4.5%;top:7%;font-size:30cqw;font-weight:800;letter-spacing:-.07em;line-height:.8;font-style:normal;transform:skewX(-9deg);transform-origin:left bottom;mix-blend-mode:normal}
.a-nord .s{left:5%;bottom:20%;font-size:6cqw;line-height:1;font-weight:700;letter-spacing:-.03em}
.a-nord .b{left:5.2%;bottom:7%;font-family:var(--body);font-size:2.5cqw;font-weight:600;background:#15161c;color:#eceee7;padding:1.2cqw 2.4cqw;border-radius:99px}

/* Atlas */
.a-atlas{background:linear-gradient(160deg,#d6e5ff,#9cc4ff);color:#0b1d44}
.a-atlas .h{left:6%;top:11%;font-size:7.6cqw;line-height:.95;font-weight:800;width:56%}
.a-atlas .b{left:6.3%;top:55%;width:44%;font-size:2.5cqw;line-height:1.35;font-weight:500;color:#1d3b78}
.a-atlas .cta{left:6%;bottom:11%;background:#0b1d44;color:#fff;font-size:2.6cqw;padding:1.5cqw 3.2cqw}
.a-atlas .phone{right:7%;top:9%;width:30%;height:auto;aspect-ratio:1/2;filter:drop-shadow(0 2cqw 3cqw rgba(11,29,68,.35))}

@media (prefers-reduced-motion:reduce){.ad *{transition:none!important;animation:none!important}}
.a-kombu.story .sub{left:8%;bottom:15%;color:#fff3e1;font-weight:600;background:#0d7a65;padding:2cqw 3cqw;border-radius:2cqw;width:auto;max-width:78%}

/* Passe de correction : lisibilité des informations sur les ondes */
.a-brume .info{background:#1b0a1f;color:#ffe9dc;padding:2.6cqw 3.2cqw;border-radius:2.4cqw;gap:.35em}
.a-brume.sq .rings{right:-30%;bottom:-30%;width:96%}
.a-brume.sq .info{max-width:52%;padding:2.2cqw 3cqw}
.a-brume.story .rings{left:-25%;top:36%;width:140%}
.a-brume.story .pill{background:var(--lime);color:#1b0a1f;top:7%;left:7%}
.a-brume.story .w{top:13%}
.a-brume.story .info{padding:4cqw 5cqw;border-radius:4cqw}
.a-brume.ban .pill{left:4.2%;top:7%;right:auto;bottom:auto}
.a-brume.ban .w{top:22%}
.a-brume.ban .info{padding:1.6cqw 2.6cqw;border-radius:1.6cqw;bottom:8%}
.a-brume.ban .rings{right:-6%;top:-52%;width:52%}
.a-kombu .sub{color:#fff3e1;z-index:3}
.a-brume.story .rings{top:44%}