/* Brand refresh: shared Japanese retail palette, scoped to existing store components. */
:root{--ink:#443a32;--muted:#6b625a;--paper:#ffffff;--sand:#faf8f5;--line:#e6ddd3;--accent:#dccbb9;--accent-ink:#67513f;--accent-dark:#c9b49e;--notice:#f5efe1;--warm:#dccbb9}
body{font-family:"LXGW WenKai TC","Yu Gothic","Microsoft JhengHei",system-ui,sans-serif;font-size:16px;line-height:1.75;background:var(--paper)}
.container{width:min(1280px,calc(100% - 64px))}
.staging-bar{background:#f3ece3;color:var(--accent-ink);font-size:12px;padding:6px 0}
.site-header.store-header{background:#fff;border-bottom:1px solid var(--line)}
.store-brand-row{gap:32px;padding:24px 0;grid-template-columns:auto minmax(200px,400px) auto}
.store-brand-row .brand{font-size:21px;letter-spacing:.035em;font-weight:600}
.store-brand-row .brand img{border-radius:3px;width:52px;height:52px}
.brand-copy small{font-size:12px;letter-spacing:.03em;color:var(--muted)}
.store-search{background:#faf8f5;border:0;border-radius:3px}
.store-search input{background:transparent;font-size:14px;min-height:46px;border:0}
.store-search button{background:transparent;color:var(--ink);min-width:46px;min-height:46px}
.store-header-actions{gap:18px;font-size:13px}
.store-header-actions a{min-height:44px;display:inline-flex;align-items:center;gap:7px}
.store-menu-row{border-top:1px solid var(--line);padding:0;min-height:50px}
.site-nav{justify-content:flex-start;gap:30px;width:100%;flex-wrap:wrap}
.site-nav a{font-size:14px;letter-spacing:.025em;padding:12px 0;min-height:48px;font-weight:400}
.site-nav a[aria-current=page]{color:var(--accent-ink);font-weight:600;border-bottom:2px solid var(--accent)}
.store-category-nav{border-top:0;padding:4px 0 10px}
.store-category-menu{justify-content:flex-start;gap:28px;font-size:13px}
.store-banner-section{margin-top:30px}
.store-banner-slide{display:flex;flex-direction:column;background:#fff}
.store-banner-slide>img{order:-1;width:100%;aspect-ratio:16/6.4;height:auto;max-height:460px;object-fit:cover;object-position:center 55%}
.store-banner-copy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:12px 36px;padding:32px 0 20px;border-bottom:1px solid var(--line)}
.store-banner-copy .store-banner-label{display:none}
.store-banner-copy h1,.store-banner-copy h2{grid-row:1 / 3;font-size:clamp(26px,2.8vw,38px);line-height:1.5;font-weight:500;letter-spacing:.04em;margin:0;text-wrap:balance}
.store-banner-copy h1 span{display:inline}
.store-banner-copy>p:not(.store-banner-label){font-size:14px;line-height:1.8;max-width:46ch;margin:0}
.store-banner-copy .button{grid-column:2;justify-self:start;font-size:14px;padding:9px 18px;min-height:44px}
.store-banner-controls{justify-content:flex-end;padding:8px 0;gap:10px}
.store-banner-controls>button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px}
.store-banner-dots button[aria-current=true] span{background:var(--accent)}
.store-category-section{margin-top:40px;margin-bottom:56px}
.store-section-heading{margin-bottom:24px;align-items:flex-end;gap:20px}
.store-section-heading h2{font-weight:500;font-size:26px;letter-spacing:.035em;line-height:1.5;margin:0}
.store-section-heading p{font-size:14px;margin:8px 0 0;color:var(--muted)}
.store-section-heading>a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink)}
.store-category-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}
.store-category-tiles a{align-items:flex-start;text-align:left;gap:14px;font-size:15px;min-height:44px}
.store-category-image{width:100%;height:auto;aspect-ratio:1.25;border-radius:3px;background:#f8f5f0;border:1px solid var(--warm);overflow:hidden}
.store-category-image img{width:100%;height:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.home-ranking{margin:50px auto 64px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ranking-tabs{gap:28px;margin-top:16px}
.ranking-tabs a{font-size:14px;min-height:44px;padding:12px 2px}
.ranking-products{gap:24px}
.ranking-image{background:#faf8f5;border-radius:3px}
.ranking-products img{object-fit:contain}
.ranking-product-name{font-size:14px;line-height:1.7;color:var(--ink)}
.ranking-products .price,.woocommerce ul.products li.product .price{color:var(--ink);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}
.woocommerce ul.products{gap:36px 24px}
.woocommerce ul.products li.product{border:0;background:transparent;border-radius:0;box-shadow:none;padding:0}
.woocommerce ul.products li.product a img{background:#faf8f5;border-radius:3px;aspect-ratio:1;object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:400;font-size:14px;line-height:1.75;margin:14px 0 8px;padding:0;color:var(--ink)}
.woocommerce ul.products li.product .button{min-height:44px;background:#fff;color:var(--accent-ink);border:1px solid var(--line);border-radius:3px;font-size:13px;padding:8px 14px}
.button,.button-secondary,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:3px;min-height:44px;font-weight:500;transition:background-color .16s,border-color .16s}
.store-topics{background:#faf8f5;padding-block:48px}
.store-topic-card{border:0;border-radius:3px;box-shadow:none;background:#fff}
.store-topic-copy{padding:24px}
.store-topic-copy h3{font-size:22px;font-weight:500}
.journey-section{background:#fff;padding-block:64px}
.journey-feature-copy h2{font-weight:500;font-size:32px;line-height:1.5}
.journey-feature-photo img{border-radius:3px}
.site-footer{background:#f3ece3;color:var(--ink);border-top:0;padding-top:48px}
.site-footer h2{font-weight:500;font-size:16px;letter-spacing:.03em}
.footer-brand h2{font-size:22px}.site-footer a{color:var(--ink);font-size:13px;min-height:40px;display:block;padding:6px 0}
.footer-bottom{font-size:12px;border-color:#d6c6b5}
.catalog-layout{grid-template-columns:215px minmax(0,1fr);gap:36px}
.catalog-sidebar{font-size:14px}.catalog-sidebar h2,.discovery-form h2{font-weight:500}
.catalog-category-list a{min-height:44px;padding-block:10px}
.catalog-category-disclosure summary{min-height:44px}
.discovery-form{background:#faf8f5;border:1px solid var(--line);border-radius:3px;padding:24px;box-shadow:none}
.discovery-form input,.discovery-form select,.woocommerce form input.input-text,.woocommerce form select,.woocommerce form textarea{border:1px solid #bcae9f;border-radius:3px;min-height:44px;font-size:16px;padding:10px;background:#fff}
.brand-checkbox-list input,.category-checkbox-list input{width:20px;height:20px;min-height:20px}
.brand-checkbox-list label,.category-checkbox-list label{min-height:44px}
.woocommerce-account .woocommerce-MyAccount-navigation a{min-height:44px;padding:12px 16px}
.woocommerce-account .woocommerce-MyAccount-content{padding:28px;border:1px solid var(--line);background:#fff;border-radius:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}
@media(max-width:1050px){.container{width:calc(100% - 40px)}.store-brand-row{grid-template-columns:auto 1fr;gap:20px}.store-header-actions{justify-self:end}.store-search{grid-row:2;grid-column:1 / -1;max-width:none;width:100%}.site-nav{gap:24px}.catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}.ranking-products{gap:16px}.store-banner-copy{gap:16px 24px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.store-brand-row{padding:16px 0;gap:16px}.store-brand-row .brand{font-size:17px;gap:10px}.store-brand-row .brand img{width:42px;height:42px}.brand-copy small{font-size:11px}.store-header-actions{gap:12px}.store-guide-link{display:none!important}.store-menu-row{padding:8px 0}.site-nav{justify-content:flex-start;gap:0 22px}.site-nav a{font-size:14px}.store-category-menu{gap:8px 20px}.store-banner-section{margin-top:18px}.store-banner-slide>img{aspect-ratio:1.5;max-height:none}.store-banner-copy{display:block;padding:22px 0 18px}.store-banner-copy h1,.store-banner-copy h2{font-size:26px;margin:0 0 12px}.store-banner-copy h1 span{display:block}.store-banner-copy>p:not(.store-banner-label){margin:0 0 16px;font-size:14px}.store-banner-controls{justify-content:center}.store-category-section{margin-top:30px;margin-bottom:36px}.store-section-heading h2{font-size:22px}.store-section-heading{gap:12px;margin-bottom:20px}.store-category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.store-category-tiles a{font-size:14px}.home-ranking{margin:36px auto 40px;padding:22px 0}.ranking-tabs{gap:22px}.ranking-products{gap:16px}.woocommerce ul.products{gap:28px 16px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}.woocommerce ul.products li.product .price{font-size:15px}.store-topics{padding-block:32px}.store-topic-copy{padding:20px}.journey-section{padding-block:40px}.journey-feature-copy h2{font-size:26px}.catalog-layout{grid-template-columns:minmax(0,1fr);gap:20px}.catalog-sidebar{padding:14px}.discovery-form{padding:18px}.woocommerce-account .woocommerce-MyAccount-content{padding:20px}.site-footer{padding-top:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Compact header still keeps a 44px target for each service on narrow phones. */
.site-footer a{min-height:44px}
@media(max-width:480px){.store-brand-row{gap:14px;grid-template-columns:minmax(0,1fr) auto}.store-brand-row .brand{font-size:15px;letter-spacing:0;gap:8px;white-space:nowrap}.store-brand-row .brand img{width:40px;height:40px}.brand-copy small{font-size:10px;letter-spacing:0}.store-header-actions{gap:4px}.store-header-actions a{width:44px;height:44px;justify-content:center}.store-header-actions a span{display:none}.store-menu-toggle{width:44px;min-height:44px;padding:4px}.store-search{grid-column:1 / -1}}

/* Milk tea is a surface color; dark cocoa text keeps controls legible. */
a{color:var(--accent-ink)}a:hover{color:var(--ink)}
.store-brand-row .brand{color:var(--ink)}
.store-brand-row .brand,.store-banner-copy h1,.store-banner-copy h2,.store-section-heading h2,.store-topic-copy h3,.journey-feature-copy h2,.page-title,.entry-title,.woocommerce-products-header__title,.woocommerce div.product .product_title{font-family:"Iansui","LXGW WenKai TC",serif;font-weight:400;font-synthesis:none}
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--ink)}
.button-secondary{background:#fff;border-color:var(--accent);color:var(--accent-ink)}.button-secondary:hover{background:#f3ece3;color:var(--ink)}
.site-nav a[aria-current=page]{color:var(--accent-ink);border-color:var(--accent-ink)}
.woocommerce ul.products li.product .button{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.woocommerce-MyAccount-navigation .is-active a,.ranking-tabs a[aria-current=page],.catalog-category-list a[aria-current=page]{background:#f3ece3;color:var(--accent-ink)}
.discovery-form input[type=checkbox],.discovery-form input[type=radio]{accent-color:var(--accent-ink)}
.discovery-submit button,.catalog-filters button{background:var(--accent);color:var(--ink)}
.discovery-submit button:hover,.catalog-filters button:hover{background:var(--accent-dark);color:var(--ink)}
.ranking-tabs a[aria-current=true]{color:var(--accent-ink);border-color:var(--accent-ink)}
.woocommerce ul.products li.product a.button:hover,.site-footer a:hover,.store-topic-card:hover .store-topic-copy>span{color:var(--ink)}
.store-subcategory-toggle:focus-visible{outline-color:var(--accent-ink)}

/* Lattice reference: regular Japanese gothic, clear dark text, quiet pricing. */
:root{--ink:#222222;--muted:#666666;--retail-font:"Lato","Zen Kaku Gothic New","Noto Sans TC","Yu Gothic",sans-serif}
body{font-family:var(--retail-font);font-weight:400;font-synthesis:none;line-height:1.75}
.store-brand-row .brand,.store-banner-copy h1,.store-banner-copy h2,.store-section-heading h2,.store-topic-copy h3,.journey-feature-copy h2,.page-title,.entry-title,.woocommerce-products-header__title,.woocommerce div.product .product_title,h1,h2,h3,h4{font-family:var(--retail-font);font-weight:400;color:var(--ink)}
.site-nav a,.store-category-menu,.store-header-actions,.ranking-tabs a,.catalog-category-list a,.ranking-product-name{font-weight:400;color:var(--ink)}
.store-section-heading h2{font-size:24px;line-height:1.6;letter-spacing:.05em}
.ranking-product-name,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:400;line-height:1.6;letter-spacing:.015em;color:var(--ink)}
.ranking-products .price,.woocommerce ul.products li.product .price{font-family:var(--retail-font);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.02em;color:var(--ink)}
.ranking-products .price bdi,.woocommerce ul.products li.product .price bdi{font-weight:400}
.ranking-brand{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.035em}
.catalog-sidebar h2,.discovery-form h2{font-size:16px;font-weight:400;letter-spacing:.04em}
.store-banner-copy h1,.store-banner-copy h2{font-weight:400;letter-spacing:.04em}
.journal-hero h1,.journal-article-heading h1,.content-wrap article>h1{font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.5;letter-spacing:.05em}
.journal-hero p,.journal-deck{font-size:16px;line-height:1.9;color:var(--muted);font-weight:400}
.journal-card h2,.journal-card h3{font-size:22px;font-weight:400;line-height:1.6;letter-spacing:.035em}
.journal-card p,.journal-prose{font-size:16px;line-height:1.9;letter-spacing:.025em;color:var(--ink);font-weight:400}
.journal-prose h2{font-size:24px;font-weight:400;line-height:1.6;letter-spacing:.04em}
.journal-prose h3{font-size:20px;font-weight:400;line-height:1.6}
.journal-prose strong,.journal-card strong,.content-wrap strong{font-weight:500}
.journal-meta,.brand-copy small,.store-section-heading p{color:var(--muted);font-weight:400}
.button,.button-secondary,.woocommerce a.button,.woocommerce button.button{font-weight:400}
@media(max-width:760px){.store-section-heading h2{font-size:22px}.journal-hero h1,.journal-article-heading h1,.content-wrap article>h1{font-size:26px}.journal-card h2,.journal-card h3{font-size:20px}}