.ht-department{background:#faf9f6;color:#111}
.ht-department__hero{background:#000;color:#fff;text-align:center;padding:64px 24px 58px}
.ht-department__hero h1{color:#fff;font-family:var(--font-heading-family,Georgia,serif);font-size:clamp(36px,5vw,64px);line-height:1.1;margin:16px 0 20px}
.ht-department__hero p{color:#fff;max-width:680px;margin:0 auto;font-size:17px;line-height:1.6}
.ht-department__hero .ht-department__eyebrow{color:#bda472;text-transform:uppercase;letter-spacing:.18em;font-size:12px}
.ht-department__body{max-width:1400px;margin:auto;padding:34px 36px 60px}
.ht-department__controls{max-width:900px;margin:0 auto 30px;text-align:center}
.ht-department__controls label{display:block;margin-bottom:10px;font-size:14px}
.ht-department__controls input{background:#fff;border:1px solid #aaa;border-radius:0;font-size:16px;min-height:50px;width:100%;padding:12px 16px;color:#111;box-sizing:border-box}
.ht-department__filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.ht-department__filters button{min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #b6b1a7;color:#111;background:#fff;font:inherit;font-size:14px;cursor:pointer;border-radius:0}
.ht-department__filters button[aria-pressed=true]{color:#fff;background:#000;border-color:#000}
.ht-department__status{font-size:13px;margin:14px 0 0}
.ht-department__grid{display:grid;grid-template-columns:repeat(var(--ht-directory-columns,6),minmax(0,1fr));gap:16px}
.ht-department__tile{padding:20px 14px 18px;border:1px solid #e0dcd3;border-radius:0!important;appearance:none;background:#fff;color:#111;text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;transition:border-color .18s,box-shadow .18s;font:inherit;cursor:pointer;width:100%;box-sizing:border-box}
.ht-department__tile:hover{border-color:#9c814b;box-shadow:0 3px 14px #0000000d}
.ht-department__tile:focus-visible,.ht-department__filters button:focus-visible,.ht-department input:focus-visible,.ht-department__footer a:focus-visible,.ht-department__sub:focus-visible,.ht-department__guide:focus-visible,.ht-department__promo a:focus-visible{outline:3px solid #80662f;outline-offset:4px}
.ht-department__tile-wrap{display:flex;flex-direction:column}
.ht-department__tile-wrap .ht-department__tile{flex:1}
.ht-department__image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;margin-bottom:16px;overflow:hidden}
.ht-department__image img{width:100%;height:100%;object-fit:cover;display:block}
.ht-department__name{font-size:14px;line-height:1.4;font-weight:600;min-height:40px;overflow-wrap:anywhere}
.ht-department__shop{font-size:12px;margin-top:auto;padding-top:12px;text-decoration:underline;text-underline-offset:4px;color:#66512d}
.ht-department__expand{font-size:12px;margin-top:auto;padding-top:12px;color:#66512d}
.ht-department__expand::after{content:" ▾";color:#9c814b}
.ht-department__tile[aria-expanded=true] .ht-department__expand::after{content:" ▴"}
.ht-department__subs{border:1px solid #e0dcd3;border-top:0;background:#fff;padding:6px 0}
.ht-department__sub{display:block;padding:10px 16px;font-size:14px;line-height:1.4;color:#111;text-decoration:none;text-align:left}
.ht-department__sub:hover{background:#f4efe6;text-decoration:underline;text-underline-offset:3px}
.ht-department__sub--all{font-weight:600;border-bottom:1px solid #e0dcd3}
.ht-department__empty{text-align:center;padding:35px 16px}
.ht-department__promo{margin-top:48px;border:1px solid #e0dcd3;background:#000}
.ht-department__promo a{display:flex;align-items:stretch;color:#fff;text-decoration:none}
.ht-department__promo-image{flex:0 0 46%;overflow:hidden;display:flex}
.ht-department__promo-image img{width:100%;height:100%;object-fit:cover;display:block}
.ht-department__promo-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 44px;text-align:left}
.ht-department__promo-eyebrow{color:#bda472;text-transform:uppercase;letter-spacing:.18em;font-size:12px}
.ht-department__promo-heading{font-family:var(--font-heading-family,Georgia,serif);font-size:30px;line-height:1.25;margin:12px 0}
.ht-department__promo-text{font-size:16px;line-height:1.6;color:#e8e4dc}
.ht-department__promo-cta{display:inline-block;margin-top:20px;padding:12px 26px;border:1px solid #bda472;color:#fff;font-size:14px;align-self:flex-start}
.ht-department__promo a:hover .ht-department__promo-cta{background:#bda472;color:#000}
.ht-department__guides{margin-top:48px}
.ht-department__guides h2{font-family:var(--font-heading-family,Georgia,serif);font-size:30px;border-bottom:1px solid #d8d1c3;padding-bottom:15px;margin:0 0 22px}
.ht-department__guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ht-department__guide{padding:24px 20px;border:1px solid #e0dcd3;background:#fff;color:#111;text-decoration:none;display:flex;flex-direction:column}
.ht-department__guide:hover{border-color:#9c814b;box-shadow:0 3px 14px #0000000d}
.ht-department__guide-title{font-size:16px;font-weight:600;line-height:1.4}
.ht-department__guide-text{font-size:14px;line-height:1.6;color:#555;margin-top:10px;flex:1}
.ht-department__guide-link{font-size:12px;margin-top:16px;text-decoration:underline;text-underline-offset:4px;color:#66512d}
.ht-department__footer{text-align:center;margin-top:46px;border-top:1px solid #d8d1c3;padding-top:28px;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:center}
.ht-department__footer a{color:#111;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.ht-department [hidden]{display:none!important}
@media(max-width:1100px){.ht-department__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ht-department__guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){.ht-department__hero{padding:40px 20px}.ht-department__body{padding:26px 18px 40px}.ht-department__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ht-department__tile{padding:16px 10px}.ht-department__filters button{padding:10px 13px}.ht-department__guides h2{font-size:26px}.ht-department__hero p{font-size:15px}.ht-department__name{font-size:13px}.ht-department__promo a{flex-direction:column}.ht-department__promo-image{flex:none;max-height:240px}.ht-department__promo-copy{padding:28px 24px}.ht-department__promo-heading{font-size:24px}.ht-department__guides-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ht-department__tile{transition:none}}
@media screen and (min-width: 990px){.ht-department__hero h1{font-size:clamp(40px,3.2vw,48px)!important;line-height:1.15;font-weight:400;letter-spacing:-0.025em;max-width:100%;width:100%;margin-bottom:28px;overflow-wrap:break-word}}
