.yearGroup{border-top:1px solid var(--line);grid-template-columns:minmax(5rem,12rem) 1fr;gap:8px 24px;padding:16px 0 24px;display:grid}.yearLabel{color:var(--fg);font-size:2.5rem;font-weight:700;line-height:1.2}.yearProjects{flex-direction:column;gap:14px;display:flex}.projectRow{gap:2px;transition:padding-left .25s;display:grid}.projectTitle{letter-spacing:-.03em;font-size:1.4rem}.projectSummary{color:var(--accent,var(--muted))}@media (max-width:760px){.yearGroup{grid-template-columns:1fr}}.projectTitle:before,.projectTitle:after{opacity:0;transition:opacity .25s,transform .25s;display:inline-block;transform:scale(.5)}.projectTitle:before{content:"("}.projectTitle:after{content:") ★"}.projectRow:hover .projectTitle:before,.projectRow:hover .projectTitle:after{opacity:1;transform:scale(1)}.meta{color:var(--muted);flex-wrap:wrap;gap:8px 32px;margin:24px 0;display:flex}.cover{aspect-ratio:20/9;margin:8px 0;overflow:hidden}.shot{aspect-ratio:16/9;margin-bottom:16px;position:relative}.links{gap:24px;margin-top:24px;display:flex}.links a{border-bottom:1px solid var(--muted)}a:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.links a.projectLink{border:1px solid var(--fg);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.projectLink svg{fill:currentColor;width:18px;height:18px;transition:transform .25s}.projectLink svg.arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.links a.projectLink:hover{background:var(--fg);color:var(--bg)}