.browse-page { padding-top:24px; padding-bottom:64px; }
.browse-breadcrumb { display:flex; gap:12px; align-items:center; color:var(--blue); font-size:13px; }
.browse-breadcrumb [aria-current] { color:var(--muted); }
.browse-intro { margin:32px 0 28px; }
.browse-intro .eyebrow { margin-bottom:12px; color:var(--blue); font-size:11px; letter-spacing:.16em; }
.browse-intro h1 { margin:0 0 16px; font-size:clamp(2.6rem,4.5vw,4rem); }
.browse-intro>p:last-child { max-width:65ch; margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.browse-tabs { display:flex; flex-wrap:wrap; gap:8px 28px; border-bottom:1px solid var(--line); margin-bottom:40px; }
.browse-tabs a { display:flex; align-items:center; min-height:48px; padding:8px 0; border-bottom:2px solid transparent; font-size:14px; color:var(--muted); }
.browse-tabs a:hover,.browse-tabs a[aria-current] { color:var(--blue); }
.browse-tabs a[aria-current] { border-bottom-color:var(--blue); font-weight:700; }
.browse-section { margin:0 0 48px; }
.browse-section h2 { margin:0 0 24px; font-size:clamp(2rem,3vw,2.8rem); font-weight:400; }
.browse-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
.browse-card { display:flex; flex-direction:column; min-width:0; text-decoration:none; }
.browse-card-image { overflow:hidden; aspect-ratio:3/4; }
.browse-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.browse-card-label { display:flex; flex-direction:column; flex:1; padding:16px; background:var(--green); color:white; border-top:3px solid var(--blue); }
.browse-card h3 { margin:0 0 10px; font-size:clamp(1.25rem,2vw,1.85rem); font-weight:400; line-height:1.15; overflow-wrap:anywhere; }
.browse-card p { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:auto 0 0; color:#cbd8df; font-size:12px; }
.browse-card p span { font-size:20px; color:white; }
.browse-card:hover .browse-card-image img { transform:scale(1.025); }
.browse-card:hover .browse-card-label { background:var(--blue); }
.browse-page a:focus-visible { outline:3px solid #5688ac; outline-offset:4px; }
.browse-empty { padding:32px 0; }
.browse-empty h2 { font-size:28px; }
.browse-empty p { color:var(--muted); }
.browse-all { margin-top:8px; text-align:center; }
.browse-all .icon { width:18px; height:18px; transform:rotate(-90deg); }
@media(max-width:1100px) {
  .browse-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
  .browse-card h3 { font-size:26px; }
}
@media(max-width:760px) {
  .browse-page { padding-top:20px; padding-bottom:40px; }
  .browse-intro { margin:28px 0 20px; }
  .browse-intro>p:last-child { font-size:15px; }
  .browse-tabs { gap:0 24px; margin-bottom:32px; }
  .browse-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .browse-card-label { padding:12px; }
  .browse-card h3 { font-size:clamp(16px,5vw,20px); }
  .browse-section { margin-bottom:36px; }
  .browse-section h2 { margin-bottom:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .browse-card-image img { transition:none; }
  .browse-card:hover .browse-card-image img { transform:none; }
}