:root{--professional-header-width:1240px;--professional-header-gutter:40px;--professional-breadcrumb-width:1320px;--professional-breadcrumb-gutter:clamp(20px,5vw,48px);--professional-header-line:#dedbd5;--professional-header-muted:#6f6b66;--professional-header-accent:#9c7657}
.docs-main,.professional-page-main,.sales-main,.page-header{font-family:"Noto Sans",sans-serif!important}
.docs-main,.professional-page-main,.sales-main{padding-top:100px!important}
body:has(#docsBrand) .docs-main{padding-top:100px!important}
body:has(#docsBrand) #docsFilterSubmit{justify-self:start!important;width:50%!important;min-width:64px!important;height:40px!important;min-height:40px!important}
.professional-page-main .page-header{padding-top:0!important}
.page-header{box-sizing:border-box!important;margin:0!important;padding:76px 0 0!important;background:#fff!important}
.docs-wrap,.sales-wrap,.page-header>.wrap{box-sizing:border-box!important;width:min(var(--professional-header-width),calc(100% - (2 * var(--professional-header-gutter))))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
.docs-breadcrumb{box-sizing:border-box!important;width:min(calc(100% - (2 * var(--professional-breadcrumb-gutter))),var(--professional-breadcrumb-width))!important;height:62px!important;min-height:62px!important;margin:0 auto!important;padding:22px 0!important;border:0!important;border-bottom:1px solid var(--professional-header-line)!important;background:#fff!important;color:var(--professional-header-muted)!important;font:400 12px/17px "Noto Sans",sans-serif!important;letter-spacing:0!important}
.docs-breadcrumb>.docs-wrap{width:100%!important;height:100%!important}
.docs-breadcrumb ol,.page-header .breadcrumb{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:10px!important;height:17px!important;min-height:17px!important;margin:0!important;padding:0!important;border:0!important;color:var(--professional-header-muted)!important;font:400 12px/17px "Noto Sans",sans-serif!important;letter-spacing:0!important;list-style:none!important}
.page-header .breadcrumb{position:relative!important;border-bottom:1px solid var(--professional-header-line)!important}
.page-header .breadcrumb::after{content:""!important;position:absolute!important;right:50%!important;bottom:-1px!important;width:100vw!important;height:1px!important;transform:translateX(50%)!important;background:var(--professional-header-line)!important}
.docs-breadcrumb li,.docs-breadcrumb a,.page-header .breadcrumb span,.page-header .breadcrumb a{margin:0!important;padding:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-decoration:none!important}
.docs-breadcrumb li+li::before{margin-inline-end:10px!important;color:#aaa49b!important}
.docs-main>.site-breadcrumb,.professional-page-main>.site-breadcrumb,.sales-main>.site-breadcrumb{box-sizing:border-box!important;width:min(calc(100% - (2 * var(--professional-breadcrumb-gutter))),var(--professional-breadcrumb-width))!important;height:62px!important;min-height:62px!important;margin:0 auto!important;padding:22px 0!important;border:0!important;border-bottom:1px solid var(--professional-header-line)!important;background:#fff!important}
.docs-main>.site-breadcrumb>ol,.professional-page-main>.site-breadcrumb>ol,.sales-main>.site-breadcrumb>ol{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:17px!important;margin:0!important;padding:0!important;color:var(--professional-header-muted)!important;font:400 12px/17px "Noto Sans",sans-serif!important;letter-spacing:0!important;list-style:none!important}
.docs-main>.site-breadcrumb li,.professional-page-main>.site-breadcrumb li,.sales-main>.site-breadcrumb li,.docs-main>.site-breadcrumb a,.professional-page-main>.site-breadcrumb a,.sales-main>.site-breadcrumb a{margin:0!important;padding:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-decoration:none!important}
.docs-main>.site-breadcrumb li+li::before,.professional-page-main>.site-breadcrumb li+li::before,.sales-main>.site-breadcrumb li+li::before{margin-inline-end:10px!important;color:#aaa49b!important;content:"/"!important}
body:has([data-project-filter-bar]) .professional-page-main>.site-breadcrumb{position:static!important;inset:auto!important;width:min(calc(100% - (2 * var(--professional-breadcrumb-gutter))),var(--professional-breadcrumb-width))!important;height:62px!important;min-height:62px!important;margin:0 auto!important;padding:22px 0!important;transform:none!important}
body:has([data-project-filter-bar]) .professional-page-main>.site-breadcrumb>ol{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:17px!important;margin:0!important;padding:0!important;font:400 12px/17px "Noto Sans",sans-serif!important}
.docs-hero,.page-header__text{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:end!important;column-gap:60px!important;width:min(var(--professional-header-width),calc(100% - (2 * var(--professional-header-gutter))))!important;max-width:none!important;min-height:231px!important;margin:0 auto!important;padding:88px 0 72px!important;background:#fff!important}
.page-header__text{grid-template-areas:"eyebrow intro" "title intro"!important}
.page-header__text .eyebrow{grid-area:eyebrow!important;align-self:end!important}
.page-header__title{grid-area:title!important}
.page-header__desc{grid-area:intro!important}
.docs-eyebrow,.page-header .eyebrow{margin:0 0 18px!important;color:var(--professional-header-accent)!important;font:600 12px/1.4 "Noto Sans",sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.docs-hero h1,.page-header__title{margin:0!important;color:#22211f!important;font:300 48px/1.12 "Noto Sans",sans-serif!important;letter-spacing:-.02em!important}
.docs-hero__intro,.page-header__desc{align-self:end!important;max-width:570px!important;margin:0!important;color:var(--professional-header-muted)!important;font:300 15px/1.75 "Noto Sans",sans-serif!important;letter-spacing:0!important}
.sales-main>.sales-breadcrumb{box-sizing:border-box!important;height:62px!important;min-height:62px!important;margin:0!important;padding:0!important;border-bottom:1px solid var(--professional-header-line)!important;background:#fff!important}
.sales-main>.sales-breadcrumb>.sales-wrap{width:min(calc(100% - (2 * var(--professional-breadcrumb-gutter))),var(--professional-breadcrumb-width))!important;height:100%!important}.sales-main>.sales-breadcrumb ol{height:100%!important}
.sales-main>.sales-breadcrumb ol{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;color:var(--professional-header-muted)!important;font:400 12px/1.4 "Noto Sans",sans-serif!important;letter-spacing:0!important}
.sales-main>.sales-hero{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:end!important;column-gap:60px!important;min-height:231px!important;margin:0 auto!important;padding:88px 0 72px!important;background:#fff!important}
.sales-main>.sales-hero .sales-eyebrow{margin:0 0 18px!important;color:var(--professional-header-accent)!important;font:600 12px/1.4 "Noto Sans",sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.sales-main>.sales-hero h1{margin:0!important;color:#22211f!important;font:300 48px/1.12 "Noto Sans",sans-serif!important;letter-spacing:-.02em!important}
.sales-main>.sales-hero .sales-hero__intro{align-self:end!important;max-width:570px!important;margin:0!important;color:var(--professional-header-muted)!important;font:300 15px/1.75 "Noto Sans",sans-serif!important}
.sales-main>.sales-finder{padding:20px 0!important;background:#f5f3ef!important;border-color:#ddd9d2!important}
.sales-main>.sales-finder .sales-controls,.sales-main>.sales-finder .sales-controls--showroom{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}
.sales-main>.sales-finder .sales-field[style]{grid-column:auto!important}
.sales-main>.sales-finder :is(.sales-field select,.sales-field input,.sales-reset,.sales-filter-submit){box-sizing:border-box!important;height:40px!important;min-height:40px!important}
.sales-main .sales-results__head h2{font:300 22px/1.2 "Noto Sans",sans-serif!important;letter-spacing:0!important}
.sales-main>.sales-finder .sales-filter-submit{width:100%!important;padding:0 20px!important;border:1px solid #2d2926!important;background:#fff!important;color:#2d2926!important;font:500 11px/1.3 "Noto Sans",sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer!important}
.sales-main:has(#salesFilterSubmit)>.sales-finder :is(.sales-reset,.sales-filter-submit){justify-self:center!important;width:50%!important;min-width:82px!important;padding-inline:10px!important}
.sales-main:has(#salesFilterSubmit)>.sales-finder .sales-reset{justify-self:end!important}
.sales-main:has(#salesFilterSubmit)>.sales-finder .sales-filter-submit{justify-self:start!important}
.sales-main>.sales-finder .sales-filter-submit:hover,.sales-main>.sales-finder .sales-filter-submit:focus-visible{background:#2d2926!important;color:#fff!important}
.professional-shared-hero .professional-shared-eyebrow{margin:0 0 18px!important;padding:0!important;color:#9c7657!important;font-family:"Noto Sans",sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.professional-shared-hero .professional-shared-title{margin:0!important;padding:0!important;color:#22211f!important;font-family:"Noto Sans",sans-serif!important;font-size:48px!important;font-style:normal!important;font-weight:300!important;line-height:1.12!important;letter-spacing:-.02em!important;text-transform:none!important}
/* Catalog page guarantee: keep the page title light without affecting other professional pages. */
body:has(#docsBrand) .professional-shared-hero .professional-shared-title{font-weight:300!important}
@media(max-width:900px){:root{--professional-header-gutter:20px}.docs-hero,.page-header__text,.sales-main>.sales-hero{grid-template-columns:1fr!important;min-height:0!important;padding:62px 0 54px!important}.page-header__text{grid-template-areas:"eyebrow" "title" "intro"!important}.docs-hero__intro,.page-header__desc,.sales-hero__intro{margin-top:26px!important}}
@media(max-width:1100px){.sales-main>.sales-finder .sales-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.sales-main>.sales-finder .sales-controls{grid-template-columns:1fr!important}}
@media(max-width:700px){.docs-main,.professional-page-main,.sales-main{padding-top:88px!important}}
@media(max-width:700px){body:has(#docsBrand) .docs-main{padding-top:88px!important}}
@media(max-width:600px){:root{--professional-header-gutter:16px}.page-header{padding-top:66px!important}.professional-page-main .page-header{padding-top:0!important}.docs-hero,.page-header__text,.sales-main>.sales-hero{padding:46px 0!important}.docs-hero h1,.page-header__title,.sales-main>.sales-hero h1{font-size:40px!important}}
