/* Globetrotter: travel poster. Big Shoulders for display, Funnel Sans for text. */
@font-face { font-family: Shoulders; src: url(/fonts/big-shoulders-display-latin-900-normal.woff2) format('woff2'); font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Shoulders; src: url(/fonts/big-shoulders-display-latin-ext-900-normal.woff2) format('woff2'); font-weight: 900; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Shoulders; src: url(/fonts/big-shoulders-display-latin-700-normal.woff2) format('woff2'); font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Shoulders; src: url(/fonts/big-shoulders-display-latin-ext-700-normal.woff2) format('woff2'); font-weight: 700; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Funnel; src: url(/fonts/funnel-sans-latin-500-normal.woff2) format('woff2'); font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Funnel; src: url(/fonts/funnel-sans-latin-ext-500-normal.woff2) format('woff2'); font-weight: 500; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Funnel; src: url(/fonts/funnel-sans-latin-700-normal.woff2) format('woff2'); font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Funnel; src: url(/fonts/funnel-sans-latin-ext-700-normal.woff2) format('woff2'); font-weight: 700; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Funnel; src: url(/fonts/funnel-sans-latin-800-normal.woff2) format('woff2'); font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Funnel; src: url(/fonts/funnel-sans-latin-ext-800-normal.woff2) format('woff2'); font-weight: 800; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --sea: #1f5a92; --sea2: #174a7b; --navy: #10233a; --orange: #ff6a3d; --sun: #ffd23f; --cream: #fff7e8; --sand: #ffd9a0;
  --a: #ff6a3d; --b: #2f8cff; --c: #e8b400; --d: #1fae7f; --good: #1fae7f; --bad: #ff4d4d;
  --ease: cubic-bezier(.2,.8,.2,1); --spring: cubic-bezier(.34,1.56,.64,1);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--sea); color: var(--cream); font-family: Funnel, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
input { font: inherit; color: inherit; }
.hidden { display: none !important; }
.disp { font-family: Shoulders, Impact, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: .005em; }
.ava { display: inline-grid; place-items: center; border-radius: 50%; background: var(--pc, #333); line-height: 1; flex: none; box-shadow: inset 0 -4px 0 rgba(0,0,0,.18); }
.o0 { --oc: var(--a); } .o1 { --oc: var(--b); } .o2 { --oc: var(--c); } .o3 { --oc: var(--d); }