/* Tai Wo Tong dark heritage theme — overrides paper theme. */
:root{
  --ink:#0e0b08;
  --ink-2:#16110c;
  --ink-3:#1c1611;
  --wood:#2a1f16;
  --paper:#120e0a;
  --paper-2:#1a140f;
  --gold:#c9a356;
  --gold-light:#e4c98a;
  --gold-dim:rgba(201,163,86,.32);
  --red:#9e3428;
  --vermilion:#a83228;
  --vermilion-deep:#7a241c;
  --cream:#f3ead7;
  --text:#efe2c8;
  --muted:#b7aa95;
  --line:rgba(201,163,86,.28);
  --serif:"Noto Serif TC",serif;
  --sans:"Noto Sans TC",sans-serif;
  /* Align header / heritage / footer with .section-wrap content edge.
     Use 100% (not 100vw) so scrollbar width does not shift gutters. */
  --page-max:1320px;
  --space:clamp(22px,3.2vw,48px);
  --page-inset:max(var(--space),calc((100% - var(--page-max)) / 2 + var(--space)));
}
body[class^="page-"]{
  background:var(--ink);
  color:var(--text);
}
body[class^="page-"] a{color:inherit}
body[class^="page-"] .topline,
body[class^="page-"] .site-header,
body[class^="page-"] .site-footer,
body[class^="page-"] .contact-cta,
body.page-home .heritage-band{
  padding-left:var(--page-inset);
  padding-right:var(--page-inset);
  box-sizing:border-box;
}
body[class^="page-"] .section-wrap{
  width:min(var(--page-max),100%);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--space);
  padding-right:var(--space);
  box-sizing:border-box;
}
body[class^="page-"] .partner-grid,
body[class^="page-"] .featured-grid{
  padding-left:0;
  padding-right:0;
}
body[class^="page-"] .topline{
  background:linear-gradient(180deg,var(--vermilion),var(--vermilion-deep));
  border-bottom:1px solid rgba(232,196,140,.28);
  color:#f6e6d2;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.18);
}
body[class^="page-"] .topline>span{color:#f6e6d2}
body[class^="page-"] .language-switch>span,
body[class^="page-"] .currency-switch>span{color:rgba(246,230,210,.72)}
body[class^="page-"] .language-switch>a,
body[class^="page-"] .currency-switch>a{
  border-color:rgba(246,230,210,.42);
  color:#f6e6d2;
  background:transparent;
}
body[class^="page-"] .language-switch>a:hover,
body[class^="page-"] .currency-switch>a:hover{
  border-color:var(--gold-light);
  background:rgba(255,248,235,.12);
  color:#fff8eb;
}
body[class^="page-"] .language-switch>a.active,
body[class^="page-"] .currency-switch>a.active{
  border-color:var(--gold-light);
  background:var(--gold-light);
  color:#5a1d16;
}
body[class^="page-"] .site-header{
  background:rgba(14,11,8,.92);
  border-bottom:1px solid rgba(201,163,86,.18);
  backdrop-filter:blur(10px);
}
body[class^="page-"] .brand-words strong{color:var(--gold-light)}
body[class^="page-"] .brand-words small{color:var(--muted)}
body[class^="page-"] .brand-seal img{filter:drop-shadow(0 0 10px rgba(201,163,86,.22))}
body[class^="page-"] .main-nav>a{color:#d8cbb4}
body[class^="page-"] .main-nav>a:hover,
body[class^="page-"] .main-nav>a.active{color:var(--gold)}
body[class^="page-"] .main-nav>a.active{
  box-shadow:inset 0 -2px 0 var(--gold);
}
body[class^="page-"] .nav-distributor{
  border-color:var(--gold);
  color:var(--gold-light);
}
body[class^="page-"] .menu-toggle span{background:var(--gold)}
body[class^="page-"] .button-gold,
body[class^="page-"] .button.button-gold{
  background:var(--red);
  color:#fff;
  border-color:var(--red);
  border-radius:2px;
}
body[class^="page-"] .button-outline,
body[class^="page-"] .button.button-outline{
  background:transparent;
  color:var(--gold-soft,#e4c98a);
  border:1px solid var(--gold);
  border-radius:2px;
}
body[class^="page-"] .text-link{color:var(--gold)}
body[class^="page-"] .eyebrow,
body[class^="page-"] .eyebrow.gold{color:var(--gold)}
body[class^="page-"] .section-kicker{color:var(--muted)}
body[class^="page-"] .section-kicker span:first-child{color:var(--gold)}
body[class^="page-"] .section-wrap,
body[class^="page-"] .intro-section,
body[class^="page-"] .collection-section,
body[class^="page-"] .partner-section,
body[class^="page-"] .product-list-section,
body[class^="page-"] .insights-section,
body[class^="page-"] .longread,
body[class^="page-"] .listing-section,
body[class^="page-"] .process-full,
body[class^="page-"] .product-detail,
body[class^="page-"] .contact-layout,
body[class^="page-"] .article-detail{
  background:var(--ink-2);
  color:var(--text);
}
body[class^="page-"] .page-hero{
  background:linear-gradient(120deg,#1a140f,#0e0b08 55%),url('/assets/img/generated/story-macau.webp') center/cover;
  border-bottom:1px solid var(--gold-dim);
}
body[class^="page-"] .page-hero-image{
  background-image:linear-gradient(100deg,rgba(14,11,8,.55),rgba(14,11,8,.2)),url('/assets/img/generated/story-macau.webp');
  background-size:cover;
  background-position:center;
}
body[class^="page-"] .page-hero-image.process-page-bg{
  background-image:linear-gradient(100deg,rgba(14,11,8,.55),rgba(14,11,8,.18)),url('/assets/img/generated/herbal-process.webp');
}
body[class^="page-"] .story-band-image{
  background-image:linear-gradient(90deg,rgba(14,11,8,.15),rgba(14,11,8,.55)),url('/assets/img/generated/story-macau.webp');
  background-size:cover;
  background-position:center 40%;
  filter:none;
}
body[class^="page-"] .page-hero-content h1,
body[class^="page-"] .page-hero-content p{color:var(--cream)}
body[class^="page-"] .hero-carousel{
  position:relative;display:block;
  height:clamp(560px,42vw,720px);min-height:560px;padding:0;overflow:hidden;
  background:#0e0b08;
  border-bottom:1px solid var(--gold-dim);
}
body[class^="page-"] .hero-carousel .hero-slide{
  position:absolute;inset:0;display:flex;align-items:center;
  padding:72px var(--page-inset) 92px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .55s ease;
  background:#0e0b08;
}
body[class^="page-"] .hero-carousel .hero-slide.is-active{
  opacity:1;visibility:visible;pointer-events:auto;z-index:1;
}
body[class^="page-"] .hero-carousel .hero-photo{
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  opacity:1;filter:none;
}
body[class^="page-"] .hero-carousel .hero-content{
  position:relative;z-index:3;
  max-width:min(520px,calc(100% - 430px));
}
body[class^="page-"] .hero-carousel .hero-content .hero-seal{
  position:static;width:88px;height:88px;margin:0 0 20px;border-radius:50%;
  border:1px solid var(--gold-dim);
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#3a2a1b,#18110c);
  box-shadow:0 0 0 8px rgba(201,163,86,.05);
  opacity:1;right:auto;top:auto;padding:0;
}
body[class^="page-"] .hero-carousel .hero-content .hero-seal img{width:64px;height:64px;object-fit:contain;border-radius:0}
body[class^="page-"] .hero-carousel h1{
  color:var(--gold-light);
  text-shadow:0 2px 24px rgba(0,0,0,.45);
  font-size:clamp(34px,4.6vw,68px);
  line-height:1.18;letter-spacing:.02em;max-width:11em;
}
body[class^="page-"] .hero-carousel .hero-lead{
  color:#d7c9b0;font-size:15px;line-height:1.85;max-width:34em;
}
body[class^="page-"] .hero-carousel .hero-caption{
  z-index:3;right:210px;color:rgba(231,214,184,.55);
}
body[class^="page-"] .hero-carousel .hero-caption{
  left:var(--page-inset);right:var(--page-inset);
}
body[class^="page-"] .hero-carousel .hero-switch{
  position:absolute;z-index:5;right:var(--page-inset);bottom:18px;left:auto;
  transform:none;display:flex;align-items:center;gap:14px;
}
body[class^="page-"] .hero-carousel .hero-switch [data-hero-prev],
body[class^="page-"] .hero-carousel .hero-switch [data-hero-next]{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--gold-dim);
  background:rgba(14,11,8,.72);color:var(--gold-light);
  box-shadow:0 8px 20px rgba(0,0,0,.35);
}
body[class^="page-"] .hero-carousel .hero-dots button{
  width:28px;height:3px;border-radius:999px;background:rgba(201,163,86,.28);
}
body[class^="page-"] .hero-carousel .hero-dots button[aria-selected="true"]{
  width:44px;background:var(--red);
}
body[class^="page-"] .hero-carousel .scroll-cue{display:none}
body[class^="page-"] .hero-carousel .hero-product{
  position:absolute;z-index:2;top:50%;right:clamp(72px,9vw,140px);
  width:286px;height:430px;margin:0;padding:0;
  transform:translateY(-54%);
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  background:transparent;border:0;box-shadow:none;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));
  mix-blend-mode:normal;
}
body[class^="page-"] .hero-carousel .hero-product img{
  width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:normal;
}
body[class^="page-"] .hero-carousel .hero-slide-studio .hero-product{
  mix-blend-mode:normal;filter:drop-shadow(0 18px 28px rgba(0,0,0,.4));
}
body[class^="page-"] .hero-carousel .hero-slide-shelf .hero-content{max-width:min(420px,38vw)}
body[class^="page-"] .hero-carousel .hero-slide-stage .hero-stage{
  position:absolute;z-index:2;right:clamp(40px,7vw,120px);top:50%;
  transform:translateY(-50%);
  width:min(420px,36vw);aspect-ratio:4/5;
  margin:0;border:1px solid rgba(201,163,86,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.45);
  overflow:hidden;background:#1a140f;
  display:flex;align-items:center;justify-content:center;
  padding:10px;
  box-sizing:border-box;
}
body[class^="page-"] .hero-carousel .hero-slide-stage .hero-stage img{
  width:100%;height:100%;object-fit:contain;object-position:center;
}
@media(min-width:761px){
  body[class^="page-"] .hero-carousel .hero-slide-shelf{align-items:flex-start}
  body[class^="page-"] .hero-carousel .hero-slide-shelf .hero-content{
    max-width:min(360px,32vw);margin-top:54px;
  }
  body[class^="page-"] .hero-carousel .hero-slide-shelf h1{
    font-size:clamp(40px,4.4vw,68px);
  }
}
body.page-home .heritage-band{
  position:relative;
  padding-top:48px;
  padding-bottom:56px;
  background:
    linear-gradient(180deg,rgba(14,11,8,.92),rgba(22,17,12,.94)),
    url('/assets/img/generated/herbal-process.webp') center/cover;
  border-bottom:1px solid var(--gold-dim);
}
body.page-home .heritage-band .heritage-title,
body.page-home .heritage-band .heritage-steps,
body.page-home .heritage-band .heritage-note{
  width:min(var(--page-max),100%);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
body.page-home .heritage-title{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin:0 0 34px;font:500 18px/1.4 var(--serif);color:var(--gold-light);letter-spacing:.16em;
}
body.page-home .heritage-title:before,
body.page-home .heritage-title:after{
  content:"";flex:1;max-width:140px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
body.page-home .heritage-steps{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;
}
body.page-home .heritage-step{text-align:center}
body.page-home .heritage-step i{
  display:grid;place-items:center;width:66px;height:66px;margin:0 auto 12px;
  border:1px solid var(--gold-dim);border-radius:50%;
  color:var(--gold);font:500 15px/1 var(--serif);
  background:radial-gradient(circle at 30% 25%,rgba(201,163,86,.16),rgba(14,11,8,.7));
  font-style:normal;
}
body.page-home .heritage-step b{display:block;font:500 14px/1.4 var(--serif);color:#efe2c8}
body.page-home .heritage-step small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
body.page-home .heritage-note{margin:22px 0 0;text-align:center;font-size:12px;color:#8f8372}
body.page-home .trust-band{display:none}
body[class^="page-"] .brand-values>div,
body[class^="page-"] .partner-point,
body[class^="page-"] .process-step,
body[class^="page-"] .article-card,
body[class^="page-"] .product-card,
body[class^="page-"] .contact-form,
body[class^="page-"] .contact-lines>div,
body[class^="page-"] .store-block,
body[class^="page-"] .privacy-block,
body[class^="page-"] .important-note,
body[class^="page-"] .faq-list details{
  background:#1c1611;
  border:1px solid rgba(201,163,86,.18);
  color:var(--text);
}
body[class^="page-"] .product-card{border-radius:0;overflow:hidden}
body[class^="page-"] .product-card-image{
  height:auto;aspect-ratio:2/3;background:#241c14;border-bottom:1px solid rgba(201,163,86,.18);
}
body[class^="page-"] .product-card-image img,
body[class^="page-"] .product-card:first-child .product-card-image img{
  width:100%;height:100%;object-fit:cover;padding:0;mix-blend-mode:normal;
}
body[class^="page-"] .product-card h3,
body[class^="page-"] .product-card-copy p{color:var(--text)}
body[class^="page-"] .product-category{color:var(--gold)}
body[class^="page-"] .detail-photo{background:#241c14;border-color:rgba(201,163,86,.25);padding:0}
body[class^="page-"] .detail-photo img{width:100%;max-height:720px;object-fit:cover;mix-blend-mode:normal}
body[class^="page-"] .category-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
body[class^="page-"] .category-card{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:320px;
  padding:28px;
  grid-template-columns:unset;
  gap:0;
  overflow:hidden;
  background:#1c1611;
  color:#fffaf0;
  border:1px solid rgba(201,163,86,.28);
  border-radius:0;
  box-shadow:none;
}
body[class^="page-"] .category-card:hover{
  transform:translateY(-3px);
  border-color:rgba(201,163,86,.5);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
body[class^="page-"] .category-card .cat-photo{
  position:absolute;
  inset:0;
  z-index:0;
  background-color:#241c14;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
body[class^="page-"] .category-card .cat-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(14,11,8,.12) 18%,rgba(14,11,8,.78) 72%,rgba(14,11,8,.9));
}
body[class^="page-"] .category-card>div{
  position:relative;
  z-index:1;
}
body[class^="page-"] .category-card small{
  display:block;
  margin-bottom:8px;
  color:rgba(246,230,210,.78);
  font-size:11px;
  letter-spacing:.16em;
}
body[class^="page-"] .category-card h3{
  margin:0;
  color:#fff8eb;
  font:500 clamp(26px,3vw,34px)/1.25 var(--serif);
}
body[class^="page-"] .category-card p{color:rgba(255,250,240,.82)}
@media(max-width:760px){
  body[class^="page-"] .category-cards{grid-template-columns:1fr;gap:14px}
  body[class^="page-"] .category-card{
    min-height:240px;
    padding:22px;
    grid-template-columns:unset;
  }
}
body[class^="page-"] .story-band{
  background:linear-gradient(100deg,#1a140f,#0e0b08);
  border-top:1px solid var(--gold-dim);
  border-bottom:1px solid var(--gold-dim);
}
body[class^="page-"] .story-band-copy{
  position:relative;
  z-index:2;
}
body[class^="page-"] .story-band-copy h2{
  color:var(--gold-light);
  text-shadow:0 1px 18px rgba(14,11,8,.55);
}
body[class^="page-"] .story-band-copy>p:not(.eyebrow){
  color:rgba(232,220,198,.78);
}
body[class^="page-"] .story-year{
  z-index:0;
  color:rgba(201,163,86,.09);
  right:6%;
  bottom:-28px;
  opacity:.9;
}
body[class^="page-"] .partner-copy>p:not(.eyebrow){
  color:rgba(232,220,198,.78);
}
body[class^="page-"] .partner-point{
  padding:16px 16px 18px;
}
body[class^="page-"] .partner-point span{color:var(--gold)}
body[class^="page-"] .partner-point b{
  color:#f3e6cf;
}
body[class^="page-"] .partner-point small{
  color:rgba(232,220,198,.72);
}
@media(max-width:760px){
  body[class^="page-"] .story-year{
    right:3%;
    bottom:-18px;
    font-size:clamp(88px,28vw,140px);
    color:rgba(201,163,86,.07);
  }
}
body[class^="page-"] .section-dark,
body[class^="page-"] .faq-section,
body[class^="page-"] .values-section{
  background:#100c09;
  color:var(--text);
}
body[class^="page-"] .process-section{
  background:#100c09;
  color:var(--text);
}
body[class^="page-"] .contact-cta{
  background:linear-gradient(120deg,#1a140f,#0e0b08);
  border-top:1px solid var(--gold-dim);
}
body[class^="page-"] .cta-seal{
  border-color:var(--gold);
  color:var(--gold);
}
body[class^="page-"] .site-footer{
  background:#0a0806;
  color:var(--muted);
  border-top:1px solid var(--gold-dim);
}
body[class^="page-"] .site-footer a{color:#d8cbb4}
body[class^="page-"] .site-footer .brand-words strong{color:var(--gold-light)}
body[class^="page-"] .footer-bottom{border-top:1px solid rgba(201,163,86,.16)}
body[class^="page-"] .notice{border-color:var(--gold-dim)}
body[class^="page-"] .contact-layout{
  align-items:start;
}
body[class^="page-"] .contact-info h2,
body[class^="page-"] .contact-form h2{
  color:var(--cream);
}
body[class^="page-"] .contact-info>p{
  color:var(--muted);
}
body[class^="page-"] .contact-form{
  padding:32px 30px 28px;
  width:100%;
  box-sizing:border-box;
}
body[class^="page-"] .contact-form label{
  color:var(--muted);
  margin-bottom:16px;
}
body[class^="page-"] .contact-form .form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0 0 16px;
  width:100%;
}
body[class^="page-"] .contact-form .form-row>label{
  margin-bottom:0;
  min-width:0;
}
body[class^="page-"] .contact-form .form-hint{
  color:rgba(232,196,140,.72);
}
body[class^="page-"] .contact-lines{
  margin-top:28px;
}
body[class^="page-"] .contact-lines>div{
  padding:16px 18px;
  gap:6px;
  border-top:0;
  margin:0 0 12px;
}
body[class^="page-"] .contact-lines small{color:var(--gold)}
body[class^="page-"] .contact-lines strong,
body[class^="page-"] .contact-lines a:not(.text-link){color:var(--cream)}
body[class^="page-"] .contact-lines span{color:var(--muted)}
body[class^="page-"] .store-block{
  padding:18px 20px;
  margin-top:8px;
}
body[class^="page-"] .store-block h3{color:var(--cream)}
body[class^="page-"] .store-block p,
body[class^="page-"] .store-block a{color:var(--muted);word-break:break-word}
body[class^="page-"] .contact-form input,
body[class^="page-"] .contact-form textarea,
body[class^="page-"] .contact-form select{
  background:#120e0a;
  border:1px solid rgba(201,163,86,.28);
  color:var(--cream);
  width:100%;
  box-sizing:border-box;
}
body[class^="page-"] .filter-row,
body[class^="page-"] .category-filters a{color:var(--muted)}
body[class^="page-"] .category-filters a.active{
  color:var(--gold-light);
  border-bottom-color:var(--gold);
}
body[class^="page-"] .breadcrumb{color:var(--muted)}
body[class^="page-"] .gold-rule{background:var(--gold)}
body[class^="page-"] .big-character{color:var(--gold)}
body[class^="page-"] .article-image{background:#241c14}
body[class^="page-"] .empty-state{color:var(--muted)}
@media(max-width:1100px){
  body[class^="page-"] .hero-carousel .hero-content{max-width:48vw}
  body[class^="page-"] .hero-carousel .hero-product{right:4vw;width:240px;height:360px}
  body[class^="page-"] .hero-carousel .hero-slide-stage .hero-stage{width:min(300px,34vw)}
  body.page-home .heritage-steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}
}
@media(max-width:760px){
  body[class^="page-"] .main-nav{background:#16110c;border-top:1px solid rgba(201,163,86,.2)}
  body[class^="page-"] .main-nav>a{border-bottom:1px solid rgba(201,163,86,.12)}
  /* Lock carousel height so slide swaps never reflow the page */
  body[class^="page-"] .hero-carousel{
    height:clamp(600px,calc(100svh - 96px),720px);
    min-height:600px;
  }
  body[class^="page-"] .hero-carousel .hero-slide{
    position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:stretch;justify-content:flex-start;gap:10px;
    min-height:0;padding:28px 22px 64px;
    opacity:0;visibility:hidden;pointer-events:none;
  }
  body[class^="page-"] .hero-carousel .hero-slide.is-active{
    opacity:1;visibility:visible;pointer-events:auto;display:flex;
  }
  body[class^="page-"] .hero-carousel .hero-content{
    order:1;max-width:100%;width:100%;flex:0 1 auto;min-height:0;
  }
  body[class^="page-"] .hero-carousel .hero-content .hero-seal{
    width:56px;height:56px;margin:0 0 10px;
  }
  body[class^="page-"] .hero-carousel .hero-content .hero-seal img{
    width:40px;height:40px;
  }
  body[class^="page-"] .hero-carousel h1{
    max-width:none;
    font-size:clamp(28px,8vw,38px);
    line-height:1.28;
    margin-bottom:10px;
  }
  body[class^="page-"] .hero-carousel .hero-lead{
    font-size:13px;line-height:1.7;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  body[class^="page-"] .hero-carousel .hero-actions{margin-top:14px}
  body[class^="page-"] .hero-carousel .hero-product,
  body[class^="page-"] .hero-carousel .hero-slide-stage .hero-stage{
    position:relative;order:2;top:auto;right:auto;transform:none;
    width:min(100%,360px);height:260px;margin:auto auto 0;
    flex:0 0 260px;aspect-ratio:auto;
    box-sizing:border-box;
    padding:8px;
    display:flex;align-items:center;justify-content:center;
  }
  body[class^="page-"] .hero-carousel .hero-product img,
  body[class^="page-"] .hero-carousel .hero-slide-stage .hero-stage img{
    width:100%;height:100%;object-fit:contain;object-position:center;
  }
  body[class^="page-"] .hero-carousel .hero-slide-shelf .hero-content,
  body[class^="page-"] .hero-carousel .hero-slide-stage .hero-content{max-width:100%;margin-top:0}
  body[class^="page-"] .hero-carousel .hero-slide-wide,
  body[class^="page-"] .hero-carousel .hero-slide-shelf,
  body[class^="page-"] .hero-carousel .hero-slide-stage,
  body[class^="page-"] .hero-carousel .hero-slide-brand,
  body[class^="page-"] .hero-carousel .hero-slide-studio{min-height:0}
  body[class^="page-"] .hero-carousel .hero-slide-shelf .hero-photo{
    background-color:#0e0b08 !important;
    background-position:center 58% !important;
    background-size:cover !important;
  }
  body[class^="page-"] .hero-carousel .hero-slide{padding-left:var(--page-inset);padding-right:var(--page-inset)}
  body[class^="page-"] .hero-carousel .hero-caption{left:var(--page-inset);right:var(--page-inset);bottom:18px}
  body[class^="page-"] .hero-carousel .hero-switch{right:var(--page-inset);bottom:14px}
  body.page-home .heritage-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-home .heritage-step:last-child:nth-child(odd){
    grid-column:1 / -1;
    justify-self:center;
    width:min(100%,180px);
  }
  body[class^="page-"] .contact-form{padding:22px 18px}
  body[class^="page-"] .contact-form .form-row{
    grid-template-columns:1fr;
    gap:16px;
  }
  body[class^="page-"] .product-card-image{height:auto;aspect-ratio:2/3}
  body[class^="page-"] .main-nav>a{font-size:13px}
  body[class^="page-"] .button{font-size:12px}
  body[class^="page-"] .page-hero-content>p:last-child{font-size:14px}
  body[class^="page-"] .product-card-copy p{font-size:13px}
  body[class^="page-"] .contact-form label{font-size:12px}
}

/* —— Typography readability —— */
body[class^="page-"]{
  font-size:16px;
  line-height:1.75;
}
body[class^="page-"] .main-nav{font-size:13px}
body[class^="page-"] .eyebrow{font-size:11px;letter-spacing:.18em}
body[class^="page-"] .button{font-size:12px;letter-spacing:.1em}
body[class^="page-"] .text-link{font-size:13px}
body[class^="page-"] .breadcrumb{font-size:12px;margin-bottom:28px}
body[class^="page-"] .detail-subtitle{font-size:12px}
body[class^="page-"] .detail-copy>p:not(.eyebrow):not(.detail-subtitle):not(.small-note){
  font-size:15px;line-height:1.85;color:#d5c9b4;
}
body[class^="page-"] .product-extra{margin:22px 0 0}
body[class^="page-"] .product-extra h2{
  font:500 1.15rem/1.4 var(--serif);
  margin:0 0 8px;
  color:var(--gold-light);
}
body[class^="page-"] .product-extra p{
  font-size:15px;
  line-height:1.85;
  color:#d2c6b0;
  margin:0;
}
body[class^="page-"] .product-specs{
  font-size:14px;
  gap:12px 16px;
  margin:28px 0;
  grid-template-columns:minmax(72px,100px) 1fr;
}
body[class^="page-"] .product-specs dt{color:var(--gold);font-weight:500}
body[class^="page-"] .product-specs dd{color:#e6dcc8;margin:0}
body[class^="page-"] .product-price{
  font:500 1.35rem/1.3 var(--serif);
  color:var(--gold-light);
  letter-spacing:.02em;
}
body[class^="page-"] .price-note{
  display:inline-block;
  margin-left:6px;
  font-size:12px;
  color:var(--muted);
  letter-spacing:.04em;
}
body[class^="page-"] .product-card-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:0 0 8px;
  color:var(--gold-light);
  font:500 15px/1.3 var(--serif);
}
body[class^="page-"] .product-card-price small{
  font:400 11px/1 var(--sans);
  color:var(--muted);
  letter-spacing:.04em;
}
body[class^="page-"] .product-card-copy p{font-size:13px;line-height:1.7;color:#c9beaa}
body[class^="page-"] .product-category{font-size:11px}
body[class^="page-"] .small-note{font-size:12px;line-height:1.7}
body[class^="page-"] .page-hero-content>p:last-child{font-size:15px;line-height:1.85}
body[class^="page-"] .contact-info>p,
body[class^="page-"] .contact-lines strong,
body[class^="page-"] .contact-lines a:not(.text-link){font-size:15px}
body[class^="page-"] .contact-lines small{font-size:11px}
body[class^="page-"] .contact-lines span,
body[class^="page-"] .store-block{font-size:14px;line-height:1.75}
body[class^="page-"] .contact-form label{font-size:12px}
body[class^="page-"] .contact-form input,
body[class^="page-"] .contact-form textarea{font-size:15px}
body[class^="page-"] .faq-list details p,
body[class^="page-"] .article-card p,
body[class^="page-"] .longread article p,
body[class^="page-"] .article-body{font-size:15px;line-height:1.85}
body[class^="page-"] .footer-grid a,
body[class^="page-"] .footer-grid span,
body[class^="page-"] .footer-legal p{font-size:13px}
body[class^="page-"] .section-kicker{font-size:11px}
body[class^="page-"] .filter-row{font-size:12px}
body[class^="page-"] .category-filters{font-size:14px}

/* —— Brand journal / article cards —— */
body[class^="page-"] .article-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:28px;
  align-items:stretch;
}
body[class^="page-"] .article-image{
  height:auto;
  aspect-ratio:16/10;
  background:#241c14;
  border:0;
}
body[class^="page-"] .article-image:before{display:none}
body[class^="page-"] .article-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  position:absolute;
  inset:0;
}
body[class^="page-"] .article-card{
  overflow:hidden;
  padding:0;
}
body[class^="page-"] .article-card>a{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
}
body[class^="page-"] .article-card small,
body[class^="page-"] .article-card h3,
body[class^="page-"] .article-card p{
  padding-left:18px;
  padding-right:18px;
}
body[class^="page-"] .article-card small{margin-top:16px;font-size:11px;color:var(--gold)}
body[class^="page-"] .article-card h3{font-size:clamp(18px,2vw,22px);color:var(--cream);margin:8px 0}
body[class^="page-"] .article-card p{margin:0 0 20px;color:#c9beaa}

/* Homepage: single article as featured wide card */
body.page-home .insights-section .article-grid:has(> .article-card:only-child){
  grid-template-columns:1fr;
}
body.page-home .insights-section .article-card:only-child{
  border:1px solid rgba(201,163,86,.22);
}
body.page-home .insights-section .article-card:only-child>a{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);
  grid-template-rows:1fr auto auto 1fr;
  gap:0;
  align-items:stretch;
  padding:0;
  min-height:340px;
}
body.page-home .insights-section .article-card:only-child .article-image{
  grid-column:1;
  grid-row:1 / -1;
  aspect-ratio:auto;
  height:auto;
  min-height:340px;
  align-self:stretch;
}
body.page-home .insights-section .article-card:only-child small{
  grid-column:2;
  grid-row:2;
  margin:0;
  padding:36px 36px 0;
}
body.page-home .insights-section .article-card:only-child h3{
  grid-column:2;
  grid-row:3;
  padding:10px 36px 0;
  font-size:clamp(24px,3vw,34px);
  margin:0;
}
body.page-home .insights-section .article-card:only-child p{
  grid-column:2;
  grid-row:4;
  padding:12px 36px 36px;
  margin:0;
  font-size:15px;
  max-width:36em;
  align-self:start;
}
@media(max-width:900px){
  body.page-home .insights-section .article-card:only-child>a{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  body.page-home .insights-section .article-card:only-child .article-image{
    width:100%;
    min-height:0;
    aspect-ratio:16/10;
  }
  body.page-home .insights-section .article-card:only-child small,
  body.page-home .insights-section .article-card:only-child h3,
  body.page-home .insights-section .article-card:only-child p{
    padding-left:18px;
    padding-right:18px;
  }
}

/* Friendship / partner links (Cathay exchange) */
body[class^="page-"] .footer-friends{
  margin:28px 0 8px;
  padding-top:22px;
  border-top:1px solid rgba(201,163,86,.16);
}
body[class^="page-"] .footer-friends>small{
  display:block;
  letter-spacing:.14em;
  color:var(--gold);
  margin-bottom:14px;
  font-size:12px;
}
body[class^="page-"] .friend-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
body[class^="page-"] .friend-link--logo-text{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border:1px solid rgba(201,163,86,.28);
  background:rgba(20,16,12,.72);
  text-decoration:none;
  color:#d8cbb4;
  max-width:100%;
}
body[class^="page-"] .friend-link--logo-text:hover{
  border-color:rgba(201,163,86,.55);
  color:var(--gold-light);
}
body[class^="page-"] .friend-link__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  background:#fff;
  padding:6px 10px;
}
body[class^="page-"] .friend-link__logo img{
  display:block;
  max-height:40px;
  width:auto;
  height:auto;
}
body[class^="page-"] .friend-link__text{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
body[class^="page-"] .friend-link__text b{
  font-weight:600;
  color:inherit;
}
body[class^="page-"] .friend-link__text small{
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}
@media (max-width:640px){
  body[class^="page-"] .friend-link--logo-text{
    width:100%;
  }
}