.pitem-content,.pitem-fade{display:none}.pitem-body{display:block}.pitem-photo{position:relative;aspect-ratio:16/10;overflow:hidden}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.prow{display:flex;gap:12px;height:360px}.pitem{flex:1 1 0;min-width:0;transition:flex-grow .5s cubic-bezier(.2,.8,.2,1),filter .3s ease-out,opacity .3s ease-out}.pitem-link{height:100%}.pitem-photo{aspect-ratio:auto;flex:1 1 0;min-height:0;overflow:visible}.pitem-body{display:none}.pitem-fade{bottom:-2px;height:75%;z-index:10;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--surface-2) 70%,transparent) 45%,var(--surface-2) 78%)}.pitem-content,.pitem-fade{display:block}.pitem:focus-within .pitem-img,.pitem:hover .pitem-img{transform:scale(1.04)}.pitem-desc-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease-out,opacity .2s ease-out}.pitem-desc-inner{overflow:hidden}.pitem-desc{width:320px;max-width:100%}.pitem:focus-within .pitem-desc-wrap,.pitem:hover .pitem-desc-wrap{grid-template-rows:1fr;opacity:1;transition-delay:.15s}.prow:has(.pitem:focus-within) .pitem:focus-within,.prow:has(.pitem:hover) .pitem:hover{flex-grow:2.6}.prow:has(.pitem:focus-within) .pitem:not(:focus-within),.prow:has(.pitem:hover) .pitem:not(:hover){filter:grayscale(1);opacity:.75}}@media (prefers-reduced-motion:reduce){.pitem{transition:opacity .2s ease-out!important}.pitem-img{transition:none!important;transform:none!important}.pitem-desc-wrap{transition:opacity .2s ease-out!important}.prow:has(.pitem:focus-within) .pitem:focus-within,.prow:has(.pitem:hover) .pitem:hover{flex-grow:2.6}}