.pas-shop-by-need{margin-top:5rem}
.pas-shop-by-need__eyebrow{margin:0;color:var(--pas-color-primary);font-size:.72rem;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}
.pas-shop-by-need__heading{margin:.75rem 0 0;font-size:clamp(1.3rem,1rem + 1vw,1.85rem);font-weight:600;letter-spacing:-.02em;line-height:1.18}
.pas-shop-by-need__grid{display:grid;gap:1.25rem;margin-top:2.5rem}
.pas-shop-by-need__panel{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;border-radius:var(--pas-radius-lg);background:var(--pas-color-surface);color:var(--pas-color-background);text-decoration:none}
.pas-shop-by-need__panel.is-unlinked{cursor:not-allowed}
.pas-shop-by-need__image{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--pas-ease-out-soft)}
.pas-shop-by-need__overlay{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:4rem 1.25rem 1.25rem;background:linear-gradient(to top,rgb(41 45 42 / .6),transparent);font-family:var(--pas-font-display);font-size:1.125rem;font-weight:600;line-height:1.4}
.pas-shop-by-need__overlay svg{width:1rem;height:1rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--pas-ease-out-soft)}
.pas-shop-by-need__panel:hover .pas-shop-by-need__image,.pas-shop-by-need__panel:focus-visible .pas-shop-by-need__image{transform:scale(1.05)}
.pas-shop-by-need__panel:hover .pas-shop-by-need__overlay svg,.pas-shop-by-need__panel:focus-visible .pas-shop-by-need__overlay svg{transform:translateX(.25rem)}
.pas-shop-by-need__panel:focus-visible{border-radius:var(--pas-radius-lg);outline-offset:-3px}
.pas-shop-by-need__empty{margin-top:2.5rem;padding:3rem;border:1px dashed var(--pas-color-border);border-radius:var(--pas-radius-lg);color:var(--pas-color-muted-foreground);text-align:center}
@media(min-width:40rem){.pas-shop-by-need__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pas-shop-by-need__panel{aspect-ratio:4/3}}
@media(min-width:48rem){.pas-shop-by-need{margin-top:7rem}}
@media(min-width:64rem){.pas-shop-by-need__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@supports(animation-timeline:view()){
  @keyframes pas-shop-by-need-rise{from{opacity:0;transform:translate3d(0,1.375rem,0)}to{opacity:1;transform:none}}
  .pas-shop-by-need__intro,.pas-shop-by-need__panel{animation:pas-shop-by-need-rise .75s var(--pas-ease-out-soft) both;animation-timeline:view();animation-range:entry var(--reveal-start,0%) entry var(--reveal-end,35%)}
}
@media(prefers-reduced-motion:reduce){.pas-shop-by-need__image,.pas-shop-by-need__overlay svg{transition:none}.pas-shop-by-need__panel:hover .pas-shop-by-need__image,.pas-shop-by-need__panel:focus-visible .pas-shop-by-need__image{transform:none}.pas-shop-by-need__intro,.pas-shop-by-need__panel{animation:none!important}}