/* Approved jade typography, masthead, footer and homepage components. */
@font-face { font-family:'YUWU Jade Fangsong'; src:url('../fonts/jade-site-v1/jade-fangsong.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'YUWU Jade Serif'; src:url('../fonts/jade-home-v1/noto-serif-sc.woff2') format('woff2'); font-weight:300 600; font-display:swap; }
@font-face { font-family:'YUWU Jade Latin'; src:url('../fonts/jade-home-v1/cormorant-garamond.woff2') format('woff2'); font-weight:300 600; font-display:swap; }
body.yw-jade-site {
 --jade-serif:'YUWU Jade Fangsong','YUWU Jade Serif','Songti SC','Noto Serif CJK SC',serif;
 --jade-latin:'YUWU Jade Latin','Times New Roman',serif;
 --jade-paper:url('../images/jade-home-v1/paper.webp');
 --jade-gold:#e2c696;
 --jade-ink:#644d32;
 --jade-announcement-height:clamp(30px,3.35vw,48px);
 --yw-text:#644d32; --yw-text-muted:#7d6b52; --yw-accent:#b28e59; --yw-accent-strong:#735936;
 --yw-border:#cfc0a8; --yw-font-ui:var(--jade-serif); --yw-font-editorial:var(--jade-serif);
 --yw-font-display:var(--jade-serif); --yw-font-brand:var(--jade-serif); --yw-font-art:var(--jade-serif);
 --yw-footer:#20170f; --yw-surface-muted:#eae1d1; --yw-canvas:#f5f0e6; --yw-surface:#f5f0e6; --yw-on-dark:#ead6b0;
 color:var(--jade-ink); background:#17110a; font-family:var(--jade-serif); font-weight:400; font-synthesis:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.yw-jade-site #page.site,.yw-jade-site #content.site-content { background:#f4efe5 var(--jade-paper) repeat; background-size:600px; margin:0; padding:0; width:100%; max-width:none; }
.yw-jade-site #page.site { position:relative; }
.yw-jade-site .jade-shell { width:88.9%; max-width:1500px; margin-inline:auto; }
.yw-jade-site .jade-announcement { height:var(--jade-announcement-height); background:#292218; display:flex; align-items:center; justify-content:center; position:relative; z-index:41; }
.yw-jade-site .jade-announcement a { display:flex; align-items:center; gap:12px; color:#c1ad8b; font:400 clamp(11px,1.25vw,17px)/1.5 var(--jade-serif); letter-spacing:.13em; text-decoration:none; }
.yw-jade-site .jade-ornament { width:19px; height:19px; flex:none; display:block; }
.yw-jade-site .jade-header { position:absolute; top:var(--jade-announcement-height); left:0; right:0; background:transparent; background-image:none; border:0; box-shadow:none; color:var(--jade-gold); }
.yw-jade-site .jade-header .yw-header__inner { width:93.75%; max-width:1700px; height:clamp(68px,7.6vw,110px); min-height:0; grid-template-columns:auto 1fr auto; gap:clamp(14px,3vw,48px); }
.yw-jade-site .jade-brand { color:var(--jade-gold); display:inline-flex; gap:12px; align-items:center; white-space:nowrap; text-decoration:none; }
.yw-jade-site .jade-brand__latin { font:300 clamp(28px,3.2vw,48px)/1 var(--jade-latin); letter-spacing:.025em; }
.yw-jade-site .jade-brand__chinese { font:400 clamp(19px,2.45vw,34px)/1 var(--jade-serif); letter-spacing:.08em; }
.yw-jade-site .jade-header .yw-nav { justify-self:center; }
.yw-jade-site .jade-header .yw-nav .menu { gap:clamp(14px,3.1vw,50px); }
.yw-jade-site .jade-header .yw-nav .menu > li > a { font:400 clamp(12px,1.18vw,17px)/1.5 var(--jade-serif); letter-spacing:.10em; color:#eadfc9; padding:30px 0; }
.yw-jade-site .jade-header .yw-nav .menu > li > a::before { display:none; }
.yw-jade-site .jade-header .yw-nav .menu > li > a::after { bottom:22px; }
.yw-jade-site .jade-header .yw-submenu-toggle { color:#cbb88e; min-width:16px; font-size:13px; }
.yw-jade-site .jade-header .yw-header__actions { gap:clamp(4px,1.1vw,17px); }
.yw-jade-site .jade-header .yw-icon-link { color:#eadfc9; width:36px; min-height:44px; }
.yw-jade-site .jade-header .yw-icon-link:hover { background:#d6bb8819; color:#fbe4b6; }
.yw-jade-site .jade-header .yw-ui-icon { width:23px; height:23px; }
.yw-jade-site .yw-cart-count { background:#d7bd8e; color:#20160d; }
.yw-jade-site .jade-header .yw-submenu--editorial { grid-template-columns:1fr; color:var(--jade-ink); background:#f1e9db var(--jade-paper) repeat; box-shadow:0 12px 25px #100a0533; border-color:#c5b18d; padding:32px; }
.yw-jade-site .jade-header .yw-submenu--editorial:not(.yw-submenu--wide) { width:340px; }
.yw-jade-site .jade-header .yw-submenu--wide .yw-submenu__links { grid-template-columns:repeat(3,minmax(0,1fr)); }
.yw-jade-site .jade-header .yw-nav .yw-submenu a { font-family:var(--jade-serif); font-size:15px; color:#6b5437; padding:9px 0; }
.yw-jade-site .jade-header .yw-nav .yw-submenu a:hover { color:#231b11; }
.yw-jade-site .jade-header .yw-submenu__column strong { font:400 20px/1.5 var(--jade-serif); color:#61492d; }
.yw-jade-site .jade-header .yw-header-search { width:93.75%; max-width:1700px; color:#f0dfc1; background:#21180feb; border:1px solid #9f865b; padding:18px; }
.yw-jade-site .jade-header .yw-header-search input { color:#f0dfc1; border-color:#8c7652; background:#21180f; font-family:var(--jade-serif); }
.yw-jade-site .jade-header .yw-header-search input::placeholder { color:#bba98c; }
.yw-jade-site .jade-header .yw-header-search button { color:#eed8b1; border:1px solid #8c7652; background:transparent; font-weight:400; }
.yw-jade-site .jade-hero { position:relative; height:64.93vw; min-height:540px; max-height:1100px; color:var(--jade-gold); overflow:hidden; background:#201208; }
.yw-jade-site .jade-hero__media,.yw-jade-site .jade-hero__media img { position:absolute; inset:0; width:100%; height:100%; display:block; }
.yw-jade-site .jade-hero__media img { object-fit:cover; object-position:50% 50%; }
.yw-jade-site .jade-hero__copy { position:absolute; z-index:1; top:41.8%; left:7.5%; }
.yw-jade-site .jade-hero h1 { margin:0; padding:0; color:#f1d4a0; font:400 clamp(33px,3.8vw,60px)/1.5 var(--jade-serif); letter-spacing:.16em; text-shadow:0 1px 12px #170c08; }
.yw-jade-site .jade-hero__rule { display:block; width:clamp(85px,10vw,145px); height:1px; background:#e6c995; margin:3px 0 clamp(23px,2.6vw,38px); }
.yw-jade-site .jade-seal { display:grid; place-items:center; width:clamp(16px,1.65vw,24px); height:clamp(26px,2.8vw,40px); border:1px solid #d6b97e; border-radius:50%; color:#e6ca96; font:400 clamp(9px,.9vw,13px)/1 var(--jade-serif); letter-spacing:0; padding:0; text-align:center; }
.yw-jade-site .jade-seal__text { display:flex; flex-direction:column; align-items:center; line-height:1; }
.yw-jade-site .jade-exhibition { background:#f3eddf var(--jade-paper) repeat; background-size:600px; padding:clamp(30px,3.5vw,58px) 0 clamp(45px,5vw,80px); }
.yw-jade-site .jade-section-heading { text-align:center; margin-bottom:clamp(20px,2.15vw,34px); }
.yw-jade-site .jade-section-heading .jade-ornament { color:#bca780; width:clamp(12px,1.4vw,20px); height:clamp(12px,1.4vw,20px); margin:0 auto 2px; }
.yw-jade-site .jade-section-heading h2 { display:flex; align-items:center; justify-content:center; gap:20px; margin:0; color:#755634; font:400 clamp(29px,3.3vw,49px)/1.3 var(--jade-serif); letter-spacing:.22em; }
.yw-jade-site .jade-section-heading h2::before,.yw-jade-site .jade-section-heading h2::after { content:''; width:clamp(25px,3.6vw,55px); height:1px; background:#b59b78; }
.yw-jade-site .jade-section-heading p { margin:8px 0 0; color:#8d7655; font:400 clamp(13px,1.5vw,21px)/1.8 var(--jade-serif); letter-spacing:.16em; }
.yw-jade-site .jade-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(12px,1.35vw,22px); }
.yw-jade-site .jade-feature { display:block; position:relative; aspect-ratio:10/7; overflow:hidden; border-radius:6px; color:#f2dfb9; text-decoration:none; background:#302015; }
.yw-jade-site .jade-feature > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 650ms ease; }
.yw-jade-site .jade-feature::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#180f0730,transparent 64%); pointer-events:none; }
.yw-jade-site .jade-feature__copy { position:absolute; z-index:1; left:6.6%; top:35%; }
.yw-jade-site .jade-feature h3 { color:#f2dfb9; font:400 clamp(20px,1.92vw,29px)/1.65 var(--jade-serif); letter-spacing:.12em; margin:0; text-shadow:0 1px 8px #120b06; }
.yw-jade-site .jade-feature p { color:#ebd4ad; font:400 clamp(12px,1.18vw,18px)/1.8 var(--jade-serif); letter-spacing:.1em; margin:8px 0 0; text-shadow:0 1px 8px #120b06; }
.yw-jade-site .jade-explore { display:inline-flex; gap:8px; align-items:center; font:400 clamp(13px,1.15vw,17px)/1.8 var(--jade-serif); letter-spacing:.08em; }
.yw-jade-site .jade-feature .jade-explore { margin-top:clamp(25px,3.1vw,48px); color:#ebd4ad; }
.yw-jade-site .jade-category:hover img,.yw-jade-site .jade-feature:hover > img { transform:scale(1.035); }
.yw-jade-site .jade-categories { background-color:#f8f5ed; background-image:linear-gradient(#ffffff50,#ffffff50),var(--jade-paper); background-size:auto,600px; padding:5.7vw 0 4.4vw; border-top:1px solid #b9a58226; }
.yw-jade-site .jade-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:92%; max-width:1560px; }
.yw-jade-site .jade-category { min-width:0; padding:0 2.6vw; text-align:center; text-decoration:none; color:#786447; border-right:1px solid #c6b393; }
.yw-jade-site .jade-category:last-child { border-right:0; }
.yw-jade-site .jade-category h2 { color:#675138; font:400 clamp(18px,1.96vw,30px)/1.55 var(--jade-serif); letter-spacing:.22em; margin:0 0 2.5vw; white-space:nowrap; }
.yw-jade-site .jade-category__image { aspect-ratio:.865; width:100%; border-radius:5px; overflow:hidden; background:#30241a; }
.yw-jade-site .jade-category img { width:100%; height:100%; object-fit:cover; transition:transform 650ms ease; }
.yw-jade-site .jade-category[data-original="category_jade"] img { transform:scale(1.2); }
.yw-jade-site .jade-category[data-original="category_tea"] img { transform:scale(1.35); transform-origin:65% 70%; }
.yw-jade-site .jade-category[data-original="category_incense"] img { transform:scale(1.2); transform-origin:50% 66%; }
.yw-jade-site .jade-category[data-original="category_heirloom"] img { transform:scale(1.15); transform-origin:50% 65%; }
.yw-jade-site .jade-category .jade-explore { margin-top:1.8vw; color:#8b765a; }
.yw-jade-site .jade-funnel { padding:clamp(50px,6vw,90px) 0; background:#eee6d8 var(--jade-paper) repeat; border-top:1px solid #b9a58266; }
.yw-jade-site .jade-funnel__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid #bda887; }
.yw-jade-site .jade-funnel__grid a { display:block; padding:35px 40px; border-right:1px solid #bda887; color:#675138; text-decoration:none; }
.yw-jade-site .jade-funnel__grid a:last-child { border:0; }
.yw-jade-site .jade-funnel__grid span { color:#9a7b50; font:300 16px var(--jade-latin); letter-spacing:.12em; }
.yw-jade-site .jade-funnel__grid h3 { font-size:28px; letter-spacing:.12em; margin:12px 0; }
.yw-jade-site .jade-funnel__grid p { min-height:4em; line-height:2; color:#806d55; }
.yw-jade-site .jade-funnel__grid strong { font-weight:400; font-size:15px; }
.yw-jade-site .jade-consultation { position:relative; height:29.75vw; min-height:320px; max-height:540px; background:#0e100e; color:#d0b080; overflow:hidden; }
.yw-jade-site .jade-consultation__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 52%; }
.yw-jade-site .jade-consultation__copy { position:absolute; left:7.5%; top:23%; }
.yw-jade-site .jade-consultation h2 { color:#d7b983; margin:0 0 16px; font:400 clamp(26px,2.8vw,42px)/1.5 var(--jade-serif); letter-spacing:.15em; }
.yw-jade-site .jade-consultation p { color:#cbb080; margin:0; font:400 clamp(15px,1.6vw,23px)/2 var(--jade-serif); letter-spacing:.15em; }
.yw-jade-site .jade-outline { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:7px 34px; margin-top:3.8vw; border:1px solid #b2996e; color:#d7ba87; font:400 clamp(13px,1.2vw,18px)/1.4 var(--jade-serif); letter-spacing:.17em; text-decoration:none; background:transparent; transition:background 240ms,color 240ms; }
.yw-jade-site .jade-outline:hover { background:#cfb582; color:#1c170f; }
.yw-jade-site .jade-footer { background:radial-gradient(ellipse at 45% 0%,#21180c,#110e08 85%); border:0; padding:4.3vw 0 14px; }
.yw-jade-site .jade-footer__grid { display:grid; width:85%; grid-template-columns:3.1fr .9fr 1.15fr 1.1fr 1fr; gap:clamp(20px,3.7vw,60px); }
.yw-jade-site .jade-footer__brand p { color:#b6a483; font:400 clamp(11px,1.1vw,16px)/1.8 var(--jade-serif); letter-spacing:.12em; margin:18px 0 0; white-space:nowrap; }
.yw-jade-site .jade-footer h2 { font:400 clamp(12px,1.18vw,17px)/1.6 var(--jade-serif); color:#c1a675; letter-spacing:.15em; margin:0 0 14px; white-space:nowrap; }
.yw-jade-site .jade-footer section > a { display:block; width:fit-content; color:#b6a483; font:400 clamp(11px,1.05vw,15px)/2.3 var(--jade-serif); letter-spacing:.12em; text-decoration:none; }
.yw-jade-site .jade-footer section > a:hover { color:#f2d6a3; text-decoration:underline; text-underline-offset:5px; }
.yw-jade-site .jade-footer__bottom { display:flex; justify-content:center; align-items:center; position:relative; gap:24px; margin-top:30px; color:#ac9774; font:400 12px/1.8 var(--jade-serif); letter-spacing:.12em; }
@media (min-width:721px) {
 .yw-jade-site .jade-header .yw-nav .menu > li > a { display:flex; align-items:center; height:100%; padding-block:0; }
 .yw-jade-site .jade-header .yw-nav .menu > li > a::after { bottom:calc(50% - 22px); }
}
@media (min-width:1700px) {
 .yw-jade-site .jade-categories { padding-block:85px; }
 .yw-jade-site .jade-category { padding-inline:46px; }
 .yw-jade-site .jade-category h2 { margin-bottom:42px; }
 .yw-jade-site .jade-category .jade-explore { margin-top:28px; }
 .yw-jade-site .jade-footer { padding-top:72px; }
}
@media (min-width:721px) and (max-width:1024px) {
 .yw-jade-site .jade-header .yw-header__inner { gap:16px; }
 .yw-jade-site .jade-header .yw-nav .menu { gap:16px; }
 .yw-jade-site .jade-brand { gap:8px; }
 .yw-jade-site .jade-header .yw-header__actions { gap:0; }
 .yw-jade-site .jade-header .yw-icon-link { width:32px; }
 .yw-jade-site .jade-header .yw-ui-icon { width:19px; height:19px; }
 .yw-jade-site .jade-consultation { min-height:260px; }
 .yw-jade-site .jade-outline { margin-top:28px; min-height:34px; padding:5px 23px; }
 .yw-jade-site .jade-footer__grid { gap:22px; }
 .yw-jade-site .jade-footer__brand .jade-brand__latin { font-size:32px; }
 .yw-jade-site .jade-footer__brand .jade-brand__chinese { font-size:23px; }
 .yw-jade-site .jade-footer { padding-top:30px; }
 .yw-jade-site .jade-footer section > a { line-height:1.9; }
 .yw-jade-site .jade-footer h2 { margin-bottom:9px; }
 .yw-jade-site .jade-footer__bottom { margin-top:18px; font-size:10px; justify-content:center; }
}
@media (max-width:720px) {
 .yw-jade-site .jade-shell { width:90%; }
 .yw-jade-site .jade-announcement .jade-ornament { width:14px; height:14px; }
 .yw-jade-site .jade-header .yw-header__inner { height:68px; width:91%; grid-template-columns:72px minmax(0,1fr) 72px; gap:12px; }
 .yw-jade-site .jade-brand { gap:8px; }
 .yw-jade-site .jade-brand__latin { font-size:31px; }
 .yw-jade-site .jade-brand__chinese { font-size:21px; }
 .yw-jade-site .jade-header .yw-menu-toggle { grid-row:1; grid-column:1; justify-self:start; color:#e6d1ab; }
 .yw-jade-site .jade-header .jade-brand { grid-row:1; grid-column:2; justify-self:center; }
 .yw-jade-site .jade-header .yw-menu-toggle__icon { color:inherit; }
 .yw-jade-site .jade-header .yw-header__actions { grid-row:1; grid-column:3; justify-self:end; gap:0; }
 .yw-jade-site .jade-header .yw-icon-link { width:36px; }
 .yw-jade-site .jade-header .yw-ui-icon { width:21px; height:21px; }
 .yw-jade-site .jade-header .yw-account-link { display:none; }
 .yw-jade-site .jade-header .yw-search-link { display:none; }
 .yw-jade-site .jade-header .yw-nav { position:fixed; inset:0 auto calc(64px + env(safe-area-inset-bottom)) 0; width:min(88vw,370px); max-width:370px; max-height:none; color:#ead8b8; background:#21180f; border:0; border-right:1px solid #90764e; padding:0 24px 30px; overflow-y:auto; overscroll-behavior:contain; box-shadow:18px 0 45px #0d090650; }
 .yw-jade-site .jade-header .yw-mobile-menu__heading { position:sticky; z-index:1; top:0; margin:0 -24px 6px; padding:0 24px; background:#21180ff7; backdrop-filter:blur(12px); }
 .yw-jade-site .jade-header .yw-nav .menu { gap:0; }
 .yw-jade-site .jade-header .yw-nav .menu > li > a { font:400 17px/1.5 var(--jade-serif); padding:20px 0; }
 .yw-jade-site .jade-header .yw-submenu-toggle { min-width:44px; min-height:44px; }
 .yw-jade-site .jade-header .yw-submenu--editorial,.yw-jade-site .jade-header .yw-submenu--editorial:not(.yw-submenu--wide) { width:100%; max-width:100%; border:0; padding:14px 18px; margin:0 0 14px; background:#302416; color:#e1ccaa; }
 .yw-jade-site .jade-header .yw-submenu--wide .yw-submenu__links { grid-template-columns:1fr; gap:20px; }
 .yw-jade-site .jade-header .yw-submenu__column strong { color:#d3b589; font-size:17px; margin-bottom:6px; }
 .yw-jade-site .jade-header .yw-nav .yw-submenu a,.yw-jade-site .jade-header .yw-mobile-utilities a { color:#e1ccaa; font-family:var(--jade-serif); }
 .yw-jade-site .jade-header .yw-nav .yw-submenu a:hover { color:#fff0cd; }
 .yw-jade-site .jade-header .yw-header-search { width:100%; padding:12px 16px; gap:8px; flex-wrap:wrap; }
 .yw-jade-site .jade-header .yw-header-search input { flex-basis:55%; font-size:16px; }
 .yw-jade-site .jade-header .yw-header-search button { padding-inline:13px; }
 .yw-jade-site .jade-hero { height:150vw; min-height:610px; max-height:880px; }
 .yw-jade-site .jade-hero__media img { object-position:center; }
 .yw-jade-site .jade-hero__copy { top:20%; left:7%; }
 .yw-jade-site .jade-hero h1 { font-size:clamp(28px,7.5vw,42px); line-height:1.7; letter-spacing:.16em; }
 .yw-jade-site .jade-hero h1 span { display:block; }
 .yw-jade-site .jade-hero__rule { width:68px; margin:14px 0 22px; }
 .yw-jade-site .jade-seal { width:19px; height:32px; font-size:11px; }
 .yw-jade-site .jade-exhibition { padding:36px 0 35px; background-size:440px; }
 .yw-jade-site .jade-section-heading { margin-bottom:24px; }
 .yw-jade-site .jade-section-heading .jade-ornament { width:16px; height:16px; margin-bottom:8px; }
 .yw-jade-site .jade-section-heading h2 { font-size:27px; gap:14px; letter-spacing:.14em; }
 .yw-jade-site .jade-section-heading h2::before,.yw-jade-site .jade-section-heading h2::after { width:24px; }
 .yw-jade-site .jade-section-heading p { font-size:13px; margin-top:10px; }
 .yw-jade-site .jade-features { gap:14px; }
 .yw-jade-site .jade-feature { aspect-ratio:10/8; border-radius:4px; }
 .yw-jade-site .jade-feature__copy { left:7%; top:32%; }
 .yw-jade-site .jade-feature h3 { font-size:21px; }
 .yw-jade-site .jade-feature p { font-size:12px; margin-top:6px; }
 .yw-jade-site .jade-feature .jade-explore { margin-top:26px; }
 .yw-jade-site .jade-explore { font-size:12px; }
 .yw-jade-site .jade-categories { padding:38px 0 36px; background-size:440px; }
 .yw-jade-site .jade-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); width:94%; row-gap:32px; }
 .yw-jade-site .jade-category { padding:0 18px; }
 .yw-jade-site .jade-category:nth-child(2) { border:0; }
 .yw-jade-site .jade-category h2 { font-size:19px; letter-spacing:.16em; margin-bottom:19px; }
 .yw-jade-site .jade-category__image { aspect-ratio:.82; border-radius:4px; }
 .yw-jade-site .jade-category .jade-explore { margin-top:15px; min-height:30px; }
 .yw-jade-site .jade-consultation { height:106vw; min-height:390px; max-height:600px; }
 .yw-jade-site .jade-funnel { padding-block:42px; }
 .yw-jade-site .jade-funnel__grid { grid-template-columns:1fr; }
 .yw-jade-site .jade-funnel__grid a { padding:26px 12px; border-right:0; border-bottom:1px solid #bda887; }
 .yw-jade-site .jade-funnel__grid a:last-child { border-bottom:0; }
 .yw-jade-site .jade-funnel__grid h3 { font-size:24px; }
 .yw-jade-site .jade-funnel__grid p { min-height:0; }
 .yw-jade-site .jade-consultation__image { object-fit:cover; object-position:71% center; opacity:.75; }
 .yw-jade-site .jade-consultation::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0d0c08bd,transparent 88%); }
 .yw-jade-site .jade-consultation__copy { z-index:1; left:8%; top:20%; }
 .yw-jade-site .jade-consultation h2 { font-size:29px; margin-bottom:18px; }
 .yw-jade-site .jade-consultation p { font-size:15px; line-height:2.2; letter-spacing:.06em; }
 .yw-jade-site .jade-outline { margin-top:36px; min-height:44px; padding:8px 28px; font-size:14px; }
 .yw-jade-site .jade-footer { padding:36px 0 22px; }
 .yw-jade-site .jade-footer__grid { width:90%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 30px; padding-inline:8px; }
 .yw-jade-site .jade-footer__brand { grid-column:1/-1; padding-bottom:12px; }
 .yw-jade-site .jade-footer__brand .jade-brand__latin { font-size:39px; }
 .yw-jade-site .jade-footer__brand .jade-brand__chinese { font-size:27px; }
 .yw-jade-site .jade-footer__brand p { font-size:12px; margin-top:14px; }
 .yw-jade-site .jade-footer h2 { font-size:15px; margin-bottom:8px; }
 .yw-jade-site .jade-footer section > a { font-size:13px; line-height:2.7; min-height:36px; }
 .yw-jade-site .jade-footer__bottom { border-top:1px solid #ba9d6033; padding-top:20px; margin-top:28px; flex-direction:column; gap:12px; font-size:10px; text-align:center; }
}
@media (max-width:600px) {
 .yw-jade-site .jade-features { grid-template-columns:1fr; }
 .yw-jade-site .jade-feature { aspect-ratio:1.43; }
}
@media (max-width:360px) {
 .yw-jade-site .jade-header .yw-header__inner { grid-template-columns:64px minmax(0,1fr) 64px; gap:5px; }
 .yw-jade-site .jade-brand__latin { font-size:27px; }
 .yw-jade-site .jade-brand__chinese { font-size:18px; }
 .yw-jade-site .jade-header .yw-icon-link { width:32px; }
 .yw-jade-site .jade-category { padding-inline:13px; }
 .yw-jade-site .jade-category h2 { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
 .yw-jade-site .jade-feature > img,.yw-jade-site .jade-category img { transition:none; }
 .yw-jade-site .jade-feature:hover > img { transform:none; }
}

/* Interior pages share the masthead, but keep it in the normal document flow. */
.yw-jade-site:not(.yw-jade-home) .jade-header { position:relative; top:auto; background:#20170f; border-bottom:1px solid #a8895140; }
.yw-jade-site:not(.yw-jade-home) .jade-header .yw-header__inner { height:90px; }
.yw-jade-site { --yw-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
.yw-jade-site :is(button,input,select,textarea) { font-family:var(--jade-serif); font-weight:400; }
.yw-jade-site :is(h1,h2,h3,h4) { font-weight:400; }
.yw-jade-site .jade-footer__brand p { opacity:1; }
.yw-jade-site .jade-footer { clear:both; }
.yw-jade-site :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],select,textarea) { border:1px solid var(--yw-border); border-radius:0; box-shadow:none; background:#faf7f080; color:var(--yw-text); min-height:48px; padding:11px 14px; }
.yw-jade-site select:not([multiple]):not([size]) { appearance:none; -webkit-appearance:none; padding-right:44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23826a49' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; background-size:18px; }
.yw-jade-site input::placeholder,.yw-jade-site textarea::placeholder { color:#8b7d67; }
.yw-jade-site :is(input,select,textarea):focus { background-color:#faf7f0; }
.yw-jade-site .yw-header-search input { background:#21180f; color:#f0dfc1; }
.yw-jade-site .yw-header-search input:focus { background:#21180f; color:#f0dfc1; }
.yw-jade-site .jade-footer a:focus-visible,.yw-jade-site .jade-header a:focus-visible,.yw-jade-site .jade-header button:focus-visible { outline-color:#d8bc88; }
.yw-jade-site .navigation.pagination { clear:both; padding:25px 0 65px; text-align:center; }
.yw-jade-site .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:42px; min-height:44px; padding:5px 12px; border:1px solid var(--yw-border); margin:3px; text-decoration:none; }
.yw-jade-site .page-numbers.current { color:#f2dfbf; background:#443321; }
@media(max-width:720px) {
 .yw-jade-site:not(.yw-jade-home) .jade-header .yw-header__inner { height:68px; }
 .yw-jade-site .jade-header .yw-header-search { margin-top:0; }
 .yw-jade-site input,.yw-jade-site select,.yw-jade-site textarea { font-size:16px; }
}