/* Confirmed homepage company and Miao-wisdom composition only. */
.home-page .home-about { padding: 64px 0 36px; overflow: hidden; }
.home-page .home-about .about-story { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 52px; }
.home-page .about-photo-frame,
.home-page .home-wisdom .img-wrap { --photo-frame-corner: 32px; --photo-frame-padding: calc(var(--photo-frame-corner) * .21875); --photo-frame-radius: calc(var(--photo-frame-corner) * .53); }
.home-about .about-photo-frame { position: relative; padding: var(--photo-frame-padding); }
.home-about .about-photo-frame::after,
.home-page .home-wisdom .img-wrap::after { content: ""; position: absolute; inset: 0; z-index: 2; border: var(--photo-frame-corner) solid transparent; border-image: url('../assets/img/home-approved-preview-frame.webp') 100 / var(--photo-frame-corner) / 0 stretch; border-radius: 0; background: none; mix-blend-mode: multiply; pointer-events: none; }
.home-about .about-photo { height: auto; aspect-ratio: auto; border-radius: 0; clip-path: polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); }
.home-about .about-intro { position: relative; isolation: isolate; }
.home-about .about-intro::before { content: ""; position: absolute; inset: -48px -50px -40px 44%; z-index: -1; background: url('../assets/img/home-reference-floral.webp') right center / auto 100% no-repeat; opacity: .42; pointer-events: none; }
.home-about .lead { color: #15408b; font-size: 17px; line-height: 2; }
.home-page .home-story-divider { display: flex; align-items: center; gap: 20px; width: calc(100% - 64px); max-width: 1200px; margin: 4px auto 0; height: 62px; }
.home-story-divider::before,.home-story-divider::after { content: ""; height: 1px; flex: 1; background: #c9a45c; opacity: .6; }
.home-story-divider span { position: relative; display: block; width: 144px; height: 54px; flex-shrink: 0; background: url('../assets/img/home-gold-butterfly.webp') center / 64px 54px no-repeat; }
.home-story-divider span::before,.home-story-divider span::after { content: ""; position: absolute; top: 50%; width: 20px; height: 24px; transform: translateY(-50%); background: url('../assets/img/home-divider-diamond.svg') center / contain no-repeat; }
.home-story-divider span::before { left: 0; }
.home-story-divider span::after { right: 0; }
.home-page .home-wisdom { position: relative; padding: 42px 0 64px; background: #fff; overflow: hidden; }
.home-page .home-wisdom .split { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 60px; align-items: center; }
.home-page .home-wisdom h2 { color: #15408b; font-size: clamp(2rem,3.3vw,3rem); line-height: 1.35; margin: 12px 0 26px; }
.home-page .home-wisdom .kicker { color: #9c7236 !important; }
.home-page .home-wisdom .lead { color: #15408b; font-size: 17px; line-height: 1.95; margin-bottom: 22px; }
.home-page .home-wisdom .img-wrap { position: relative; padding: var(--photo-frame-padding); overflow: visible; border-radius: 0; box-shadow: none; }
.home-page .home-wisdom .img-wrap img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 0; clip-path: polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); }
.home-page .home-wisdom .img-wrap::before { content: none; }
.home-page .home-about .about-photo,
.home-page .home-wisdom .img-wrap img {
  clip-path: none;
  mask: radial-gradient(circle var(--photo-frame-radius) at top left,transparent 98%,#000 100%) top left / 51% 51% no-repeat,
        radial-gradient(circle var(--photo-frame-radius) at top right,transparent 98%,#000 100%) top right / 51% 51% no-repeat,
        radial-gradient(circle var(--photo-frame-radius) at bottom left,transparent 98%,#000 100%) bottom left / 51% 51% no-repeat,
        radial-gradient(circle var(--photo-frame-radius) at bottom right,transparent 98%,#000 100%) bottom right / 51% 51% no-repeat;
}
@media(max-width:480px) {
  .home-page .about-photo-frame,
  .home-page .home-wisdom .img-wrap { --photo-frame-corner: 26px; }
}
.home-page .home-wisdom::after { content: none; }
.home-page .home-wisdom .split > .reveal:first-child { position: relative; isolation: isolate; }
.home-page .home-wisdom .split > .reveal:first-child::before { content: ""; position: absolute; z-index: -1; left: -80px; right: auto; bottom: -20px; width: 230px; height: 370px; background: url('../assets/img/home-left-mugwort.webp') left center / contain no-repeat; opacity: .32; pointer-events: none; }
@media(max-width:960px) {
  .home-page .home-about .about-story,.home-page .home-wisdom .split { gap: 30px; grid-template-columns: minmax(0,1fr); }
  .home-page .home-about { padding-top: 36px; }
  .home-page .home-wisdom { padding: 28px 0 44px; }
  .home-page .home-wisdom h2 { font-size: 2rem; }
  .home-about .about-intro::before { inset: -12px -10px -15px 65%; opacity: .28; }
  .home-page .home-story-divider { width: calc(100% - 48px); height: 50px; }
  .home-page .home-wisdom .img-wrap { max-width: 620px; }
}
