/* Homepage space artwork v1. Existing Why Rawrawk copy and section order retained. */
.home-why { padding-block: 0 clamp(52px,6vw,80px); }
.home-space {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #171516;
  border-block: 1px solid rgba(255,242,135,.14);
}
.home-space__image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home-space::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(23,21,22,.88),rgba(23,21,22,.64) 35%,rgba(23,21,22,.05) 72%);
}
.home-space__inner { display: flex; align-items: center; min-height: clamp(390px,33vw,470px); padding-block: 60px; }
.home-space__copy { width: min(46%,470px); }
.home-space .eyebrow { font-size: .75rem; letter-spacing: .18em; margin-bottom: 18px; }
.home-space h2 { color: #f1eee6; font-size: clamp(2rem,3.4vw,3rem); line-height: 1.1; letter-spacing: -.025em; max-width: 15ch; margin-bottom: 22px; }
.home-space .lead { color: #dfd9ce; font-size: 1rem; line-height: 1.65; max-width: 43ch; }
.home-why__principles { padding-top: 42px; }
.home-why .feature { margin: 0; }
@media (min-width: 701px) and (max-width: 1000px) {
  .home-space__copy { width: 53%; }
  .home-space::before { background: linear-gradient(90deg,rgba(23,21,22,.96),rgba(23,21,22,.75) 40%,rgba(23,21,22,.06) 90%); }
}
@media (max-width: 700px) {
  .home-space__image {
    position: relative;
    z-index: 0;
    height: auto;
    aspect-ratio: 8 / 5;
    object-fit: cover;
    object-position: 78% center;
  }
  .home-space::before { display: none; }
  .home-space__inner { min-height: 0; padding-block: 30px 34px; }
  .home-space__copy { width: 100%; }
  .home-space h2 { font-size: 2rem; max-width: 17ch; margin-bottom: 20px; }
  .home-why__principles { padding-top: 32px; }
}