.portfolio-photo-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem 1.5rem;display:grid}.portfolio-case-card{flex-direction:column;min-width:0;display:flex}.portfolio-case-photo{scroll-margin-top:6rem;scroll-margin-bottom:calc(5rem + var(--app-safe-area-bottom,0px));display:block}.portfolio-case-photo-frame{aspect-ratio:4/3;background:#ffffff09;display:block;position:relative;overflow:hidden}.portfolio-case-photo-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;min-height:44px;padding-block:.5rem;display:flex}.portfolio-case-category{color:hsl(var(--primary));font-size:.75rem;font-weight:500;line-height:1.5}.portfolio-case-enlarge{align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.portfolio-case-photo:hover .portfolio-case-enlarge{text-underline-offset:4px;text-decoration:underline}.portfolio-case-article{scroll-margin-top:6rem;scroll-margin-bottom:calc(5rem + var(--app-safe-area-bottom,0px));flex-direction:column;flex:1;display:flex}.portfolio-case-info{flex-direction:column;flex:1;min-width:0;padding-top:.25rem;display:flex}.portfolio-case-info h2{font-size:1.125rem;font-weight:600;line-height:1.5}.portfolio-case-meta{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;font-size:.75rem;line-height:1.6;display:flex}.portfolio-case-meta>div{flex-wrap:wrap;gap:0 .375rem;display:flex}.portfolio-case-read{min-height:44px;color:hsl(var(--primary));align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}@media (min-width:640px){.portfolio-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.portfolio-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}