/* FE Studios — Playful — styles */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#f6f4ee}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
::selection{background:#1a1814;color:#faf9f6}
.pix{image-rendering:pixelated;shape-rendering:crispEdges}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes drift{0%{transform:translateX(0)}100%{transform:translateX(26px)}}

/* hover & focus states */
.fx0:hover{color:var(--ink) !important}
.fx1:hover{color:var(--ink) !important}
.fx2:hover{transform:translateY(-1px) !important;background:#000 !important}
.fx3:hover{transform:translateY(-2px) !important;background:#000 !important}
.fx4:hover{color:var(--ink) !important}
.fx5:hover{color:var(--ink) !important}
.fx6:hover{transform:translateY(-2px) !important;background:#000 !important}
.fx7:hover{color:var(--ink) !important}
.fx8:hover{color:var(--ink) !important}
.fx9:focus{border-color:var(--ink) !important}
.fx10:focus{border-color:var(--ink) !important}
.fx11:focus{border-color:var(--ink) !important}
.fx12:hover{background:#000 !important}