/* ============================================================
   AI NI 艾妮 · Chinese Refined Typography
   Chinese-only rhythm, scale and spacing. Loaded last on ZH pages.
   ============================================================ */

.zh-refined{
  --zh-display:"Noto Serif SC","Songti SC","STSong",serif;
  --zh-text:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-family:var(--zh-text);
  letter-spacing:.035em;
}
.zh-refined h1,.zh-refined h2,.zh-refined h3{font-family:var(--zh-display);font-weight:400}
.zh-refined p{font-weight:300}

/* Chinese home: a composed brand cover, independent from the English hero. */
.zh-refined.page-home .zh-hero{min-height:100svh;min-height:max(100svh,46rem);isolation:isolate}
.zh-refined.page-home .zh-hero::before{inset:6.9rem clamp(1.4rem,3.4vw,3.4rem) 2.35rem;border-color:rgba(218,187,133,.25)}
.zh-refined.page-home .zh-hero::after{
  background:
    linear-gradient(90deg,rgba(18,12,9,.96) 0%,rgba(18,12,9,.83) 30%,rgba(18,12,9,.39) 51%,rgba(18,12,9,.08) 76%,rgba(18,12,9,.02) 100%),
    linear-gradient(0deg,rgba(18,12,9,.77) 0%,rgba(18,12,9,.15) 43%,transparent 66%);
}
.zh-refined.page-home .zh-hero .hero-bg{inset:-4% 0}
.zh-refined.page-home .zh-hero .hero-bg img{object-position:64% 47%}
.zh-refined.page-home .zh-hero .hero-inner{
  position:relative;
  width:100%;
  max-width:1540px;
  min-height:100svh;
  min-height:max(100svh,46rem);
  margin-inline:auto;
  padding:0;
}
.zh-refined.page-home .zh-hero .hero-inner::before,
.zh-refined.page-home .zh-hero .hero-inner::after,
.zh-refined.page-home .zh-hero .hero-side{display:none}
.zh-refined.page-home .zh-hero .hero-panel{position:absolute;inset:0}
.zh-refined.page-home .zh-hero .hero-copy{
  position:absolute;
  left:clamp(6.5rem,10vw,10rem);
  top:48%;
  width:min(42rem,49vw);
  transform:translateY(-62%);
}
.zh-refined.page-home .zh-hero .hero-copy::before{
  content:"艾";
  position:absolute;
  z-index:-1;
  left:-.45em;
  top:-.72em;
  color:rgba(218,183,125,.045);
  font-family:var(--zh-display);
  font-size:clamp(14rem,20vw,21rem);
  font-weight:400;
  line-height:1;
}
.zh-refined.page-home .zh-hero .eyebrow{margin:0 0 1.55rem;color:rgba(245,239,229,.65);font-size:.66rem;letter-spacing:.42em}
.zh-refined.page-home .zh-hero h1{
  max-width:9.5em;
  margin:0;
  color:#f6f0e7;
  font-size:clamp(3.65rem,4.8vw,5.2rem);
  font-weight:400;
  line-height:1.2;
  letter-spacing:.085em;
}
.zh-refined.page-home .zh-hero h1>span,
.zh-refined.page-home .zh-hero h1>em{display:block}
.zh-refined.page-home .zh-hero h1>em{margin-left:0;color:#d6b173;font-style:normal}
.zh-refined.page-home .zh-hero .hero-support{
  position:absolute;
  left:clamp(6.5rem,10vw,10rem);
  right:clamp(6.5rem,9vw,9rem);
  bottom:clamp(4.7rem,8.2vh,6.4rem);
  display:grid;
  grid-template-columns:minmax(0,38rem) auto;
  gap:clamp(3rem,7vw,8rem);
  align-items:end;
  padding-top:1.35rem;
  border-top:1px solid rgba(218,183,125,.38);
}
.zh-refined.page-home .zh-hero .hero-note{display:block;text-align:left}
.zh-refined.page-home .zh-hero .hero-note>span{display:block;margin-bottom:.6rem;color:#d6b173;font-family:var(--zh-display);font-size:.68rem;letter-spacing:.44em;white-space:nowrap}
.zh-refined.page-home .zh-hero .lede{max-width:29rem;margin:0;color:rgba(255,255,255,.67);font-size:.91rem;line-height:1.95;letter-spacing:.05em}
.zh-refined.page-home .zh-hero .hero-cta{display:flex;justify-self:end;gap:.65rem;margin:0;white-space:nowrap}
.zh-refined.page-home .zh-hero .btn{min-width:0;padding:.95em 1.55em;border-radius:0;font-size:.69rem;letter-spacing:.22em}
.zh-refined.page-home .zh-hero .btn--light{background:rgba(20,14,11,.16);backdrop-filter:blur(8px)}
.zh-refined.page-home .zh-hero .hero-seal{
  position:absolute;
  right:clamp(4.1rem,5.6vw,6rem);
  top:clamp(8.8rem,15vh,10.8rem);
  width:4.25rem;
  height:4.25rem;
  display:grid;
  place-content:center;
  text-align:center;
  color:rgba(245,239,229,.8);
  border:1px solid rgba(218,183,125,.5);
  border-radius:50%;
}
.zh-refined.page-home .zh-hero .hero-seal::before{content:"";position:absolute;inset:5px;border:1px solid rgba(218,183,125,.2);border-radius:inherit}
.zh-refined.page-home .zh-hero .hero-seal b{font-family:var(--zh-display);font-size:.94rem;font-weight:400;letter-spacing:.18em}
.zh-refined.page-home .zh-hero .hero-seal span{display:block;margin-top:.16rem;color:#d6b173;font-family:Jost,sans-serif;font-size:.4rem;letter-spacing:.28em}

/* Home sections: quieter scales and longer Chinese reading rhythm. */
.zh-refined.page-home .zh-story-feature,
.zh-refined.page-home .zh-rituals,
.zh-refined.page-home .zh-craft-path,
.zh-refined.page-home .zh-values,
.zh-refined.page-home .zh-price{padding-block:clamp(7rem,10vw,10.5rem)}
.zh-refined.page-home .zh-story-feature h2{font-size:clamp(3rem,4.5vw,4.65rem);line-height:1.24;letter-spacing:.06em}
.zh-refined.page-home .zh-story-feature .lede{font-size:clamp(1.18rem,1.55vw,1.45rem);line-height:1.85}
.zh-refined.page-home .zh-rituals .center h2,
.zh-refined.page-home .zh-craft-path h2,
.zh-refined.page-home .zh-values .center h2{font-size:clamp(3rem,4.5vw,4.7rem);line-height:1.24;letter-spacing:.06em}
.zh-refined.page-home .zh-rituals .card-body h3{font-size:clamp(2.65rem,4vw,4.35rem);line-height:1.14;letter-spacing:.07em}
.zh-refined.page-home .zh-philosophy blockquote{font-size:clamp(2.35rem,3.85vw,4rem);line-height:1.5;letter-spacing:.08em}
.zh-refined.page-home .zh-closing{
  display:grid;
  align-items:center;
  min-height:max(42rem,82svh);
  padding-block:clamp(6rem,9vw,8.5rem);
}
.zh-refined.page-home .zh-closing::after{
  background:
    linear-gradient(90deg,rgba(18,12,9,.94) 0%,rgba(18,12,9,.82) 35%,rgba(18,12,9,.48) 57%,rgba(18,12,9,.13) 82%),
    linear-gradient(0deg,rgba(18,12,9,.38),rgba(18,12,9,.08) 54%);
}
.zh-refined.page-home .zh-closing .bg img{object-position:68% 50%}
.zh-refined.page-home .zh-closing .container{
  width:100%;
  max-width:1320px;
  display:grid;
  grid-template-columns:minmax(0,8fr) minmax(18rem,4fr);
  text-align:left;
}
.zh-refined.page-home .zh-closing .container>*{grid-column:1}
.zh-refined.page-home .zh-closing .eyebrow{margin:0 0 1.65rem;font-size:.75rem;letter-spacing:.4em}
.zh-refined.page-home .zh-closing h2{
  max-width:11em;
  margin:0;
  font-size:clamp(3.4rem,4.6vw,4.8rem);
  line-height:1.18;
  letter-spacing:.045em;
}
.zh-refined.page-home .zh-closing h2>span{display:block}
.zh-refined.page-home .zh-closing .closing-line-2{white-space:nowrap}
.zh-refined.page-home .zh-closing .closing-mobile-break{display:none}
.zh-refined.page-home .zh-closing .lede{
  max-width:34rem;
  margin:1.8rem 0 0;
  color:rgba(255,255,255,.78);
  font-size:1.04rem;
  line-height:1.95;
  letter-spacing:.035em;
}
.zh-refined.page-home .zh-closing__contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.25rem;
  margin-top:2.35rem;
}
.zh-refined.page-home .zh-closing__contact .phone{
  margin:0;
  font-size:clamp(1.8rem,2.4vw,2.2rem);
  line-height:1;
}
.zh-refined.page-home .zh-closing__contact .btn{min-height:48px}
.zh-refined.page-home .zh-story-feature p,
.zh-refined.page-home .zh-rituals p,
.zh-refined.page-home .zh-craft-path p,
.zh-refined.page-home .zh-values p{line-height:2}

/* Home story: give the longer narrative room, then let 57 / 7 / 3 carry the memory. */
.zh-refined.page-home .zh-story-feature .split{align-items:start}
.zh-refined.page-home .zh-story-feature .split-body{max-width:42rem;margin-top:clamp(1.5rem,4.5vw,4rem)}
.zh-refined.page-home .zh-story-feature .split-body>p:not(.eyebrow):not(.lede){max-width:40rem}
.zh-refined.page-home .zh-legacy{
  position:relative;
  z-index:1;
  max-width:1340px;
  margin:clamp(4.5rem,7vw,7rem) auto 0;
  padding-top:2.2rem;
  border-top:1px solid rgba(56,37,27,.2);
}
.zh-refined.page-home .zh-legacy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.zh-refined.page-home .zh-legacy-stats>div{min-width:0;padding:0 clamp(1.2rem,3vw,3rem) 1.8rem;border-right:1px solid rgba(56,37,27,.16)}
.zh-refined.page-home .zh-legacy-stats>div:first-child{padding-left:0}
.zh-refined.page-home .zh-legacy-stats>div:last-child{padding-right:0;border-right:0}
.zh-refined.page-home .zh-legacy-stats dt{color:var(--zh-brass);font-family:"Cormorant Garamond",serif;font-size:clamp(4.2rem,7vw,7rem);font-weight:300;line-height:.85}
.zh-refined.page-home .zh-legacy-stats dd{margin:.9rem 0 0;color:#5f5146;font-family:var(--zh-display);font-size:.78rem;letter-spacing:.28em;line-height:1.7}
.zh-refined.page-home .zh-legacy-coda{max-width:51rem;margin:2.4rem 0 0 auto;color:#4f4238;font-family:var(--zh-display);font-size:clamp(1.08rem,1.55vw,1.35rem);line-height:1.9;letter-spacing:.06em;text-align:right}
.zh-refined.page-home .zh-hero .hero-copy,
.zh-refined.page-home .zh-hero .hero-support{text-align:left}
.zh-refined.page-home .zh-price .price-meta{max-width:40rem;line-height:1.9}
.zh-refined.page-home .marquee span.marquee-note{
  color:var(--zh-brass);
  font-family:var(--zh-sans);
  font-size:.68rem;
  font-style:normal;
  font-weight:500;
  letter-spacing:.2em;
}

/* Inner-page covers: restrained, two-line editorial statements. */
.zh-refined:not(.page-home) .editorial-hero{min-height:74svh;margin-inline:clamp(12px,1.8vw,28px)}
.zh-refined:not(.page-home) .editorial-hero .hero-bg{inset:-6% -2% -6% 42%}
.zh-refined:not(.page-home) .editorial-hero::after{background:linear-gradient(90deg,var(--zh-walnut) 0%,rgba(29,21,17,.97) 32%,rgba(29,21,17,.66) 57%,rgba(29,21,17,.08) 100%)}
.zh-refined:not(.page-home) .editorial-hero .hero-inner{max-width:1280px;padding-top:9.5rem;padding-bottom:5.2rem}
.zh-refined:not(.page-home) .editorial-hero .hero-inner>*{max-width:39rem}
.zh-refined:not(.page-home) .editorial-hero h1{
  max-width:11em;
  font-size:clamp(3.45rem,5vw,5.3rem);
  line-height:1.22;
  letter-spacing:.075em;
}
.zh-refined:not(.page-home) .editorial-hero h1>span{white-space:nowrap}
.zh-refined:not(.page-home) .editorial-hero .eyebrow{margin-bottom:1.45rem}
.zh-refined:not(.page-home) .editorial-hero .lede{max-width:28rem;margin-top:1.8rem;font-size:.95rem;line-height:1.95}

/* Inner pages: consistent refined type, line lengths and spacing. */
.zh-refined:not(.page-home) .section{padding-block:clamp(7rem,9.5vw,9.5rem)}
.zh-refined:not(.page-home) h2{font-size:clamp(2.65rem,4.15vw,4.15rem);line-height:1.26;letter-spacing:.06em}
.zh-refined:not(.page-home) h3{letter-spacing:.055em}
.zh-refined:not(.page-home) p{font-size:.97rem;line-height:2.05;letter-spacing:.035em}
.zh-refined:not(.page-home) .lede{font-size:clamp(1rem,1.15vw,1.12rem);line-height:2.05}
.zh-refined:not(.page-home) .split-body{max-width:34rem}
.zh-refined:not(.page-home) .split{gap:clamp(3.5rem,7.5vw,7.5rem)}
.zh-refined:not(.page-home) .img-frame img{min-height:clamp(500px,53vw,700px)}
.zh-refined:not(.page-home) .editorial-section::before{top:clamp(2.7rem,5vw,4.8rem)}
.zh-refined:not(.page-home) .editorial-cta h2{font-size:clamp(3rem,4.8vw,5rem);line-height:1.25}

.zh-refined.page-story .story-quote blockquote{font-size:clamp(2.6rem,4.25vw,4.45rem);line-height:1.48}
.zh-refined.page-story .story-legacy .stat .big{font-size:clamp(4.2rem,6.8vw,6.6rem)}
.zh-refined.page-services .svc-block{padding-block:clamp(6.5rem,9vw,9rem)}
.zh-refined.page-services .svc-block::before{font-size:clamp(6rem,11vw,10rem)}
.zh-refined.page-services .svc-block h2{font-size:clamp(3rem,4.65vw,4.75rem);line-height:1.22}
.zh-refined.page-services .svc-block .img-frame img{min-height:620px}
.zh-refined.page-services .services-price .price-figure{font-size:clamp(5rem,8vw,7.6rem)}
.zh-refined.page-botanicals .herb .zh-name{font-size:clamp(2.1rem,3.1vw,3.15rem);line-height:1.25}
.zh-refined.page-botanicals .herb{min-height:290px}
.zh-refined.page-visit .visit-intro{min-height:78svh}
.zh-refined.page-visit .visit-intro .container{grid-template-columns:minmax(0,1.18fr) minmax(280px,.58fr);gap:1.5rem clamp(4rem,7vw,7rem)}
.zh-refined.page-visit .visit-intro h1{max-width:10em;font-size:clamp(3.5rem,5.25vw,5.4rem);line-height:1.22;letter-spacing:.07em}
.zh-refined.page-visit .visit-intro .lede{font-size:.96rem;line-height:2.05}

@media(max-width:1100px){
  .zh-refined.page-home .zh-hero .hero-copy{left:clamp(4rem,8vw,6rem);width:min(37rem,58vw)}
  .zh-refined.page-home .zh-hero h1{font-size:clamp(3.55rem,6vw,4.5rem)}
  .zh-refined.page-home .zh-hero .hero-support{left:clamp(4rem,8vw,6rem);right:clamp(4rem,7vw,5rem);grid-template-columns:minmax(0,1fr) auto;gap:2rem}
  .zh-refined.page-home .zh-hero .hero-note{display:block}
  .zh-refined:not(.page-home) .editorial-hero .hero-bg{inset:-6% -4% -6% 32%}
  .zh-refined.page-visit .visit-intro .container{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "lede";gap:1.2rem}
  .zh-refined.page-visit .visit-intro .lede{max-width:30rem;margin-top:1.4rem}
}

@media(max-width:900px){
  .zh-refined.page-home .zh-hero::before{inset:5.65rem .7rem .7rem}
  .zh-refined.page-home .zh-hero::after{background:linear-gradient(0deg,rgba(18,12,9,.86) 0%,rgba(18,12,9,.24) 50%,rgba(18,12,9,.05) 76%)}
  .zh-refined.page-home .zh-hero .hero-bg{inset:0}
  .zh-refined.page-home .zh-hero .hero-bg img{object-position:61% 17%}
  .zh-refined.page-home .zh-hero .hero-inner{padding:0}
  .zh-refined.page-home .zh-hero .hero-panel{
    inset:auto .8rem .8rem;
    padding:1.5rem 1.35rem 1.25rem;
    background:rgba(24,17,13,.9);
    border:1px solid rgba(218,183,125,.28);
    box-shadow:0 24px 70px rgba(0,0,0,.22);
    backdrop-filter:blur(15px);
  }
  .zh-refined.page-home .zh-hero .hero-copy{position:relative;left:auto;top:auto;width:100%;transform:none}
  .zh-refined.page-home .zh-hero .hero-copy::before{display:none}
  .zh-refined.page-home .zh-hero .eyebrow{margin-bottom:1rem;font-size:.68rem;line-height:1.65;letter-spacing:.27em}
  .zh-refined.page-home .zh-hero h1{max-width:9em;font-size:clamp(2.75rem,8.2vw,3.45rem);line-height:1.2;letter-spacing:.07em}
  .zh-refined.page-home .zh-hero h1>em{margin-left:0}
  .zh-refined.page-home .zh-hero .hero-support{position:relative;left:auto;right:auto;bottom:auto;display:block;margin-top:1.15rem;padding-top:1rem}
  .zh-refined.page-home .zh-hero .hero-note{display:block}
  .zh-refined.page-home .zh-hero .hero-note>span{display:block;margin-bottom:.55rem;padding:0;font-size:.67rem;line-height:1.55;letter-spacing:.28em;white-space:normal}
  .zh-refined.page-home .zh-hero .lede{max-width:31rem;font-size:.9rem;line-height:1.85}
  .zh-refined.page-home .zh-hero .hero-cta{display:flex;justify-self:auto;flex-wrap:wrap;margin-top:1rem}
  .zh-refined.page-home .zh-hero .btn{padding:.88em 1.25em}
  .zh-refined.page-home .zh-hero .hero-seal{display:none}
  .zh-refined.page-home .zh-story-feature,
  .zh-refined.page-home .zh-rituals,
  .zh-refined.page-home .zh-craft-path,
  .zh-refined.page-home .zh-values,
  .zh-refined.page-home .zh-price{padding-block:6rem}
  .zh-refined.page-home .zh-story-feature h2,
  .zh-refined.page-home .zh-rituals .center h2,
  .zh-refined.page-home .zh-craft-path h2,
  .zh-refined.page-home .zh-values .center h2{font-size:clamp(2.65rem,10vw,3.65rem);line-height:1.3}
  .zh-refined.page-home .zh-rituals .card-body h3{font-size:clamp(2.45rem,9vw,3.15rem)}
  .zh-refined.page-home .zh-philosophy blockquote{font-size:clamp(2.1rem,8vw,2.8rem)}
  .zh-refined.page-home .zh-closing{min-height:76svh;padding-block:6rem}
  .zh-refined.page-home .zh-closing .container{display:block;max-width:46rem}
  .zh-refined.page-home .zh-closing h2{max-width:11em;font-size:clamp(3.15rem,7vw,3.65rem)}
  .zh-refined.page-home .zh-story-feature .split-body{margin-top:0}
  .zh-refined.page-home .zh-legacy{margin-top:4.5rem;padding-top:1.7rem}
  .zh-refined.page-home .zh-legacy-stats dt{font-size:clamp(3.35rem,12vw,5rem)}
  .zh-refined.page-home .zh-legacy-stats dd{font-size:.68rem;letter-spacing:.2em}
  .zh-refined.page-home .zh-legacy-coda{margin-top:1.9rem;text-align:left}
  .zh-refined.page-home .zh-price .price-meta{letter-spacing:.2em}

  .zh-refined:not(.page-home) .section{padding-block:clamp(5.5rem,15vw,7rem)}
  .zh-refined:not(.page-home) h2{font-size:clamp(2.45rem,9.5vw,3.55rem);line-height:1.32}
  .zh-refined:not(.page-home) .editorial-hero{min-height:80svh;margin-inline:8px}
  .zh-refined:not(.page-home) .editorial-hero .hero-bg{inset:-4%}
  .zh-refined:not(.page-home) .editorial-hero .hero-inner{padding:7.5rem 1.2rem 4rem}
  .zh-refined:not(.page-home) .editorial-hero h1{font-size:clamp(2.75rem,11.5vw,3.8rem);line-height:1.24;letter-spacing:.065em}
  .zh-refined:not(.page-home) .editorial-hero .lede{max-width:23rem;margin-top:1.3rem;font-size:.9rem}
  .zh-refined:not(.page-home) .split{gap:4rem}
  .zh-refined.page-story .story-quote blockquote{font-size:clamp(2.25rem,9vw,3.25rem)}
  .zh-refined.page-services .svc-block{padding-block:6rem}
  .zh-refined.page-services .svc-block h2{font-size:clamp(2.75rem,11vw,3.8rem)}
  .zh-refined.page-services .svc-block .img-frame img{min-height:0}
  .zh-refined.page-botanicals .herb .zh-name{font-size:2.45rem}
  .zh-refined.page-visit .visit-intro{min-height:82svh;padding-top:7rem!important}
  .zh-refined.page-visit .visit-intro h1{font-size:clamp(2.8rem,11vw,3.8rem);line-height:1.28}
}

@media(max-width:620px){
  .zh-refined.page-home .zh-closing h2{max-width:8em;font-size:clamp(2.65rem,9vw,3.15rem)}
  .zh-refined.page-home .zh-closing .closing-line-2{white-space:normal}
  .zh-refined.page-home .zh-closing .closing-mobile-break{display:block}
}

@media(max-width:430px){
  .zh-refined.page-home .zh-closing{
    align-items:end;
    min-height:80svh;
    padding-block:4.75rem 3rem;
  }
  .zh-refined.page-home .zh-closing::after{
    background:linear-gradient(0deg,rgba(18,12,9,.97) 0%,rgba(18,12,9,.84) 48%,rgba(18,12,9,.28) 78%,rgba(18,12,9,.08) 100%);
  }
  .zh-refined.page-home .zh-closing .bg img{object-position:64% 50%}
  .zh-refined.page-home .zh-closing .eyebrow{margin-bottom:1.15rem;letter-spacing:.3em}
  .zh-refined.page-home .zh-closing h2{max-width:8em;font-size:clamp(2.45rem,11vw,2.82rem);line-height:1.23}
  .zh-refined.page-home .zh-closing .closing-line-2{white-space:normal}
  .zh-refined.page-home .zh-closing .closing-mobile-break{display:block}
  .zh-refined.page-home .zh-closing .lede{max-width:22rem;margin-top:1.3rem;font-size:1rem;line-height:1.82}
  .zh-refined.page-home .zh-closing__contact{gap:1rem;margin-top:1.55rem}
  .zh-refined.page-home .zh-closing__contact .phone{font-size:1.72rem}
  .zh-refined.page-home .zh-hero .hero-panel{inset:auto .65rem .65rem;padding:1.35rem 1.1rem 1.05rem}
  .zh-refined.page-home .zh-hero h1{font-size:2.72rem}
  .zh-refined.page-home .zh-hero h1>em{margin-left:0}
  .zh-refined.page-home .zh-hero .lede{font-size:.9rem;line-height:1.82}
  .zh-refined.page-home .zh-hero .hero-cta{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .zh-refined.page-home .zh-hero .btn{width:100%;justify-content:center;padding-inline:.8rem;font-size:.72rem}
  .zh-refined.page-home .zh-hero .btn{min-width:0;white-space:normal;line-height:1.35;text-align:center}
  .zh-refined.page-home .zh-legacy-stats>div{padding-inline:.7rem}
  .zh-refined.page-home .zh-legacy-stats>div:first-child{padding-left:0}
  .zh-refined.page-home .zh-legacy-stats>div:last-child{padding-right:0}
  .zh-refined.page-home .zh-legacy-stats dt{font-size:3rem}
  .zh-refined.page-home .zh-legacy-stats dd{font-size:.68rem;line-height:1.55;letter-spacing:.08em}
  .zh-refined.page-home .zh-legacy-coda{font-size:1rem;line-height:1.85}
  .zh-refined:not(.page-home) .editorial-hero h1{font-size:2.85rem}
  .zh-refined:not(.page-home) .editorial-hero .hero-inner{padding-inline:.8rem;padding-bottom:3.4rem}
  .zh-refined:not(.page-home) .editorial-hero .eyebrow{margin-bottom:1rem}
  .zh-refined:not(.page-home) p{font-size:.93rem}
  .zh-refined.page-visit .visit-intro h1{font-size:2.9rem}
}

@media(max-width:370px){
  .zh-refined.page-home .zh-hero h1{font-size:2.46rem}
  .zh-refined.page-home .zh-hero h1>em{margin-left:0}
  .zh-refined:not(.page-home) .editorial-hero h1,
  .zh-refined.page-visit .visit-intro h1{font-size:2.6rem}
}

@media(prefers-reduced-motion:reduce){
  .zh-refined.page-home .zh-hero .hero-bg img{animation:none}
}

/* ============================================================
   2026-09 homepage art-direction pass
   Left-led hero, editorial ledgers and resilient mid-width rhythm.
   ============================================================ */

/* The Chinese cover follows one left-hand reading axis. */
.zh-refined.page-home .zh-hero .hero-support{
  right:auto;
  width:min(38rem,calc(100% - 13rem));
  display:block;
}
.zh-refined.page-home .zh-hero .hero-cta{
  justify-self:start;
  justify-content:flex-start;
  align-items:center;
  margin-top:1.15rem;
}
.zh-refined.page-home .zh-hero .btn{min-height:44px;font-size:.78rem}
.zh-refined.page-home .zh-hero .hero-secondary{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  min-height:44px;
  padding:.6rem 0;
  color:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(255,255,255,.38);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.2em;
  white-space:nowrap;
  transition:color .35s,border-color .35s;
}
.zh-refined.page-home .zh-hero .hero-secondary span{font-family:var(--zh-text);font-size:1rem;transition:transform .35s}
.zh-refined.page-home .zh-hero .hero-secondary:hover{color:#d6b173;border-color:#d6b173}
.zh-refined.page-home .zh-hero .hero-secondary:hover span{transform:translate(3px,-3px)}

/* On light grounds, use inkier bronze for small information text. */
.zh-refined.page-home .zh-story-feature .eyebrow,
.zh-refined.page-home .zh-rituals .eyebrow,
.zh-refined.page-home .zh-values .eyebrow,
.zh-refined.page-home .zh-price .eyebrow,
.zh-refined.page-home .zh-values .zh-tag,
.zh-refined.page-home .zh-rituals .card-body .num{color:#806038}
.zh-refined.page-home .zh-rituals .card-body .num{font-size:.72rem}
.zh-refined.page-home .zh-rituals .center .lede{color:#574b42}
.zh-refined.page-home .zh-rituals .card-body p{color:#584b42}
.zh-refined.page-home .zh-craft-path .step p{color:rgba(255,255,255,.68);font-size:.97rem}
.zh-refined.page-home .zh-story-feature .split-body>p:not(.eyebrow):not(.lede){max-width:34rem}
.zh-refined.page-home .zh-legacy-coda{max-width:45rem;line-height:1.85}

/* Keep the sticky ritual sequence expressive without making the page drag. */
.zh-refined.page-home .zh-rituals .card{min-height:min(64vh,640px);margin-bottom:7vh}
.zh-refined.page-home .zh-rituals .card-media{min-height:500px}
.zh-refined.page-home .zh-philosophy{min-height:72vh;min-height:72svh}

/* Four principles read as a typographic ledger, not a card component. */
.zh-refined.page-home .zh-values{padding-block:clamp(7rem,9vw,9rem)}
.zh-refined.page-home .zh-values .center{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,8vw,8rem);align-items:end}
.zh-refined.page-home .zh-values .center .eyebrow{margin:0 0 .65rem}
.zh-refined.page-home .zh-values .center h2{max-width:8em;margin:0}
.zh-refined.page-home .zh-values .center h2>span,
.zh-refined.page-home .zh-values .center h2>em{display:block}
.zh-refined.page-home .zh-values .grid-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:clamp(4rem,6vw,6rem)!important;
  border-top:1px solid rgba(56,37,27,.3);
}
.zh-refined.page-home .zh-values .pillar,
.zh-refined.page-home .zh-values .pillar:nth-child(n){
  grid-column:auto;
  min-height:360px;
  margin:0;
  padding:2.2rem clamp(1.4rem,2.4vw,2.5rem) 0;
  background:transparent;
  border:0;
  border-right:1px solid rgba(56,37,27,.17);
  box-shadow:none;
  transform:none;
}
.zh-refined.page-home .zh-values .pillar:first-child{padding-left:0}
.zh-refined.page-home .zh-values .pillar:last-child{padding-right:0;border-right:0}
.zh-refined.page-home .zh-values .pillar:hover,
.zh-refined.page-home .zh-values .pillar:nth-child(n):hover{background:transparent;box-shadow:none;transform:none}
.zh-refined.page-home .zh-values .pillar::before{
  position:static;
  display:block;
  margin-bottom:4rem;
  color:#806038;
  font-size:.72rem;
  letter-spacing:.18em;
}
.zh-refined.page-home .zh-values .pillar h3{margin:0;font-size:clamp(1.65rem,2vw,2rem);line-height:1.35}
.zh-refined.page-home .zh-values .pillar .zh-tag{margin-top:.8rem;font-size:.72rem;letter-spacing:.2em}
.zh-refined.page-home .zh-values .pillar p{max-width:22rem;margin-top:1.65rem;color:#584c43;font-size:.96rem;line-height:1.95}

/* Pricing becomes an editorial promise: title, number, then practical detail. */
.zh-refined.page-home .zh-price{padding-block:clamp(7rem,9vw,9rem)}
.zh-refined.page-home .zh-price>.zh-price__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(210px,.42fr) minmax(270px,.65fr);
  grid-template-rows:auto;
  gap:clamp(2.5rem,6vw,6.5rem);
  align-items:end;
  max-width:1320px;
  text-align:left;
}
.zh-refined.page-home .zh-price__title h2{max-width:7.5em;margin:0;font-size:clamp(3.25rem,4.75vw,4.9rem);line-height:1.24;letter-spacing:.06em}
.zh-refined.page-home .zh-price__title h2 em{color:#806038;font-style:normal}
.zh-refined.page-home .zh-price__figure{display:grid;grid-template-columns:auto 1fr;align-items:start;color:var(--zh-ink)}
.zh-refined.page-home .zh-price__figure sup{margin:.65rem .25rem 0 0;color:#806038;font-family:"Cormorant Garamond",serif;font-size:2rem;font-style:italic}
.zh-refined.page-home .zh-price__figure strong{font-family:"Cormorant Garamond",serif;font-size:clamp(6.5rem,10vw,9.5rem);font-weight:300;line-height:.74;letter-spacing:-.07em}
.zh-refined.page-home .zh-price__figure span{grid-column:1/3;margin-top:1.25rem;color:#5a4c41;font-size:.72rem;font-weight:500;letter-spacing:.24em}
.zh-refined.page-home .zh-price__copy>p{margin:0;color:#4f433a;font-family:var(--zh-display);font-size:clamp(1.12rem,1.5vw,1.32rem);line-height:1.85}
.zh-refined.page-home .zh-price__details{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin-top:1.7rem;padding-block:.9rem;border-block:1px solid rgba(56,37,27,.17);color:#6a594c;font-size:.7rem;letter-spacing:.16em}
.zh-refined.page-home .zh-price__details span+span::before{content:"·";margin-right:1.2rem;color:#806038}
.zh-refined.page-home .zh-price__actions{display:flex;align-items:center;gap:1.6rem;margin-top:1.8rem}
.zh-refined.page-home .zh-price__actions .btn{margin:0;border-radius:0}
.zh-refined.page-home .zh-price__actions .textlink{color:#806038;font-size:.76rem}

.zh-refined .site-foot .disclaimer{max-width:58em;color:rgba(255,255,255,.64);font-size:.875rem;line-height:1.9}

@media(max-width:1100px){
  .zh-refined.page-home .zh-values .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zh-refined.page-home .zh-values .pillar,
  .zh-refined.page-home .zh-values .pillar:nth-child(n){min-height:300px;border-bottom:1px solid rgba(56,37,27,.17)}
  .zh-refined.page-home .zh-values .pillar:nth-child(2n){padding-right:0;border-right:0}
  .zh-refined.page-home .zh-values .pillar:nth-child(2n+1){padding-left:0}
  .zh-refined.page-home .zh-values .pillar:nth-child(n+3){padding-top:2.8rem;border-bottom:0}
  .zh-refined.page-home .zh-values .pillar::before{margin-bottom:2.5rem}
  .zh-refined.page-home .zh-price>.zh-price__grid{grid-template-columns:minmax(0,1fr) minmax(210px,.45fr)}
  .zh-refined.page-home .zh-price__copy{grid-column:1/3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 3rem;align-items:end}
  .zh-refined.page-home .zh-price__details{grid-column:1;margin-top:.5rem}
  .zh-refined.page-home .zh-price__actions{grid-column:2;grid-row:1/3;margin-top:0}
}

@media(max-width:1050px){
  .zh-refined.page-home .zh-rituals .center{grid-template-columns:110px 1fr}
  .zh-refined.page-home .zh-rituals .center .lede{grid-column:2;margin-top:1.5rem}
}

@media(min-width:721px) and (max-width:900px){
  .zh-refined.page-home .zh-values .center{display:block}
  .zh-refined.page-home .zh-values .center h2{margin-top:1rem}
  .zh-refined.page-home .zh-values .grid-4{display:block;margin-top:4rem!important;border-top:1px solid rgba(56,37,27,.3)}
  .zh-refined.page-home .zh-values .pillar,
  .zh-refined.page-home .zh-values .pillar:nth-child(n){
    display:grid;
    grid-template-columns:3rem minmax(12rem,.65fr) minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:.55rem 1.8rem;
    min-height:0;
    margin:0;
    padding:2rem 0;
    border:0;
    border-bottom:1px solid rgba(56,37,27,.17);
  }
  .zh-refined.page-home .zh-values .pillar::before{grid-column:1;grid-row:1/3;margin:0;padding-top:.35rem}
  .zh-refined.page-home .zh-values .pillar h3{grid-column:2;grid-row:1;margin:0}
  .zh-refined.page-home .zh-values .pillar .zh-tag{grid-column:2;grid-row:2;margin:.25rem 0 0}
  .zh-refined.page-home .zh-values .pillar p{grid-column:3;grid-row:1/3;margin:0}
  .zh-refined.page-home .zh-price>.zh-price__grid{grid-template-columns:minmax(0,1fr) auto;column-gap:2.5rem}
  .zh-refined.page-home .zh-price__copy{grid-column:1/3;display:grid;grid-template-columns:minmax(0,1fr) auto}
}

@media(min-width:721px) and (max-width:820px){
  .zh-refined.page-home .zh-story-feature .split{display:block}
  .zh-refined.page-home .zh-story-feature .split-media{width:min(78%,30rem);margin:0 0 4rem}
  .zh-refined.page-home .zh-rituals .card,
  .zh-refined.page-home .zh-rituals .card:nth-child(n){min-height:560px}
  .zh-refined.page-home .zh-rituals .card-media{min-height:560px}
  .zh-refined.page-home .zh-rituals .card-body{padding-inline:2rem}
  .zh-refined.page-home .zh-craft-path .grid-3{grid-template-columns:1fr;gap:0}
  .zh-refined.page-home .zh-craft-path .step{
    display:grid;
    grid-template-columns:3.25rem 8rem minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:.45rem 1.5rem;
    min-height:0;
    padding:1.7rem 0;
    border-right:0;
    border-bottom:1px solid rgba(201,166,108,.22);
    transform:none!important;
  }
  .zh-refined.page-home .zh-craft-path .step .n{grid-column:1;grid-row:1/3}
  .zh-refined.page-home .zh-craft-path .step h3{grid-column:2;grid-row:1;margin:0}
  .zh-refined.page-home .zh-craft-path .step p{grid-column:3;grid-row:1/3;margin:0}
}

@media(max-width:900px){
  .zh-refined.page-home .zh-hero,
  .zh-refined.page-home .zh-hero .hero-inner{min-height:100svh}
  .zh-refined.page-home .zh-hero .hero-panel{
    bottom:max(.8rem,env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(24,17,13,.84),rgba(19,13,10,.94));
    box-shadow:none;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }
  .zh-refined.page-home .zh-hero .hero-support{width:100%}
  .zh-refined.page-home .zh-hero .hero-cta{display:flex;width:auto;flex-wrap:wrap}
  .zh-refined.page-home .zh-hero .btn{width:auto}
  .zh-refined.page-home .zh-philosophy{min-height:68vh;min-height:68svh}
}

@media(max-width:720px){
  .zh-refined p{font-weight:400}
  .zh-refined.page-home .zh-values .center{display:block}
  .zh-refined.page-home .zh-values .center h2{margin-top:1rem}
  .zh-refined.page-home .zh-values .grid-4{display:block;margin-top:3rem!important}
  .zh-refined.page-home .zh-values .pillar,
  .zh-refined.page-home .zh-values .pillar:nth-child(n){
    display:grid;
    grid-template-columns:2.7rem minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:.4rem 1rem;
    min-height:0;
    margin:0;
    padding:1.7rem 0;
    border:0;
    border-bottom:1px solid rgba(56,37,27,.17);
  }
  .zh-refined.page-home .zh-values .pillar::before{grid-column:1;grid-row:1/4;margin:0;padding-top:.3rem}
  .zh-refined.page-home .zh-values .pillar h3{grid-column:2;grid-row:1}
  .zh-refined.page-home .zh-values .pillar .zh-tag{grid-column:2;grid-row:2;margin:.25rem 0 0}
  .zh-refined.page-home .zh-values .pillar p{grid-column:2;grid-row:3;margin:.8rem 0 0;font-size:.95rem}
  .zh-refined.page-home .zh-price>.zh-price__grid{display:block}
  .zh-refined.page-home .zh-price__figure{margin:2.6rem 0 2.2rem}
  .zh-refined.page-home .zh-price__copy{display:block}
  .zh-refined.page-home .zh-price__actions{margin-top:1.8rem}
  .zh-refined.page-home .zh-price__details span+span::before{margin-right:.7rem}
  .zh-refined.page-home .zh-price__title h2{font-size:clamp(2.85rem,11.5vw,3.5rem)}
  .zh-refined .brand-word-zh{height:11px}
}

@media(max-width:430px){
  .zh-refined.page-home .zh-hero .hero-cta{display:flex;width:auto;justify-content:flex-start;gap:.65rem 1.1rem}
  .zh-refined.page-home .zh-hero .btn{width:auto;min-height:44px;padding-inline:1.2rem}
  .zh-refined.page-home .zh-hero .hero-secondary{font-size:.74rem}
  .zh-refined.page-home .zh-price__actions{align-items:flex-start;flex-direction:column;gap:1rem}
}

@media(max-width:900px) and (max-height:700px){
  .zh-refined.page-home .zh-hero .hero-panel{inset:auto .65rem max(.65rem,env(safe-area-inset-bottom));padding:1rem 1.05rem .85rem}
  .zh-refined.page-home .zh-hero .eyebrow{margin-bottom:.65rem;font-size:.61rem}
  .zh-refined.page-home .zh-hero h1{font-size:clamp(2.15rem,8vw,2.85rem);line-height:1.16}
  .zh-refined.page-home .zh-hero .hero-support{margin-top:.65rem;padding-top:.65rem}
  .zh-refined.page-home .zh-hero .hero-note>span{margin-bottom:.3rem;font-size:.6rem}
  .zh-refined.page-home .zh-hero .lede{font-size:.8rem;line-height:1.62}
  .zh-refined.page-home .zh-hero .hero-cta{margin-top:.65rem}
  .zh-refined.page-home .zh-hero .btn,
  .zh-refined.page-home .zh-hero .hero-secondary{min-height:40px;font-size:.68rem}
}