@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:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--sea:#16191a;--sea-2:#22282a;--sea-3:#353d40;--foam:#d4e6e8;--sand:#f6f4ee;--sand-2:#ece7dc;--stone:#d8cfbd;--clay:#a3401b;--clay-d:#803215;--sun:#e2a83c;--ink:#16191a;--muted:#575d5f;--line:#e1dbcf;--r:16px;--rl:22px;--serif:"Bricolage Grotesque",system-ui,sans-serif;--sans:"Figtree",system-ui,sans-serif}
.hero__img img{object-position:50% 30%}