/* ==========================================================================
   BLOC FINAL « CONTACT » (accueil + bas de chaque page)
   Très sombre, relief rocheux en bas, grande demi-lune rouge qui se lève au
   défilement (data-scrub="moon" → --rise). Titre à gauche, texte + adresse
   e-mail (bouton rouge mailto + bouton « Copier l'adresse »), annotations
   verticales à droite. Aucun formulaire.
   ========================================================================== */
.cta{min-height:max(560px,80vh);display:flex;flex-direction:column;justify-content:center;padding:clamp(90px,9vw,160px) 0;background:#050505}
.cta__scene{position:absolute;inset:0;z-index:0;pointer-events:none}
.cta__moon{position:absolute;left:calc(560 * var(--m));bottom:calc(-330 * var(--m));width:calc(520 * var(--m));height:calc(520 * var(--m));border-radius:50%;
  background:radial-gradient(circle at 50% 18%,#2a0a0e 0,#120507 30%,#070506 62%);
  border-top:max(1.5px,calc(1.6 * var(--m))) solid #ff5263;
  box-shadow:inset 0 calc(3 * var(--m)) calc(4 * var(--m)) calc(-1 * var(--m)) rgba(255,90,100,.9),inset 0 calc(10 * var(--m)) calc(16 * var(--m)) calc(-6 * var(--m)) rgba(255,60,75,.45),0 calc(-2 * var(--m)) calc(10 * var(--m)) calc(-2 * var(--m)) rgba(255,70,85,.9),0 calc(-8 * var(--m)) calc(40 * var(--m)) calc(-6 * var(--m)) rgba(246,43,62,.6),0 calc(-14 * var(--m)) calc(90 * var(--m)) calc(-10 * var(--m)) rgba(200,20,36,.35);
  -webkit-mask-image:linear-gradient(#000 22%,transparent 48%);mask-image:linear-gradient(#000 22%,transparent 48%);
  transform:translateY(var(--rise,0%))}
.cta__rocks{position:absolute;left:calc(330 * var(--m));bottom:-2px;width:calc(756 * var(--m));height:calc(100 * var(--m));max-width:none}
.cta__haze{position:absolute;inset:0;background:radial-gradient(calc(380 * var(--m)) calc(160 * var(--m)) at calc(820 * var(--m)) 72%,rgba(246,43,62,.16),transparent 70%),linear-gradient(90deg,#050505 calc(380 * var(--m)),transparent calc(560 * var(--m)))}

.cta__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);padding:0 0 0 calc(97 * var(--m));max-width:max(calc(var(--mins) * 760px),calc(680 * var(--m)))}
.cta__head .sec__label::before{width:calc(24 * var(--m))}
.cta__title{margin-top:max(calc(var(--mins) * 18px),calc(12 * var(--m)));margin-left:calc(2 * var(--m));font-size:max(calc(var(--mins) * 44px),calc(48 * var(--m)))}
.cta__body{padding-top:max(calc(var(--mins) * 26px),calc(18 * var(--m)))}
.cta__body .txt{font-size:max(calc(var(--mins) * 16px),calc(8 * var(--m)));max-width:max(calc(var(--mins) * 480px),calc(300 * var(--m)))}
/* l'adresse : écrire (mailto) ou copier ; côte à côte, l'un sous l'autre sur téléphone */
.cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:max(calc(var(--mins) * 10px),calc(7 * var(--m)));margin-top:max(calc(var(--mins) * 24px),calc(15 * var(--m)))}
.cta__actions .btn{gap:max(calc(var(--mins) * 10px),calc(6 * var(--m)))}
.cta__actions .btn .ico{width:1.5em;height:1.5em}
.cta__actions .btn:hover .ico,.cta__actions .btn:focus-visible .ico{transform:none}
.cta__actions .btn--red{text-transform:none;letter-spacing:.06em;font-size:max(calc(var(--mins) * 13px),calc(6.2 * var(--m)))}
.cta__actions .btn--ghost .ico{color:var(--red)}
.cta__notes{right:calc(28 * var(--m));bottom:calc(150 * var(--m));margin:0;min-width:calc(55 * var(--m))}
.cta__notes .red{color:var(--ink-3)}
.cta .sec__rail{top:clamp(90px,9vw,160px)}

@media (max-width:1023px){
  .cta{min-height:0;display:block;padding:0 0 64px}
  .cta__grid{padding:64px 24px 0;max-width:none}
  .cta__title{font-size:clamp(36px,9vw,64px)}
  .cta__body{padding-top:20px}
  .cta__body .txt{font-size:16px;max-width:520px}
  .cta__actions{margin-top:22px}
  .cta__scene{position:relative;inset:auto;height:min(44vw,280px);margin-top:10px}
  .cta__moon{left:50%;top:18px;bottom:auto;width:min(82vw,520px);height:min(82vw,520px);transform:translateX(-50%);border-top-width:2px;box-shadow:inset 0 3px 4px -1px rgba(255,90,100,.9),inset 0 10px 18px -8px rgba(255,60,75,.45),0 -2px 12px -2px rgba(255,70,85,.95),0 -8px 44px -6px rgba(246,43,62,.6),0 -14px 90px -10px rgba(200,20,36,.35)}
  .cta__rocks{left:-10vw;top:auto;bottom:0;width:120vw;height:auto}
  .cta__haze{background:radial-gradient(60% 40% at 50% 40%,rgba(246,43,62,.14),transparent 70%)}
  .cta__notes{display:none}
  .cta .sec__rail{top:24px}
}
@media (max-width:640px){
  .cta__actions{flex-direction:column;align-items:stretch}
  .cta__actions .btn{width:100%}
}