@font-face {
  font-family: "Michroma";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/michroma.woff2") format("woff2");
}
:root{--black:#111;--white:#fff;--muted:#333}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-height:100%}
html:has(.page-home),body:has(.page-home){height:100%;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem 4rem}
.page-home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;height:100dvh;min-height:0;max-height:100dvh;padding:1vh 1rem 1.6vh;overflow:hidden}
.page-home .hero-logo{position:static;display:block;width:auto;max-width:100%;height:auto;max-height:79vh;object-fit:contain;object-position:center center;flex:0 1 auto}
.page-home .paw-link {
  position: static;
  transform: none;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
  margin: -4.2vh 0 0;
  padding: 0 0.5rem 0.15rem;
  border: none;
  background: transparent;
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
  flex: 0 0 auto;
  transition: transform 0.18s ease;
}
.page-home .paw-icon {
  display: block;
  width: auto;
  height: clamp(1.75rem, 2.8vh, 1.96875rem);
  fill: currentColor;
}
.page-home .paw-label {
  font-family: "Michroma", "Syncopate", "Helvetica Neue", sans-serif;
  font-variant-caps: small-caps;
  font-variant: small-caps;
  letter-spacing: 0.28em;
  font-size: calc(clamp(1.75rem, 2.8vh, 1.96875rem) * 0.153);
  font-weight: 400;
  line-height: 1.15;
  color: inherit;
}
.page-home .paw-link:hover,.page-home .paw-link:focus-visible{transform:scale(1.07);outline:none}
.page-home .paw-link:focus-visible{outline:2px solid #111;outline-offset:5px}
.page-contact{justify-content:flex-start;padding-top:2.5rem}
@media (max-width:700px){.page-home{padding:1.5rem 1rem 1.75rem}.page-home .hero-logo{width:100%;max-height:72vh}.page-home .paw-link{margin-top:.35rem}}
.mark-link{display:block;margin:0 auto 2.75rem}
.mark-link img{display:block;width:min(72vw,280px);height:auto;margin:0 auto}
.btn,.page-title{font-variant:small-caps;letter-spacing:.22em;font-weight:500}
.btn{display:inline-block;margin-top:1rem;padding:.9rem 2.6rem;border:1.5px solid #111;background:#fff;color:#111;text-decoration:none;font-size:.95rem;line-height:1;cursor:pointer;text-align:center}
.btn:hover,.btn:focus-visible{background:#111;color:#fff;outline:none}
.page-title{margin:0 0 2rem;font-size:1.15rem;text-align:center}
.page-contact .page-title{font-family:"Michroma","Helvetica Neue",sans-serif}
.note{margin:0 auto .75rem;max-width:34rem;text-align:center;font-size:1rem;line-height:1.5;letter-spacing:.02em;color:#333}
.home-link{margin-top:2.5rem}