.work-doc{--doc-bg: var(--color-background);--doc-panel: color-mix(in srgb, var(--color-surface) 72%, transparent);--doc-fg: var(--color-text);--doc-fg2: color-mix(in srgb, var(--color-text) 80%, var(--color-text-muted));--doc-muted: var(--color-text-muted);--doc-line: var(--color-border);--doc-acc: var(--color-accent);--doc-warn: var(--color-signature-yellow);--doc-code: color-mix(in srgb, var(--color-background) 72%, #000);--doc-hover: color-mix(in srgb, var(--color-text) 5%, transparent);--doc-note: color-mix(in srgb, var(--color-accent) 10%, transparent);box-sizing:border-box;min-height:100svh;padding:clamp(7rem,12vw,8.5rem) clamp(1rem,4vw,2rem) clamp(4rem,9vw,7rem);color:var(--doc-fg);font-family:var(--font-ui);font-size:1rem;line-height:1.75;text-align:left}[data-theme=light] .work-doc{--doc-acc: var(--color-accent-strong);--doc-warn: var(--color-accent-strong);--doc-code: color-mix(in srgb, var(--color-background) 90%, var(--color-text-muted))}.work-doc *,.work-doc *:before,.work-doc *:after{box-sizing:border-box}.work-doc__shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 clamp(2rem,5vw,3.5rem);max-width:68rem;margin:0 auto}.work-doc__rail{position:sticky;top:2rem;align-self:start;max-height:calc(100svh - 4rem);overflow-y:auto;font-size:.88rem}.work-doc__back{display:inline-block;margin-bottom:1.5rem;color:var(--doc-muted);font-family:var(--font-mono);font-size:.8rem;text-decoration:none}.work-doc__back:hover{color:var(--doc-fg)}.work-doc__rail b{display:block;margin-bottom:.7rem;color:var(--doc-muted);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em}.work-doc__rail a[data-rail-link]{display:grid;grid-template-columns:1.35rem 1fr;align-items:baseline;padding:.4rem 0 .4rem .85rem;border-left:2px solid var(--doc-line);color:var(--doc-muted);line-height:1.45;text-decoration:none;transition:color .16s ease,border-color .16s ease}.work-doc__rail a[data-rail-link] i{color:color-mix(in srgb,var(--doc-acc) 55%,var(--doc-muted));font-family:var(--font-mono);font-size:.78em;font-style:normal}.work-doc__rail a[data-rail-link][aria-current=true] i{color:var(--doc-acc)}.work-doc__rail a[data-rail-link]:hover{color:var(--doc-fg)}.work-doc__rail a[data-rail-link][aria-current=true]{border-left-color:var(--doc-acc);color:var(--doc-acc);font-weight:500}.work-doc__eyebrow{margin:0;color:var(--doc-acc);font-family:var(--font-mono);font-size:.83rem;letter-spacing:.05em}.work-doc h1{margin:.8rem 0 .9rem;font-family:var(--font-prose);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}.work-doc__sub{margin:0 0 1.6rem;color:var(--doc-fg2);font-size:1.1rem;line-height:1.8;word-break:keep-all}.work-doc__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;margin:0 0 1.75rem;border:1px solid var(--doc-line);border-radius:8px;background:var(--doc-line);overflow:hidden}.work-doc__facts>div{padding:.85rem 1rem;background:var(--doc-panel)}.work-doc__facts dt{margin:0 0 .3rem;color:var(--doc-muted);font-family:var(--font-mono);font-size:.78rem}.work-doc__facts dd{margin:0;font-size:1.02rem;font-weight:600}.work-doc__summary{margin:0 0 1rem;color:var(--doc-fg2);font-size:1.04rem;line-height:1.9;word-break:keep-all}.work-doc__stack{margin:0;color:var(--doc-muted);font-family:var(--font-mono);font-size:.83rem;line-height:1.8}.work-doc__links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:.9rem 0 0}.work-doc__links a{color:var(--doc-acc);font-family:var(--font-mono);font-size:.86rem;text-decoration:underline;text-underline-offset:.3rem}.work-doc h2{margin:clamp(2.75rem,6vw,4rem) 0 1.2rem;padding-bottom:.65rem;border-bottom:1px solid var(--doc-line);color:var(--doc-fg);font-family:var(--font-prose);font-size:1.35rem;font-weight:600;letter-spacing:-.005em}.work-doc h2 small{display:block;margin-top:.35rem;color:var(--doc-muted);font-family:var(--font-mono);font-size:.8rem;font-weight:400}.work-doc h3{margin:1.9rem 0 .7rem;color:var(--doc-muted);font-family:var(--font-mono);font-size:.83rem;font-weight:500;letter-spacing:.06em}.work-doc__lede{margin:0;color:var(--doc-fg2);font-size:1.04rem;line-height:1.9;word-break:keep-all}.work-req{display:grid;gap:1px;margin:0;border:1px solid var(--doc-line);border-radius:8px;background:var(--doc-line);overflow:hidden}.work-req>div{display:grid;grid-template-columns:8rem 1fr;gap:.35rem 1.1rem;padding:.85rem 1.1rem;background:var(--doc-panel)}.work-req dt{margin:0;color:var(--doc-acc);font-family:var(--font-mono);font-size:.83rem;line-height:1.6}.work-req dd{margin:0;color:var(--doc-fg2);font-size:.99rem;line-height:1.7;word-break:keep-all}.work-build{--work-build-indent: 1.4rem;--work-build-rule: 1px;margin:0;padding:0 0 0 var(--work-build-indent);border-left:var(--work-build-rule) solid var(--doc-line);list-style:none}.work-build>li{padding-bottom:1.5rem}.work-build>li>h4{position:relative}.work-build>li:last-child{padding-bottom:0}.work-build>li>h4:before{position:absolute;top:50%;left:calc(-1 * (var(--work-build-indent) + var(--work-build-rule) / 2));width:.45rem;height:.45rem;border:1px solid color-mix(in srgb,var(--doc-acc) 70%,var(--doc-line));background:color-mix(in srgb,var(--doc-acc) 22%,var(--doc-bg));content:"";translate:-50% -50%;rotate:45deg}.work-build h4{margin:0 0 .45rem;font-size:1.06rem;font-weight:600}.work-build__tag{margin-left:.55rem;padding:.1rem .4rem;border:1px solid var(--doc-acc);border-radius:3px;color:var(--doc-acc);font-family:var(--font-mono);font-size:.68rem;font-weight:500;vertical-align:.12rem}.work-build ul{margin:0;padding:0;list-style:none}.work-build ul li{position:relative;padding-left:.95rem;color:var(--doc-fg2);font-size:.99rem;line-height:1.75;word-break:keep-all}.work-build ul li+li{margin-top:.3rem}.work-build ul li:before{position:absolute;top:.82rem;left:.05rem;width:.36rem;height:1px;background:var(--doc-muted);content:""}.work-friction{padding:1.25rem 1.4rem;border:1px solid var(--doc-line);border-radius:8px;background:var(--doc-panel)}.work-friction+.work-friction{margin-top:.85rem}.work-friction h4{margin:0 0 .6rem;color:var(--doc-warn);font-size:1.06rem;font-weight:600}.work-friction p{margin:0;color:var(--doc-fg2);font-size:.99rem;line-height:1.8;word-break:keep-all}.work-friction__fix{margin-top:.9rem!important;padding:.8rem 1rem;border-left:2px solid var(--doc-acc);border-radius:0 5px 5px 0;background:var(--doc-code)}.work-friction__fix b{margin-right:.5rem;color:var(--doc-acc);font-weight:600}.work-outcome{margin:0;padding:0;border:1px solid var(--doc-line);border-radius:8px;list-style:none;overflow:hidden}.work-outcome li{position:relative;padding:.85rem 1.1rem .85rem 2.3rem;border-top:1px solid var(--doc-line);background:var(--doc-panel);color:var(--doc-fg2);font-size:.99rem;line-height:1.7;word-break:keep-all}.work-outcome li:first-child{border-top:0}.work-outcome li:before{position:absolute;left:1.05rem;color:var(--doc-acc);content:"→";font-weight:600}.work-milestone{margin:clamp(2.5rem,5vw,3.5rem) 0;padding:1.4rem 1.5rem;border:1px solid var(--doc-warn);border-radius:8px;background:color-mix(in srgb,var(--doc-warn) 8%,transparent)}.work-milestone h3{margin:0 0 .6rem;color:var(--doc-warn);font-family:var(--font-ui);font-size:1.08rem;font-weight:600;letter-spacing:0}.work-milestone p{margin:0;color:var(--doc-fg2);font-size:.99rem;line-height:1.8;word-break:keep-all}.work-doc h2 .work-doc__n{margin-right:.6rem;color:var(--doc-acc);font-family:var(--font-mono);font-size:.78em;font-weight:500}.work-doc__divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:clamp(3rem,7vw,4.5rem) 0}.work-doc__divider span{display:block;flex:1 1 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--doc-line) 70%,transparent) 38%,var(--doc-line) 72%,color-mix(in srgb,var(--doc-acc) 55%,var(--doc-line)))}.work-doc__divider span:last-child{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--doc-line) 70%,transparent) 38%,var(--doc-line) 72%,color-mix(in srgb,var(--doc-acc) 55%,var(--doc-line)))}.work-doc__divider i{display:block;width:.5rem;height:.5rem;flex:none;border:1px solid color-mix(in srgb,var(--doc-acc) 70%,var(--doc-line));background:color-mix(in srgb,var(--doc-acc) 22%,var(--doc-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--doc-acc) 8%,transparent);rotate:45deg}.work-doc__shots-label{margin:clamp(2rem,5vw,3rem) 0 0}.work-doc__shots-label+.work-doc__shots{margin-top:.85rem}.work-doc__shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.5rem);align-items:start;margin:clamp(2rem,5vw,3rem) 0 0}.work-doc__shots figure{grid-column:span 12;min-width:0;margin:0}.work-doc__shots figure[data-kind=wide],.work-doc__shots figure[data-kind=card]{grid-column:span 6}.work-doc__shots figure[data-kind=screen]{grid-column:span 3}.work-doc__shots img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--doc-line);border-radius:6px}.work-doc__shots figure[data-kind=screen] img{aspect-ratio:9 / 16}.work-doc__shots figure[data-kind=card] img{aspect-ratio:1}.work-doc__shots figure[data-kind=video]{grid-column:span 6}.work-doc__shots figure[data-kind=video] img{aspect-ratio:16 / 9}.work-doc__shot-link{position:relative;display:block;color:inherit}.work-doc__play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:3.25rem;height:3.25rem;translate:-50% -50%;border-radius:999px;color:#fff;background:#00000094;box-shadow:0 0 0 2px #ffffffb3;transition:transform .16s ease}.work-doc__play svg{margin-left:.15rem}.work-doc__shot-link:hover .work-doc__play,.work-doc__shot-link:focus-visible .work-doc__play{transform:scale(1.08)}.work-doc__shots figcaption{margin-top:.7rem;color:var(--doc-muted);font-size:.92rem;line-height:1.7;text-align:center;word-break:keep-all}@media(max-width:720px){.work-doc__shots figure[data-kind=wide],.work-doc__shots figure[data-kind=card],.work-doc__shots figure[data-kind=video]{grid-column:span 12}.work-doc__shots figure[data-kind=screen]{grid-column:span 6}}.work-patents{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.work-patents li{padding:1.1rem 1.3rem;border:1px solid var(--doc-line);border-left:2px solid var(--doc-warn);border-radius:0 8px 8px 0;background:var(--doc-panel)}.work-patents p{margin:0}.work-patents__scope{margin-bottom:.45rem!important;color:var(--doc-warn);font-family:var(--font-mono);font-size:.8rem}.work-patents__title{margin-bottom:.4rem!important;font-size:1.04rem;font-weight:600;line-height:1.55;word-break:keep-all}.work-patents__note{color:var(--doc-muted);font-size:.93rem;line-height:1.7;word-break:keep-all}.work-doc__nav{display:flex;justify-content:space-between;gap:1.25rem;margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.5rem;border-top:1px solid var(--doc-line)}.work-doc__nav a{display:grid;gap:.3rem;color:inherit;text-decoration:none}.work-doc__nav a:last-child{text-align:right}.work-doc__nav span{color:var(--doc-muted);font-family:var(--font-mono);font-size:.8rem}.work-doc__nav b{font-size:1.08rem;font-weight:600}.work-doc__nav a:hover b{color:var(--doc-acc)}@media(max-width:900px){.work-doc__shell{grid-template-columns:1fr}.work-doc__rail{position:static;max-height:none;margin-bottom:1.75rem}.work-doc__rail b,.work-doc__rail a[data-rail-link]{display:none}.work-req>div{grid-template-columns:1fr}.work-doc__facts>div:last-child:nth-child(odd){grid-column:1 / -1}.work-doc__nav{flex-direction:column}.work-doc__nav a:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){.work-doc__rail a[data-rail-link]{transition:none}}