/* Dog House Cat Pet Supply Co. One static page; nothing loads from another host. */
@font-face {
  font-family: "League Gothic";
  src: url("/fonts/league-gothic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink: #00143a;
  --text: #1c1c1c;
  --paper: #fdfdfd;
  --tag: #bfa944;
  --display: "League Gothic", "Arial Narrow", "Helvetica Neue Condensed", Impact, sans-serif;
  --body: Georgia, "Times New Roman", Times, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--text);
  background: var(--paper);
  font-family: var(--body);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.masthead { padding: 1.25rem 1rem 1.5rem; text-align: center; }
.logo { width: clamp(132px, 18vw, 190px); height: auto; }

.hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: clamp(22rem, 62vw, 48rem);
  padding: 3rem clamp(1rem, 9vw, 7.5rem);
  background: #e9e6e1;
}
.hero-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 62%;
  opacity: 0.34;
}
.hero h1 {
  position: relative;
  margin: 0;
  color: var(--ink);
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(4.25rem, 21vw, 17.5rem);
  line-height: 0.84;
  letter-spacing: -0.005em;
}
.star { letter-spacing: 0; }

.note {
  max-width: 44rem;
  margin: clamp(4rem, 14vw, 11rem) auto 0;
  padding: 0 1.25rem;
  text-align: center;
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(1.5rem, 3.2vw, 2rem);
  line-height: 1.2;
}
.contact {
  margin: 2.25rem auto clamp(4rem, 14vw, 11rem);
  padding: 0 1.25rem;
  text-align: center;
}
.contact a { color: var(--ink); text-underline-offset: 3px; }
.contact a:hover { color: #7b6a1c; }
:focus-visible { outline: 3px solid var(--tag); outline-offset: 3px; }

footer {
  border-top: 1px solid #e3e1dc;
  padding: 1.75rem 1rem 2.5rem;
  text-align: center;
  font-size: 0.95rem;
  color: #55524c;
}
footer p { margin: 0; }