@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url(fonts/outfit-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--sea:#0e4c68;--sea-2:#15607f;--sea-3:#1c7496;--foam:#8ecae6;--sand:#f7f4ec;--sand-2:#efe8d8;--stone:#e4d8c4;--clay:#d7151d;--clay-d:#b21118;--sun:#f8f020;--ink:#1a1814;--muted:#5c564e;--line:#e6dcc8;--serif:"Outfit",system-ui,sans-serif;--sans:"Figtree",system-ui,sans-serif}
.hero__img img{object-position:50% 68%}