:root{--primitive-black: #000000;--primitive-near-black: #0a0a0a;--primitive-card-black: #111111;--primitive-line-dim: #1a1a1a;--primitive-line-mid: #2a2a2a;--primitive-white: #ffffff;--primitive-green: #5fe090;--primitive-red: #ff6060;--primitive-yellow: #ffc040;--primitive-blue: #2d3fff;--surface-base: var(--primitive-black);--surface-elevated: var(--primitive-near-black);--surface-card: var(--primitive-card-black);--surface-scrim: rgba(0, 0, 0, .4);--surface-scrim-nav: rgba(0, 0, 0, .35);--surface-loading: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .05);--surface-lightbox: rgba(0, 0, 0, .92);--surface-pill-ghost: rgba(10, 10, 10, .6);--text-primary: var(--primitive-white);--text-secondary: rgba(255, 255, 255, .78);--text-tertiary: rgba(255, 255, 255, .65);--text-quiet: rgba(255, 255, 255, .55);--text-deck: rgba(255, 255, 255, .45);--text-disabled: rgba(255, 255, 255, .35);--line-default: var(--primitive-line-dim);--line-strong: var(--primitive-line-mid);--line-hairline: rgba(255, 255, 255, .06);--line-pill: rgba(255, 255, 255, .45);--line-pill-hover: rgba(255, 255, 255, .9);--line-ghost: rgba(255, 255, 255, .18);--color-status-live: var(--primitive-green);--color-focus: var(--primitive-white);--color-danger: var(--primitive-red);--color-warning: var(--primitive-yellow);--color-info: var(--primitive-blue);--page-bg: var(--surface-base);--page-text: var(--text-primary);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--leading-tight: .96;--leading-snug: 1.2;--leading-base: 1.5;--leading-loose: 1.6;--leading-relaxed: 1.8;--leading-body: 1.7;--tracking-tight: -.03em;--tracking-snug: -.015em;--tracking-normal: 0;--tracking-wide: .16em;--tracking-wider: .2em;--tracking-body: .01em;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 80px;--space-10: 120px;--space-11: 160px;--space-eyebrow-to-title: var(--space-5);--space-title-to-deck: var(--space-3);--space-section-internal: var(--space-5);--space-paragraph-gap: var(--space-5);--space-h3-margin-top: var(--space-7);--space-section-break: clamp(48px, 6vw, 80px);--space-major-block: clamp(64px, 10vw, 120px);--space-page-edge-mobile: 24px;--space-page-edge: var(--space-page-edge-mobile);--space-footer-top: var(--space-9);--nav-h: 68px;--nav-pad-y: 24px;--rail-width: 200px;--strip-height: 40px;--space-rail-gutter: 128px;--content-prose: 720px;--content-wide: 1024px;--single-screen-height: 420px;--image-max-height: 480px;--image-body-max-height: var(--image-max-height);--wide-card-height: 120px;--square-size: 240px;--equal-width-card-width: 200px;--space-image-stack: var(--space-5);--bp-xs: 480px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--motion-fast: .15s ease;--motion-base: .25s ease;--motion-slow: .6s cubic-bezier(.77, 0, .175, 1);--motion-carousel: 1.1s cubic-bezier(.77, 0, .175, 1);--transition-hover: var(--motion-fast);--transition-arrow: var(--motion-base);--transition-page: var(--motion-slow);--transition-pulse: 2.4s ease-in-out;--transition-slide: .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: var(--motion-fast);--z-base: 0;--z-raised: 1;--z-bg: 0;--z-overlay: 10;--z-sticky: 50;--z-nav: 100;--z-dropdown: 200;--z-modal: 1000;--z-toast: 2000;--focus-ring: 0 0 0 3px var(--surface-base), 0 0 0 5px var(--color-focus)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body{font-size:var(--type-body-md);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}h1{font-family:var(--font-display);font-size:var(--type-display-lg);line-height:.95;letter-spacing:-.025em;font-weight:400}h2{font-family:var(--font-display);font-size:var(--type-display-md);line-height:1.2;letter-spacing:-.015em;font-weight:500}h3{font-family:var(--font-display);font-size:var(--type-display-sm);line-height:1.35;letter-spacing:-.01em;font-weight:500}h4{font-family:var(--font-mono);font-size:var(--type-mono-md-strong);line-height:1.4;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--text-secondary)}strong{font-weight:500}a{color:inherit;text-decoration:none;cursor:pointer}button{background:transparent;border:none;color:inherit;font-family:inherit;cursor:pointer}img,svg,canvas,video{display:block;max-width:100%}img{background-color:#ffffff08}.image-skeleton{background-color:#ffffff08;background-image:linear-gradient(100deg,transparent 0%,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%,transparent 100%);background-size:200% 100%;background-position:-100% 0;animation:skeleton-shimmer 1.8s ease-in-out infinite}@keyframes skeleton-shimmer{to{background-position:200% 0}}.image-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff8c;background-color:#ffffff08;border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}@media (prefers-reduced-motion: reduce){.image-skeleton{animation:none;background-image:none}}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.pagination-title{font-family:var(--font-display);font-size:var(--type-body-md);line-height:var(--leading-snug);font-weight:var(--weight-medium);letter-spacing:var(--tracking-snug);color:var(--text-primary)}@media (min-width: 768px){.pagination-title{font-size:var(--type-body-lg)}}h4{margin-top:var(--space-6);margin-bottom:var(--space-3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-quiet)}::selection{background:var(--text-primary);color:var(--surface-base)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--type-display-xl: clamp(56px, 7vw + 1rem, 96px);--type-display-lg: clamp(40px, 5vw + .5rem, 64px);--type-display-md: clamp(24px, 3vw + .25rem, 32px);--type-display-sm: clamp(18px, 1.5vw + .5rem, 20px);--type-body-lg: clamp(18px, 1vw + .75rem, 24px);--type-body-md: 16px;--type-body-sm: 14px;--type-caption: 12px;--type-mono-md-strong: 14px;--type-mono-lg: 20px;--type-mono-md: 16px;--type-mono-sm: var(--type-caption)}@media (max-width: 768px){:root{--type-mono-lg: 16px;--type-mono-md: 12px}}@media (min-width: 768px){:root{--space-page-edge: 32px}}@media (max-width: 1023px){:root{--nav-pad-y: 12px;--single-screen-height: 400px;--image-max-height: 400px;--wide-card-height: 100px;--square-size: 220px;--equal-width-card-width: 180px}}@media (max-width: 767px){:root{--single-screen-height: 320px;--image-max-height: 240px;--wide-card-height: 90px;--square-size: 200px;--equal-width-card-width: 150px}}@media (min-width: 1024px){:root{--space-page-edge: 48px}}.type-display-xl{font-family:var(--font-display);font-size:var(--type-display-xl);line-height:.92;letter-spacing:-.03em;font-weight:400}.type-display-lg{font-family:var(--font-display);font-size:var(--type-display-lg);line-height:.95;letter-spacing:-.025em;font-weight:400}.type-display-md{font-family:var(--font-display);font-size:var(--type-display-md);line-height:1.2;letter-spacing:-.015em;font-weight:500}.type-display-sm{font-family:var(--font-display);font-size:var(--type-display-sm);line-height:1.35;letter-spacing:-.01em;font-weight:500}.type-body-lg{font-family:var(--font-body);font-size:var(--type-body-lg);line-height:1.5;letter-spacing:0;font-weight:400}.type-body-md{font-family:var(--font-body);font-size:var(--type-body-md);line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-weight:400;max-width:60ch}.type-body-sm{font-family:var(--font-body);font-size:var(--type-body-sm);line-height:1.55;letter-spacing:0;font-weight:400}.type-mono-lg{font-family:var(--font-mono);font-size:var(--type-mono-lg);line-height:1.5;letter-spacing:0;font-weight:400}.type-mono-md{font-family:var(--font-mono);font-size:var(--type-mono-md);line-height:1.625;letter-spacing:0;font-weight:400}.type-mono-sm{font-family:var(--font-mono);font-size:var(--type-mono-sm);line-height:1.6;letter-spacing:.16em;text-transform:uppercase;font-weight:400}.mono{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary)}.eyebrow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:var(--text-quiet)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid-4{grid-template-columns:1fr;gap:var(--space-4)}}.site-footer--footer{padding-top:var(--space-footer-top)}.site-footer--footer .footer-grid{padding-block:var(--space-7)}.site-footer--strip{border-top:none;margin-top:var(--space-footer-top)}.site-footer--strip .footer-grid{padding-block:var(--space-5)}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-6);align-items:start;padding-inline:var(--space-page-edge)}.footer-slot{display:flex;flex-direction:column;gap:6px;min-width:0}.footer-slot--left{justify-self:start;text-align:left}.footer-slot--center{justify-self:center;text-align:left}.footer-slot--right{justify-self:end;text-align:left}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr;gap:var(--space-3)}.site-footer--strip .footer-grid{padding-block:var(--space-4)}.footer-slot--left,.footer-slot--center,.footer-slot--right{justify-self:start;text-align:left}}.metarow-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4) var(--space-5);padding:var(--space-3) 0}@media (max-width: 640px){.metarow-row{grid-template-columns:1fr;gap:var(--space-2)}}.rail-aware-main{padding-top:var(--nav-h)}@media (min-width: 1024px){.rail-aware-main{padding-right:calc(var(--rail-width) + var(--space-rail-gutter))}.rail-aware-main>.site-footer{margin-right:calc(-1 * (var(--rail-width) + var(--space-rail-gutter)))}}.case-study-mobile-nav{display:none}@media (max-width: 1023px){.case-study-mobile-nav{display:block;position:sticky;top:var(--nav-h);z-index:var(--z-sticky);background:var(--surface-base);border-bottom:1px solid var(--line-hairline);padding-inline:var(--space-page-edge);overflow:hidden}.case-study-mobile-nav:after{content:"";position:absolute;top:0;right:0;width:64px;height:100%;background:linear-gradient(to right,transparent,var(--surface-base) 85%);pointer-events:none}}.work-list-rail{position:fixed;right:var(--space-page-edge);width:var(--rail-width);z-index:var(--z-sticky)}@media (max-width: 1023px){.work-list-rail{display:none}}.work-list-rail{top:50%;transform:translateY(-50%)}.work-list-rail__list{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column}.work-list-rail__item{display:grid;grid-template-columns:14px 1fr;column-gap:10px;align-items:center;padding-block:var(--space-2);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.work-list-rail__item:hover,.work-list-rail__item--active{color:var(--text-primary)}.work-list-rail__arrow-slot{width:14px;height:14px;display:grid;place-items:center}.work-list-rail__arrow{width:14px;height:14px;display:grid;place-items:center;opacity:0;transform:translate(-3px);transition:opacity var(--transition-fast),transform var(--transition-fast);color:currentColor}.work-list-rail[data-mode=home] .work-list-rail__arrow{opacity:1;transform:translate(0)}.work-list-rail[data-mode=home] .work-list-rail__item:hover .work-list-rail__arrow{transform:translate(3px)}.work-list-rail[data-mode=project] .work-list-rail__arrow{opacity:0}.work-list-rail__label{line-height:1.3}.work-list-rail__floating-arrow{position:absolute;left:0;top:0;width:14px;height:14px;display:grid;place-items:center;color:var(--text-primary);pointer-events:none;z-index:1;transition:opacity var(--transition-fast)}.work-list-rail[data-mode=home] .work-list-rail__floating-arrow{opacity:0}.work-list-rail[data-mode=project] .work-list-rail__floating-arrow{opacity:1}.work-list-rail__divider{list-style:none;height:1px;background:var(--line-hairline);margin-block:var(--space-3);width:100%}.work-list-strip{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:50vw;scroll-padding-inline:50vw}.work-list-strip::-webkit-scrollbar{display:none}.work-list-strip__list{list-style:none;margin:0;padding:0;display:inline-flex;align-items:center;gap:var(--space-3);white-space:nowrap}.work-list-strip__item{display:inline-flex;align-items:center;gap:var(--space-3);scroll-snap-align:center}.work-list-strip__link{color:var(--text-tertiary);text-decoration:none;display:inline-flex;align-items:center;padding-block:var(--space-2)}.work-list-strip__link[data-active=true]{color:var(--text-primary)}.work-list-strip__sep{color:var(--text-quiet)}.work-list-strip__sep--strong{color:#fff6;margin-inline:var(--space-2)}.image-grid{display:grid;grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr));gap:var(--space-3);align-items:start}@media (max-width: 767px){.image-grid{grid-template-columns:1fr;gap:var(--space-image-stack)}}.image-wide{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:var(--image-max-height)!important;object-fit:contain!important;object-position:left center!important}figure:not(.image-grid>*):has(.image-wide){display:block;width:max-content;max-width:100%;margin-left:0;margin-right:auto}@media (max-width: 767px){.image-wide{max-height:none!important}}.image-phone-screen:not(.image-grid>*){display:block!important;height:var(--single-screen-height)!important;width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin-left:0!important;margin-right:auto!important}@media (min-width: 768px){.image-grid[data-kind=phone-screen]{display:flex!important;flex-direction:row;gap:var(--space-3)}.image-grid[data-scroll-desktop=true]{display:flex!important;flex-direction:row;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:var(--space-5);scroll-padding-right:var(--space-5)}.image-grid[data-scroll-desktop=true]::-webkit-scrollbar{display:none}.image-grid[data-scroll-desktop=true]>*{flex:0 0 auto;scroll-snap-align:center}.image-grid[data-scroll-desktop=true] .image-zoom-trigger,.image-grid[data-scroll-desktop=true] figure,.image-grid[data-scroll-desktop=true] picture,.image-grid[data-kind=phone-screen] .image-zoom-trigger,.image-grid[data-kind=phone-screen] figure,.image-grid[data-kind=phone-screen] picture{width:auto;display:inline-block}.image-grid[data-kind=phone-screen][data-scroll-desktop=false]>*{flex:0 0 auto}}@media (max-width: 767px){.image-grid[data-kind=phone-screen],.image-grid[data-kind=wide-landscape],.image-grid[data-kind=square]{display:flex;flex-direction:row;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:var(--space-5);scroll-padding-right:var(--space-5)}.image-grid[data-kind=phone-screen]::-webkit-scrollbar,.image-grid[data-kind=wide-landscape]::-webkit-scrollbar,.image-grid[data-kind=square]::-webkit-scrollbar{display:none}.image-grid[data-kind=phone-screen]>*,.image-grid[data-kind=wide-landscape]>*,.image-grid[data-kind=square]>*{flex:0 0 auto;scroll-snap-align:center}.image-grid[data-kind=phone-screen] .image-zoom-trigger,.image-grid[data-kind=phone-screen] figure,.image-grid[data-kind=phone-screen] picture,.image-grid[data-kind=wide-landscape] .image-zoom-trigger,.image-grid[data-kind=wide-landscape] figure,.image-grid[data-kind=wide-landscape] picture,.image-grid[data-kind=square] .image-zoom-trigger,.image-grid[data-kind=square] figure,.image-grid[data-kind=square] picture{width:auto;display:inline-block}}@media (min-width: 768px){.image-grid[data-scroll-desktop=false] .image-wide-landscape,.image-grid[data-scroll-desktop=false] .image-square{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}.image-grid[data-scroll-desktop=false] .image-wide-landscape{max-height:var(--wide-card-height)!important}.image-grid[data-scroll-desktop=false] .image-square{max-height:var(--square-size)!important;aspect-ratio:1 / 1!important;object-fit:cover!important}}.image-grid[data-kind=phone-screen] .image-phone-screen{display:block!important;height:var(--single-screen-height)!important;width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}.image-grid[data-scroll-desktop=true] .image-wide-landscape{display:block!important;height:var(--wide-card-height)!important;width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}@media (max-width: 767px){.image-grid[data-kind=wide-landscape] .image-wide-landscape{display:block!important;height:var(--wide-card-height)!important;width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}}.image-grid[data-scroll-desktop=true] .image-square{display:block!important;height:var(--square-size)!important;width:var(--square-size)!important;max-width:none!important;max-height:none!important;object-fit:cover!important}@media (max-width: 767px){.image-grid[data-kind=square] .image-square{display:block!important;height:var(--square-size)!important;width:var(--square-size)!important;max-width:none!important;max-height:none!important;object-fit:cover!important}}.image-grid[data-kind=equal-width]{display:flex!important;flex-direction:row;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:var(--space-5);scroll-padding-right:var(--space-5);align-items:flex-start}.image-grid[data-kind=equal-width]::-webkit-scrollbar{display:none}.image-grid[data-kind=equal-width]>*{flex:0 0 auto;scroll-snap-align:center}.image-grid[data-kind=equal-width] .image-zoom-trigger,.image-grid[data-kind=equal-width] figure,.image-grid[data-kind=equal-width] picture{width:auto;display:inline-block}.image-grid[data-kind=equal-width] .image-equal-width{display:block!important;width:var(--equal-width-card-width)!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}.image-grid-frame{position:relative}.image-grid-frame[data-kind=phone-screen]:after,.image-grid-frame[data-kind=wide-landscape]:after,.image-grid-frame[data-kind=square]:after,.image-grid-frame[data-kind=equal-width]:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--space-7);background:linear-gradient(to right,transparent,var(--page-bg));pointer-events:none;z-index:2}.image-grid-frame[data-kind=phone-screen][data-scrolled=true]:before,.image-grid-frame[data-kind=wide-landscape][data-scrolled=true]:before,.image-grid-frame[data-kind=square][data-scrolled=true]:before,.image-grid-frame[data-kind=equal-width][data-scrolled=true]:before{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--space-7);background:linear-gradient(to left,transparent,var(--page-bg));pointer-events:none;z-index:2}@media (min-width: 768px){.image-grid-frame[data-scroll-desktop=false]:after,.image-grid-frame[data-scroll-desktop=false][data-scrolled=true]:before{display:none}}.grid-home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-9);align-items:center}@media (max-width: 1024px){.grid-home-hero{grid-template-columns:1fr;gap:var(--space-7);align-items:start}}.home-work-col{justify-self:stretch}@media (min-width: 1024px){.home-work-col{display:none}}.home-work-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.home-work-col__divider{height:1px;background:var(--line-hairline);margin-block:var(--space-3)}.home-work-col__link{color:var(--text-secondary);text-decoration:none}.nav-link{opacity:.7;border-bottom:1px solid transparent;transition:opacity var(--motion-fast),border-color var(--motion-fast)}.nav-link:hover{opacity:1;border-bottom-color:currentColor}.nav-link[data-current=true]{opacity:.4}.nav-link[data-current=true]:hover{opacity:.4;border-bottom-color:transparent;text-shadow:none}.hover-brighten{transition:color var(--motion-fast),opacity var(--motion-fast),text-shadow var(--motion-base)}.hover-brighten:hover{color:var(--text-primary);opacity:1;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.55),0 0 24px rgba(255,255,255,.25)}.hover-brighten:active{opacity:.55;text-shadow:none}.link-external{color:var(--text-primary);text-decoration:none;transition:color var(--motion-fast),text-shadow var(--motion-base),text-decoration-color var(--motion-fast)}.link-external:hover{text-decoration:underline;text-underline-offset:.2em;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.55),0 0 24px rgba(255,255,255,.25)}.link-external:active{opacity:.55;text-shadow:none}.hover-row{transition:padding-left var(--motion-fast),color var(--motion-fast),background var(--motion-fast),opacity var(--motion-fast);padding-left:0}.hover-row:hover{padding-left:var(--space-2);color:var(--text-primary)}.hover-row:active{opacity:.7}.hover-pill{transition:background var(--motion-base),color var(--motion-base),border-color var(--motion-base),transform var(--motion-fast),opacity var(--motion-fast);transform:scale(1)}.hover-pill:hover{border-color:#ffffffe6;background-color:#ffffff0d}.hover-pill:active{transform:scale(.97);opacity:.85}.arrow-external,.arrow-next,.arrow-prev{display:inline-block;transition:transform var(--motion-base)}.arrow-external{font-size:1em;line-height:1}a:hover .arrow-external,button:hover .arrow-external,.hover-pill:hover .arrow-external{transform:translate(2px,-2px)}a:hover .arrow-next,.hover-row:hover .arrow-next,.hover-pill:hover .arrow-next{transform:translate(4px)}a:hover .arrow-prev,.hover-row:hover .arrow-prev,.hover-pill:hover .arrow-prev{transform:translate(-4px)}.hover-arrow{display:inline-block;transition:transform var(--motion-base)}.hover-row:hover .hover-arrow,.hover-pill:hover .hover-arrow{transform:translate(4px)}.focus-ring:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--line-strong);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;text-decoration:none;transform:translateY(-200%);transition:transform .15s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}html.glass-cursor-on,html.glass-cursor-on body,html.glass-cursor-on *{cursor:none!important}html.glass-cursor-on input,html.glass-cursor-on textarea,html.glass-cursor-on [contenteditable=true]{cursor:text!important}.live-dot{display:inline-block;animation:livePulse 1.6s ease-in-out infinite}.live-link{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none}.live-link:hover{text-decoration:underline;text-decoration-color:var(--color-status-live);text-underline-offset:3px}.live-link-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--color-status-live);flex-shrink:0}.live-link-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--color-status-live);animation:status-pulse 2.4s ease-out infinite;pointer-events:none;transform-origin:center}@media (prefers-reduced-motion: reduce){.live-link-dot:after{animation:none}}@keyframes livePulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes lightbox-zoom{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.image-zoom-trigger{background:transparent;border:none;padding:0;margin:0;display:block;width:100%;cursor:zoom-in}.image-caption{display:block;margin-top:16px;color:var(--text-quiet);text-align:left}.image-caption--block{margin-top:var(--space-3);text-align:left}.status-indicator{display:inline-flex;align-items:center;gap:0}.status-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--color-status-live);margin:0 10px 0 8px}.status-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--color-status-live);animation:status-pulse 2.4s ease-out infinite;pointer-events:none;transform-origin:center}.status-label{color:#ffffffa6;font-weight:400}.nav-brand{color:var(--text-primary);font-weight:400;opacity:1;transition:opacity var(--motion-fast)}.nav-brand:hover{opacity:.85}.nav-brand-short{display:none}@media (max-width: 767px){.nav-brand-full{display:none}.nav-brand-short{display:inline}}.status-label-short{display:none}@media (max-width: 767px){.status-label-full{display:none}.status-label-short{display:inline}}@keyframes status-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}@media (prefers-reduced-motion: reduce){.status-dot:after{animation:none;opacity:0}}.home-work-col a{min-height:44px;display:flex;align-items:center;width:100%;padding-block:12px;gap:var(--space-2)}.home-work-col__arrow{display:inline-grid;place-items:center;width:14px;height:14px;flex-shrink:0;color:inherit}.home-work-col__arrow svg{display:block}@media (max-width: 767px){.home-work-col__list{gap:var(--space-1)}.home-work-col__divider{margin-block:var(--space-1)}.home-work-col a{padding-block:var(--space-2)}}@media (max-width: 1023px){nav a{min-height:44px;display:inline-flex;align-items:center}.footer-slot a,.metarow-row a{min-height:44px;display:inline-flex;align-items:center}.work-list-strip__link{min-height:44px;display:inline-flex;align-items:center;padding-block:0}}