/* Homepage art direction: stone, graphite and the metal in the photography. */
.brand-home{--ink:#26363a;--muted:#626c6e;--mist:#edf0ef;--line:#dce1df;--brass:#94764d;--soft:#f2f3f1;background:#fcfcfb}
.brand-home h1,.brand-home h2{font-family:'Helvetica Neue',Arial,'Microsoft YaHei',sans-serif;letter-spacing:-.045em;font-weight:500;line-height:1.12}
.brand-home h2{font-size:clamp(30px,3vw,44px)}
.brand-home .site-header{position:sticky;top:0;z-index:10;max-width:none;padding:19px 5%;background:rgba(252,252,251,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(38,54,58,.08)}
.brand-home .brand{font-size:20px}.brand-home .brand-mark{border-radius:3px}
.brand-home .button{border-radius:5px;padding:15px 22px;transition:background .2s,box-shadow .2s}
.brand-home .button:hover{box-shadow:0 5px 16px #152b3020}
.brand-home .site-header nav{margin-left:auto}.brand-home .language-switch{margin-left:15px}
.brand-hero{max-width:1500px;margin:20px auto 0;padding:0 24px}
.hero-shell{display:grid;grid-template-columns:46% 54%;background:#26363a;border-radius:9px;overflow:hidden;min-height:630px;color:#fff}
.brand-intro{padding:68px 10% 32px;display:flex;flex-direction:column;align-items:flex-start}
.brand-intro .hero-kicker{font-size:13px;color:#d3dedc;margin-bottom:35px;display:flex;align-items:center;gap:12px}
.hero-kicker:before{content:'';height:1px;width:27px;background:#baa176}
.brand-intro h1{font-size:clamp(42px,4.5vw,65px);margin:0 0 25px;max-width:14ch;letter-spacing:-.055em}
.brand-intro .hero-description{font-size:15px;color:#d3dedc;max-width:37ch;line-height:1.8;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-actions .button{background:#f4f5f1;color:#26363a;border-color:#f4f5f1;font-weight:600}
.hero-actions .secondary-cta{font-size:13px;text-decoration:underline;text-underline-offset:5px;color:#fff;padding:10px 0}
.hero-sourcing{margin-top:auto;padding-top:45px;font-size:11px;letter-spacing:.025em;color:#c5d3d0}
.hero-carousel{position:relative;min-width:0;background:#d8ddda;min-height:630px}
.hero-slides{position:absolute;inset:0}
.brand-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.brand-slide.is-active{opacity:1;visibility:visible}.brand-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.brand-slide:nth-child(2)>img{object-position:center 51%}.brand-slide:nth-child(3)>img{object-position:center}
.slide-caption{position:absolute;left:24px;right:24px;bottom:83px;padding:16px 20px;border:1px solid #ffffff80;background:rgba(252,252,251,.9);backdrop-filter:blur(16px);color:#26363a;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.slide-caption strong{font-size:16px;font-weight:500;display:block}.slide-caption span{font-size:11px;color:#566267;display:block;margin-top:3px}
.slide-caption a{font-size:12px;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.carousel-controls{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(252,252,251,.93);backdrop-filter:blur(16px);color:#26363a;padding:6px 10px;border-radius:6px}
.carousel-arrows,.carousel-dots{display:flex;align-items:center;gap:3px}.carousel-controls button{background:transparent;border:0;color:#26363a;min-width:36px;min-height:36px;cursor:pointer;border-radius:3px}
.carousel-controls button:hover{background:#dce3df}.carousel-arrows button{font-size:20px}.carousel-arrows span{font-size:11px;min-width:34px;text-align:center}
.carousel-dots button{min-width:24px;position:relative}.carousel-dots button:after{content:'';display:block;margin:auto;width:5px;height:5px;background:#899391;border-radius:50%}
.carousel-dots button[aria-pressed=true]:after{width:20px;background:#26363a;border-radius:4px}
.carousel-controls [data-rotation]{font-size:11px;padding:0 8px;min-width:94px}
.trade-strip{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:25px;padding:25px 5%;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.trade-strip p{margin:0}.trade-strip strong{font-weight:500;color:var(--ink)}
.brand-home .section{padding-top:68px;padding-bottom:68px;scroll-margin-top:110px}
.brand-home .section-heading{align-items:end;margin-bottom:30px}.brand-home .section-heading p{margin:12px 0 0;font-size:14px;color:var(--muted);max-width:49ch}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.category-card{display:grid;grid-template-columns:1fr 44%;min-height:200px;background:#eef0ed;border:1px solid #e5e9e5;border-radius:6px;overflow:hidden;align-items:center;transition:background .25s}
.category-card:hover{background:#e3e8e2;color:var(--ink)}.category-copy{padding:25px 0 25px 25px;position:relative;z-index:1}.category-copy h3{font-size:20px;font-weight:500;line-height:1.3;margin-bottom:12px}.category-copy p{font-size:12px;color:var(--muted);margin:0}
.category-photo{height:200px;position:relative}.category-photo>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:15px 8px}
.category-card[data-category=lever-handles] .category-photo>img{object-fit:cover;padding:0}
.category-photo .photo-label{font-size:8px;padding:0 2px}
.featured-section{background:#f0f2ef;border-top:1px solid #e6e9e4;border-bottom:1px solid #e6e9e4}.featured-section .product-grid{gap:26px}
.brand-home .product-image{border-radius:5px;background:#e8ece7;aspect-ratio:4/4.5}
.brand-home .product-card[data-category=backplate-locks] .product-image img,.brand-home .product-card[data-category=cabinet-handles] .product-image img{background:#f7f8f5;padding:25px}
.brand-home .product-meta h3{font-size:16px;font-weight:500}.brand-home .product-meta p{font-size:12px;margin-top:4px}.brand-home .round-link{border:0;background:#e9ede8}
.brand-home .product-image:hover .image-link{opacity:1}.brand-home .image-link{border-radius:4px;backdrop-filter:blur(10px);padding:10px 12px}
.brand-home .filter{border-radius:4px}.brand-home .filter.active{background:#26363a;color:white}.brand-home .filter.active span{color:#d8e0dd}
.brand-home .collection{padding-top:75px}.brand-home .about{padding-top:20px;padding-bottom:85px;gap:8%}.brand-home .about-image img{border-radius:6px;aspect-ratio:1.12}
.brand-home .about-copy .overline{font-size:13px;margin-bottom:20px}.brand-home .about-copy p:not(.overline){font-size:15px;line-height:1.8}
.sourcing-section{background:#edf0ed}.sourcing-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:35px}.sourcing-heading h2{max-width:18ch;margin-bottom:0}
.sourcing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:0;counter-reset:step}
.sourcing-steps li{border-top:1px solid #bcc6bf;padding-top:22px;counter-increment:step}.sourcing-steps li:before{content:'0' counter(step);color:#64786c;font-size:13px;display:block;margin-bottom:17px}
.sourcing-steps h3{font-size:19px;margin-bottom:10px}.sourcing-steps p{font-size:14px;color:var(--muted);max-width:34ch;margin:0}
.brand-home .inquiry-banner h2{font-size:clamp(32px,3.2vw,46px)}.brand-home .site-footer{padding-top:50px}
@media(min-width:1600px){.brand-intro h1{font-size:68px}}
@media(max-width:1050px){.brand-home .site-header{gap:18px}.brand-home .site-header nav{gap:18px}.hero-shell{grid-template-columns:47% 53%;min-height:570px}.brand-intro{padding:50px 8% 30px}.brand-intro h1{font-size:47px}.hero-carousel{min-height:570px}.hero-actions{gap:8px}.hero-sourcing{padding-top:28px}.slide-caption{left:18px;right:18px}.category-card{grid-template-columns:1fr;min-height:0}.category-copy{padding:20px 20px 12px}.category-photo{height:170px}.category-grid{gap:18px}.category-card[data-category=lever-handles] .category-photo>img{object-fit:cover;object-position:center 49%}.featured-section .product-grid{grid-template-columns:repeat(2,1fr)}.trade-strip{font-size:11px;gap:12px}}
@media(max-width:760px){.brand-home .site-header{padding:14px 5%;gap:12px}.brand-home .brand{font-size:16px}.brand-home .language-switch{margin-left:auto}.brand-home .site-header nav{display:none}.brand-home .site-header .button{font-size:11px;padding:10px}.brand-hero{padding:0 12px;margin-top:12px}.hero-shell{grid-template-columns:1fr}.brand-intro{padding:34px 7% 26px}.brand-intro .hero-kicker{font-size:12px;margin-bottom:24px}.brand-intro h1{font-size:clamp(40px,10vw,58px);max-width:14ch;margin-bottom:20px}.brand-intro .hero-description{font-size:14px;margin-bottom:24px;max-width:42ch}.hero-sourcing{padding-top:25px;font-size:10px;margin-bottom:0}.hero-carousel{min-height:445px}.slide-caption{bottom:78px;left:15px;right:15px;padding:14px}.slide-caption strong{font-size:15px}.slide-caption a{font-size:11px}.carousel-controls{left:15px;right:15px;bottom:16px;gap:5px;padding:5px 6px}.carousel-controls button{min-width:32px}.carousel-dots button{min-width:23px}.trade-strip{padding:22px 5%;flex-wrap:wrap;gap:8px 18px;font-size:11px}.trade-strip p:first-child{width:100%}.brand-home .section{padding-top:45px;padding-bottom:45px;scroll-margin-top:85px}.brand-home .section-heading{gap:20px}.brand-home .section-heading p{font-size:13px}.brand-home .section-heading h2{font-size:30px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{grid-template-columns:1fr 42%;min-height:130px}.category-copy{padding:22px}.category-copy h3{font-size:21px;margin-bottom:8px}.category-photo{height:145px}.category-photo>img{padding:12px 5px}.category-photo .photo-label{font-size:7px}.featured-section .product-grid{gap:25px 14px}.brand-home .product-card[data-category=backplate-locks] .product-image img,.brand-home .product-card[data-category=cabinet-handles] .product-image img{padding:12px}.brand-home .product-meta h3{font-size:14px}.brand-home .product-meta p{font-size:11px}.brand-home .about{padding-top:10px;gap:28px}.sourcing-heading{display:block;margin-bottom:28px}.sourcing-heading .button{margin-top:23px}.sourcing-steps{grid-template-columns:1fr;gap:25px}.sourcing-steps li{padding-top:18px;padding-left:40px;position:relative}.sourcing-steps li:before{position:absolute;left:0;top:21px}.sourcing-steps p{max-width:42ch}.brand-home .inquiry-banner{padding-top:42px;padding-bottom:42px}}
html[lang=zh-CN] .brand-intro h1{max-width:none;font-size:clamp(36px,3.8vw,54px);line-height:1.3;letter-spacing:0}
@media(max-width:760px){html[lang=zh-CN] .brand-intro h1{font-size:36px;max-width:none}.brand-home .site-header .brand small{letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.brand-slide{transition:none}.brand-home *{scroll-behavior:auto}}