/* Shared storefront language: quiet typography, useful navigation, clear action hierarchy. */
:root{--ui-ink:#17231e;--ui-muted:#68766e;--ui-line:#e5eae6;--ui-green:#203b2c;--ui-surface:#f6f8f5}
.header{gap:28px;z-index:40}.header nav{gap:clamp(14px,1.8vw,30px)}.header nav>a,.header nav summary{font-size:13px;font-weight:550;color:#35433a;white-space:nowrap}.header nav a[aria-current=page]{color:var(--ui-green);font-weight:700}.header nav summary{list-style:none;cursor:pointer}.header nav summary::-webkit-details-marker{display:none}.nav-catalog{position:relative}.nav-catalog summary:after{content:'⌄';font-size:14px;margin-left:7px;color:#7f8d83}.nav-menu{position:absolute;left:-26px;top:calc(100% + 18px);width:240px;padding:12px;background:#fff;border:1px solid var(--ui-line);border-radius:15px;box-shadow:0 18px 55px #1d35251c;display:grid;gap:2px}.nav-menu:before{content:'';position:absolute;left:0;right:0;top:-19px;height:19px}.nav-menu a{padding:10px 13px;border-radius:8px;font-size:12px!important}.nav-menu a:hover{background:#f1f5f0;color:var(--ui-green)}.nav-catalog:not([open]) .nav-menu{display:none}.nav-catalog:hover .nav-menu{display:grid}.nav-catalog:hover summary{color:var(--ui-green)}.nav-search{height:34px;display:flex;align-items:center;border:1px solid #e2e9e3;border-radius:999px;background:#f8faf7;padding:0 4px 0 11px}.nav-search input{border:0;outline:0;background:transparent;width:94px;font-size:11px;color:var(--ui-ink)}.nav-search input:focus{width:145px}.nav-search button{border:0;background:transparent;font-size:23px;line-height:1;color:#435f4d;padding:0 5px}.admin-link{white-space:nowrap}.product-open{display:block;width:100%;text-align:left}.product-card .image-wrap{transition:background .25s,transform .25s}.product-card:hover .image-wrap{background:#edf2ee;transform:translateY(-3px)}.product-card h3{font-weight:600}.section-more{display:inline-flex;gap:28px;align-items:center;font-size:13px;font-weight:650;color:var(--ui-green);margin-top:28px;padding-bottom:8px;border-bottom:1px solid #8da69a}.case-grid .case-copy>a{margin-top:auto;align-self:flex-start;font-size:12px;font-weight:650;color:var(--ui-green);padding:10px 0}.case-grid .case-copy>a:hover{text-decoration:underline}.products-section{padding-top:95px}.products-section .product-tools{box-shadow:0 7px 24px #1d35250d}.section-heading h2{font-size:clamp(31px,3.2vw,46px)}.craft-grid article>img{height:200px}.craft-grid article>p{line-height:1.8}
.editorial-page{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:var(--ui-ink);background:#fff}.editorial-page .header{height:64px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,72px);background:#ffffffef;border-bottom:1px solid var(--ui-line)}.editorial-page .header nav{display:flex;align-items:center}.editorial-page .header nav a{font-size:13px}.editorial-page .brand-logo{width:148px}.editorial-page .header-actions{display:flex;align-items:center;gap:16px}.editorial-page a{text-decoration:none}.editorial-page .menu-button{display:none}.editorial-page main{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,82px) var(--public-section-space,48px)}.page-hero{padding:76px 0 54px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:8vw;align-items:end;border-bottom:1px solid var(--ui-line)}.page-hero .eyebrow{color:#789080}.page-hero h1{font-size:clamp(42px,5.3vw,78px);line-height:1.16;letter-spacing:-.065em;margin:17px 0 22px;font-weight:650}.page-hero p{max-width:600px;color:var(--ui-muted);font-size:15px;line-height:1.95;margin:0}.hero-aside{color:#819086;font-size:12px;line-height:1.8;max-width:300px;padding-bottom:8px}.page-section{padding-top:var(--public-section-space,48px)}.section-kicker{font-size:11px;letter-spacing:.17em;color:#738b7b;font-weight:700;text-transform:uppercase}.page-section h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;margin:12px 0 27px;font-weight:620}.craft-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.craft-card{border:1px solid var(--ui-line);border-radius:20px;overflow:hidden;background:#fff}.craft-card img{width:100%;height:320px;object-fit:cover;background:#eef1ee}.craft-card-body{padding:28px 30px 32px}.craft-card-body small{color:#819087;font-size:11px;letter-spacing:.12em}.craft-card h3{font-size:25px;margin:12px 0 9px;font-weight:620}.craft-card p{font-size:14px;line-height:1.85;color:#627369;margin:0 0 16px}.craft-card ul{padding-left:18px;margin:0;color:#52665a;font-size:12px;line-height:2}.craft-card a.photo-credit{display:inline-block;color:#7b8a81;font-size:10px;margin-top:18px;text-decoration:underline}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-steps article{background:var(--ui-surface);border-radius:16px;padding:26px;min-height:205px}.process-steps b{color:#7a9682;font-size:11px}.process-steps h3{font-size:19px;margin:19px 0 10px}.process-steps p{font-size:12px;color:#718177;line-height:1.8;margin:0}.editorial-cta{margin-top:var(--public-section-space,48px);padding:42px clamp(26px,5vw,64px);border-radius:23px;background:#203b2c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.editorial-cta h2{font-size:31px;letter-spacing:-.04em;margin:0 0 10px}.editorial-cta p{margin:0;color:#c2d1c6;font-size:13px;line-height:1.8}.editorial-cta a{background:#fff;color:#203b2c;border-radius:999px;padding:14px 24px;font-size:13px;font-weight:700;white-space:nowrap}.editorial-footer{background:#f2f5f1;padding:34px clamp(22px,5vw,80px);display:flex;justify-content:space-between;align-items:center;color:#64756a;font-size:12px}.editorial-footer img{width:132px}.case-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border-radius:24px;overflow:hidden;background:#f3f6f3}.case-feature>img{width:100%;height:590px;object-fit:cover}.case-feature>div{padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.case-feature h2{font-size:clamp(28px,3.4vw,48px);line-height:1.35;margin:14px 0 21px}.case-feature p{font-size:14px;line-height:1.9;color:#63736a}.case-feature ul{list-style:none;padding:0;display:flex;gap:7px;flex-wrap:wrap}.case-feature li{background:#e5ece5;border-radius:999px;padding:8px 12px;font-size:12px}.case-feature a,.about-copy a{display:inline-flex;align-self:flex-start;margin-top:24px;border-bottom:1px solid #6b8b71;padding-bottom:7px;color:#1e5031;font-size:13px;font-weight:650}.case-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-grid-page article{border:1px solid var(--ui-line);border-radius:17px;overflow:hidden}.case-grid-page img{width:100%;height:240px;object-fit:cover}.case-grid-page article div{padding:20px}.case-grid-page h3{font-size:18px;margin:9px 0}.case-grid-page p{font-size:12px;line-height:1.8;color:#758278}.case-grid-page a{font-size:12px;color:#1c5632}.about-lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-top:var(--public-section-space,48px)}.about-lead-grid img{width:100%;height:520px;object-fit:cover;border-radius:23px}.about-copy h2{font-size:clamp(29px,3.4vw,48px);line-height:1.32;margin:14px 0}.about-copy p{font-size:15px;line-height:2;color:#63746a}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.value-grid article{border-top:1px solid #c9d4ca;padding-top:22px}.value-grid strong{color:#779183;font-size:12px}.value-grid h3{font-size:22px;margin:13px 0}.value-grid p{font-size:13px;line-height:1.9;color:#63746a}.search-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-top:45px}.search-sidebar{position:sticky;top:110px;align-self:start}.search-sidebar h2{font-size:14px;margin:0 0 15px}.search-sidebar button{display:block;width:100%;text-align:left;border:0;background:transparent;border-bottom:1px solid var(--ui-line);padding:11px 0;font-size:13px;color:#647568;cursor:pointer}.search-sidebar button.active{color:#1c5632;font-weight:700}.search-box{display:flex;border:1px solid #d9e2da;border-radius:13px;overflow:hidden;height:55px}.search-box input{flex:1;border:0;outline:0;padding:0 17px;font-size:15px;min-width:0}.search-box button{border:0;background:var(--ui-green);color:#fff;padding:0 28px;font-weight:700}.search-count{color:#718174;font-size:12px;margin:19px 0 26px}.search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 16px}.search-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f5f7f5;border-radius:16px}.search-card span{display:block;color:#7c8d80;font-size:11px;margin-top:12px}.search-card h3{font-size:16px;line-height:1.5;margin:6px 0}.search-card b{font-size:13px;color:#1e4830}.search-empty{padding:60px;border-radius:16px;background:#f4f7f4;color:#6b7c6d;font-size:14px}.search-more{display:block;margin:34px auto 0;border:1px solid #b7c8ba;background:#fff;border-radius:999px;padding:11px 24px;color:#21432d}.search-more[hidden]{display:none}
@media(max-width:1200px){.nav-search input{width:0;padding:0}.nav-search input:focus{width:120px}.header nav{gap:12px!important}.header nav>a,.header nav summary{font-size:12px!important}}
@media(max-width:850px){.header nav,.editorial-page .header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--ui-line);padding:18px 22px;flex-direction:column;align-items:stretch;gap:0}.header nav.open,.editorial-page .header nav.open{display:flex}.header nav>a,.header nav summary{padding:11px 0}.nav-menu{position:static;box-shadow:none;border:0;width:100%;padding:0 0 8px 12px}.nav-menu:before{display:none}.nav-catalog:hover .nav-menu{display:none}.nav-catalog[open] .nav-menu{display:grid}.nav-search{display:none}.header .menu-button,.editorial-page .menu-button{display:block}.editorial-page .header{height:60px}.editorial-page .brand-logo{width:130px}.page-hero{grid-template-columns:1fr;padding:48px 0 36px;gap:12px}.craft-showcase,.about-lead-grid,.case-feature{grid-template-columns:1fr}.case-feature>img{height:420px}.process-steps,.value-grid{grid-template-columns:repeat(2,1fr)}.search-layout{grid-template-columns:1fr;gap:22px}.search-sidebar{position:static;display:flex;overflow:auto;gap:14px;align-items:center}.search-sidebar h2{white-space:nowrap;margin:0}.search-sidebar button{width:auto;white-space:nowrap;border-bottom:0}.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.editorial-page main{padding:0 18px var(--public-section-space,32px)}.craft-showcase,.process-steps,.value-grid,.case-grid-page{grid-template-columns:1fr}.craft-card img{height:250px}.craft-card-body{padding:23px}.editorial-cta{flex-direction:column;align-items:flex-start;padding:30px;margin-top:var(--public-section-space,32px)}.editorial-cta h2{font-size:24px}.case-feature>img{height:340px}.case-feature>div{padding:27px}.about-lead-grid{gap:25px}.about-lead-grid img{height:380px}.search-grid{gap:20px 10px}.search-card h3{font-size:14px}.editorial-footer{display:block}.editorial-footer span{display:block;margin-top:13px}.nav-search{display:none}}
.editorial-footer>a:not(:first-child){font-size:11px;color:#748579;text-decoration:none}.editorial-footer>a:not(:first-child):hover{text-decoration:underline}
.image-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.image-credit-grid article{padding:25px;border:1px solid var(--ui-line);border-radius:16px}.image-credit-grid h3{font-size:19px;margin:0 0 14px}.image-credit-grid p{font-size:13px;color:#63746a;margin:6px 0}.image-credit-grid a{color:#315b3c;text-decoration:underline}@media(max-width:650px){.image-credit-grid{grid-template-columns:1fr}}
.product-card .product-reason{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.9em;margin-top:8px;color:#718076;font-size:11px;line-height:1.5}
.builder-entry-steps{display:grid;gap:0;border-top:1px solid #ffffff45;border-bottom:1px solid #ffffff45;margin:7px 0 25px}
.builder-entry-steps>div{display:flex;gap:24px;align-items:center;border-bottom:1px solid #ffffff27;padding:16px 0;color:#e5eee5;font-size:14px}
.builder-entry-steps>div:last-child{border-bottom:0}.builder-entry-steps b{color:#b7cbbd;font-size:11px;letter-spacing:.1em}
.builder-work>a.button{width:min(360px,100%)}
.craft-index{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:20px 0 28px;margin-bottom:16px;border-top:1px solid #dde5df;border-bottom:1px solid #dde5df}
.craft-index strong{display:block;font-size:14px;color:#1e2c23}
.craft-index small{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:#728077}
.craft-index-items{display:flex;flex-wrap:wrap;gap:8px}
.craft-index-items span{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dbe3dc;border-radius:6px;background:#fff;color:#2d4033;font-size:12px}
.craft-index-items em{font-style:normal;font-size:10px;color:#8b9b8f;font-variant-numeric:tabular-nums}
@media(max-width:700px){.craft-index{grid-template-columns:1fr;gap:12px}}