@font-face{
  font-family:'Mokoko';
  src:url('../fonts/Mokoko-Medium.ttf') format('truetype');
  font-weight:400 500; /* single Medium cut serves the 400–500 range; site uses 450 */
  font-display:swap;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f6f2;color:#121212;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#121212;text-decoration:none}
a:hover{color:#059da5}
@keyframes fly{0%{transform:translate(0,0) rotate(0deg);opacity:1}100%{transform:translate(62vw,-46vh) rotate(-16deg);opacity:0}}
/* hover states — !important needed to beat the inline styles kept from the design source */
.hov-cyan:hover{border-bottom-color:#059da5!important}
.hov-pink:hover{border-bottom-color:#e90e8b!important}
.hov-dark:hover{border-bottom-color:#121212!important}
.btn-dark:hover{background:#059da5!important;color:#fff!important}
.btn-outline:hover{border-color:#121212!important;background:rgba(18,18,18,0.04)!important}
.btn-pink:hover{background:#121212!important;color:#fff!important}
.client:hover{color:rgba(18,18,18,0.85)!important}
.cell:hover{background:#fff!important}
.link-yellow:hover{color:#f5d90a!important;border-bottom-color:#f5d90a!important}
.link-cyan-d:hover{color:#059da5!important;border-bottom-color:#059da5!important}
.link-light:hover{color:#f7f6f2!important}
.launch-btn:hover{color:#e90e8b!important}