.work-page{--work-bg: var(--color-space-deep);--work-bg-deep: var(--color-space-mid);--work-fg: var(--color-white);--work-fg-muted: var(--color-primary-lighter);--work-accent: var(--color-primary);--work-on-accent: var(--color-white);--work-font-heading: var(--font-display);--work-font-body: var(--font-primary);--work-heading-weight: 700;--work-radius: var(--radius-xl);--work-rule: color-mix(in srgb, var(--work-fg) 14%, transparent);--work-gutter: clamp(1rem, 5vw, 3rem);min-height:100vh;background:var(--work-bg);color:var(--work-fg);color-scheme:dark}.work-page[data-scheme=light]{color-scheme:light}.work-main{padding-top:calc(60px + 3px + var(--spacing-6))}@media (min-width: 768px){.work-main{padding-top:calc(80px + 3px + var(--spacing-10))}}.work-article{width:min(100% - var(--work-gutter) * 2,1120px);margin:0 auto;padding-bottom:var(--spacing-16)}.work-hero{margin-bottom:var(--spacing-8)}.work-back{display:inline-flex;gap:var(--spacing-2);margin-bottom:var(--spacing-8);font-family:var(--work-font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--work-fg-muted);text-decoration:none;transition:color .25s var(--ease-standard)}.work-back:hover,.work-back:focus-visible{color:var(--work-accent)}.work-back span{transition:transform .25s var(--ease-standard)}.work-back:hover span{transform:translate(-3px)}.work-eyebrow{margin:0 0 var(--spacing-3);font-family:var(--work-font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--work-accent)}.work-title{margin:0 0 var(--spacing-4);font-family:var(--work-font-heading);font-size:clamp(2.6rem,8vw,5.5rem);font-weight:var(--work-heading-weight);line-height:1;letter-spacing:-.025em;color:var(--work-fg)}.work-tagline{max-width:36rem;margin:0;font-family:var(--work-font-heading);font-size:clamp(1.15rem,2.4vw,1.5rem);font-style:italic;line-height:1.4;color:var(--work-fg-muted)}.work-hero-frame{view-transition-name:work-window;width:min(100%,calc(56vh * 16 / 9));aspect-ratio:16 / 9;margin:0 auto;overflow:hidden;border-radius:var(--work-radius);box-shadow:0 0 0 1px var(--work-rule),0 40px 80px -40px #0000008c}.work-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--spacing-8);margin:var(--spacing-8) 0 var(--spacing-8);padding:var(--spacing-6) 0;border-bottom:1px solid var(--work-rule)}.work-meta-list{display:flex;flex-wrap:wrap;gap:var(--spacing-6) var(--spacing-10);margin:0}.work-meta-list dt{margin-bottom:var(--spacing-1);font-family:var(--work-font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--work-fg-muted)}.work-meta-list dd{margin:0;font-family:var(--work-font-body);color:var(--work-fg)}.work-meta-stack{flex-basis:100%}.work-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin:var(--spacing-1) 0 0;padding:0;list-style:none}.work-pills li{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--work-rule);font-family:var(--work-font-body);font-size:var(--font-size-sm);color:var(--work-fg)}.work-links{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.work-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-full);border:1px solid var(--work-fg);font-family:var(--work-font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--work-fg);text-decoration:none;transition:background-color .25s var(--ease-standard),color .25s var(--ease-standard),border-color .25s var(--ease-standard)}.work-link:hover,.work-link:focus-visible{background:var(--work-fg);color:var(--work-bg)}.work-link--primary{background:var(--work-accent);border-color:var(--work-accent);color:var(--work-on-accent)}.work-link--primary:hover,.work-link--primary:focus-visible{background:var(--work-fg);border-color:var(--work-fg);color:var(--work-bg)}.work-link:focus-visible,.work-back:focus-visible,.work-next:focus-visible{outline:2px solid var(--work-accent);outline-offset:3px}.work-body-loading{min-height:60vh}.work-next{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-12) max(var(--work-gutter),calc((100% - 1120px)/2));background:var(--next-bg);color:var(--next-fg);text-decoration:none;border-top:1px solid var(--work-rule)}.work-next-label{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--next-accent)}.work-next-title{font-family:var(--next-font);font-size:clamp(2rem,6vw,4rem);font-weight:var(--next-weight);line-height:1.05}.work-next-title span{display:inline-block;transition:transform .3s var(--ease-standard)}.work-next:hover .work-next-title span{transform:translate(8px)}.work-next-tagline{font-family:var(--next-font);font-style:italic;opacity:.75}.work-missing{width:min(100% - var(--work-gutter) * 2,1120px);min-height:70vh;margin:0 auto}.work-missing .work-links{margin-top:var(--spacing-8)}::view-transition-group(work-window){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(work-window),::view-transition-new(work-window){height:100%;object-fit:cover}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}