/* Page Contact : une seule feuille (audit n° 2, lot 7, phase 2). Elle reprend, dans le même ordre, les deux feuilles
   qui s'empilaient (contact.css, approved-contact.css). Retirées seulement : les déclarations reprises plus loin par le
   même sélecteur, dans des conditions au moins aussi larges, les règles des éléments que la page n'a jamais (barre,
   versions et comparaison de l'ancien aperçu, anciens panneaux) et l'animation qu'elles seules citaient. La page mobile
   la charge aussi. */
/* Salle pétrole, en-tête, formulaire et facettes (ancien contact.css) */
/* Police DM : le fichier du pied de page partagé, déjà chargé par la page (audit n° 2, lot 7, phase 2). */
@font-face {
  font-family: ContactPetroleDM;
  src: url('../../grlab-abonnements-wordpress/public/footer/assets/dm.woff');
}
@font-face {
  font-family: ContactPetroleRoman;
  src: url('fonts/petrole-roman.woff');
}
#grlab-contact-root * {
  box-sizing: border-box;
}
#grlab-contact-root {
  background: #162a2c;
  color: #f4ede3;
  font-family: ContactPetroleDM, Arial, sans-serif;
}
#grlab-contact-root button,
#grlab-contact-root input,
#grlab-contact-root textarea {
  font: inherit;
}
#grlab-contact-root button,
#grlab-contact-root a {
  -webkit-tap-highlight-color: transparent;
}
#grlab-contact-root button {
  cursor: pointer;
}
#grlab-contact-root a {
  color: inherit;
  text-decoration: none;
}
#grlab-contact-root button:focus-visible,
#grlab-contact-root a:focus-visible {
  outline: 2px solid #e4f3dd;
  outline-offset: 5px;
}
#grlab-contact-root .shell {
  min-height: 100vh;
  padding-bottom: 82px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#grlab-contact-root .viewport {
  position: relative;
  overflow: hidden;
}
#grlab-contact-root .scene {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 941px;
  transform-origin: top left;
  overflow: hidden;
}
#grlab-contact-root .room {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
}
#grlab-contact-root header {
  position: absolute;
  align-items: center;
  justify-content: space-between;
}
#grlab-contact-root .brand img {
  width: 154px;
  height: auto;
  display: block;
  filter: brightness(0) invert(1);
}
#grlab-contact-root header nav {
  display: flex;
  gap: 35px;
  font-size: 15px;
}
#grlab-contact-root header nav a {
  padding: 10px 0;
  opacity: 0.84;
}
#grlab-contact-root header nav a:hover,
#grlab-contact-root header nav a[aria-current] {
  opacity: 1;
}
#grlab-contact-root header nav a span {
  display: inline-block;
  animation: letters-rest 12s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.08s);
}
#grlab-contact-root header nav a:hover span {
  animation: letters-hover 0.65s ease both;
  animation-delay: calc(var(--i) * 0.025s);
}
#grlab-contact-root .contact {
  height: 50px;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  border: 1px solid #fff5;
  border-radius: 30px;
  background: #dce4df;
  color: #1c383b;
  position: relative;
  overflow: hidden;
  transition:
    translate 0.4s,
    box-shadow 0.4s;
}
#grlab-contact-root .contact:before {
  content: '';
  position: absolute;
  inset: 0;
  background: #b4cbc7;
  transform: translateY(103%);
  transition: transform 0.4s;
}
#grlab-contact-root .contact:hover:before {
  transform: translateY(0);
}
#grlab-contact-root .contact:hover {
  translate: 0 -2px;
  box-shadow: 0 0 30px #afd3cd30;
}
#grlab-contact-root .contact span,
#grlab-contact-root .contact b {
  position: relative;
  font-weight: 400;
}
#grlab-contact-root .contact b {
  font-size: 24px;
  transition: translate 0.4s;
}
#grlab-contact-root .contact:hover b {
  translate: 3px -3px;
}
#grlab-contact-root .panel {
  position: absolute;
  top: 246px;
  width: 289px;
  height: 418px;
  padding: 15px 13px;
  color: #f4eee7;
}
#grlab-contact-root .panel h2,
#grlab-contact-root .message-label {
  font:
    normal 28px/1.02 ContactPetroleRoman,
    serif;
  margin: 0;
  display: block;
}
#grlab-contact-root .panel h2 {
  transition: color 0.4s;
}
#grlab-contact-root .panel:focus-within h2 {
  color: #d1ebdc;
}
#grlab-contact-root .art {
  position: absolute;
  top: 77px;
  left: 3px;
  width: 283px;
  height: 110px;
  border: 0;
  background: none;
  padding: 0;
  border-radius: 4px;
  cursor: crosshair;
  z-index: 2;
}
#grlab-contact-root .art canvas,
#grlab-contact-root .original-art {
  display: block;
  width: 100%;
  height: 100%;
}
#grlab-contact-root .art > canvas {
  pointer-events: none;
}
#grlab-contact-root .art:focus-visible {
  outline: 1px dashed #c7e8dba0;
  outline-offset: 2px;
}
#grlab-contact-root .identity {
  position: absolute;
  top: 209px;
  left: 13px;
  right: 13px;
  display: grid;
  gap: 23px;
}
#grlab-contact-root .field {
  position: relative;
  display: block;
  height: 65px;
  isolation: isolate;
}
#grlab-contact-root .field > span {
  position: absolute;
  left: 13px;
  top: 23px;
  font-size: 16px;
  pointer-events: none;
  transition:
    top 0.3s,
    transform 0.3s;
  transform-origin: left;
}
#grlab-contact-root .field input,
#grlab-contact-root .field textarea {
  width: 100%;
  height: 100%;
  background: #e0f3e511;
  border: 1px solid #c6dfd454;
  border-radius: 4px;
  color: #f3f6e9;
  outline: none;
  padding: 25px 13px 8px;
  transition:
    background 0.4s,
    box-shadow 0.4s,
    border-color 0.4s;
  font-size: 18px;
}
#grlab-contact-root .field:focus-within input,
#grlab-contact-root .field:focus-within textarea {
  background: #d5ede823;
  border-color: #c4e7d2;
  box-shadow:
    0 0 0 2px #b7e0cd14,
    0 0 24px #8ecfcf30;
}
#grlab-contact-root .field:focus-within > span,
#grlab-contact-root .field.has-value > span {
  top: 8px;
  transform: scale(0.72);
  color: #c7e0d5;
}
#grlab-contact-root .field:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 4px;
  background: radial-gradient(ellipse at var(--mx, 50%) var(--my, 50%), #d6f9e418, transparent 70%);
  opacity: 0;
  transition: opacity 0.4s;
}
#grlab-contact-root .field:hover:after {
  opacity: 1;
}
#grlab-contact-root fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 13px;
  right: 13px;
  min-width: 0;
}
#grlab-contact-root legend {
  position: absolute;
  left: 0;
  top: 0;
  font:
    normal 28px/1.02 ContactPetroleRoman,
    serif;
  padding: 0;
}
#grlab-contact-root .services {
  top: 15px;
  height: 275px;
}
#grlab-contact-root .services .choices {
  position: absolute;
  top: 194px;
  left: 0;
  right: 0;
  display: grid;
  gap: 9px;
}
#grlab-contact-root .choice {
  display: flex;
  position: relative;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid #b9d6cb60;
  border-radius: 4px;
  background: #a8cec00d;
  overflow: hidden;
  isolation: isolate;
  font-size: 14px;
  cursor: pointer;
  transition:
    background 0.4s,
    border-color 0.4s,
    translate 0.4s,
    box-shadow 0.4s;
}
#grlab-contact-root .choice input {
  position: absolute;
  inset: 0;
  appearance: none;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
  outline: none;
}
#grlab-contact-root .choice:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse at var(--mx, 50%) var(--my, 50%), #e5ffde4d, transparent 80%);
  opacity: 0;
  transition: opacity 0.4s;
}
#grlab-contact-root .choice:hover:after {
  opacity: 1;
}
#grlab-contact-root .choice:hover {
  translate: 0 -2px;
  border-color: #d2eddf;
  box-shadow: 0 0 17px #acdfd522;
}
#grlab-contact-root .choice:has(input:focus-visible) {
  outline: 2px solid #e4f3dd;
  outline-offset: 3px;
}
#grlab-contact-root .choice.selected {
  background: #c2dacf;
  color: #17383d;
  border-color: #d9eee4;
}
#grlab-contact-root .choice-dot {
  width: 9px;
  height: 9px;
  border: 1px solid currentColor;
  border-radius: 50%;
  flex: 0 0 9px;
  transition:
    background 0.4s,
    transform 0.4s;
}
#grlab-contact-root .selected .choice-dot {
  background: currentColor;
  transform: scale(0.8);
}
#grlab-contact-root .subscriptions {
  top: 321px;
}
#grlab-contact-root .subscriptions legend {
  font-size: 25px;
}
#grlab-contact-root .subscriptions .choices {
  display: flex;
  gap: 6px;
  padding-top: 36px;
}
#grlab-contact-root .subscriptions .choice {
  flex: 1;
  justify-content: center;
  padding: 8px 4px;
  font-size: 12px;
  gap: 0;
}
#grlab-contact-root .subscriptions .choice-dot {
  display: none;
}
#grlab-contact-root .message {
  position: absolute;
  top: 209px;
  left: 13px;
  right: 13px;
  height: 126px;
}
#grlab-contact-root .message textarea {
  resize: none;
  padding: 12px;
  font-size: 17px;
  line-height: 1.4;
}
#grlab-contact-root .send {
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 15px;
  width: calc(100% - 26px);
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #e1ece250;
  border-radius: 25px;
  padding: 0 16px;
  background: #dce4df;
  color: #1c383b;
  isolation: isolate;
  overflow: hidden;
  transition:
    translate 0.4s,
    box-shadow 0.4s;
  font-size: 14px;
}
#grlab-contact-root .send img {
  width: 19px;
  height: 19px;
  filter: brightness(0);
  opacity: 0.8;
  transition: translate 0.4s;
}
#grlab-contact-root .send:before {
  content: '';
  position: absolute;
  z-index: -1;
}
#grlab-contact-root .send:hover {
  translate: 0 -2px;
  box-shadow: 0 0 25px #bce9d746;
}
#grlab-contact-root .send:hover img {
  translate: 4px 0;
}
#grlab-contact-root .send:disabled {
  opacity: 0.6;
  cursor: wait;
}
#grlab-contact-root .send:active {
  translate: 0 1px;
}
#grlab-contact-root .status {
  position: absolute;
  top: 700px;
  left: 300px;
  right: 300px;
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #e8f2e6;
  text-shadow: 0 1px 4px #09292a;
}
#grlab-contact-root .caption {
  position: absolute;
  bottom: 31px;
  left: 65px;
  right: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 13px;
  gap: 30px;
  text-shadow: 0 1px 8px #0006;
}
#grlab-contact-root .caption span:first-child {
  font:
    normal 24px ContactPetroleRoman,
    serif;
}
#grlab-contact-root .caption span:last-child {
  font-size: 12px;
  max-width: 640px;
  text-align: right;
  opacity: 0.85;
}
#grlab-contact-root .label {
  width: 230px;
  font-size: 11px;
  letter-spacing: 0.1em;
}
#grlab-contact-root .label small {
  display: block;
  letter-spacing: 0;
  font-size: 11px;
  margin-top: 7px;
  opacity: 0.7;
}
#grlab-contact-root .motion {
  border: 1px solid #8fa59b;
  border-radius: 24px;
  padding: 10px 14px;
  font-size: 11px;
}
#grlab-contact-root .note {
  font-size: 10px;
  line-height: 1.5;
  opacity: 0.7;
}
#grlab-contact-root.paused *,
#grlab-contact-root.paused *:before {
  animation-play-state: paused !important;
}
@keyframes letters-rest {
  0%,
  85%,
  100% {
    transform: translateY(0);
  }
  92% {
    transform: translateY(-1px);
  }
}
@keyframes letters-hover {
  0%,
  100% {
    transform: translateY(0);
  }
  45% {
    transform: translateY(-4px) rotate(-3deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  #grlab-contact-root *,
  #grlab-contact-root *:before {
    animation: none !important;
    transition: none !important;
  }
}
@media (max-width: 1200px) {
  #grlab-contact-root .label {
    display: none;
  }
  #grlab-contact-root .note {
    display: none;
  }
}
@media (max-width: 700px) {
  #grlab-contact-root .motion {
    font-size: 9px;
    padding: 7px;
  }
}
#grlab-contact-root .intro {
  position: absolute;
  left: 225px;
  top: 235px;
  width: 470px;
}
#grlab-contact-root .intro h1 {
  font:
    400 62px/1.02 ContactPetroleRoman,
    serif;
  letter-spacing: -1.3px;
  margin: 0;
  color: #eff3e8;
  text-shadow: 0 2px 12px #08232b55;
}
#grlab-contact-root .intro p {
  font-size: 22px;
  line-height: 1.4;
  margin: 24px 0 0;
  color: #d7e3da;
}
#grlab-contact-root .facets {
  position: absolute;
  left: 210px;
  top: 461px;
  width: 492px;
  height: 220px;
  border: 0;
  background: none;
  padding: 0;
  border-radius: 15px;
}
#grlab-contact-root .facets canvas {
  width: 100%;
  height: 100%;
  display: block;
}
#grlab-contact-root .facets:focus-visible {
  outline: 1px dashed #daeee8a8;
  outline-offset: 4px;
}
#grlab-contact-root .unified-form {
  position: absolute;
  left: 795px;
  right: 190px;
  top: 210px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 65px 94px 103px 101px 105px 58px;
  gap: 0 20px;
  color: #eaf1e5;
}
#grlab-contact-root .unified-form h2 {
  grid-column: 1/3;
  grid-row: 1;
  font:
    400 36px/1.1 ContactPetroleRoman,
    serif;
  margin: 0;
  text-shadow: 0 2px 10px #06283170;
}
#grlab-contact-root .unified-form .identity {
  position: static;
  grid-row: 2;
  grid-column: 1/3;
  display: flex;
  gap: 20px;
}
#grlab-contact-root .unified-form .identity .field {
  flex: 1;
  min-width: 0;
  height: 65px;
}
#grlab-contact-root .unified-form .field > span {
  top: 22px;
  font-size: 18px;
  left: 16px;
}
#grlab-contact-root .unified-form .field input,
#grlab-contact-root .unified-form .field textarea {
  border-color: #d0e7db65;
  background: #12343aa3;
  backdrop-filter: blur(5px);
  border-radius: 5px;
  font-size: 20px;
  padding: 27px 16px 8px;
}
#grlab-contact-root .unified-form .field:focus-within input,
#grlab-contact-root .unified-form .field:focus-within textarea {
  background: #224b51d6;
  border-color: #deeedc;
  box-shadow:
    0 0 0 2px #d0e7dd13,
    0 0 28px #acd5cf38;
}
#grlab-contact-root .unified-form .field:focus-within > span,
#grlab-contact-root .unified-form .field.has-value > span {
  top: 8px;
  transform: scale(0.7);
}
#grlab-contact-root .unified-form fieldset {
  position: relative;
  inset: auto;
  grid-column: 1/3;
  height: auto;
  padding-top: 37px;
}
#grlab-contact-root .unified-form legend {
  top: 0;
  font-size: 27px;
  text-shadow: 0 2px 10px #06283170;
}
#grlab-contact-root .unified-form .services {
  grid-row: 3;
}
#grlab-contact-root .unified-form .subscriptions {
  grid-row: 4;
}
#grlab-contact-root .unified-form .choices {
  position: static;
  padding: 0;
  display: flex;
  gap: 13px;
}
#grlab-contact-root .unified-form .choice {
  flex: 1;
  min-height: 47px;
  font-size: 17px;
  padding: 10px 14px;
  border-radius: 24px;
  background: #13373a9e;
  backdrop-filter: blur(5px);
}
#grlab-contact-root .unified-form .choice.selected {
  background: #c5dbce;
  color: #17383d;
}
#grlab-contact-root .unified-form .subscriptions .choice {
  font-size: 16px;
  justify-content: center;
}
#grlab-contact-root .unified-form .message {
  grid-column: 1/3;
  grid-row: 5;
  height: 98px;
}
#grlab-contact-root .unified-form .message textarea {
  padding-top: 35px;
  font-size: 18px;
}
#grlab-contact-root .unified-form .message > span {
  font-size: 17px;
  top: 18px;
}
#grlab-contact-root .unified-form .message:focus-within > span,
#grlab-contact-root .unified-form .message.has-value > span {
  top: 8px;
}
#grlab-contact-root .unified-form .send {
  position: relative;
  inset: auto;
  grid-column: 1/3;
  grid-row: 6;
  width: 100%;
  height: 50px;
  align-self: end;
  font-size: 18px;
  border-radius: 26px;
  padding: 0 21px;
}
#grlab-contact-root .unified-form .status {
  top: calc(100% + 18px);
  left: 0;
  right: 0;
  font-size: 12px;
  text-align: left;
  color: #e6f1e4;
}
#grlab-contact-root .unified-form {
  height: 526px;
}
#grlab-contact-root .unified-form .field > span {
  z-index: 2;
}
#grlab-contact-root .unified-form .message {
  position: relative;
  inset: auto;
}
#grlab-contact-root .unified-form .services .choices {
  position: static;
  inset: auto;
}
#grlab-contact-root .unified-form .subscriptions .choices {
  padding-top: 0;
}
#grlab-contact-root header nav {
  position: absolute;
  left: 496.375px;
  top: 5px;
}
/* Mouvement exact de « 02 · En suspension », série des pivots. */
#grlab-contact-root .gr-home-logo {
  display: inline-block;
  width: var(--gr-logo-width, 150px);
  perspective: 900px;
  line-height: 0;
  overflow: visible;
  vertical-align: middle;
}
#grlab-contact-root .gr-home-logo__motion {
  display: block;
  transform-style: preserve-3d;
}
#grlab-contact-root .gr-home-logo__image {
  display: block;
  width: 100%;
  height: auto;
}
#grlab-contact-root .gr-home-logo[data-tone='white'] .gr-home-logo__image {
  filter: brightness(0) invert(1);
}
#grlab-contact-root .gr-home-logo[data-tone='black'] .gr-home-logo__image {
  filter: brightness(0);
}
#grlab-contact-root .gr-home-logo:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 8px;
}
#grlab-contact-root .gr-home-logo.is-animating .gr-home-logo__motion {
  animation: gr-lab-suspension 2s cubic-bezier(0.45, 0, 0.25, 1) both;
}
@keyframes gr-lab-suspension {
  0%,
  100% {
    transform: translateY(0) rotateY(0) rotateX(0);
  }
  30% {
    transform: translateY(-18px) rotateY(-25deg) rotateX(9deg);
  }
  65% {
    transform: translateY(-12px) rotateY(23deg) rotateX(-5deg);
  }
  86% {
    transform: translateY(2px) rotateY(-3deg) rotateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  #grlab-contact-root .gr-home-logo.is-animating .gr-home-logo__motion {
    animation: none;
  }
}
body.grlab-contact-canvas {
  margin: 0;
  background: #162a2c;
}
body.grlab-contact-canvas #grlab-contact-main {
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
}
#grlab-contact-root {
  width: 100%;
  margin: 0;
  padding: 0;
  isolation: isolate;
  line-height: normal;
}
#grlab-contact-root .grlc-stage {
  width: 100%;
  position: relative;
  aspect-ratio: 1672/941;
  overflow: clip;
}
#grlab-contact-root .grlc-frame {
  position: relative;
  width: 100%;
  height: 100%;
}
#grlab-contact-root .scene {
  isolation: isolate;
}
#grlab-contact-root header .brand {
  width: 154px;
}
#grlab-contact-root .grlc-honey {
  position: absolute;
  left: -10000px;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#grlab-contact-root [hidden] {
  display: none !important;
}
#grlab-contact-root .field input,
#grlab-contact-root .field textarea {
  min-width: 0;
  min-height: 0;
  max-width: none;
  text-indent: 0;
  letter-spacing: 0;
  text-transform: none;
}
#grlab-contact-root .motion {
  position: absolute;
  left: 225px;
  top: 713px;
  color: #eaf1e5;
  border-color: #b9d6cb60;
  background: #13373a9e;
}
#grlab-contact-root .motion:not(:focus-visible):not(:hover) {
  opacity: 0.7;
}
#grlab-contact-root .grlc-status {
  font-size: 16px !important;
  padding: 5px 8px;
  background: #13373ae8;
  border-radius: 4px;
}
#grlab-contact-root {
  font-weight: 400;
  letter-spacing: normal;
}
#grlab-contact-root .unified-form h2 {
  letter-spacing: normal;
}

/* Finitions validées : balayage du bouton, en-tête, couleurs et notice des données (ancien approved-contact.css) */
#grlab-contact-root .unified-form .services .choice {
  justify-content: center;
  gap: 0;
  text-align: center;
}
#grlab-contact-root .unified-form .services .choice-dot {
  display: none;
}
/* Balayage blanc identique au CTA Abonnements ; fond et texte Contact conserves. */
#grlab-contact-root .send::before {
  inset: 3px;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 20%, #ffffff26 48%, transparent 78%);
  animation: none;
  transform: translateX(-115%);
  transition: transform 0.65s ease;
  pointer-events: none;
}
#grlab-contact-root .send:is(:hover, :focus-visible)::before {
  transform: translateX(115%);
}
@media (prefers-reduced-motion: reduce) {
  #grlab-contact-root .send::before {
    transition: none !important;
    animation: none !important;
  }
}
#grlab-contact-root header {
  left: 0;
  right: auto;
  top: 0;
  width: 1672px;
  height: 105px;
  display: block;
  pointer-events: none;
}
#grlab-contact-root header a {
  pointer-events: auto;
}
#grlab-contact-root header .brand.gr-home-logo {
  position: absolute;
  left: 37px;
  top: 23px;
  width: 145px;
  height: 41.703125px;
}
#grlab-contact-root header .brand img {
  width: 145px;
  height: auto;
}
#grlab-contact-root .contact-light-tint {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 941px;
  pointer-events: none;
  user-select: none;
}
#grlab-contact-root .gr-contact[data-button-lights='true'] .send {
  background-color: #b3cdc8;
}
#grlab-contact-root .facets {
  cursor: default;
  overflow: visible;
}
#grlab-contact-root .facets canvas {
  cursor: default;
  pointer-events: none;
}
#grlab-contact-root header {
  --contact-neon: 179, 205, 200;
  z-index: 8;
}
#grlab-contact-root header .gr-home-logo {
  filter: drop-shadow(0 1px 3px #00000020);
}
#grlab-contact-root header .gr-home-logo[data-internal-sweep='true'] .gr-home-logo__cloud,
#grlab-contact-root header .gr-home-logo[data-internal-sweep='true'] .gr-home-logo__haze {
  display: none;
}
/* Color-only preview. Hover palette, surfaces, geometry and effects stay unchanged. */
#grlab-contact-root[data-cream-text='true']
  :is(
    .intro h1,
    .intro p,
    .unified-form h2,
    .field > span,
    .field input,
    .field textarea,
    .choice,
    .send,
    .grlc-status,
    .caption,
    .motion,
    .grlab-page-footer p
  ) {
  color: #f6f1e8 !important;
}
#grlab-contact-root[data-cream-text='true'] :is(input, textarea)::placeholder {
  color: #f6f1e8;
}
#grlab-contact-root[data-restored-button-text='true'] .unified-form .send {
  color: #1c383b !important;
}
/* Fixed pointer targets: retain the visual lift without moving the hover boundary. */
@font-face {
  font-family: ContactHomeNative;
  src: url('../../grlab-abonnements-wordpress/public/footer/assets/dm.woff');
  font-weight: 400;
  font-display: block;
}
/* The requested static copy keeps the ordinary pointer. */
#grlab-contact-root .intro h1,
#grlab-contact-root .intro h1 *,
#grlab-contact-root .intro p,
#grlab-contact-root .intro p *,
#grlab-contact-root .unified-form h2,
#grlab-contact-root .unified-form h2 *,
#grlab-contact-root .unified-form legend,
#grlab-contact-root .unified-form legend * {
  cursor: default;
}
#grlab-contact-root[data-cream-text] .unified-form .choice.selected {
  color: #1c383b !important;
}
html[data-contact-loading='true'] #grlab-contact-root {
  visibility: hidden;
}
/* Data notice under the form (15 October 2026 preview): opens the privacy window. */
#grlab-contact-root .grlc-privacy {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #f2f8f3;
  text-align: left;
  text-shadow:
    0 1px 2px #062022,
    0 0 10px #062022,
    0 0 18px #06202299;
}
#grlab-contact-root .grlc-privacy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
#grlab-contact-root .grlc-privacy a:is(:hover, :focus-visible) {
  opacity: 1;
  color: #fff;
}
/* 16 October 2026: both columns raised 49px so the form and its notice sit centred on the wall. */
#grlab-contact-root .gr-contact .unified-form {
  top: 161px;
}
#grlab-contact-root .gr-contact :is(.intro, .facets) {
  translate: 0 -49px;
}
/* Sending/confirmation message below the data notice instead of over it. */
#grlab-contact-root .unified-form .grlc-status {
  top: calc(100% + 34px);
}