:root{--ink:#171c1a;--muted:#68716c;--paper:#f7f7f4;--soft:#eeefeb;--line:#dfe3dc;--dark:#1e2925;--accent:#a98455;--serif:"Noto Serif SC","Songti SC","STSong",serif;--sans:"Noto Sans SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);position:sticky;top:0;z-index:10;background:#f7f7f4ed;backdrop-filter:blur(18px);border-bottom:1px solid #e2e5df}.wordmark{font:700 22px var(--serif);letter-spacing:.18em;white-space:nowrap}.wordmark span{font:600 8px var(--sans);display:block;letter-spacing:.35em;margin-top:2px}.header nav{display:flex;gap:clamp(17px,2.2vw,34px);align-items:center}.header nav a{font-size:12px;color:#3d4741;transition:color .2s}.header nav a:hover,.admin-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.admin-link{font-size:11px;color:#69746d}.menu-button{display:none;border:0;background:transparent;font-size:21px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;color:#766b57;text-transform:uppercase}.eyebrow.light{color:#d7c6a8}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:8px}.hero{min-height:660px;display:grid;grid-template-columns:53% 47%;max-width:1700px;margin:auto}.hero-copy{padding:clamp(70px,9vw,140px) 6vw 55px clamp(30px,8vw,140px);display:flex;flex-direction:column;align-items:flex-start}.hero h1{font:500 clamp(43px,4.8vw,78px)/1.32 var(--serif);letter-spacing:-.055em;margin:24px 0 24px}.hero-copy>p{font-size:16px;line-height:1.9;color:#56615a;max-width:510px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.button{border:1px solid transparent;display:inline-flex;gap:32px;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;padding:15px 20px;min-height:50px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--dark);color:#fff}.button.outline{border-color:#9daaa1;background:transparent;color:var(--dark)}.button.light-button{background:#f2f0e7;color:var(--dark)}.text-link{font-size:13px;font-weight:650;border-bottom:1px solid #657569;padding-bottom:8px;display:inline-flex;gap:28px;align-items:center}.hero-meta{margin-top:auto;display:flex;gap:30px;padding-top:100%;font-size:11px;color:#6d7770}.hero-meta b{font-size:15px;color:var(--ink)}.hero-visual{height:660px;position:relative;background:#ddd8ce;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 75%,#1116)}.hero-visual>span{position:absolute;right:24px;bottom:22px;color:white;font-size:10px;z-index:1;letter-spacing:.08em}.section{padding:110px clamp(24px,7vw,120px);max-width:1700px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2,.builder h2,.about h2,.contact h2{font:500 clamp(31px,3vw,47px)/1.32 var(--serif);letter-spacing:-.035em;margin:12px 0 0}.section-heading>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-tile{background:#e9ebe6;min-height:230px;display:flex;flex-direction:column;align-items:flex-start;padding:18px;transition:background .2s,transform .2s;border:0;text-align:left}.category-tile:hover{background:#e1e7df;transform:translateY(-3px)}.category-tile img{width:100%;height:140px;object-fit:contain;mix-blend-mode:multiply}.category-tile b{font:500 17px var(--serif);margin-top:auto}.category-tile span{font-size:10px;color:#69756b;margin-top:5px}.products-section{padding-top:55px}.product-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 18px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;color:#657169;padding:8px 10px;font-size:12px}.filters button.active{color:var(--ink);border-color:#9ea99f}.search{border-bottom:1px solid #9da99e;display:flex;align-items:center;gap:7px;min-width:220px}.search svg{width:16px;height:16px;fill:none;stroke:#67736b;stroke-width:1.6}.search input{border:0;background:transparent;outline:0;padding:8px 3px;width:100%;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px;margin-top:30px}.product-card{border:0;background:transparent;text-align:left;padding:0;min-width:0}.product-card .image-wrap{background:#eeefeb;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card img{width:83%;height:83%;object-fit:contain;transition:transform .35s}.product-card:hover img{transform:scale(1.06)}.product-card .cat{display:block;font-size:10px;color:#8a948a;margin-top:13px}.product-card h3{font:500 15px var(--sans);margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card .sku{font-size:10px;color:#9aa29a}.list-foot{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:45px}.list-foot span{color:var(--muted);font-size:11px}.builder{background:var(--dark);color:#f7f8f3;padding:100px clamp(24px,7vw,120px);display:grid;grid-template-columns:minmax(260px,1fr) minmax(400px,1.1fr);gap:8vw}.builder-intro>p{max-width:380px;font-size:14px;line-height:1.9;color:#b7c5b9;margin-top:25px}.builder-work{max-width:730px}#matchForm{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#matchForm label{font-size:11px;color:#b7c5b9;position:relative}#matchForm input,#matchForm select{display:block;width:100%;border:1px solid #718078;border-radius:0;background:#2d3934;color:#fff;padding:12px 13px;margin-top:7px;outline:0;min-height:47px}#matchForm input{padding-right:46px}#matchForm label span{position:absolute;right:9px;bottom:14px;font-size:10px}#matchForm button{grid-column:1/-1;margin-top:5px;width:100%}.match-result{margin-top:25px;min-height:135px}.match-empty{border-top:1px solid #526158;padding-top:24px;color:#b4c2b6;font-size:13px;line-height:1.8}.match-card{border-top:1px solid #53645a;padding:16px 0;display:grid;grid-template-columns:90px 1fr 26px;gap:16px;align-items:center}.match-card img{width:90px;height:90px;object-fit:contain;background:#f4f4f0}.match-card h3{font:500 17px var(--serif);margin:0 0 4px}.match-card p{font-size:11px;color:#b6c3b8;margin:0;line-height:1.6}.match-card button{border:0;background:transparent;color:white;font-size:20px}.craft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.craft-grid article{background:var(--paper);padding:25px 20px 45px;min-height:210px}.craft-grid article span{font-size:11px;color:#8b9a8f}.craft-grid h3{font:500 21px var(--serif);margin:35px 0 10px}.craft-grid p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.process{display:flex;align-items:center;justify-content:space-between;margin-top:45px;gap:14px;color:#5f6d64;font-size:11px}.process i{height:1px;background:#acb6ad;flex:1}.about{display:grid;grid-template-columns:48% 52%;background:#e7e8e2;min-height:550px}.about-photo{max-height:610px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.about-text{padding:90px clamp(30px,7vw,130px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-text .about-lead{font:500 24px var(--serif);color:var(--ink);margin:25px 0 15px}.about-text p:not(.about-lead){font-size:13px;line-height:2;color:#677269;max-width:460px}.about-text .text-link{margin-top:35px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-grid article{padding:30px;background:#e9eae5;min-height:285px;display:flex;flex-direction:column}.case-grid article:nth-child(2){background:#e2e6df}.case-grid article:nth-child(3){background:#e6e2db}.case-grid article span{font-size:10px;color:#77847a;letter-spacing:.12em}.case-grid h3{font:500 25px var(--serif);margin:55px 0 10px}.case-grid p{font-size:12px;color:#66736a;line-height:1.7;max-width:260px;margin:0}.case-grid button{margin-top:auto;align-self:flex-start;border:0;border-bottom:1px solid #829086;background:transparent;padding:0 0 7px;color:#36483e;font-size:11px}.contact{background:#283630;color:white;padding:100px clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact p{color:#b5c4b7;font-size:13px;line-height:1.8;max-width:430px}.contact-card{border-top:1px solid #83978a;padding-top:10px}.contact-card h3{font:500 20px var(--serif);margin:10px 0 25px}.contact-card dl{margin:0 0 25px}.contact-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid #53685b;padding:12px 0;font-size:12px}.contact-card dt{color:#b6c8ba}.contact-card dd{margin:0}.contact-card button{width:100%}footer{padding:50px clamp(24px,7vw,120px);display:flex;align-items:end;justify-content:space-between;gap:20px;background:#f3f4ef}footer p,footer small{font-size:11px;color:#748075;margin:0}dialog{border:0;padding:0;max-width:900px;width:calc(100% - 30px);background:var(--paper);box-shadow:0 30px 90px #1118}dialog::backdrop{background:#15251bc9}#productDialog[open]{display:grid;grid-template-columns:52% 48%}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;font-weight:200;z-index:1}.dialog-image{background:#e9ebe6;min-height:500px;display:flex;align-items:center;justify-content:center;padding:35px}.dialog-image img{max-height:420px;object-fit:contain}.dialog-body{padding:75px 45px 40px;display:flex;flex-direction:column;align-items:start}.dialog-body h2{font:500 32px var(--serif);line-height:1.4;margin:22px 0 12px}.dialog-body p{color:var(--muted);font-size:13px;line-height:1.9}.dialog-body #dialogId{font-size:11px;margin:0}.dialog-body .button{margin-top:auto}@media(max-width:1100px){.header nav{gap:12px}.category-grid{grid-template-columns:repeat(3,1fr)}.builder{grid-template-columns:1fr;gap:30px}.builder-intro>p{max-width:650px}.builder-work{max-width:none}.hero-copy{padding-left:6vw}.hero h1{font-size:54px}.section{padding-left:5vw;padding-right:5vw}}@media(max-width:760px){.header{height:60px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 6vw;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr}.hero-copy{min-height:580px;padding:75px 7vw 35px}.hero h1{font-size:clamp(40px,9vw,58px)}.hero-visual{height:460px}.hero-meta{padding-top:40px}.section{padding:75px 6vw}.section-heading{align-items:start;flex-direction:column;gap:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:190px}.category-tile img{height:110px}.product-tools{align-items:stretch;flex-direction:column}.filters{overflow:auto;flex-wrap:nowrap}.filters button{white-space:nowrap}.search{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 10px}.builder{padding:75px 6vw}#matchForm{grid-template-columns:1fr 1fr}#matchForm label:first-child{grid-column:1/-1}.craft-grid{grid-template-columns:repeat(2,1fr)}.process{flex-wrap:wrap}.process i{min-width:20px}.about{grid-template-columns:1fr}.about-photo{height:430px}.about-text{padding:70px 7vw}.case-grid{grid-template-columns:1fr}.case-grid article{min-height:220px}.case-grid h3{margin-top:30px}.contact{grid-template-columns:1fr;gap:35px;padding:75px 6vw}footer{align-items:start;flex-direction:column}#productDialog[open]{grid-template-columns:1fr}.dialog-image{min-height:250px}.dialog-image img{max-height:240px}.dialog-body{padding:30px}.dialog-body .button{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.builder-entry{display:block;border-top:1px solid #64766a;padding:22px 0;color:#f5f6ef;font-size:14px;text-decoration:none}.builder-entry:hover{color:#d7c6a8}