@layer base,layout;@layer components{.work-list{border-top:var(--rule) solid transparent;counter-reset:work;list-style:none;container:work-list/inline-size}.work-item{border-bottom:var(--rule) solid transparent;counter-increment:work;position:relative}.work-item:after,.work-item:first-child:before{content:"";z-index:1;height:var(--rule);background:var(--line-solid);pointer-events:none;position:absolute;inset-inline:0}.work-item:after{bottom:calc(-1 * var(--rule))}.work-item:first-child:before{top:calc(-1 * var(--rule))}.work-card{padding:2.5rem var(--page-inset);color:inherit;grid-template:"body media"1fr"cta media"/minmax(0,1fr) 22.5rem;gap:1rem 3.5rem;text-decoration:none;transition:background-color .2s;display:grid}.work-card:is(.is-hover,:focus-visible){color:var(--accent);background:#ffffff0f}.work-media{aspect-ratio:16/9;border-radius:var(--radius-media);background:var(--surface);corner-shape:var(--corner-shape,round);grid-area:media;align-self:center;position:relative;overflow:hidden}.work-media:after{content:"";border:var(--rule) solid var(--line);border-radius:inherit;pointer-events:none;transition:border-color .2s;position:absolute;inset:0}.work-card:is(.is-hover,:focus-visible) .work-media:after{border-color:var(--accent)}.work-media img{object-fit:cover;width:100%;height:100%}.work-media-fallback{letter-spacing:-.0225em;height:100%;color:var(--accent);background:var(--surface-2);place-items:center;padding:1.5rem;font-size:clamp(1.75rem,3vw,2.4rem);display:grid}.work-body{grid-area:body;align-self:center}.work-title{--title-size:clamp(1.9rem, 3.2vw, 2.56rem);font-size:var(--title-size);letter-spacing:-.02em;line-height:.765;transition:color .15s}.work-title-text{display:inline-block}.work-card:is(.is-hover,:focus-visible) .work-title{color:var(--accent)}.work-number{font-variation-settings:normal;letter-spacing:0;color:var(--accent);margin-bottom:.75rem;font-size:.875rem;font-weight:600;line-height:1.2;display:block}.work-number:before{content:counter(work, decimal-leading-zero)}@media (width>=1100px){.work-number{box-sizing:border-box;text-align:right;width:4rem;vertical-align:calc(var(--title-size) * .727 - .727em);margin:0 0 0 -4rem;padding-right:.875rem;display:inline-block}}.work-description{letter-spacing:-.01em;font-optical-sizing:none;max-width:30em;color:var(--ink-soft);margin-top:1rem;font-size:1.0625rem}.work-cta{--text-weight:700;grid-area:cta;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.work-cta .icon{width:1.125rem;height:1.125rem;transition:transform .2s}.work-card:is(.is-hover,:focus-visible) .work-cta .icon{transform:translate(.25rem)}@container work-list (width<63.875rem){.work-card{grid-template:"title""description""tags""media""cta"/1fr}.work-body{display:contents}.work-title{grid-area:title}.work-body .tags{grid-area:tags;margin-top:0}.work-description{grid-area:description;margin-top:0}}@media (width<=760px){.work-title{letter-spacing:-.0175em;font-size:clamp(1.6rem,7vw,2rem)}}@supports (corner-shape:superellipse(1.5)){.work-media:after{corner-shape:superellipse(1.5)}}@media (prefers-reduced-motion:reduce){.work-media:after{transition:none}}.work-media:after{corner-shape:inherit}}