.p-works-index{padding-bottom:var(--space-13)}.p-works-grid{gap:var(--space-8) var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.p-works-grid__item:nth-child(3n+2 of :not([hidden])){margin-top:var(--space-13)}.p-works-grid__item{view-transition-name:match-element;view-transition-class:work-card}::view-transition-group(*.work-card){animation-duration:var(--dur-m);animation-timing-function:var(--ease-out)}.p-work-card{gap:var(--space-1);display:grid}.p-work-card:hover .p-work-card__thumb img{scale:1.04}.p-work-card:hover .p-work-card__title{color:var(--accent)}.p-work-card__thumb{margin-bottom:var(--space-2);aspect-ratio:4/5;background:var(--line);display:block;overflow:hidden}.p-work-card__thumb img{object-fit:cover;width:100%;height:100%;transition:scale var(--dur-l) var(--ease-out)}.p-work-card__thumb.is-contain{background:var(--night-signal)}.p-work-card__thumb.is-contain img{object-fit:contain;padding:var(--space-2)}.p-work-card__meta{justify-content:space-between;gap:var(--space-2);color:var(--mute);display:flex}.p-work-card__title{font-size:var(--step-2);font-feature-settings:"palt";letter-spacing:var(--tr-heading);transition:color var(--dur-s);font-weight:500;line-height:1.4}.p-work-card__client{font-size:var(--step--1);color:var(--mute)}@media (max-width:1024px){.p-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-works-grid__item:nth-child(3n+2 of :not([hidden])){margin-top:0}.p-works-grid__item:nth-child(2n of :not([hidden])){margin-top:var(--space-13)}}@media (max-width:599px){.p-works-grid{grid-template-columns:1fr}.p-works-grid__item:nth-child(2n of :not([hidden])){margin-top:0}}
