/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: Vyro Body;
  src: url(/assets/vyro/barlow-regular.woff) format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Vyro Headlines;
  src: url(/assets/vyro/barlow-semi-condensed-medium.woff) format("woff");
  font-weight: 500;
  font-display: swap;
}
.vyro-page {
  background: #f4f3ef;
}
.vyro-case {
  color: #252825;
}
.vyro-case .nagi-intro {
  background: #f4f3ef;
}
.vyro-case .nagi-intro h1 {
  letter-spacing: -.035em;
}
.vyro-section {
  padding: 100px 8%;
  scroll-margin-top: 100px;
  background: #f4f3ef;
}
.vyro-section h2,.vyro-section h3,.vyro-section p {
  font-family: Vyro Body,sans-serif;
}
.vyro-section h2 {
  font-weight: 500;
  letter-spacing: -.035em;
}
.vyro-section p {
  line-height: 1.75;
  font-size: 1.05rem;
}
.vyro-section .nagi-label {
  color: #6b776e;
}
.vyro-signature {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 65px 10%;
  background: #e8e6e0;
  margin: 45px 0 80px;
}
.vyro-signature img {
  width: min(620px, 100%);
  height: auto;
}
.vyro-signature span {
  font-size: .75rem;
  letter-spacing: .08em;
  margin-top: 40px;
}
.vyro-subhead {
  max-width: 720px;
  margin: 65px 0 35px;
}
.vyro-subhead h3,.vyro-divider h3 {
  font-size: clamp(2rem, 3.2vw, 3.2rem);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.15;
  margin: 22px 0;
}
.vyro-palette {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 20px;
}
.vyro-palette article>div {
  height: 130px;
  margin-bottom: 20px;
}
.vyro-palette strong,.vyro-palette span {
  display: block;
  font-size: .9rem;
  margin: 8px 0;
}
.vyro-palette p {
  font-size: .85rem;
  color: #666;
}
.vyro-specimen {
  font-family: Vyro Body,sans-serif;
  font-size: 6.5rem;
  line-height: 1.1;
  height: 180px;
  display: flex;
  align-items: center;
}
.vyro-specimen.medium {
  font-weight: 500;
}
.vyro-case .vyro-board {
  margin: 55px 0 0;
}
.vyro-board img {
  display: block;
  width: 100%;
  height: auto;
  filter: none;
}
.vyro-board figcaption {
  font-size: .75rem;
  letter-spacing: .06em;
  line-height: 1.6;
  margin-top: 20px;
  color: #707570;
}
.vyro-dark {
  background: #222725;
  color: #f4f3ef;
}
.vyro-dark .nagi-section-heading p,.vyro-dark .vyro-divider p {
  color: #cbd0cb;
}
.vyro-dark .nagi-label,.vyro-dark figcaption {
  color: #b7beb6;
}
.vyro-divider {
  max-width: 740px;
  margin: 85px 0 35px;
}
.vyro-page footer {
  background: #171717;
  color: #999;
}
.vyro-lab-feature>img {
  object-fit: cover !important;
}
.vyro-case .nagi-font-card {
  min-width: 0;
}
@media (max-width:600px) {
  .vyro-section {
    padding: 65px 6%;
  }
  .vyro-signature {
    padding: 45px 7%;
    margin-bottom: 55px;
  }
  .vyro-palette {
    grid-template-columns: repeat(2,1fr);
  }
  .vyro-palette article>div {
    height: 100px;
  }
  .vyro-specimen {
    height: 130px;
    font-size: 4.5rem;
  }
  .vyro-case .nagi-font-list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .vyro-board {
    margin-top: 35px;
  }
  .vyro-board figcaption {
    font-size: .7rem;
  }
  .vyro-case .nagi-section-nav {
    gap: 20px;
    flex-wrap: wrap;
  }
  .vyro-divider {
    margin-top: 60px;
  }
}
.vyro-full-link {
  display: inline-block;
  font-size: .75rem;
  letter-spacing: .07em;
  border-bottom: 1px solid currentColor;
  padding: 10px 0;
  margin-top: 8px;
}
.vyro-case a:focus-visible {
  outline: 2px solid #8d7767;
  outline-offset: 5px;
}
.vyro-section h2,.vyro-section h3,.vyro-case .nagi-closing h2 {
  font-family: Vyro Headlines,sans-serif;
  font-weight: 500;
  letter-spacing: -.02em;
}
.vyro-case .nagi-closing p {
  font-family: Vyro Body,sans-serif;
}