/* The supplied black-and-orange logo blends directly into the grey surfaces. */
.site-header{background:#e2e4e2;border-bottom:1px solid #cdd0cc}
.brand,.footer-brand{background:transparent;border-radius:0;overflow:visible}
.brand-logo{mix-blend-mode:multiply;filter:none}
.saved-link{color:#25292d}
.search{border:1px solid #c5c9c4}
.main-nav{font-size:14px;gap:22px}
.main-nav>div{gap:26px}
.catalog-nav{padding-right:25px;white-space:nowrap}
footer{background:#e2e4e2;color:#292e32}
.footer-top p{color:#535c61}
.footer-bottom{color:#5f686d;border-color:#bdc4c2}

/* Several real product photographs share the homepage hero. */
.hero-assortment{padding:30px 32px 24px;background:#eff0eb;justify-content:center}
.assortment-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:7px 0 8px}
.assortment-heading p{color:#68716c;font-size:15px;margin:0}
.assortment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;margin:22px 0 16px}
.assortment-tool{min-width:0;background:#f8f9f6;border:1px solid #daddd7;border-radius:7px;padding:9px 12px 13px;transition:border-color .2s,transform .2s}
.assortment-tool:hover{border-color:#e69765;transform:translateY(-3px)}
.assortment-photo{display:block;height:140px}
.assortment-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.assortment-name{font-size:15px;line-height:1.35;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.assortment-name .icon{width:16px;height:16px;color:#a94b14}
.assortment-all{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdd2ca;padding-top:15px;font-weight:700;font-size:14px}
.assortment-all .icon{width:20px;height:20px;color:#a94b14}

/* Dimensional category artwork with a soft transition into the page. */
.catalog-title{display:block;margin:14px 0 20px}
.catalog-title.has-scene{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.2fr);gap:30px;align-items:center}
.catalog-title p{font-size:16px;line-height:1.7;max-width:440px}
.category-action{height:236px;position:relative;min-width:0;max-width:640px;margin:0 0 0 auto;width:100%;overflow:hidden}
.category-scene{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.breadcrumbs{font-size:17px;gap:11px;color:#565d62;line-height:1.65}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:36px;text-decoration:underline;text-decoration-color:#b6b9b9;text-underline-offset:4px}
.breadcrumbs .icon{width:15px;height:15px;color:#777e82}
.breadcrumbs>span:last-child{color:#252b30;font-weight:600}
.product-purchase>.eyebrow{font-size:17px;letter-spacing:1px}
@media(max-width:1150px){
 .main-nav{gap:16px;font-size:13px}.main-nav>div{gap:18px}.nav-note{display:none}
 .hero-assortment{padding:26px 23px 20px}.assortment-grid{gap:14px 12px}.assortment-photo{height:125px}.assortment-name{font-size:14px}
 .catalog-title.has-scene{grid-template-columns:minmax(230px,.9fr) minmax(280px,1.2fr);gap:20px}.category-action{height:220px}
}
@media(max-width:850px){
 .main-nav{overflow-x:auto;justify-content:flex-start}.main-nav>div{white-space:nowrap;flex:none;gap:22px;justify-content:flex-start}.main-nav>div>a:not(:last-child){display:block}.catalog-nav{flex:none;padding-right:18px}
 .hero-assortment{padding:25px}.assortment-heading h2{font-size:31px}.assortment-photo{height:155px}
 .catalog-title.has-scene{grid-template-columns:minmax(180px,1fr) minmax(240px,1.2fr);gap:15px}.category-action{height:205px}
}
@media(max-width:600px){
 .main-nav{font-size:13px;height:51px}.main-nav>div{display:flex}.site-header{padding-top:16px;padding-bottom:16px}
 .hero-assortment{padding:25px 5%}.assortment-heading h2{font-size:30px}.assortment-grid{gap:12px}.assortment-photo{height:125px}.assortment-tool{padding:7px 9px 12px}.assortment-name{font-size:14px;min-height:38px}
 .catalog-title.has-scene{display:block;margin:12px 0 17px}.catalog-title p{font-size:15px;max-width:none}.category-action{height:180px;margin:10px auto 0;max-width:370px}
 .breadcrumbs{font-size:15px;gap:8px;row-gap:0}.breadcrumbs .icon{width:13px;height:13px}.product-purchase>.eyebrow{font-size:16px}
 .footer-top p,.footer-bottom{color:#535c61}
}
@media(prefers-reduced-motion:reduce){.assortment-tool{transition:none}.assortment-tool:hover{transform:none}}
