/* P67 home contact band (VI 118 / EN 2894). P82 z-order fix (owner 2026-11-05).
   Real DOM: #ics-contact > #contact-stage > [#contact-card (white form card), #cf-sig, #cf-mail, #cf-collab].
   The doodles are later siblings of the card, so without z-index they painted over the form.
   Card = --z-form (above). Doodles = --z-deco (below; visible only in the yellow space outside the card).
   The card keeps its Bricks position (absolute >=992, relative <=991), so it is already a positioned layer. */
:root {
  --z-form: 3;
  --z-deco: 1;
}
html body #ics-contact#ics-contact #contact-stage > #contact-card#contact-card {
  z-index: var(--z-form) !important;
}
html body #ics-contact#ics-contact #contact-stage > #cf-sig,
html body #ics-contact#ics-contact #contact-stage > #cf-mail,
html body #ics-contact#ics-contact #contact-stage > #cf-collab,
html body #ics-contact#ics-contact #contact-stage > #cf-star {
  z-index: var(--z-deco) !important;
  pointer-events: none !important;
}
/* Phone/tablet (<=991): envelope and collab sit fully under the card (no sliver at the card edge; Bricks left 84.9% + 148px overflowed 390px). */
@media (max-width: 991px) {
  html body #ics-contact#ics-contact #contact-stage > #cf-mail {
    left: auto !important;
    right: 40px !important;
    width: clamp(64px, 14vw, 96px) !important;
  }
  html body #ics-contact#ics-contact #contact-stage > #cf-collab {
    left: 40px !important;
  }
}
/* P83 owner 2026-11-05: 4th doodle (#cf-star, bottom-right yellow space, reuses join-band decor s2-47-decor-union.svg). Hidden on <=991 where the card fills the stage. */
@media (max-width: 991px) {
  html body #ics-contact#ics-contact #contact-stage > #cf-star { display: none !important; }
}

/* H83 home contact gap (owner 2026-11-05): head->card gap = var(--sp-xl) at every width (stage is a section child, Bricks margin-top sp-3xl/0 replaced); card bottom -> footer tear >= tear + var(--sp-2xl) (footer overlaps the section by 2x sp-2xl + sp-xs). Desktop: section height auto, stage in flow, card is the anchor; doodle tops at >=992 are px relative to the card (were % of the fixed 1422px section). Rollback: backups/h83-20261105-1638/ROLLBACK.md. */
@media (min-width: 992px) {
  html body #ics-contact#ics-contact { height: auto !important; padding-bottom: calc(var(--h27-footer-tear) + 3 * var(--sp-2xl) + var(--sp-xs)) !important; }
  html body #ics-contact#ics-contact #contact-stage { position: relative !important; top: auto !important; height: auto !important; margin-top: var(--sp-xl) !important; }
  html body #ics-contact#ics-contact #contact-stage > #contact-card#contact-card { position: relative !important; top: 0 !important; }
  html body #ics-contact#ics-contact #contact-stage > #cf-sig { top: -8px !important; }
  html body #ics-contact#ics-contact #contact-stage > #cf-mail { top: 313.5px !important; }
  html body #ics-contact#ics-contact #contact-stage > #cf-collab { top: 653px !important; }
  html body #ics-contact#ics-contact #contact-stage > #cf-star { top: 703px !important; }
}
@media (max-width: 991px) {
  html body #ics-contact#ics-contact #contact-stage { margin-top: var(--sp-xl) !important; }
  html body #ics-contact#ics-contact { padding-bottom: calc(var(--h27-footer-tear) + 3 * var(--sp-2xl) + var(--sp-xs) - var(--sp-5xl) - var(--sp-xl)) !important; }
}
/* END H83 home contact gap */

/* H109 home contact 992-1279: Bricks #ics-contact has aspect-ratio 1440/1220 + overflow hidden, which beat height:auto, so the section was shorter than the form card (1024: card bottom 168px under the footer, consent labels and the Gui button hidden). aspect-ratio:auto lets height follow content; >=1440 is unchanged (same numbers). Rollback: backups/h109-20261105-2208/ROLLBACK.md */
@media (min-width: 992px) {
  html body #ics-contact#ics-contact { aspect-ratio: auto !important; }
}
/* END H109 contact */