/* Miresev · Puerto Plata. Fonts self-hosted under the SIL Open Font License. */
@font-face {
  font-family: 'Italiana';
  src: url('fonts/italiana.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('fonts/jost.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --miresev-black: #111111;
  --miresev-white: #ffffff;
  --miresev-ocean: #52b5bf;
  --miresev-ocean-ink: #237780;
  --miresev-sand: #f3e4c8;
  --miresev-coconut: #24734e;
  --miresev-heading: 'Italiana', Georgia, serif;
  --miresev-body: 'Jost', Arial, sans-serif;
}
body.miresev-landing {
  --paper: var(--miresev-sand);
  --ink: var(--miresev-black);
  --muted: #50534b;
  --line: #d4c5a8;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--miresev-body);
}
.miresev-landing .brand {
  font-family: var(--miresev-heading);
  font-size: 42px;
  font-weight: 400;
  letter-spacing: -.8px;
}
.miresev-landing .brand span { color: var(--miresev-ocean); }
.miresev-landing h1 {
  font-family: var(--miresev-heading);
  font-size: clamp(64px, 7.5vw, 104px);
  font-weight: 400;
  line-height: .97;
  letter-spacing: -2.8px;
}
.miresev-landing h1 em { font-style: normal; color: var(--miresev-ocean-ink); font-weight: 400; }
.miresev-landing .eyebrow { color: var(--miresev-coconut); line-height: 1.7; letter-spacing: 2px; }
.miresev-landing .intro { font-size: 16px; line-height: 1.9; max-width: 350px; }
.miresev-landing .login {
  color: var(--miresev-black);
  background: var(--miresev-ocean);
  border-color: var(--miresev-ocean);
  padding: 14px 24px;
  font-size: 13px;
}
.miresev-landing .login:hover { color: var(--miresev-white); background: var(--miresev-coconut); border-color: var(--miresev-coconut); }
.miresev-landing a:focus-visible { outline-color: var(--miresev-coconut); }
.miresev-landing .note { color: var(--miresev-coconut); font-size: 12px; font-weight: 600; }
.miresev-landing .note::before { background: var(--miresev-coconut); }
.miresev-landing .art { background: var(--miresev-white); border: 12px solid var(--miresev-white); border-bottom-width: 18px; box-shadow: 0 18px 44px #76674312; }
.miresev-landing .caption { color: var(--miresev-coconut); font-size: 10px; letter-spacing: 1.2px; }
.miresev-landing footer { font-size: 11px; }
@media (max-width:700px) {
  .miresev-landing .brand { font-size: 36px; }
  .miresev-landing .login { padding: 12px 18px; gap: 14px; }
  .miresev-landing h1 { font-size: clamp(58px, 13vw, 80px); letter-spacing: -1.5px; }
  .miresev-landing .eyebrow { font-size: 10px; }
  .miresev-landing .art { border-width: 9px; border-bottom-width: 14px; }
  .miresev-landing footer { flex-wrap: wrap; gap: 10px; }
}