:root{
  --brand-navy:#3A506B;
  --paper:#FAF7F3;
  --white:#FFFFFF;

  --navy:#1A2330;

  --deep-night:#101823;
  --surface-night:#1B2533;

  --golden:#E79066;
  --copper-arc:#D37A34;
  --dusk:#2A201B;

  --lapis:#466894;

  --vermilion:#AF4B28;
  --copper-cta:#AF4B28;
  --ember:#D97A50;

  --ink:#2A201B;
  --cream:#FAF7F3;

  --font-regular:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --font-semi-mono:ui-monospace,'SFMono-Regular',Menlo,Monaco,Consolas,'Liberation Mono',monospace;

  --hairline:1px solid rgba(42,32,27,.28);
  --hairline-strong:1px solid rgba(42,32,27,.4);
  --hairline-cream:1px solid rgba(242,239,232,.22);
}

html{
  min-height:100%;font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;border-radius:0;font-style:normal!important}

body{
  min-height:100%;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-regular);
  line-height:1.5;
}

button,input,select,textarea{font:inherit}
button,[type="button"],[type="submit"],[type="reset"],a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}

.visually-hidden,.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;
}

.skip-link{
  position:fixed;top:10px;left:10px;z-index:1000;max-width:calc(100vw - 20px);
  min-height:44px;
  padding:12px 16px;background:var(--paper);color:var(--ink);border:1px solid currentColor;
  font-family:var(--font-semi-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  transform:translateY(calc(-100% - 20px));transition:transform .16s ease;
}
.skip-link:focus{transform:none}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--ember);outline-offset:3px;
}

.tap-target,[data-touch-target]{min-inline-size:44px;min-block-size:44px}

.is-scroll-locked{
  position:fixed!important;inset-inline:0;width:100%;overflow:hidden!important;
  top:var(--overlay-scroll-offset,0)!important;
}

body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:35;opacity:.09;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

.mono{font-family:var(--font-semi-mono);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:400}
.mono-s{font-family:var(--font-semi-mono);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px}

.t-fraunces{font-family:var(--font-regular);font-size:34px;line-height:1.2}

.t-news{font-family:var(--font-regular);font-size:23px;opacity:.9}

.t-mono{font-family:var(--font-semi-mono);text-transform:uppercase;letter-spacing:.16em;font-size:12px}

.wrap{max-width:1080px;margin:0 auto;padding:0 48px}
.hairline{border:none;border-top:var(--hairline)}

@media (max-width:767px){
  input,select,textarea{font-size:16px!important}
}

@media (min-width:768px){
  html{scrollbar-gutter:stable}
}

@media (pointer:coarse){
  .tap-target,[data-touch-target]{display:inline-flex;align-items:center;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .skip-link{transition:none}
}
