/* Accueil : bandeau jaune qui défile et gros arrondis alternés (voir fx.js). */

/* ---- Rubans inclinés qui défilent, à cheval sur la jonction de deux sections ---- */
@font-face{font-family:'Bricolage Tape';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/bricolage-tape.woff2) format('woff2')}
.cx-tape{position:relative;height:0;z-index:30;pointer-events:none;user-select:none}
.cx-tape__band{
  position:absolute;left:-6%;width:112%;top:0;overflow:hidden;padding-block:clamp(9px,1.1vw,14px);
  transform:translate3d(0,-50%,0) rotate(var(--tilt,-1.2deg));background:#E9B44C;color:#071C26;
  box-shadow:0 8px 22px rgba(7,28,38,.2);
}
.cx-tape--larch .cx-tape__band{background:#E9B44C;--tilt:1.8deg}
.cx-tape--glacier .cx-tape__band{background:#BFE3E8;--tilt:-1.4deg}
.cx-tape__run{display:flex;width:max-content;animation:cx-tape 80s linear infinite}
.cx-tape--rev .cx-tape__run{animation-direction:reverse;animation-duration:58s}
.cx-tape__run span{display:flex;align-items:center;flex:none;font-family:'Bricolage Tape','Bricolage Grotesque',system-ui,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.15rem,2.4vw,2.1rem);line-height:1;letter-spacing:.005em;white-space:nowrap}
.cx-tape__run svg{width:.7em;height:.7em;margin-inline:.7em;flex:none}
@keyframes cx-tape{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.cx-tape__run{animation:none}}

/* Plus d'air entre les sections de l'accueil */
.cx-sec{padding-block:clamp(88px,12vw,168px)}

/* ---- Grande phrase mi-pleine mi-filet en tête de la section contact ---- */
@font-face{font-family:'Bricolage Giant';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/bricolage-giant.woff2) format('woff2')}
.cx-giant{position:relative;height:clamp(5.2rem,11.5vw,10.5rem);margin-bottom:clamp(44px,6vw,88px);pointer-events:none;user-select:none}
.cx-giant__txt{
  position:absolute;left:0;top:0;white-space:nowrap;will-change:transform;
  font-family:'Bricolage Giant','Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:clamp(4.4rem,12.5vw,11.5rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1.6px rgba(255,93,115,.85);
}
.cx-giant__txt .cx-fill{color:#FF5D73;-webkit-text-stroke:0}
@media (max-width:700px){.cx-giant__txt{-webkit-text-stroke-width:1.2px}}