:root {
  --font-body: Wonder W05 Extralight, sans-serif;
  --font-headings: Mustica Pro, sans-serif;
  --color-a: #182C3C;
  --color-b: #62A3D6;
  --color-c: #F5AF8A;
  --color-d: #ECE4DF;
  --color-e: #F7F4F2;
  --color-body: #52616D;
  --color-bg: #FFF;
  --color-border: rgba(24, 44, 60, .2);
  --color-border-light: rgba(24, 44, 60, .1);
  --color-link-border: rgba(24, 44, 60, .4);
  --color-footer-bg: rgba(236, 228, 223, .6);
  --layout-width: 88.75rem;
  --horizontal-padding: clamp(1.5625rem, calc(.319rem + 5.31vw), 5.625rem);
  --vertical-padding: clamp(2.375rem, calc(1.189rem + 5.06vw), 6.25rem);
  --grid-gap: 1.25rem;
  --border-radius: 5px;
  --zindex-dropdown: 1000;
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-popover: 1040;
  --zindex-tooltip: 1050;
  --zindex-modal-backdrop: 1060;
  --zindex-modal: 1070;
  --ease-default: cubic-bezier(.4, 0, .2, 1);
  --ease-quint: cubic-bezier(.83, 0, .17, 1);
  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
  --ease-back: cubic-bezier(.68, -.6, .32, 1.6)
}

@font-face {
	font-family: 'Mustica Pro';
	src: url('/fonts/subset-MusticaPro-SemiBold.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mustica Pro';
	src: url('/fonts/subset-MusticaPro-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mustica Pro';
	src: url('/fonts/0da2a05a-fc1d-41a5-ae36-6e7d8bb8bd6f.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
}

html {
	font-size: 100%;
	scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

body {
	position: relative;
	font-family: var(--font-body);
	color: var(--color-body);
	font-size: clamp(1rem, calc(0.887rem + 0.48vw), 1.188rem);
	line-height: 1.58;
}

a {
	color: inherit;
	transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
	text-decoration: none;
}

p {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

p:last-child {
  margin-bottom: 0;
}

:is(ul, ol):where([class]) {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  display: block;
}

.country-splash {
  position: fixed;
  inset: 0;
  z-index: 99991;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--horizontal-padding);
  background-color: var(--color-a);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.country-splash__bg {
  z-index: -1;
  position: absolute;
  overflow: hidden;
  inset: 0
}

.country-splash__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.country-splash__layout {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 43.75rem;
  max-width: 100%;
  padding: clamp(2rem, calc(-1.531rem + 15.06vw), 5.625rem);
  border-radius: var(--border-radius);
  text-align: center;
  background: #fff;
  gap: 1.375rem
}

.country-splash__logo {
  max-width: 11.875rem
}

.country-splash__text {
  max-width: 21.25rem;
  margin-inline: auto
}

@media (max-width: 43.6875em) {
  .country-splash__text {
    margin-bottom: 0
  }
}

.country-splash__links {
  display: flex;
  justify-content: center;
  gap: clamp(1.25rem, calc(-.192rem + 6.15vw), 2.5rem)
}

.country-splash__links>li {
  flex-shrink: 0
}

.country-splash__links a {
  font-family: var(--font-headings);
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
}

.country-splash__links a:is(:hover, :focus) {
  outline: 0
}

.country-splash__links a:is(:hover, :focus) img {
  border-color: var(--color-b)
}

.country-splash__links img {
  width: 6.25rem;
  border-radius: .625rem;
  overflow: hidden;
  border: 5px solid var(--color-border-light);
  transition: .3s var(--ease-default)
}

@media (min-width: 43.75em) {
  .country-splash__links img {
    width: 8.75rem
  }
}