/* One catalog navigation system for the homepage and department landing pages. */
.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.department-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}
.department-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.department-grid .department-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e8eb;border-radius:12px;overflow:hidden;background:white;text-align:left;transition:border-color .18s,box-shadow .18s}
.department-grid .department-card:hover{border-color:#74b7c2;box-shadow:0 8px 24px #17343e0c;color:var(--blue)}
.department-card:focus-visible,.department-subnav a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.department-grid .department-card>.department-visual{display:flex;align-items:center;justify-content:center;height:auto;aspect-ratio:5/4;padding:24px;background:#f5f8f9;border-radius:0;overflow:hidden}
.department-grid .department-visual img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.department-grid .department-card>.department-card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 18px 12px;font-size:16px;font-weight:650;line-height:1.4}
.department-card-label .icon{flex:none;width:18px;height:18px;color:var(--blue)}
.department-card>small{display:block;padding:0 18px 18px;color:var(--muted);font-size:12px}
.homepage-departments .department-card>.department-card-label{padding-bottom:18px;flex:1}
.department-category-icon{width:110px;height:110px;color:#7d969f}
.department-landing .section-head{display:block;text-align:left;margin-bottom:28px}
.department-view-all{margin-top:30px}
.department-category-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px}
.department-category-heading h1{font-size:36px;margin:0}
.department-subnav{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:24px}
.department-subnav a{display:flex;align-items:center;min-height:44px;border:1px solid #d7e0e3;border-radius:6px;padding:11px 16px;font-size:14px;line-height:1.4}
.department-subnav a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:white}
@media(max-width:991px){.department-grid,.department-grid--five{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.homepage-departments{grid-template-columns:repeat(4,minmax(0,1fr))}.department-grid .department-card>.department-visual{padding:18px}.department-grid .department-card>.department-card-label{font-size:14px;padding:15px 14px 10px}}
@media(max-width:575px){
 .department-grid,.department-grid--five,.homepage-departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .department-grid .department-card>.department-visual{aspect-ratio:1.25;padding:16px}
 .homepage-departments .department-card>.department-visual{aspect-ratio:1.55;padding:12px 20px}
 .department-grid .department-card>.department-card-label{padding:13px 12px 9px;font-size:13px;gap:7px;align-items:flex-start}
 .department-card-label .icon{width:15px;height:18px}
 .homepage-departments .department-card>.department-card-label{padding-bottom:14px;min-height:54px;align-items:center}
 .department-card>small{padding:0 12px 14px;font-size:11px}
 .department-category-icon{width:72px;height:72px}
 .department-landing .section-head h2{font-size:25px}
 .department-category-heading{display:block;padding-bottom:18px}
 .department-category-heading h1{font-size:28px;margin-bottom:12px}
 .department-subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:18px}
 .department-subnav a{flex:none;max-width:220px;font-size:12px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.department-card{transition:none!important}}