.works-head-section{padding-bottom:0}.works-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:640px){.works-grid{grid-template-columns:repeat(2,1fr);gap:28px 24px}}@media (min-width:1024px){.works-grid{grid-template-columns:repeat(3,1fr);gap:64px 28px;padding-bottom:44px}.works-grid>:nth-child(3n+2){transform:translateY(44px)}}.works-gcard{color:inherit;flex-direction:column;gap:16px;text-decoration:none;display:flex}.pcard__shot{aspect-ratio:4/5;background:var(--ink-card-hi);border:1px solid #f8f5ed24;border-radius:10px;width:100%;transition:border-color .3s cubic-bezier(.23,1,.32,1),transform .45s cubic-bezier(.23,1,.32,1),box-shadow .45s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.pcard__zoom{will-change:transform;position:absolute;inset:0}.pcard__img{object-fit:cover;object-position:center top;transition:object-position 1.2s cubic-bezier(.23,1,.32,1)}.works-gcard:hover .pcard__shot{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 50px #00000080,0 4px 12px #00000059}@media (hover:hover) and (pointer:fine){.works-gcard:hover .pcard__img{object-position:center bottom;transition:object-position 6.5s cubic-bezier(.33,0,.25,1)}}.works-gcard .pcard__shot:before,.works-gcard .pcard__shot:after{content:"";z-index:2;border:0 solid var(--accent);opacity:0;pointer-events:none;width:14px;height:14px;transition:opacity .3s cubic-bezier(.23,1,.32,1);position:absolute}.works-gcard .pcard__shot:before{border-top-width:1px;border-left-width:1px;top:10px;left:10px}.works-gcard .pcard__shot:after{border-bottom-width:1px;border-right-width:1px;bottom:10px;right:10px}.works-gcard:hover .pcard__shot:before,.works-gcard:hover .pcard__shot:after{opacity:1}.pcard__meta{flex-direction:column;gap:6px;display:flex}.pcard__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:1.15rem;font-weight:700;line-height:1.1}.pcard__work{color:color-mix(in srgb, var(--foreground) 92%, transparent);margin:0;font-size:13.5px;line-height:1.45}.pcard__foot{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.pcard__host{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;color:color-mix(in srgb, var(--foreground) 36%, transparent);font-size:10px}.pcard__visit{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 48%, transparent);flex-shrink:0;align-items:center;gap:5px;font-size:9px;font-weight:700;transition:color .25s cubic-bezier(.23,1,.32,1),gap .25s cubic-bezier(.23,1,.32,1);display:inline-flex}.works-gcard:hover .pcard__visit{color:var(--accent);gap:8px}.pcard__visit-icon{transition:transform .25s cubic-bezier(.23,1,.32,1)}.works-gcard:hover .pcard__visit-icon{transform:translate(2px,-2px)}.fil-closing{flex-direction:column;align-items:flex-start;gap:16px;max-width:52ch;margin-top:40px;display:flex}.fil-closing__rule{background:var(--accent);border-radius:1px;width:40px;height:1.5px;display:block}.fil-closing__line{font-family:var(--font-display);letter-spacing:-.02em;color:color-mix(in srgb, var(--foreground) 82%, transparent);margin:0;font-size:clamp(1.25rem,2.8vw,1.9rem);font-weight:600;line-height:1.25}.fil-closing__line em{color:var(--foreground);font-style:italic;font-weight:700}@media (prefers-reduced-motion:reduce){.pcard__shot,.pcard__img,.pcard__visit,.pcard__visit-icon,.works-gcard .pcard__shot:before,.works-gcard .pcard__shot:after{transition:none}.works-gcard:hover .pcard__shot{transform:none}.works-gcard:hover .pcard__img{object-position:center top}}