.work-hero-light{background:radial-gradient(ellipse 42% 58% at 74% 48%, rgb(var(--accent-rgb) / .13), transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, transparent 55%, var(--vignette) 100%)}.work-hero{border-bottom:1px solid var(--color-line)}.work-hero-tag{font-size:var(--text-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:.875rem;font-weight:600;display:flex}.work-hero-tag-index{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-accent-strong);font-size:.9375rem}.work-hero-tag-rule{background:linear-gradient(to right, var(--color-accent), var(--color-line-strong));width:2.25rem;height:1px}.work-stage{aspect-ratio:5/4;width:100%;max-width:min(58rem,max(22rem,125svh - 16.25rem));margin-inline:auto;position:relative}.work-stage-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--color-ink) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-ink) 6%, transparent) 1px, transparent 1px);background-position:50%;background-size:48px 48px;position:absolute;inset:-6% -4%;-webkit-mask-image:radial-gradient(60% 60% at 55%,#000 30%,#0000 78%);mask-image:radial-gradient(60% 60% at 55%,#000 30%,#0000 78%)}.work-stage-glow{background:rgb(var(--accent-rgb) / .22);filter:blur(70px);border-radius:50%;position:absolute;inset:18% 8% 10% 22%}.work-plate{outline-offset:4px;border-radius:10px;display:block;position:absolute}.work-plate-media{border-radius:inherit;background:var(--color-night);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-ink) 12%, transparent), 0 40px 70px -36px #000000f2;transition:box-shadow .4s var(--ease-soft);position:absolute;inset:0;overflow:hidden}.work-plate:hover .work-plate-media,.work-plate:focus-visible .work-plate-media{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .7), 0 40px 70px -36px #000000f2, 0 0 48px -14px rgb(var(--accent-rgb) / .55)}.work-plate-back{aspect-ratio:1678/842;width:80%;top:3%;right:0}.work-plate-back .work-plate-media:after{content:"";background:linear-gradient(#0000 40%,#00000073);transition:opacity .4s;position:absolute;inset:0}.work-plate-back:hover .work-plate-media:after{opacity:0}.work-plate-front{aspect-ratio:1600/762;z-index:2;width:70%;top:39%;left:0}.work-plate-front .work-plate-media{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .35), 0 50px 90px -40px #000, 0 0 70px -30px rgb(var(--accent-rgb) / .45)}.work-plate-side{aspect-ratio:1715/758;z-index:3;width:44%;bottom:2%;right:0}.work-plate-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;max-width:100%;color:var(--color-muted);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;transition:color .3s;display:flex;position:absolute;top:calc(100% + .6rem);left:0}.work-plate:hover .work-plate-label,.work-plate:focus-visible .work-plate-label{color:var(--color-ink)}.work-plate-back .work-plate-label{inset:auto 0 calc(100% + .6rem) auto}.work-plate-side .work-plate-label{max-width:160%;left:auto;right:0}.work-stage-lines{z-index:4;pointer-events:none;fill:none;width:100%;height:100%;stroke:rgb(var(--accent-rgb) / .55);stroke-width:1px;stroke-dasharray:3 4;position:absolute;inset:0;overflow:visible}.work-stage-lines path{vector-effect:non-scaling-stroke}.work-node{z-index:5;background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18), 0 0 12px rgb(var(--accent-rgb) / .8);pointer-events:none;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute}@media (max-width:639px){.work-plate-label{letter-spacing:.1em;font-size:.5625rem}.work-plate-side .work-plate-label{display:none}}@keyframes work-settle{0%{opacity:0;transform:translateY(28px)scale(.965)}to{opacity:1;transform:none}}@keyframes work-lines{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.work-plate{animation:work-settle 1.1s var(--ease-soft) both;animation-delay:var(--rise-delay,0s)}.work-stage-lines,.work-node{animation:.9s ease-out 1.05s both work-lines}.work-stage-glow{animation:1.6s ease-out .3s both work-lines}}.work-index-head{justify-content:space-between;align-items:baseline;gap:1.5rem;padding-block:clamp(2.5rem,1.8rem + 2vw,4rem) clamp(1.5rem,1.2rem + 1vw,2.25rem);display:flex}.work-list{border-top:1px solid var(--color-line)}.work-row{outline-offset:-2px;grid-template-columns:auto minmax(0,1fr) auto;column-gap:1rem;padding-block:1.75rem;display:grid;position:relative}@media (min-width:640px){.work-row{column-gap:2rem;padding-block:2rem}}@media (min-width:1024px){.work-row{padding-block:1.75rem;transition:background-color .5s var(--ease-soft);padding-left:1.25rem}.work-row:before{content:"";background:var(--color-accent);transform-origin:top;width:2px;transition:transform .5s var(--ease-soft);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}.work-row[data-active]{background:linear-gradient(to right, rgb(var(--accent-rgb) / .07), transparent 70%)}.work-row[data-active]:before{transform:scaleY(1)}}.work-row-number{width:2.4ch;font-family:var(--font-display);color:var(--color-faint);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);line-height:.9;transition:color .4s}.work-row:hover .work-row-number,.work-row:focus-visible .work-row-number{color:var(--color-accent)}@media (min-width:1024px){.work-row[data-active] .work-row-number{color:var(--color-accent)}}.work-row-title{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;color:var(--color-ink);transition:transform .5s var(--ease-soft), color .4s;font-size:clamp(1.5rem,1.1rem + 1.25vw,2.375rem);line-height:1.04;display:block}@media (min-width:1024px){.work-row:not([data-active]) .work-row-title{color:var(--color-ink-soft)}}@media (prefers-reduced-motion:no-preference){.work-row:hover .work-row-title{transform:translate(4px)}}.work-row-category{border:1px solid var(--color-line-strong);letter-spacing:.14em;text-transform:uppercase;min-height:1.5rem;color:var(--color-ink-soft);border-radius:4px;align-items:center;padding-inline:.5rem;font-size:.625rem;font-weight:600;transition:border-color .4s,color .4s;display:inline-flex}@media (min-width:1024px){.work-row[data-active] .work-row-category{border-color:rgb(var(--accent-rgb) / .55);color:var(--color-accent-strong)}}.work-row-go{border:1px solid var(--color-line-strong);width:2.5rem;height:2.5rem;color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;margin-top:.125rem;transition:background-color .3s,border-color .3s,color .3s;display:flex}@media (min-width:640px){.work-row-go{width:2.75rem;height:2.75rem}}.work-row:hover .work-row-go,.work-row:focus-visible .work-row-go{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}@media (min-width:1024px){.work-row[data-active] .work-row-go{border-color:var(--color-accent);color:var(--color-accent-strong)}}.work-preview{top:calc(var(--header-h) + 1.5rem);position:sticky}.work-preview-frame{aspect-ratio:16/10;background:var(--color-night);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-ink) 11%, transparent), 0 50px 90px -50px #000000f2, 0 0 90px -40px rgb(var(--accent-rgb) / .4);border-radius:12px;display:block;position:relative;overflow:hidden}.work-preview-slide{opacity:0;transition:opacity .6s var(--ease-soft), transform .9s var(--ease-soft);position:absolute;inset:0;transform:scale(1.03)}.work-preview-slide[data-on]{opacity:1;transform:none}.work-preview-contain{background-color:var(--color-night);background-image:linear-gradient(to right, color-mix(in oklab, var(--color-ink) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-ink) 5%, transparent) 1px, transparent 1px);background-position:50%;background-size:32px 32px;padding:5% 6%;display:block;position:absolute;inset:0}.work-preview-contain img{filter:drop-shadow(0 18px 30px #0009)}.work-preview-ticks{z-index:2;pointer-events:none;background:linear-gradient(var(--color-accent), var(--color-accent)) top left / 14px 1px, linear-gradient(var(--color-accent), var(--color-accent)) top left / 1px 14px, linear-gradient(var(--color-accent), var(--color-accent)) bottom right / 14px 1px, linear-gradient(var(--color-accent), var(--color-accent)) bottom right / 1px 14px;opacity:.85;background-repeat:no-repeat;position:absolute;inset:12px}.work-preview-open{z-index:3;background:color-mix(in oklab, var(--color-canvas) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);opacity:0;transition:opacity .35s, transform .35s var(--ease-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(6px)}.work-preview-frame:hover .work-preview-open{opacity:1;transform:none}.work-preview-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);font-size:clamp(1.5rem,1rem + 1vw,2.125rem);line-height:1}@media (prefers-reduced-motion:no-preference){.work-preview-title{animation:rise .5s var(--ease-soft) both}}.work-progress{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.work-progress span{background:var(--color-line-strong);height:2px;transition:background-color .4s}.work-progress span[data-on]{background:var(--color-accent)}@media (prefers-reduced-motion:reduce){.work-preview-slide,.work-row,.work-row:before,.work-row-title{transition:none}}