@import url(fonts/fonts.css);

:root {
  --navy: #002d59; --navy-2: #001d3b; --yel: #ffc72c;
  --ink: #081a30; --ink-2: #44546a; --line: rgba(0, 45, 89, .14);
  --pad: clamp(16px, 4vw, 56px); --max: 1280px;
  --disp: Saira, "Arial Narrow", sans-serif; --body: Geist, Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font: 400 17px/1.6 var(--body); color: var(--ink); overflow-x: clip; }
img, video, svg { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; }
h1, h2, h3, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
.wrap { width: min(100% - 2 * var(--pad), var(--max)); margin-inline: auto; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 50; padding: 10px 14px; background: var(--yel); color: var(--navy); font-weight: 600; }
.skip:focus { top: 12px; }
:focus-visible { outline: 2px solid var(--yel); outline-offset: 3px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.langs { display: flex; gap: 10px; font: 600 13px/1 var(--body); letter-spacing: .04em; }
.langs span { opacity: .85; }
.langs [aria-current] { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }

.menu-b { display: none; background: none; border: 1px solid currentColor; padding: 9px 14px; font-weight: 600; font-size: 14px; cursor: pointer; }

.note { font-size: 13px; opacity: .75; }

/* reveal */
.js [data-r] { opacity: 0; translate: 0 22px; transition: opacity .8s cubic-bezier(.2, .7, .2, 1), translate .8s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--d, 0) * 90ms); }
.js [data-r].in { opacity: 1; translate: 0 0; }

@media (max-width: 860px) {
  .menu-b { display: block; }
  .js .nav { display: none; }
  .js .nav.open { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js [data-r] { opacity: 1; translate: none; transition: none; }
  *, *::before, *::after { animation: none !important; transition-duration: 0s !important; }
}