/* Captured collection / swatch hierarchy, adapted to the existing Huamao UI. */
.mesh-page{--mesh-ink:#20343e;--mesh-accent:#b65300;--mesh-line:#dedbd3;background:#faf8f4;color:var(--mesh-ink)}
.mesh-page .mesh-shell{width:min(1320px,calc(100% - 80px));margin:auto}.mesh-page .mesh-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding:28px 0;color:#69777b;font-size:13px}
.mesh-page h1,.mesh-page h2,.mesh-page h3{font-family:inherit;color:var(--mesh-ink);letter-spacing:-.025em}.mesh-page h1{font-size:clamp(46px,5vw,74px);line-height:1.15;font-weight:600;margin:14px 0 18px}.mesh-page h2{font-size:34px;line-height:1.3;font-weight:600;margin:8px 0 18px}.mesh-page h3{font-size:22px;line-height:1.35;font-weight:600;margin:0 0 10px}.mesh-page p{line-height:1.8}.mesh-page .mesh-eyebrow{font-size:12px;letter-spacing:.11em;font-weight:600;color:#9b4b12;margin:0 0 12px}
.mesh-page .mesh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;min-height:48px;border:1px solid var(--mesh-accent);border-radius:7px;background:var(--mesh-accent);color:white;text-decoration:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer}.mesh-page .mesh-button-outline{border-color:#cbd1d1;background:transparent;color:var(--mesh-ink)}.mesh-page .mesh-button:hover{background:#934300;color:white;border-color:#934300}.mesh-page .mesh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mesh-page a:focus-visible,.mesh-page button:focus-visible,.mesh-page input:focus-visible{outline:3px solid #b65300;outline-offset:4px}
/* Short collection introduction gives priority to browsing real swatches. */
.mesh-page .mesh-collection-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;padding:24px 0 48px}.mesh-page .mesh-collection-intro h1{font-size:58px}.mesh-page .mesh-intro-sub{font-size:21px;margin:0;color:#586b74}.mesh-page .mesh-collection-note{max-width:470px;padding-bottom:3px}.mesh-page .mesh-collection-note p{font-size:16px;color:#60717a;margin:0 0 15px}.mesh-page .mesh-collection-note a{font-size:14px;color:#344f5b;text-underline-offset:5px}
.mesh-page .mesh-library{background:#fff;margin:0 -40px;padding:38px 40px 34px;border-top:1px solid var(--mesh-line)}.mesh-page .mesh-library-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.mesh-page .mesh-library-top>div{display:flex;gap:16px;align-items:baseline}.mesh-page .mesh-library-top h2{font-size:27px;margin:0}.mesh-page .mesh-result-count{font-size:13px;color:#6b787f;white-space:nowrap}.mesh-page .mesh-search{display:flex;gap:10px;align-items:center;font-size:13px;color:#60717a}.mesh-page .mesh-search input{border:1px solid #d9ddd9;background:white;border-radius:6px;padding:11px 14px;font:inherit;font-size:14px;width:225px;min-height:44px;color:var(--mesh-ink)}
.mesh-page .mesh-library-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ecece8;border-bottom:1px solid #ecece8}.mesh-page .mesh-family-tabs{display:flex;flex-wrap:wrap;gap:22px}.mesh-page .mesh-family-tabs button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 0;color:#65747b;font-family:inherit;font-size:14px;cursor:pointer}.mesh-page .mesh-family-tabs button[aria-pressed=true]{color:#9b4b12;border-color:#b65300}.mesh-page .mesh-compare-summary{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.mesh-page .mesh-compare-summary>span{color:#7c878b}.mesh-page .mesh-compare-link{color:#9b4b12;text-underline-offset:5px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.mesh-page .mesh-compare-link[aria-disabled=true]{color:#7c878b;cursor:default;text-decoration:none}
.mesh-page .mesh-selected-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:16px;margin-top:8px;font-size:13px;color:#934300}.mesh-page .mesh-selected-list button{border:1px solid #d5dcd8;border-radius:5px;padding:8px 12px;font:inherit;background:#f6f7f4;cursor:pointer;color:var(--mesh-ink)}.mesh-page .mesh-selected-list span:empty{display:none}.mesh-page .mesh-grid.mesh-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:28px;row-gap:38px;padding-top:20px}
.mesh-page .mesh-swatch-card{min-width:0;text-align:center}.mesh-page .mesh-swatch-card[hidden]{display:none}.mesh-page .mesh-swatch-visual{display:block;width:min(100%,174px);aspect-ratio:1;margin:0 auto 17px;border-radius:50%;overflow:hidden;border:1px solid #e3e5e0;background:#f6f7f3;transition:box-shadow .15s}.mesh-page .mesh-swatch-visual:hover{box-shadow:0 0 0 4px #eee6db}.mesh-page .mesh-swatch-visual img{display:block;width:100%;height:100%;object-fit:cover}.mesh-page .mesh-swatch-copy h3{font-size:19px;letter-spacing:0;margin:0 0 3px}.mesh-page .mesh-colour-name{font-size:14px;margin:0;color:#405865}.mesh-page .mesh-swatch-meta{font-size:12px;color:#6c7c84;margin:4px 0 10px;white-space:nowrap}.mesh-page .mesh-swatch-actions{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px}.mesh-page .mesh-swatch-actions a{color:#415967;text-underline-offset:4px;min-height:42px;display:inline-flex;align-items:center}.mesh-page .mesh-swatch-actions label{display:inline-flex;gap:5px;align-items:center;cursor:pointer;min-height:42px;color:#415967}.mesh-page .mesh-swatch-actions input{accent-color:#b65300;width:15px;height:15px;margin:0}.mesh-page .mesh-enhanced .mesh-source-details{display:none}.mesh-page.mesh-enhanced .mesh-source-details{display:none}.mesh-page .mesh-source-details{font-size:13px;text-align:left}.mesh-page .mesh-image-note{font-size:12px;color:#6a787d;margin:40px 0 0}.mesh-page .mesh-empty{padding:40px;text-align:center;color:#65747b}
/* Application collection: observed large image + offset supporting image hierarchy. */
.mesh-page .mesh-editorial-hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto auto;column-gap:70px;row-gap:0;padding:26px 0 66px}.mesh-page .mesh-editorial-title{position:relative;z-index:1;padding-top:30px;align-self:start}.mesh-page .mesh-editorial-title h1{font-size:clamp(45px,4.8vw,68px);margin-top:20px;line-height:1.2}.mesh-page .mesh-editorial-title>p:not(.mesh-eyebrow){max-width:500px;font-size:17px;color:#5f707a;margin:22px 0}.mesh-page figure{margin:0}.mesh-page .mesh-editorial-primary{grid-column:2;grid-row:1/3;background:#ece8df;border-radius:9px;overflow:hidden;align-self:start;margin-top:12px}.mesh-page .mesh-editorial-primary img{display:block;width:100%;height:530px;object-fit:cover}.mesh-page .mesh-editorial-primary figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font-size:13px;background:white;border:1px solid #e6e3dd;border-top:0;border-radius:0 0 9px 9px}.mesh-page figcaption strong{font-weight:600}.mesh-page .mesh-editorial-secondary{width:220px;grid-row:2;grid-column:1;margin:42px 0 0 40px;background:white;border-radius:9px;overflow:hidden}.mesh-page .mesh-editorial-secondary img{width:100%;height:145px;display:block;object-fit:cover}.mesh-page .mesh-editorial-secondary figcaption{padding:10px 13px;font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:3px}.mesh-page .mesh-editorial-about{position:absolute;left:285px;bottom:76px;font-size:16px;color:#66757a;max-width:220px}
.mesh-page .mesh-facts-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;border-top:1px solid var(--mesh-line);border-bottom:1px solid var(--mesh-line)}.mesh-page .mesh-facts-strip>div{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--mesh-line);padding:0 25px}.mesh-page .mesh-facts-strip>div:first-child{padding-left:0}.mesh-page .mesh-facts-strip>div:last-child{border:0}.mesh-page .mesh-facts-strip strong{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.02em}.mesh-page .mesh-facts-strip span{font-size:13px;color:#69787f}
.mesh-page .mesh-projects,.mesh-page .mesh-weave-section{padding:65px 0}.mesh-page .mesh-section-heading{margin-bottom:30px}.mesh-page .mesh-section-heading>p:not(.mesh-eyebrow){color:#65767e;font-size:16px;margin:0}.mesh-page .mesh-project-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px}.mesh-page .mesh-project-tabs{display:flex;flex-direction:column;align-items:stretch}.mesh-page .mesh-project-tabs button{background:transparent;border:0;border-left:2px solid #dddcd4;display:flex;gap:14px;align-items:center;font-family:inherit;font-size:17px;color:#6d7b80;text-align:left;padding:20px 18px;cursor:pointer;min-height:68px}.mesh-page .mesh-project-tabs button span{font-size:12px;color:#8f999c}.mesh-page .mesh-project-tabs button[aria-pressed=true]{border-color:#b65300;color:#203c48;background:#eee9df}.mesh-page .mesh-project-panel{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;min-height:325px;border:1px solid #e3e0da;border-radius:8px;overflow:hidden}.mesh-page .mesh-project-panel[hidden]{display:none}.mesh-page:not(.mesh-enhanced) .mesh-project-panel[hidden]{display:grid}.mesh-page .mesh-project-panel figure{display:flex;flex-direction:column}.mesh-page .mesh-project-panel figure img{width:100%;height:285px;flex:1;min-height:0;object-fit:cover;display:block}.mesh-page .mesh-project-panel figcaption{font-size:11px;padding:10px 14px;color:#6b7b82}.mesh-page .mesh-project-copy{display:flex;flex-direction:column;align-items:start;padding:32px}.mesh-page .mesh-project-copy h3{font-size:25px}.mesh-page .mesh-project-copy>p:not(.mesh-eyebrow){font-size:14px;color:#60727c;margin:0 0 14px}.mesh-page .mesh-candidate-codes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.mesh-page .mesh-candidate-codes a{color:#586d78;font-size:13px;text-underline-offset:4px}.mesh-page .mesh-project-copy .mesh-button{margin-top:auto}.mesh-page .mesh-weave-section{border-top:1px solid var(--mesh-line)}.mesh-page .mesh-weave-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.mesh-page .mesh-weave-card{text-decoration:none;color:var(--mesh-ink)}.mesh-page .mesh-weave-card img{width:100%;aspect-ratio:1.18;object-fit:cover;height:auto;display:block;border-radius:8px}.mesh-page .mesh-weave-card>div{padding:20px 0}.mesh-page .mesh-weave-card h3{font-size:23px;margin:0 0 7px}.mesh-page .mesh-weave-card p{font-size:14px;color:#6a7d86;margin:0 0 14px}.mesh-page .mesh-weave-card span{font-size:13px;color:#9b4b12}
.mesh-page .mesh-order-band{display:flex;align-items:center;justify-content:space-between;gap:50px;background:#eee9df;border-radius:10px;padding:42px 48px;margin:22px 0 35px}.mesh-page .mesh-order-band h2{font-size:31px}.mesh-page .mesh-order-band p:not(.mesh-eyebrow){max-width:700px;font-size:16px;color:#5f727c;margin:0}.mesh-page .mesh-order-band>a{flex:none}.mesh-page .mesh-specification-note{padding:0 0 40px;color:#69787e;font-size:13px}.mesh-page .mesh-specification-note summary{cursor:pointer;min-height:44px;line-height:44px}.mesh-page .quick-lead-bar{position:static;margin:24px auto;max-width:calc(100% - 36px);width:fit-content;box-shadow:none;backdrop-filter:none}.mesh-page .quick-lead-bar.is-contact-visible{display:flex}
.mesh-page .mesh-detail-dialog{width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #d9dedb;border-radius:12px;background:#faf8f4;color:#20343e;overflow:auto}.mesh-page .mesh-detail-dialog::backdrop{background:rgba(18,40,48,.45)}.mesh-page .mesh-detail-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}.mesh-page .mesh-detail-head h2{font-size:36px;margin:0 0 4px;line-height:1.2}.mesh-page .mesh-detail-head p:not(.mesh-eyebrow){margin:0;font-size:14px;color:#6c7b81}.mesh-page .mesh-detail-head>button{background:white;border:1px solid #d5d9d6;border-radius:6px;padding:10px 16px;min-height:44px;font:inherit;cursor:pointer}.mesh-page .mesh-detail-dialog dl{margin:0}.mesh-page .mesh-detail-dialog dl>div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #e0e1da;font-size:15px;line-height:1.7}.mesh-page .mesh-detail-dialog dt{font-weight:400;color:#697b83}.mesh-page .mesh-detail-dialog dd{margin:0;font-weight:400}.mesh-page .mesh-detail-note{font-size:13px;color:#6b7a80}.mesh-page .mesh-detail-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.mesh-page .mesh-detail-status{font-size:13px;color:#9b4b12}
@media(max-width:1100px){.mesh-page .mesh-grid.mesh-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.mesh-page .mesh-collection-intro{gap:35px}.mesh-page .mesh-editorial-hero{column-gap:38px}.mesh-page .mesh-editorial-title h1{font-size:49px}.mesh-page .mesh-editorial-secondary{margin-left:0;width:190px}.mesh-page .mesh-editorial-about{left:215px;font-size:14px;max-width:170px}.mesh-page .mesh-project-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.mesh-page .mesh-project-copy{padding:24px}}
@media(max-width:800px){.mesh-page .mesh-shell{width:calc(100% - 40px)}.mesh-page .mesh-collection-intro{grid-template-columns:1fr;gap:22px;padding:15px 0 30px}.mesh-page .mesh-collection-intro h1{font-size:46px}.mesh-page .mesh-collection-note{max-width:620px}.mesh-page .mesh-library{margin:0 -20px;padding:28px 20px}.mesh-page .mesh-library-top{align-items:start;flex-direction:column;gap:18px}.mesh-page .mesh-search{width:100%}.mesh-page .mesh-search input{width:100%;flex:1}.mesh-page .mesh-search>span{flex:none}.mesh-page .mesh-library-controls{align-items:start;flex-direction:column;gap:0}.mesh-page .mesh-family-tabs{gap:20px}.mesh-page .mesh-compare-summary{padding:0;align-self:flex-end}.mesh-page .mesh-editorial-hero{grid-template-columns:1fr 1fr;gap:22px;padding:12px 0 36px}.mesh-page .mesh-editorial-title{grid-column:1/-1;padding:0}.mesh-page .mesh-editorial-title h1{font-size:48px}.mesh-page .mesh-editorial-title>p:not(.mesh-eyebrow){max-width:600px}.mesh-page .mesh-editorial-primary{grid-column:2;grid-row:2/4;margin:0}.mesh-page .mesh-editorial-primary img{height:300px}.mesh-page .mesh-editorial-secondary{width:100%;margin:28px 0 0;grid-row:2;grid-column:1}.mesh-page .mesh-editorial-secondary img{height:170px}.mesh-page .mesh-editorial-about{position:static;grid-column:1;grid-row:3;max-width:none;font-size:15px;align-self:start;margin:0}.mesh-page .mesh-project-layout{grid-template-columns:1fr;gap:18px}.mesh-page .mesh-project-tabs{flex-direction:row;overflow-x:auto}.mesh-page .mesh-project-tabs button{flex:1;white-space:nowrap;border-left:0;border-bottom:2px solid #dddcd4;min-height:56px;font-size:14px;padding:16px 14px}.mesh-page .mesh-project-tabs button[aria-pressed=true]{border-color:#b65300}.mesh-page .mesh-project-panel{min-height:300px}.mesh-page .mesh-weave-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.mesh-page .mesh-order-band{padding:32px;gap:25px;align-items:start;flex-direction:column}.mesh-page .mesh-facts-strip>div{padding:0 16px}.mesh-page .mesh-facts-strip strong{font-size:23px}}
@media(max-width:480px){.mesh-page .mesh-shell{width:calc(100% - 36px)}.mesh-page .mesh-breadcrumb{font-size:11px;gap:8px;padding:21px 0}.mesh-page .mesh-collection-intro h1{font-size:39px}.mesh-page .mesh-intro-sub{font-size:18px}.mesh-page .mesh-collection-note p{font-size:14px;margin:0 0 10px}.mesh-page .mesh-library{margin:0 -18px;padding:26px 18px}.mesh-page .mesh-library-top h2{font-size:23px}.mesh-page .mesh-library-top>div{gap:12px}.mesh-page .mesh-search>span{display:none}.mesh-page .mesh-family-tabs{gap:15px;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.mesh-page .mesh-family-tabs button{flex:none;padding:14px 0;font-size:13px}.mesh-page .mesh-grid.mesh-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}.mesh-page .mesh-swatch-visual{width:142px}.mesh-page .mesh-swatch-copy h3{font-size:18px}.mesh-page .mesh-colour-name{font-size:13px}.mesh-page .mesh-swatch-meta{font-size:11px}.mesh-page .mesh-swatch-actions{gap:10px;font-size:12px;flex-wrap:wrap}.mesh-page .mesh-image-note{margin-top:25px}.mesh-page .mesh-editorial-title h1{font-size:40px}.mesh-page .mesh-editorial-title>p:not(.mesh-eyebrow){font-size:15px;margin:18px 0}.mesh-page .mesh-editorial-hero{gap:15px}.mesh-page .mesh-editorial-primary img{height:260px}.mesh-page .mesh-editorial-primary figcaption{flex-direction:column;gap:3px;font-size:11px;padding:10px}.mesh-page .mesh-editorial-secondary{margin-top:25px}.mesh-page .mesh-editorial-secondary img{height:130px}.mesh-page .mesh-editorial-secondary figcaption{font-size:11px;padding:9px}.mesh-page .mesh-editorial-about{font-size:12px;line-height:1.6}.mesh-page .mesh-actions{gap:10px;margin-top:22px}.mesh-page .mesh-actions .mesh-button{padding:12px 18px;font-size:14px}.mesh-page .mesh-facts-strip{grid-template-columns:repeat(2,1fr);row-gap:22px}.mesh-page .mesh-facts-strip>div{padding:0 18px}.mesh-page .mesh-facts-strip>div:nth-child(odd){padding-left:0}.mesh-page .mesh-facts-strip>div:nth-child(even){border:0}.mesh-page .mesh-facts-strip strong{font-size:23px}.mesh-page .mesh-facts-strip span{font-size:12px}.mesh-page .mesh-projects,.mesh-page .mesh-weave-section{padding:35px 0}.mesh-page .mesh-section-heading h2{font-size:28px}.mesh-page .mesh-section-heading>p:not(.mesh-eyebrow){font-size:14px}.mesh-page .mesh-project-tabs button{font-size:13px;gap:8px;padding:14px 11px;flex:none}.mesh-page .mesh-project-panel{grid-template-columns:1fr}.mesh-page .mesh-project-panel figure img{height:220px;flex:none}.mesh-page .mesh-project-copy{padding:25px}.mesh-page .mesh-project-copy h3{font-size:23px}.mesh-page .mesh-project-copy .mesh-button{width:100%;margin-top:6px}.mesh-page .mesh-weave-grid{gap:20px}.mesh-page .mesh-weave-card h3{font-size:20px}.mesh-page .mesh-weave-card>div{padding:14px 0}.mesh-page .mesh-weave-card p{font-size:12px}.mesh-page .mesh-order-band{padding:26px 22px;margin-top:10px}.mesh-page .mesh-order-band h2{font-size:26px}.mesh-page .mesh-order-band p:not(.mesh-eyebrow){font-size:14px}.mesh-page .mesh-order-band>a{width:100%}.mesh-page .mesh-detail-dialog{padding:22px 18px}.mesh-page .mesh-detail-dialog dl>div{grid-template-columns:110px 1fr;gap:14px;font-size:14px;padding:12px 0}.mesh-page .mesh-detail-actions{display:grid;grid-template-columns:1fr}.mesh-page .mesh-detail-head h2{font-size:30px}}

/* Retain the comparison action while browsing, without overlaying cards. */
.mesh-page .mesh-library-controls{position:sticky;top:0;z-index:5;background:white}.mesh-page .mesh-swatch-actions a,.mesh-page .mesh-swatch-actions label{min-height:44px;font-size:13px}

.mesh-page .mesh-compare-summary[hidden]{display:none}
@media(max-width:480px){.mesh-page .mesh-intro-sub,.mesh-page .mesh-collection-note p{display:none}.mesh-page .mesh-collection-intro{gap:10px;padding-bottom:22px}.mesh-page .mesh-collection-intro h1{margin-bottom:8px}.mesh-page .mesh-collection-note{padding-bottom:0}}