@layer quartz-base{.work{flex-direction:column;margin-top:8px;display:flex}.work-row{border-top:1px solid var(--rule);color:var(--dark);grid-template-columns:48px minmax(0,5fr) minmax(0,6fr);grid-template-areas:"num title effect"".detail detail";align-items:baseline;gap:10px 24px;padding:30px 0;display:grid}.work-row:first-child{border-top-color:var(--dark)}.work-row .num{color:var(--gray);grid-area:num;font-size:12px}.work-row .title{letter-spacing:-.015em;grid-area:title;font-size:clamp(24px,2.6vw,34px);font-weight:300;line-height:1.1}.work-row:hover .title{color:var(--secondary)}.work-row .effect{color:var(--darkgray);grid-area:effect;font-size:16px;line-height:1.5}.work-row .detail{color:var(--gray);flex-wrap:wrap;grid-area:detail;gap:6px 0;font-size:12px;display:flex}.work-row .detail>span+span:before{content:"·";color:var(--lightgray);padding:0 10px}.work-row .detail .next{color:var(--ok);font-variant-numeric:tabular-nums}@media (max-width:720px){.work-row{grid-template-columns:1fr;grid-template-areas:"num""title""effect""detail";row-gap:8px;padding:26px 0}}}