*,

*::before,

*::after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



html,

body {

  height: 100%;

}



@font-face {

  font-family: "Olivetti Lettera";

  src: url("../public/brand/OlivettiLettera-Regular.otf") format("opentype");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



body {

  font-family: "Olivetti Lettera", Georgia, "Times New Roman", serif;

  background-color: #f4e9e1;

  color: #320d00;

}



.home {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  min-height: 100vh;

  padding: 2rem;

  text-align: center;

}



.home__content {

  display: flex;

  flex-direction: column;

  align-items: center;

  transform: translateY(-5vh);

}



.home__branding {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 1.5rem;

}



.home__logo {

  display: block;

  max-width: min(280px, 70vw);

  height: auto;

}



.home__email {

  font-size: 1rem;

  letter-spacing: 0.02em;

  color: #4a4a4a;

  text-decoration: none;

  transition: color 0.2s ease;

}



@media (min-width: 769px) {

  .home__branding {

    gap: 0;

    width: min(840px, 210vw);

    container-type: inline-size;

  }



  .home__logo {

    width: 100%;

    max-width: none;

  }



  .home__email {

    font-size: 3.5cqi;

    letter-spacing: 0.03em;

    white-space: nowrap;

    line-height: 1;

    /* Pull up to clear SVG padding below PRINT HOUND, then down by THE letter height (~56/936 of logo) */

    margin-top: calc(-8cqi + 56 / 936 * 100cqi);

  }

}



.home__email:hover,

.home__email:focus-visible {

  color: #320d00;

  text-decoration: underline;

  text-underline-offset: 0.2em;

}