@font-face{font-family:Syne;src:url('./assets/fonts/syne-400-800-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('./assets/fonts/hanken-grotesk-400-700-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{
  --salt:#f6e9d4;
  --ink:#102e45;
  --kelp:#1c493e;
  --atlantic:#234e68;
  --shell-pink:#f1b7ba;
  --sunset:#f28c5c;
  --rose:#d998b4;
  --sea-glass:var(--shell-pink);
  --muted:#3b5262;
  --rule:#102e4540;
  --font-display:Syne,Arial,sans-serif;
  --font-body:'Hanken Grotesk',Arial,sans-serif;
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;
  --space-6:48px;--space-8:64px;--space-12:96px;--space-16:128px;
  --gutter:clamp(24px,4vw,72px);
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
  font-family:var(--font-body);color:var(--ink);background:var(--salt);
  font-synthesis:none;scrollbar-color:var(--kelp) var(--salt);scroll-behavior:smooth;
}
*{box-sizing:border-box}
body{margin:0;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
body,h1,h2,h3,p{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
button{color:inherit;cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
img,video{display:block;max-width:100%}
svg{display:block}
::selection{background:var(--sea-glass);color:var(--ink)}
:focus-visible{outline:2px solid currentColor;outline-offset:6px}
input,textarea{caret-color:var(--kelp)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px}
[hidden]{display:none!important}
.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:1;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.brand>span{white-space:nowrap}
.brand-mark{width:196px;height:auto}
.mediaoric-lockup{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:4px 0;color:var(--ink);text-decoration:none}
.mediaoric-lockup::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 400ms var(--ease)}
.mediaoric-comet{width:46px;height:auto;filter:brightness(0)}
.mediaoric-wordmark{width:166px;height:auto;filter:brightness(0)}
.mediaoric-lockup:hover::after,.mediaoric-lockup:focus-visible::after{transform:scaleX(1)}
@media(max-width:680px){.brand-mark{width:160px}}
@media(max-width:360px){.brand-mark{width:144px}}
.text-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:16px;font-weight:500;text-decoration:none}
.text-action .action-label{padding-block:4px;border-bottom:1px solid currentColor}
.text-action:hover .action-label{border-bottom-width:2px}
.arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.text-action .arrow,.button .arrow{transition:transform 320ms var(--ease)}
.text-action:hover .arrow,.text-action:focus-visible .arrow,.button:hover .arrow,.button:focus-visible .arrow{transform:translateX(4px)}
.back-link:hover .arrow,.back-link:focus-visible .arrow{transform:translateX(-4px)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;border:1px solid var(--ink);border-radius:99px;padding:14px 24px;background:var(--ink);color:var(--salt);font-size:16px;font-weight:500;text-decoration:none;transition:background-color 180ms var(--ease),color 180ms var(--ease)}
.button:hover{background:var(--kelp)}
.button--light{color:var(--ink);background:var(--salt);border-color:var(--salt)}
.button--light:hover{background:var(--sea-glass)}
.skip-link{position:fixed;top:12px;left:var(--gutter);z-index:20;background:var(--salt);color:var(--ink);padding:12px 20px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.text-action .arrow,.button .arrow{transform:none!important}}
