.hero {
  min-height: 0;
  isolation: isolate;
  background: #f5f3ed;
}
.hero .hero-art {
  inset: 7% 3% auto auto;
  width: 51%;
  height: 82%;
  object-fit: cover;
  object-position: 72% center;
}
.hero .hero-inner {
  padding: clamp(4rem, 8vw, 8rem) 0 clamp(5rem, 10vw, 9rem);
}
.hero-index {
  margin: 0 0 2rem;
  color: #42675e;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
}
.hero .hero-inner h1 {
  font-size: clamp(2.4rem, 5.1vw, 5.2rem);
  line-height: 1.17;
}
.hero .hero-copy { max-width: 25em; width: 42%; }
.hero .hero-bottom { color: #173e46; }
.works-section { background: #f2f5f1; }
.work-spec { margin: 1.25rem 0; border-top: 1px solid #cddbd4; }
.work-spec div {
  display: grid;
  grid-template-columns: 6em 1fr;
  gap: .5rem;
  padding: .65rem 0;
  border-bottom: 1px solid #cddbd4;
  font-size: .85rem;
}
.work-spec dt { font-weight: 700; }
.work-spec dd { margin: 0; }
.brochure-section { background: #e8eee8; }
.brochure-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 8vw, 8rem);
}
.brochure-cover {
  display: grid;
  gap: 1rem;
  max-width: 28rem;
  padding: clamp(1.2rem, 3vw, 2.8rem);
  background: #fffdf6;
  border-top: .5rem solid #9fc9b7;
  box-shadow: 1rem 1.2rem 2.8rem #173e4624;
}
.brochure-cover span { font-size: .72rem; font-weight: 700; letter-spacing: .09em; }
.brochure-cover strong { font-size: clamp(1.6rem, 3.2vw, 3rem); line-height: 1.2; }
.brochure-cover img { display: block; width: 100%; height: auto; }
.brochure-copy h2 { font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1.24; }
.brochure-copy p { margin: 1.25rem 0; }
@media (max-width: 760px) {
  .hero { display: flex; flex-direction: column; }
  .hero .hero-inner { order: -1; padding: 2.6rem 0 1.6rem; }
  .hero .hero-inner::before { display: none; }
  .hero .hero-art { position: static; width: 100%; height: auto; aspect-ratio: 16 / 8; object-fit: cover; }
  .hero .hero-copy { width: 100%; }
  .hero .hero-bottom { position: static; padding: .9rem 1.2rem; }
  .hero-index { margin-bottom: 1.15rem; }
  .brochure-grid { grid-template-columns: 1fr; }
  .brochure-copy { grid-row: 1; }
}