@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap");


:root{--paper:#f5f0e6;--paper-2:#ece4d7;--ink:#28251f;--muted:#746e62;--pine:#596b60;--cinnabar:#9b5448;--gold:#9f7d45;--line:rgba(40,37,31,.16);--white:#fffdf8;--max:1260px;--shadow:0 24px 80px rgba(37,30,22,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman","Noto Serif SC","Songti SC",serif;line-height:1.72;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:var(--ink);color:white;padding:10px 14px}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:50;inset:0 0 auto;transition:.35s;background:linear-gradient(to bottom,rgba(245,240,230,.96),rgba(245,240,230,.76),rgba(245,240,230,0));}.site-header.scrolled{background:rgba(245,240,230,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:45px;height:45px;object-fit:contain}.brand-word{font-size:1.04rem;letter-spacing:.1em}.nav-actions{display:flex;align-items:center;gap:24px}.nav-links{display:flex;gap:27px;align-items:center}.nav-links a{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.76;position:relative}.nav-links a:hover,.nav-links a[aria-current="page"]{opacity:1}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:.3s}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{right:0}.lang-toggle{border:1px solid var(--line);background:rgba(255,253,248,.58);padding:7px 10px;cursor:pointer;font-size:.72rem;letter-spacing:.08em}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;position:relative}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";position:absolute;left:8px;right:8px;height:1px;background:var(--ink);transition:.3s}.menu-toggle:before{top:12px}.menu-toggle span{top:20px}.menu-toggle:after{top:28px}.menu-toggle.active span{opacity:0}.menu-toggle.active:before{top:20px;transform:rotate(45deg)}.menu-toggle.active:after{top:20px;transform:rotate(-45deg)}
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease,transform 11s ease;transform:scale(1.015)}.hero-slide.active{opacity:1;transform:scale(1.065)}.hero-slide img{height:100%;object-fit:cover}.hero-slide.tea img{object-position:center 48%}.hero-slide.incense img{object-position:center 48%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,240,230,.94) 0%,rgba(245,240,230,.74) 35%,rgba(245,240,230,.26) 62%,rgba(245,240,230,.08) 100%)}.hero-content{position:relative;z-index:2;padding-top:82px;max-width:760px}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.28em;color:var(--muted)}h1,h2,h3,h4{font-weight:400;line-height:1.12;margin:0}.hero h1{font-size:clamp(4rem,8.2vw,8.7rem);letter-spacing:-.05em;margin:18px 0 22px}.hero-sub{font-size:clamp(1.25rem,2vw,1.85rem);margin:0}.hero-cn{font-size:.95rem;letter-spacing:.3em;margin-top:8px;color:var(--muted)}.hero-dots{display:flex;gap:9px;margin-top:42px}.hero-dot{width:30px;height:2px;background:rgba(40,37,31,.25);border:0;padding:0;cursor:pointer}.hero-dot.active{background:var(--ink)}
.text-link,.button{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.text-link{padding-bottom:7px;border-bottom:1px solid currentColor}.button{border:1px solid var(--ink);padding:13px 18px;background:transparent;cursor:pointer}.button.fill{background:var(--ink);color:var(--paper)}.button.soft{border-color:var(--line);background:rgba(255,255,255,.35)}.button:hover{background:var(--ink);color:var(--paper)}
.section{padding:116px 0}.section.soft{background:var(--paper-2)}.section.dark{background:#292b27;color:#f3eee4}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:70px;margin-bottom:48px}.section-head h2{font-size:clamp(2.8rem,5.2vw,5.7rem);letter-spacing:-.035em}.section-head p{color:var(--muted);max-width:670px;margin:0}.dark .section-head p{color:rgba(243,238,228,.65)}.section-cn{font-size:1rem;letter-spacing:.17em;color:var(--muted);margin-top:10px}.collection-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:24px}.collection-card{position:relative;min-height:620px;overflow:hidden;background:#ddd}.collection-card:nth-child(n+2){min-height:500px}.collection-card img{height:100%;object-fit:cover;transition:transform .9s ease}.collection-card:hover img{transform:scale(1.035)}.collection-card:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(22,19,15,.77))}.card-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:white}.card-copy .eyebrow{color:rgba(255,255,255,.7)}.card-copy h3{font-size:clamp(1.8rem,2.8vw,2.7rem);margin-top:8px}.card-copy p{margin:7px 0 0;color:rgba(255,255,255,.78);font-size:.9rem}.featured-products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{border-top:1px solid var(--line);padding-top:17px}.product-card img{aspect-ratio:4/5;object-fit:cover;background:#e7dfd3}.product-meta{display:flex;justify-content:space-between;gap:18px;margin-top:17px;align-items:start}.product-card h3{font-size:1.52rem}.product-card .cn{font-size:.9rem;color:var(--muted);margin-top:4px}.price{font-size:.92rem;white-space:nowrap}.product-card p{color:var(--muted);font-size:.91rem;margin:12px 0 0}.status{display:inline-block;margin-top:10px;border:1px solid var(--line);padding:5px 9px;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.experience-card{position:relative;min-height:560px;overflow:hidden}.experience-card img{height:100%;object-fit:cover;transition:.8s}.experience-card:hover img{transform:scale(1.025)}.experience-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(18,17,14,.78))}.experience-card .card-copy h3{font-size:2.25rem}.experience-card .card-copy p{max-width:460px}.philosophy-split{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.philosophy-split img{aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow)}.large-quote{font-size:clamp(2.4rem,4.7vw,5.3rem);line-height:1.18;letter-spacing:-.035em}.large-quote p{margin:.24em 0}.body-copy{color:var(--muted);max-width:660px}.gallery-preview{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:78px;gap:16px}.gallery-preview figure{margin:0;overflow:hidden}.gallery-preview img{height:100%;object-fit:cover;transition:.65s}.gallery-preview figure:hover img{transform:scale(1.03)}.gp1{grid-column:span 5;grid-row:span 6}.gp2{grid-column:span 3;grid-row:span 4}.gp3{grid-column:span 4;grid-row:span 5}.gp4{grid-column:span 3;grid-row:span 5}.gp5{grid-column:span 4;grid-row:span 4}.gp6{grid-column:span 5;grid-row:span 6}.inquiry-band{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 0}.inquiry-band h2{font-size:clamp(2.4rem,4.5vw,4.8rem)}.inquiry-links{display:grid;align-content:center;gap:12px}.inquiry-links a{padding:12px 0;border-bottom:1px solid var(--line)}
.page-hero{padding:190px 0 90px}.page-hero h1{font-size:clamp(3.6rem,7vw,7.4rem);letter-spacing:-.045em;max-width:960px}.page-hero p{max-width:720px;color:var(--muted);font-size:1.08rem;margin-top:24px}.page-banner{height:min(72vh,780px);overflow:hidden}.page-banner img{height:100%;object-fit:cover}.page-banner.incense img{object-position:center 58%}.page-banner.adornments img{object-position:center 42%}.page-banner.tea img{object-position:center 64%}.category-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:68px 0;border-top:1px solid var(--line)}.category-block h2{font-size:clamp(2rem,3.5vw,3.7rem)}.category-block .body-copy{max-width:760px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill{border:1px solid var(--line);padding:8px 12px;font-size:.76rem;letter-spacing:.06em}.placeholder-card{border:1px solid var(--line);padding:54px;min-height:330px;display:grid;align-content:end;background:rgba(255,255,255,.22)}.placeholder-card h3{font-size:2.4rem}.placeholder-card p{color:var(--muted);max-width:620px}.product-hero{padding:150px 0 70px}.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:start}.product-main img{aspect-ratio:4/5;object-fit:cover}.product-details{position:sticky;top:125px}.product-details h1{font-size:clamp(3rem,5vw,5.5rem)}.product-details .cn-title{font-size:1.15rem;letter-spacing:.16em;color:var(--muted);margin-top:8px}.product-price{font-size:1.12rem;margin:26px 0 0}.product-description{font-size:1.03rem;color:var(--muted);margin-top:25px}.product-description p{margin:0 0 18px}.product-actions{display:flex;flex-wrap:wrap;gap:12px}.product-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.product-gallery img{aspect-ratio:4/5;object-fit:cover}.experience-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.experience-detail{border-top:1px solid var(--line);padding:28px 0}.experience-detail h3{font-size:2rem}.experience-detail p{color:var(--muted);max-width:580px}.gallery-grid{columns:3 300px;column-gap:18px}.gallery-item{break-inside:avoid;margin:0 0 18px;overflow:hidden;background:#ddd}.gallery-item img{transition:.7s}.gallery-item:hover img{transform:scale(1.018)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.about-grid h2{font-size:clamp(2.6rem,4.5vw,5rem)}.about-grid .body-copy{font-size:1.02rem}.founder-link{margin-top:70px;padding-top:20px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.founder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.founder-layout img{aspect-ratio:9/16;object-fit:cover;max-width:620px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-info h2{font-size:clamp(2.5rem,4vw,4.7rem)}.contact-info p{color:var(--muted)}.form{display:grid;gap:18px}.field{display:grid;gap:7px}.field label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 2px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}.field textarea{min-height:145px;resize:vertical}.form-note{font-size:.78rem;color:var(--muted)}
.site-footer{padding:58px 0 38px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr .8fr .8fr;gap:60px}.footer-brand img{width:68px;height:68px;object-fit:contain;margin-bottom:14px}.footer-brand p{color:var(--muted);max-width:390px;font-size:.9rem}.footer-col h4{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:15px}.footer-col a{display:block;color:var(--muted);font-size:.9rem;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin-top:45px;font-size:.75rem;color:var(--muted)}
.modal{position:fixed;z-index:100;inset:0;background:rgba(25,22,18,.58);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-panel{width:min(100%,620px);max-height:90vh;overflow:auto;background:var(--paper);padding:38px;position:relative}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:1.7rem;cursor:pointer}.modal-panel h2{font-size:2.6rem;margin-bottom:22px}.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:11px 16px;opacity:0;pointer-events:none;transition:.3s;font-size:.82rem}.toast.show{opacity:1;transform:translate(-50%,0)}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-up.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{position:fixed;inset:0;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;transform:translateY(-105%);transition:.45s;z-index:-1}.nav-links.open{transform:none}.nav-links a{font-size:1rem}.menu-toggle{display:block}.nav-actions{gap:10px}.collection-grid{grid-template-columns:1fr 1fr}.collection-card:first-child{grid-column:span 2}.featured-products{grid-template-columns:1fr 1fr}.featured-products .product-card:last-child{grid-column:span 2;max-width:calc(50% - 13px)}.section-head,.philosophy-split,.inquiry-band,.category-block,.product-layout,.about-grid,.founder-layout,.contact-grid{grid-template-columns:1fr}.product-details{position:static}.experience-grid{grid-template-columns:1fr 1fr}.gallery-preview{grid-auto-rows:62px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}
@media(max-width:640px){.shell{width:min(calc(100% - 28px),var(--max))}.nav-inner{height:72px}.brand img{width:38px;height:38px}.brand-word{font-size:.9rem}.hero:after{background:linear-gradient(0deg,rgba(245,240,230,.96) 0%,rgba(245,240,230,.76) 36%,rgba(245,240,230,.08) 72%)}.hero-content{align-self:flex-end;padding:0 0 70px}.hero h1{font-size:3.45rem}.hero-sub{font-size:1.05rem}.section{padding:78px 0}.section-head{gap:22px;margin-bottom:34px}.collection-grid,.featured-products,.experience-grid,.experience-list{grid-template-columns:1fr}.collection-card:first-child,.featured-products .product-card:last-child{grid-column:auto;max-width:none}.collection-card,.collection-card:nth-child(n+2){min-height:520px}.experience-card{min-height:520px}.gallery-preview{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.gallery-preview figure,.gp1,.gp2,.gp3,.gp4,.gp5,.gp6{grid-column:auto;grid-row:auto;aspect-ratio:4/5}.page-hero{padding:145px 0 65px}.page-banner{height:62vh}.placeholder-card{padding:30px}.product-hero{padding-top:120px}.product-gallery{gap:10px}.gallery-grid{columns:2 150px;column-gap:10px}.gallery-item{margin-bottom:10px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.modal-panel{padding:32px 22px}.contact-grid{gap:40px}}


/* =========================================================
   TYPOGRAPHY SYSTEM — restrained editorial scale
   Inspired by Aesop's compact, modern hierarchy while
   preserving Zhioise's Chinese visual identity.
   ========================================================= */
:root{
  --font-ui:Georgia,"Times New Roman",Times,serif;
  --font-cn:"Songti SC","STSong","SimSun","Noto Serif SC","Source Han Serif SC",serif;
}
html{font-size:16px}
body{
  font-family:var(--font-ui);
  font-size:.9375rem;
  font-weight:400;
  line-height:1.68;
  letter-spacing:.002em;
  text-rendering:optimizeLegibility;
}
html[lang^="zh"] body{
  font-family:var(--font-cn);
  line-height:1.86;
  letter-spacing:.025em;
}
h1,h2,h3,h4{
  font-family:var(--font-ui);
  font-weight:400;
  text-wrap:balance;
}
html[lang^="zh"] h1,
html[lang^="zh"] h2,
html[lang^="zh"] h3,
html[lang^="zh"] h4{
  font-family:var(--font-cn);
  font-weight:400;
  letter-spacing:.055em;
}
.brand-word{font-size:.9375rem;letter-spacing:.075em}
.nav-links a{font-size:.6875rem;letter-spacing:.13em}
.lang-toggle{font-size:.6875rem;letter-spacing:.06em}
.eyebrow{font-size:.65625rem;letter-spacing:.16em;line-height:1.45}
.hero h1{
  font-size:clamp(3.75rem,6vw,6.25rem);
  line-height:.98;
  letter-spacing:-.035em;
  margin:20px 0 25px;
}
.hero-sub{font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.42;letter-spacing:.005em}
.hero-cn{font-size:.8125rem;letter-spacing:.18em;line-height:1.6;margin-top:10px}
.text-link,.button{font-size:.6875rem;letter-spacing:.12em;line-height:1.4}
.section-head h2{font-size:clamp(2.25rem,3.8vw,4.35rem);line-height:1.07;letter-spacing:-.028em}
.section-head p,.body-copy{font-size:.9375rem;line-height:1.78}
.section-cn{font-size:.875rem;letter-spacing:.11em;line-height:1.7}
.card-copy h3{font-size:clamp(1.5rem,2.1vw,2.15rem);line-height:1.18;letter-spacing:-.012em}
.card-copy p{font-size:.84375rem;line-height:1.65}
.product-card h3{font-size:1.25rem;line-height:1.3}
.product-card .cn{font-size:.8125rem;line-height:1.55}
.product-card p{font-size:.84375rem;line-height:1.7}
.price{font-size:.84375rem}
.status{font-size:.625rem;letter-spacing:.1em}
.experience-card .card-copy h3{font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.22}
.large-quote{font-size:clamp(2.25rem,3.7vw,4.3rem);line-height:1.14;letter-spacing:-.025em}
.inquiry-band h2{font-size:clamp(2rem,3.3vw,3.75rem);line-height:1.12;letter-spacing:-.022em}
.inquiry-links a{font-size:.9rem;line-height:1.6}
.page-hero h1{font-size:clamp(3rem,5vw,5.75rem);line-height:1.03;letter-spacing:-.034em}
.page-hero p{font-size:.96875rem;line-height:1.78}
.category-block h2{font-size:clamp(1.9rem,2.9vw,3.15rem);line-height:1.14;letter-spacing:-.018em}
.pill{font-size:.71875rem;letter-spacing:.045em}
.placeholder-card h3{font-size:1.85rem;line-height:1.22}
.placeholder-card p{font-size:.9rem;line-height:1.72}
.product-details h1{font-size:clamp(2.7rem,4.3vw,4.8rem);line-height:1.04;letter-spacing:-.03em}
.product-details .cn-title{font-size:1rem;letter-spacing:.11em;line-height:1.6}
.product-price{font-size:1rem}
.product-description{font-size:.9375rem;line-height:1.78}
.experience-detail h3{font-size:1.55rem;line-height:1.3}
.experience-detail p{font-size:.9rem;line-height:1.75}
.about-grid h2{font-size:clamp(2.35rem,3.7vw,4.25rem);line-height:1.08;letter-spacing:-.025em}
.about-grid .body-copy{font-size:.9375rem;line-height:1.82}
.founder-link{font-size:.71875rem;line-height:1.7}
.contact-info h2{font-size:clamp(2.3rem,3.5vw,4.1rem);line-height:1.1;letter-spacing:-.024em}
.contact-info p{font-size:.9375rem;line-height:1.78}
.field label{font-size:.65625rem;letter-spacing:.1em}
.field input,.field textarea,.field select{font-size:.9375rem;line-height:1.6}
.form-note{font-size:.75rem;line-height:1.65}
.footer-brand p,.footer-col a{font-size:.8125rem;line-height:1.7}
.footer-col h4{font-size:.6875rem;letter-spacing:.12em}
.footer-bottom{font-size:.6875rem;line-height:1.6}
.modal-panel h2{font-size:2.1rem;line-height:1.12;letter-spacing:-.02em}
.toast{font-size:.75rem}

@media(max-width:980px){
  .nav-links a{font-size:.875rem;letter-spacing:.1em}
}
@media(max-width:640px){
  html{font-size:15px}
  body{font-size:1rem}
  .brand-word{font-size:.875rem}
  .hero h1{font-size:clamp(3rem,15vw,3.8rem);line-height:1.01}
  .hero-sub{font-size:1.02rem}
  .hero-cn{font-size:.8rem;letter-spacing:.15em}
  .section-head h2{font-size:clamp(2.15rem,10vw,3.1rem);line-height:1.1}
  .section-head p,.body-copy{font-size:.95rem;line-height:1.82}
  .card-copy h3{font-size:1.7rem}
  .card-copy p{font-size:.85rem}
  .page-hero h1{font-size:clamp(2.65rem,12vw,3.75rem);line-height:1.06}
  .page-hero p{font-size:.95rem}
  .category-block h2{font-size:2rem}
  .product-details h1{font-size:2.75rem}
  .large-quote{font-size:2.35rem}
  .inquiry-band h2{font-size:2.25rem}
  .about-grid h2,.contact-info h2{font-size:2.35rem}
}


/* Chinese-specific scale: compact enough to preserve intentional line breaks */
html[lang^="zh"] .section-head h2{
  font-size:clamp(2.05rem,3.25vw,3.75rem);
  line-height:1.22;
  letter-spacing:.035em;
}
html[lang^="zh"] .page-hero h1{
  font-size:clamp(2.65rem,4.3vw,4.8rem);
  line-height:1.2;
  letter-spacing:.04em;
}
html[lang^="zh"] .card-copy h3{
  font-size:clamp(1.4rem,1.9vw,1.85rem);
  line-height:1.35;
}
html[lang^="zh"] .large-quote{
  font-size:clamp(2.05rem,3.25vw,3.7rem);
  line-height:1.35;
}
html[lang^="zh"] .inquiry-band h2{
  font-size:clamp(1.9rem,3vw,3.25rem);
  line-height:1.42;
}
html[lang^="zh"] .product-details h1{
  font-size:clamp(2.35rem,3.7vw,4.1rem);
  line-height:1.2;
}
@media(max-width:640px){
  html[lang^="zh"] .section-head h2{
    font-size:2rem;
    line-height:1.32;
  }
  html[lang^="zh"] .page-hero h1{
    font-size:2rem;
    line-height:1.38;
  }
  html[lang^="zh"] .inquiry-band h2{
    font-size:1.85rem;
    line-height:1.5;
  }
}


/* Serif identity: Georgia for English, Songti for Chinese */
button,input,textarea,select,
.nav-links,.lang-toggle,.text-link,.button,.eyebrow,
.brand-word,.footer-col,.footer-bottom{
  font-family:var(--font-ui);
}
html[lang^="zh"] button,
html[lang^="zh"] input,
html[lang^="zh"] textarea,
html[lang^="zh"] select,
html[lang^="zh"] .nav-links,
html[lang^="zh"] .lang-toggle,
html[lang^="zh"] .text-link,
html[lang^="zh"] .button,
html[lang^="zh"] .eyebrow,
html[lang^="zh"] .brand-word,
html[lang^="zh"] .footer-col,
html[lang^="zh"] .footer-bottom{
  font-family:var(--font-cn);
}


/* Homepage bilingual title pairing */
.bilingual-heading::after{
  content:attr(data-zh);
  display:block;
  margin-top:.52rem;
  font-family:var(--font-cn);
  font-size:.29em;
  font-weight:400;
  line-height:1.55;
  letter-spacing:.14em;
  color:var(--muted);
}
html[lang^="zh"] .bilingual-heading::after{
  content:attr(data-en);
  font-family:var(--font-ui);
  font-size:.32em;
  letter-spacing:.035em;
  text-transform:none;
}
.dark .bilingual-heading::after{
  color:rgba(243,238,228,.62);
}
.bilingual-label::after{
  content:" · " attr(data-zh);
  font-family:var(--font-cn);
  text-transform:none;
  letter-spacing:.1em;
}
html[lang^="zh"] .bilingual-label::after{
  content:" · " attr(data-en);
  font-family:var(--font-ui);
  letter-spacing:.06em;
}

/* More compact homepage experience imagery */
.experience-grid{
  max-width:1080px;
  margin-inline:auto;
  gap:20px;
}
.experience-card{
  min-height:0;
  height:clamp(330px,31vw,430px);
}
.experience-card .card-copy{
  left:24px;
  right:24px;
  bottom:22px;
}
.experience-card .card-copy p{
  display:none;
}

@media(max-width:980px){
  .experience-grid{max-width:900px}
  .experience-card{height:390px}
}
@media(max-width:640px){
  .experience-card{min-height:0;height:350px}
  .bilingual-heading::after{font-size:.34em;margin-top:.42rem}
}


/* WeChat link and QR presentation */
.link-button{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:inherit;
  text-align:left;
  cursor:pointer;
}
.inquiry-links .link-button,
.footer-col .link-button{
  display:block;
  width:max-content;
}
.inquiry-links .link-button:hover,
.footer-col .link-button:hover{
  opacity:.62;
}
.wechat-panel{
  width:min(92vw,430px);
  text-align:center;
}
.wechat-panel .eyebrow{
  margin-bottom:.8rem;
}
.wechat-panel h2{
  margin-bottom:1.25rem;
}
.wechat-qr{
  display:block;
  width:min(100%,300px);
  height:auto;
  margin:0 auto 1.15rem;
  padding:10px;
  background:#fff;
}
.wechat-panel p{
  max-width:32rem;
  margin-inline:auto;
  color:var(--muted);
}
.wechat-contact-card{
  margin-top:2.4rem;
  padding-top:2rem;
  border-top:1px solid var(--line);
}
.wechat-contact-card h3{
  margin:.55rem 0 1.1rem;
  font-weight:400;
}
.wechat-contact-qr{
  display:block;
  width:min(100%,240px);
  height:auto;
  padding:8px;
  background:#fff;
  border:1px solid var(--line);
}
.wechat-contact-card p{
  max-width:28rem;
  margin-top:1rem;
  color:var(--muted);
}
@media(max-width:640px){
  .wechat-qr{width:min(100%,260px)}
  .wechat-contact-qr{width:min(100%,220px)}
}


/* =========================================================
   CHINESE-LANGUAGE TYPOGRAPHY
   English mode remains unchanged.
   In Chinese mode:
   - Chinese glyphs use Noto Serif SC with a fuller weight.
   - Latin letters continue to use Georgia.
   ========================================================= */
:root{
  --font-zh-active:Georgia,"Times New Roman",
    "Noto Serif SC","Source Han Serif SC",
    "Songti SC","STSong","SimSun",serif;
}

/* Preserve the existing English-mode appearance, including Chinese accents. */
html:not([lang^="zh"]) body{
  font-family:Georgia,"Times New Roman",
    "Songti SC","STSong","SimSun",serif;
}

/* Chinese mode: Georgia handles Latin; Noto Serif SC handles Chinese. */
html[lang^="zh"] body{
  font-family:var(--font-zh-active);
  font-weight:500;
  line-height:1.88;
  letter-spacing:.024em;
  -webkit-font-smoothing:auto;
  font-synthesis:none;
}

html[lang^="zh"] h1,
html[lang^="zh"] h2,
html[lang^="zh"] h3,
html[lang^="zh"] h4,
html[lang^="zh"] .hero h1,
html[lang^="zh"] .section-head h2,
html[lang^="zh"] .page-hero h1,
html[lang^="zh"] .large-quote,
html[lang^="zh"] .product-details h1,
html[lang^="zh"] .contact-info h2,
html[lang^="zh"] .about-grid h2,
html[lang^="zh"] .detail-heading{
  font-family:var(--font-zh-active);
  font-weight:600;
}

html[lang^="zh"] p,
html[lang^="zh"] li,
html[lang^="zh"] label,
html[lang^="zh"] input,
html[lang^="zh"] textarea,
html[lang^="zh"] select,
html[lang^="zh"] .body-copy,
html[lang^="zh"] .product-description,
html[lang^="zh"] .form-note,
html[lang^="zh"] .footer-brand p{
  font-family:var(--font-zh-active);
  font-weight:500;
}

html[lang^="zh"] .nav-links,
html[lang^="zh"] .nav-links a,
html[lang^="zh"] .text-link,
html[lang^="zh"] .button,
html[lang^="zh"] .eyebrow,
html[lang^="zh"] .footer-col,
html[lang^="zh"] .footer-col h4,
html[lang^="zh"] .footer-col a,
html[lang^="zh"] .footer-bottom,
html[lang^="zh"] .status,
html[lang^="zh"] .price,
html[lang^="zh"] .card-copy,
html[lang^="zh"] .product-card,
html[lang^="zh"] .experience-title,
html[lang^="zh"] .experience-subtitle,
html[lang^="zh"] .detail-heading small{
  font-family:var(--font-zh-active);
  font-weight:500;
}

/* These elements display English while the Chinese version is active. */
html[lang^="zh"] .brand-word,
html[lang^="zh"] .lang-toggle,
html[lang^="zh"] .hero-sub,
html[lang^="zh"] .bilingual-heading::after,
html[lang^="zh"] .bilingual-label::after,
html[lang^="zh"] .detail-heading small,
html[lang^="zh"] .experience-subtitle{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
}

/* Keep Chinese title strokes full without making the page feel heavy. */
html[lang^="zh"] .hero-cn,
html[lang^="zh"] .cn,
html[lang^="zh"] .cn-title{
  font-family:"Noto Serif SC","Source Han Serif SC",
    "Songti SC","STSong","SimSun",serif;
  font-weight:500;
}

/* =========================================================
   FRAGRANT ADORNMENTS CATALOG
   ========================================================= */
.lang-zh{display:none}
html[lang^="zh"] .lang-en{display:none}
html[lang^="zh"] .lang-zh{display:block}

.adornment-note .category-block{padding-top:0;padding-bottom:0;border-top:0}
.catalog-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 42px}
.catalog-filter{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;cursor:pointer;font-family:var(--font-ui);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;transition:.25s}
.catalog-filter:hover,.catalog-filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[lang^="zh"] .catalog-filter{font-family:var(--font-cn);letter-spacing:.08em}
.adornment-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:62px}
.adornment-grid .product-card:last-child{grid-column:auto;max-width:none}
.adornment-card[hidden]{display:none!important}
.adornment-card .product-image-link{display:block;background:#faf8f3;overflow:hidden}
.adornment-card img{object-fit:contain;background:#faf8f3;transition:transform .55s ease}
.adornment-card:hover img{transform:scale(1.018)}
.adornment-card .status{margin-right:12px}
.adornment-card .text-link{margin-top:16px}

.adornment-product .product-main>img{object-fit:contain;background:#faf8f3;cursor:zoom-in}
.product-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-thumb{padding:0;border:1px solid transparent;background:#faf8f3;cursor:pointer;overflow:hidden;opacity:.72;transition:.25s}
.product-thumb:hover,.product-thumb.active{opacity:1;border-color:var(--ink)}
.product-thumb img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#faf8f3}
.product-stock{margin-top:12px}
.product-facts{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line);font-size:.84375rem;line-height:1.75;color:var(--muted)}
.product-description+.product-facts{margin-top:6px}
.fact-label{color:var(--ink);font-size:.65625rem;letter-spacing:.11em;text-transform:uppercase;padding-top:2px}
html[lang^="zh"] .fact-label{letter-spacing:.09em}
.variant-select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 0 8px;color:var(--ink)}
.handmade-note,.product-special-note{margin-top:18px;padding:18px 0 0;border-top:1px solid var(--line);font-size:.8rem;line-height:1.8;color:var(--muted)}
.product-special-note{border-top:0;padding-top:0;font-style:italic}

@media(max-width:980px){
  .adornment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adornment-grid .product-card:last-child{grid-column:auto;max-width:none}
}
@media(max-width:640px){
  .catalog-filters{margin-bottom:30px}
  .adornment-grid{grid-template-columns:1fr;row-gap:48px}
  .adornment-card img{aspect-ratio:4/5}
  .product-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .product-facts{grid-template-columns:82px 1fr;gap:13px}
}

/* Preserve the homepage hero title as intentional stacked lines. */
.hero-main-title{display:flex;flex-direction:column;align-items:flex-start;}
.hero-main-title .hero-title-line{display:block;white-space:nowrap;}

/* Give the featured adornments edit its own quiet separation. */
.featured-adornments-section{border-top:1px solid var(--line);}


/* =========================================================
   COMPLETE INCENSE CATALOG
   ========================================================= */
.incense-intro{padding-top:54px;padding-bottom:54px}
.incense-index-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.incense-index-nav a{border:1px solid var(--line);padding:10px 14px;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;transition:.25s}
.incense-index-nav a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[lang^="zh"] .incense-index-nav a{font-family:var(--font-cn);letter-spacing:.08em}
.incense-culture-note{max-width:820px;color:var(--muted);font-size:.9rem;line-height:1.85}
.incense-catalog-section{border-top:1px solid var(--line)}
.incense-catalog-section:nth-of-type(even){background:rgba(255,255,255,.18)}
.section-head.compact h2{font-size:clamp(2.4rem,4.2vw,4.6rem)}
.incense-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:64px}
.incense-grid .product-card:last-child{grid-column:auto;max-width:none}
.incense-card .product-image-link{display:block;overflow:hidden;background:#faf8f3}
.incense-card img{object-fit:contain;background:#faf8f3;transition:transform .55s ease}
.incense-card:hover img{transform:scale(1.018)}
.incense-card .status{margin-top:11px}
.incense-card .text-link{margin-top:15px}
.seasonal-collection-note{display:flex;align-items:end;justify-content:space-between;gap:36px;border:1px solid var(--line);padding:30px 34px;margin:-4px 0 48px;background:rgba(255,255,255,.22)}
.seasonal-collection-note h3{font-size:clamp(1.8rem,2.8vw,2.75rem);margin:6px 0 8px}
.seasonal-collection-note p{color:var(--muted);margin:0;max-width:680px}
.home-incense-all-link{display:inline-block;margin-top:38px}
.incense-product .product-main>img{object-fit:contain;background:#faf8f3;cursor:zoom-in}
.incense-product .product-description{margin-bottom:6px}
.incense-product .product-description p{line-height:1.85}
.series-purchase-note{margin:20px 0 4px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.series-purchase-note p{margin:0 0 8px;color:var(--muted);font-size:.86rem;line-height:1.7}
.button-link{border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink);font-family:inherit}
.product-caution{margin-top:18px;border:1px solid #8e6c5e;padding:12px 15px;font-size:.78rem;letter-spacing:.04em;color:#6f4d40;background:rgba(142,108,94,.05)}
.incense-product-page .product-special-note{font-style:normal}
@media(max-width:980px){
  .incense-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .incense-grid .product-card:last-child{grid-column:auto;max-width:none}
  .seasonal-collection-note{align-items:start;flex-direction:column}
}
@media(max-width:640px){
  .incense-index-nav{display:grid;grid-template-columns:1fr 1fr}
  .incense-index-nav a{text-align:center;padding:9px 8px;font-size:.61rem}
  .incense-grid{grid-template-columns:1fr;row-gap:48px}
  .seasonal-collection-note{padding:24px 22px;margin-bottom:38px}
  .incense-product .product-main>img{aspect-ratio:4/5}
}