:root{--directory-ink:#1d3448;--directory-accent:#315f89}



.model-directory-body{font-family:'PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

.model-directory-hero.model-directory-hero-compact{position:relative;overflow:hidden;padding:36px 0 40px;background:#e2eaf0;border-bottom:1px solid #d4dfe7}

.model-directory-hero>.container{position:relative;z-index:1}

.directory-drawing{position:absolute;right:2%;top:0;height:100%;width:54%;color:#52728c;opacity:.72;pointer-events:none}

.model-directory-hero .breadcrumb{margin-bottom:22px;font-size:12px;letter-spacing:.04em}

.model-directory-hero .hero-eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:10px;color:#406886}

.model-directory-hero h1{font-size:40px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:0 0 12px;color:#1d3448}

.model-directory-hero>.container>p:last-of-type{font-size:15px;color:#526878;max-width:55%;margin:0}

.model-directory-hero .model-directory-search{max-width:720px;margin-top:24px;box-shadow:0 1px 0 rgba(31,57,77,.05)}

.model-directory-search input{font-size:15px;background:#fafcfd}

.model-directory-search button{background:#315f89;font-size:14px}

.model-directory-series-card{border-radius:4px}

.model-directory-series-card h3{letter-spacing:-.02em}

.model-directory-series-card a[href*='/products/']{font-family:'Cascadia Code','Consolas',monospace}

@media(max-width:767px){

.model-directory-hero.model-directory-hero-compact{padding:24px 0 28px}

.directory-drawing{width:86%;height:220px;right:-29%;top:-10px;opacity:.36}

.model-directory-hero .breadcrumb{margin-bottom:22px}

.model-directory-hero h1{font-size:30px}

.model-directory-hero>.container>p:last-of-type{max-width:100%;font-size:14px}

.model-directory-hero .model-directory-search{margin-top:22px;max-width:100%}

.model-directory-search input{min-width:0;font-size:13px}

.model-directory-search button{padding-inline:18px;white-space:nowrap}

}

@media not all {

.model-directory-hero.model-directory-hero-compact{background:#182b38;border-color:#344b5a}

.model-directory-hero h1{color:#e6eef4}

.model-directory-hero>.container>p:last-of-type{color:#b4c6d2}

.model-directory-hero .hero-eyebrow{color:#99bad1}

.directory-drawing{color:#91afc3;opacity:.57}

.model-directory-search input{background:#223947;color:#e6eef4}

}



.directory-art{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:43%;max-width:670px;opacity:.7;mix-blend-mode:multiply;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#18181b 13%,#18181b 89%,transparent 100%)}

.model-directory-hero .model-directory-search{max-width:640px}

@media(max-width:767px){.directory-art{width:310px;right:-110px;top:105px;opacity:.26}.model-directory-hero .model-directory-search{max-width:100%}}

@media not all {.directory-art{mix-blend-mode:screen;opacity:.22}}



.directory-art{height:auto}



/* Preserve the approved pale-blue artwork composition in either system theme. */

.model-directory-hero.model-directory-hero-compact{background:#e2eaf0;border-color:#d4dfe7;color:#1d3448;color-scheme: only light !important}

.model-directory-hero .breadcrumb,.model-directory-hero .breadcrumb a,.model-directory-hero .breadcrumb span{color:#526878}

.model-directory-hero .hero-eyebrow{color:#406886}

.model-directory-hero h1{color:#1d3448}

.model-directory-hero>.container>p:last-of-type{color:#526878}

.model-directory-hero .model-directory-search input{background:#fafcfd;color:#1d3448;border-color:#d4dfe7}

.model-directory-hero .model-directory-search input::placeholder{color:#647887;opacity:1}

.model-directory-hero .model-directory-search button{background:#315f89;color:#fafafa}

.model-directory-hero .directory-art{opacity:.7;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#18181b 13%,#18181b 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#18181b 10%,#18181b 87%,transparent 100%);mask-composite:intersect}

@media(max-width:767px){.model-directory-hero .directory-art{opacity:.26}}


.model-directory-page .model-directory-series-card a[href*='/products/']{font-family:'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;letter-spacing:normal;font-size:15px}
.model-directory-hero .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.6}