@layer page{.work-page{background:var(--color-background-canvas);color:var(--color-text-primary)}.work-page :is(h1,h2,h3,p,ul,ol){margin:0}.work-page ul{padding:0;list-style:none}.work-page__masthead,.work-series{width:min(calc(100% - (2 * var(--space-layout-gutter))), var(--layout-content-max));margin-inline:auto}.work-page__masthead{gap:var(--space-fluid-inset);border-bottom:1px solid var(--color-border-subtle);padding-block:var(--space-section-lead) var(--space-fluid-stack);display:grid}.work-page__aside{align-content:start;gap:var(--space-fluid-inset);display:grid}.work-page__masthead h1{max-width:16ch;font-family:var(--font-family-display);font-size:var(--font-size-display);letter-spacing:var(--font-tracking-display);font-weight:620;line-height:.95}.work-page__lede,.work-series__lede{max-width:60ch;color:var(--color-text-secondary);font-size:var(--font-size-lead);text-wrap:pretty;line-height:1.55}.work-page__note{border-left:2px solid var(--color-text-accent);max-width:46ch;padding-left:var(--space-fluid-inset);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.5}.work-page__actions,.work-series__actions{gap:var(--reference-space-150);flex-wrap:wrap;display:flex}.work-series{gap:var(--space-fluid-stack);padding-block:var(--space-fluid-region);display:grid}.work-series+.work-series{border-top:1px solid var(--color-border-subtle)}.work-series__head{align-content:start;gap:var(--space-fluid-inset);display:grid}.work-series__head h2{max-width:20ch;font-family:var(--font-family-display);font-size:var(--font-size-heading);letter-spacing:var(--font-tracking-display);font-weight:620;line-height:1}.work-series__feature{gap:var(--reference-space-100);border-left:2px solid var(--color-text-accent);padding-left:var(--space-fluid-inset);display:grid}.work-series__feature p{max-width:42ch;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.5}.work-cells{width:min(calc(100% - (2 * var(--space-layout-gutter))), var(--layout-content-max));gap:clamp(.75rem, 1.6vw, var(--space-layout-gap));padding-block:var(--space-fluid-region) var(--space-fluid-region-lg);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin-inline:auto;display:grid}.work-cells>.bento-cell{grid-area:auto}.work-cells .bento-cell--world{min-height:0}.work-cells .bento-cell--world .bento-cell__footer{padding:var(--space-fluid-inset) var(--space-fluid-inset) var(--space-fluid-inset-lg)}.work-cells .bento-cell--world .bento-cell__footer>p{font-size:var(--font-size-small)}.work-grid{gap:var(--space-fluid-stack) var(--space-layout-gap);grid-template-columns:minmax(0,1fr);display:grid}.work-card{align-content:start;gap:var(--reference-space-150);color:inherit;text-decoration:none;display:grid}.work-card__frame{aspect-ratio:16/9;border:1px solid var(--color-border-subtle);background:var(--color-background-surface);overflow:hidden}.work-card__frame img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--motion-duration-transition) var(--motion-easing-standard);display:block}.work-card:hover .work-card__frame img{transform:scale(1.03)}.work-card h3{font-family:var(--font-family-display);font-size:var(--font-size-subhead);letter-spacing:var(--font-tracking-display);font-weight:620;line-height:1.1}.work-card:hover h3{color:var(--color-text-accent)}.work-card__summary{max-width:40ch;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.5}@media (width>=48rem){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=72rem){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-page__masthead,.work-series__head{align-items:start;column-gap:var(--space-fluid-region);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.work-page__masthead>.utility-label,.work-series__head>.utility-label{grid-column:1/-1}.work-page__masthead>h1,.work-series__head>h2{grid-row:2}.work-page__aside,.work-series__aside{align-content:start;gap:var(--space-fluid-inset);grid-area:2/2;display:grid}.work-page__aside>:first-child,.work-series__aside>:first-child{margin-top:-.35rem}}@media (prefers-reduced-motion:reduce){.work-card:hover .work-card__frame img{transform:none}}}