.works-index{padding-top:1.5rem}.works-index__head{border-bottom:1px solid var(--line-soft);margin-bottom:2.4rem;padding-bottom:1.2rem;position:relative}.works-index__title{font-family:var(--font-sans);letter-spacing:-.04em;margin:.2rem 0 .5rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;line-height:1.15;display:inline-block;position:relative}.works-index__lead{max-width:36em;color:var(--ink-soft);margin:0}.works-grid{grid-template-columns:1fr;gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.works-grid{grid-template-columns:1fr 1fr}}.work-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--ink);height:100%;transition:border-color .36s var(--ease-soft), transform .46s var(--ease-soft), background .32s var(--ease-soft), box-shadow .46s var(--ease-soft);isolation:isolate;background-image:none;flex-direction:column;display:flex;position:relative}.work-card:before{--eff-rot:0deg;content:"";opacity:0;pointer-events:none;z-index:3;background:url(/images/effect-yellow-sparkle.png) 50%/contain no-repeat;width:30px;height:30px;position:absolute;top:-14px;right:-10px;transform:scale(.3)}.works-grid__item:nth-child(2n) .work-card:before{background-image:url(/images/effect-mint-sparkle.png)}.works-grid__item:nth-child(3n) .work-card:before{background-image:url(/images/effect-lavender-sparkle.png)}.work-card:hover{border-color:var(--ink);background:var(--card-hover);box-shadow:var(--shadow-pop);transform:translateY(-4px)}.work-card:hover:before{animation:hero-pop .76s var(--ease-soft) both}.work-card__thumb{aspect-ratio:16/9;background:var(--bg-soft);border-bottom:1px solid var(--line-soft);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);overflow:hidden}.work-card__thumb img{object-fit:cover;width:100%;height:100%}.work-card__thumb--placeholder{font-family:var(--font-sans);color:var(--line);letter-spacing:-.05em;background:linear-gradient(135deg, var(--bg-soft), var(--card));justify-content:center;align-items:center;font-size:4.5rem;font-weight:800;display:flex}.work-card__body{flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem 1.35rem;display:flex}.work-card__title{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:1.18rem;font-weight:800}.work-card__desc{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:400;line-height:1.7;display:-webkit-box;overflow:hidden}.work-card__tags{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}