body.personal-home-page .featured-work {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  align-items: stretch;
  gap: clamp(32px, 6vw, 100px);
  margin: 72px 0 32px;
  padding: 0 clamp(18px, 4vw, 62px);
  color: #25362d;
}

body.personal-home-page .featured-work + .featured-work { margin-top: 108px; }
body.personal-home-page .featured-work--bazi .featured-work-image { background: #e4d9c9; }
body.personal-home-page .featured-work--bazi .featured-work-image > span { color: #80613f; }
body.personal-home-page .featured-work--bazi .featured-work-label { color: #80613f; }
body.personal-home-page .featured-work--bazi .featured-work-link { color: #80613f; border-color: #80613f; }
body.personal-home-page .featured-work--bazi .featured-work-link:hover { color: #61452b; }
body.personal-home-page .featured-work--ziwei .featured-work-image { background: #d7d6dd; }
body.personal-home-page .featured-work--ziwei .featured-work-image > span { color: #524c68; }
body.personal-home-page .featured-work--ziwei .featured-work-label { color: #524c68; }
body.personal-home-page .featured-work--ziwei .featured-work-link { color: #524c68; border-color: #524c68; }
body.personal-home-page .featured-work--ziwei .featured-work-link:hover { color: #39324e; }
body.personal-home-page .featured-work--astrology .featured-work-image { background: #d8dedf; }
body.personal-home-page .featured-work--astrology .featured-work-image > span { color: #25465a; }
body.personal-home-page .featured-work--astrology .featured-work-label { color: #25465a; }
body.personal-home-page .featured-work--astrology .featured-work-link { color: #25465a; border-color: #25465a; }
body.personal-home-page .featured-work--astrology .featured-work-link:hover { color: #142c3b; }

.featured-work-image {
  position: relative;
  display: block;
  min-height: 520px;
  overflow: hidden;
  color: #25362d;
  background: #e9e1d2;
}

.featured-work-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 680px;
  object-fit: cover;
  object-position: center 48%;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}

.featured-work-image:hover img,
.featured-work-image:focus-visible img { transform: scale(1.025); }

.featured-work-image > span {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 12px 20px;
  background: #f8faf7;
  color: #3b6049;
  font: 14px Georgia, "Songti TC", serif;
}

.featured-work-copy {
  align-self: center;
  padding: 40px 0;
}

.featured-work-copy p { max-width: 32em; }
.featured-work-copy .featured-work-label {
  margin: 0 0 22px;
  color: #3b6049;
  font-size: 13px;
}

.featured-work-copy h2 {
  margin: 0;
  font: 400 clamp(38px, 4vw, 61px)/1.32 Georgia, "Songti TC", "Noto Serif TC", serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.featured-work-copy .featured-work-en {
  margin: 16px 0 28px;
  color: #53625a;
  font: italic 17px/1.6 Georgia, serif;
}

.featured-work-copy > p:not(.featured-work-label):not(.featured-work-en) {
  margin: 0;
  color: #46534a;
  font-size: 16px;
  line-height: 1.9;
}

.featured-work-link {
  display: inline-flex;
  gap: 30px;
  align-items: center;
  margin-top: 34px;
  padding: 0 0 9px;
  border-bottom: 1px solid #3b6049;
  color: #2e5c3d;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.featured-work-link:hover { color: #173824; }
.featured-work a:focus-visible { outline: 2px solid #3b6049; outline-offset: 5px; }

@media (max-width: 760px) {
  body.personal-home-page .featured-work {
    grid-template-columns: 1fr;
    gap: 27px;
    margin-top: 34px;
    padding: 0 14px;
  }
  body.personal-home-page .featured-work + .featured-work { margin-top: 52px; }
  .featured-work-image { min-height: 0; height: min(105vw, 460px); }
  .featured-work-copy { padding: 0 4px 36px; }
  .featured-work-copy h2 { font-size: clamp(36px, 10vw, 48px); }
}

@media (prefers-reduced-motion: reduce) {
  .featured-work-image img { transition: none; }
}