@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root{
  --pm-ink:#171713;
  --pm-ink-soft:#5f6059;
  --pm-paper:#f7f6f1;
  --pm-white:#ffffff;
  --pm-line:rgba(23,23,19,.11);

  --pm-forest:#18362d;
  --pm-forest-deep:#0b211b;
  --pm-sage:#8ea797;
  --pm-mist:#dfe5df;
  --pm-sand:#d7c6a7;

  --pm-serif:'Playfair Display', Georgia, serif;
  --pm-sans:'DM Sans','Helvetica Neue',Arial,sans-serif;

  --pm-radius-sm:14px;
  --pm-radius-md:24px;
  --pm-radius-lg:36px;

  --pm-shadow:
    0 24px 70px rgba(15,25,20,.12);
}

*{
  box-sizing:border-box;
}

html{
  min-height:100%;
  background:var(--pm-paper);
}

body{
  margin:0;
  min-height:100%;
  font-family:var(--pm-sans);
  color:var(--pm-ink);
  background:var(--pm-paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{
  color:inherit;
}

button,
a{
  -webkit-tap-highlight-color:transparent;
}

.pm-eyebrow{
  margin:0;
  font-size:11px;
  line-height:1;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.pm-display{
  margin:0;
  font-family:var(--pm-serif);
  font-weight:500;
  letter-spacing:-.035em;
}

.pm-button{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 24px;

  border:0;
  border-radius:999px;

  font-family:var(--pm-sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;

  text-decoration:none;
  cursor:pointer;

  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.pm-button:hover{
  transform:translateY(-2px);
}

.pm-button:active{
  transform:translateY(0);
}

.pm-button-dark{
  color:#fff;
  background:var(--pm-forest-deep);
  box-shadow:0 12px 32px rgba(4,20,15,.22);
}

.pm-button-dark:hover{
  background:#102b22;
}

.pm-arrow{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
}

.pm-arrow svg{
  width:14px;
  height:14px;
}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}