@font-face{font-family:Gotham;src:url("../fonts/Gotham-Book.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Medium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Black.woff") format("woff");font-weight:900;font-display:swap}
@font-face{font-family:Nimbus;src:url("../fonts/NimbusSansNarrow-Bold.otf") format("opentype");font-weight:700;font-display:swap}

:root{
  --navy:#062d50;
  --navy-2:#0c4266;
  --green:#c9ee91;
  --green-strong:#8cd85a;
  --teal:#6fcdb9;
  --yellow:#f7e69c;
  --coral:#ef6258;
  --sand:#f7f4eb;
  --white:#fff;
  --ink:#062d50;
  --muted:#40576d;
  --line:rgba(6,45,80,.18);
  --icon-card:60px;
  --icon-feature:76px;
  --icon-aside:112px;
  --pro-grid-icon-size:64px;
  --pattern:url("../brand/babyhealth-zellige.svg");
  --container:1180px;
  --wide:1320px;
  --header-height:124px;
  --radius:0;
  --shadow:0 18px 50px rgba(6,45,80,.14);
  --ease:cubic-bezier(.2,.75,.2,1);
}

@media (min-width:1600px){
  :root{--container:1380px;--wide:1560px;--header-height:138px}
}

@media (max-width:1200px){
  :root{--header-height:76px}
}

@media (max-width:1080px){
  :root{--header-height:76px}
}