:root{--project-page-bg: #f5f5f5;--project-surface: #ffffff;--project-surface-muted: #fafafa;--project-border: #d1d5db;--project-text: #171717;--project-text-strong: #000000;--project-text-muted: #525252;--project-text-soft: #373737;--project-text-caption: #737373;--project-radius-lg: 21px;--project-radius-pill: 999px;--project-shadow-subtle: 0 1px 0 rgba(23, 23, 23, .02);--header-top-offset: 14px;--header-height: 40px;--header-content-gap: 20px;--header-pill-padding-collapsed: 10px;--header-pill-padding-expanded: 14px;--header-label-reveal-duration: .42s;--header-label-reveal-ease: cubic-bezier(.18, 1, .32, 1);--case-menu-height: 40px;--bottom-menu-offset: 14px;--layout-gutter: 14px;--layout-gutter-inline-start: max(var(--layout-gutter), env(safe-area-inset-left, 0px));--layout-gutter-inline-end: max(var(--layout-gutter), env(safe-area-inset-right, 0px));--layout-content-max: 672px;--layout-narrow-max: 592px}body{padding-right:var(--layout-gutter-inline-end);padding-left:var(--layout-gutter-inline-start)}.project-page{width:100%;max-width:var(--layout-content-max);margin:0 auto;display:grid;gap:44px;padding-top:calc(var(--header-top-offset) + var(--header-height) + var(--header-content-gap) + env(safe-area-inset-top,0px));padding-bottom:0;color:var(--project-text);font-family:"Inter",var(--font-sans)}.project-header{position:fixed;top:14px;left:0;right:0;margin-inline:auto;width:min(var(--layout-content-max),calc(100% - var(--layout-gutter-inline-start) - var(--layout-gutter-inline-end)));display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:20;pointer-events:none}.project-header-button{position:relative;z-index:2;--project-header-collapsed-width: 40px;--trans-layout: .28s cubic-bezier(.22, 1, .36, 1);width:40px;height:40px;min-width:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:10px var(--header-pill-padding-collapsed);border:1px solid var(--project-border);border-radius:var(--project-radius-pill);background:transparent;color:#18181b;text-decoration:none;overflow:hidden;transform-origin:left center;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;transition:width var(--trans-layout),flex-basis var(--trans-layout),gap var(--trans-layout),padding-left var(--trans-layout),padding-right var(--trans-layout),border-color .36s cubic-bezier(.2,.8,.2,1),background-color .26s cubic-bezier(.2,.8,.2,1),color .26s cubic-bezier(.2,.8,.2,1)}.project-header-button.is-on-dark,.project-back-to-top.is-on-dark{border-color:#fafafac7;color:#fafafa}.project-header-button--back{transform-origin:left center}.project-header-button--mail{justify-content:flex-end;transform-origin:right center}.project-header-button__icon{width:20px;height:20px;flex:0 0 20px;display:grid;grid-template-columns:20px;grid-template-rows:20px;place-items:center;line-height:1}.project-header-button__icon svg,.project-header-button__icon-image{width:20px;height:20px;display:block}.project-header-button__icon svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.project-header-button__icon-image{object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.project-header-button__icon-image--mail{transition:color .26s cubic-bezier(.2,.8,.2,1)}.project-header-button--mail .project-header-button__icon{transform:translate(1px);transition:transform var(--trans-layout)}.project-header-button__label{display:inline-flex;align-items:center;max-width:0;opacity:0;overflow:hidden;transform:translate(6px);pointer-events:none;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.2;color:currentColor;filter:blur(6px);will-change:opacity,transform,filter;transition:max-width var(--header-label-reveal-duration) var(--header-label-reveal-ease),opacity var(--header-label-reveal-duration) var(--header-label-reveal-ease),transform var(--header-label-reveal-duration) var(--header-label-reveal-ease),filter var(--header-label-reveal-duration) var(--header-label-reveal-ease)}.project-panel{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(var(--bottom-menu-offset) + env(safe-area-inset-bottom,0px));width:min(375px,calc(100vw - 28px));padding:0;z-index:18}.project-panel.project-panel-in-header{width:max-content;top:calc(var(--header-top-offset) + env(safe-area-inset-top,0px) + ((var(--header-height) - var(--case-menu-height)) / 2));left:50%;right:auto;margin:0;transform:translate(calc(-50% + var(--project-header-panel-offset, 0px)));bottom:auto;z-index:22;will-change:transform}.project-toc{--project-toc-gap: 2px;--project-toc-gap-total: 4px;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:nowrap;white-space:nowrap;width:fit-content;max-width:100%;min-height:var(--case-menu-height);height:var(--case-menu-height);margin:0 auto;padding:var(--project-toc-gap);position:relative;box-sizing:border-box;border-radius:var(--project-radius-pill);border:1px solid var(--project-border);background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;-webkit-user-select:none;user-select:none}.project-toc.is-on-dark{border-color:#fafafac7}.project-toc__tab{color:#0a0a0a;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.4px;padding:7px 12px;border-radius:var(--project-radius-pill);background:transparent;border:0;box-sizing:border-box;text-decoration:none;cursor:pointer;text-align:center;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-width:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .22s ease,opacity .22s ease}.project-toc.is-on-dark .project-toc__tab{color:#fafafa}.project-toc__label{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.2}.project-toc__indicator{position:absolute;top:var(--project-toc-gap);left:0;height:calc(100% - var(--project-toc-gap-total));width:var(--indicator-w, 0px);background:#0a0a0a;border-radius:var(--project-radius-pill);transform:translate(var(--indicator-x, 0px));transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1);z-index:0;will-change:transform,width;pointer-events:none}.project-toc.is-on-dark .project-toc__indicator{background:#fafafa}.project-toc__indicator.is-static{transition:none}.project-toc__tab--active,.project-toc__tab--hot{color:#fff}.project-toc.is-on-dark .project-toc__tab--active,.project-toc.is-on-dark .project-toc__tab--hot{color:#0a0a0a}.project-toc.is-hovering .project-toc__tab--active:not(.project-toc__tab--hot){color:#0a0a0a}.project-toc.is-on-dark.is-hovering .project-toc__tab--active:not(.project-toc__tab--hot){color:#fafafa}.project-back-to-top{position:fixed;right:max(var(--layout-gutter-inline-end),calc((100vw - var(--layout-content-max)) / 2));bottom:calc(var(--bottom-menu-offset) + var(--case-menu-height) + 8px + env(safe-area-inset-bottom,0px));width:40px;height:40px;min-width:40px;border:1px solid var(--project-border);border-radius:var(--project-radius-pill);background:transparent;color:#18181b;backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,background-color .22s ease,border-color .22s ease;z-index:18}.project-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.project-back-to-top svg{width:20px;height:20px;display:block;color:currentColor}.project-back-to-top:focus-visible{outline:2px solid rgba(0,69,136,.3);outline-offset:3px}.project-hero{display:grid;gap:40px}.project-hero__media{margin:0;border:1px solid var(--project-border);border-radius:var(--project-radius-lg);overflow:hidden;background:var(--project-surface-muted);box-shadow:var(--project-shadow-subtle)}.project-hero__media img{width:100%;aspect-ratio:672 / 409;object-fit:cover;object-position:center top}.project-hero__copy{display:grid;gap:40px}.project-intro,.project-section--narrow{width:min(var(--layout-narrow-max),100%);margin:0 auto}.project-intro{display:grid;gap:14px}.project-path{margin:0;color:var(--project-text-muted);font-size:14px;line-height:normal;letter-spacing:-.4px;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.project-path a{position:relative;display:inline-flex;align-items:center;color:inherit;text-decoration:none;transition:color .28s cubic-bezier(.22,1,.36,1)}.project-path a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;opacity:.65;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1)}.project-path a:hover,.project-path a:focus-visible{color:var(--project-text)}.project-path a:hover:after,.project-path a:focus-visible:after{transform:scaleX(1);opacity:1}.project-title{margin:0;color:var(--project-text-strong);font-size:clamp(27px,4vw,32px);line-height:normal;font-weight:700;letter-spacing:-.4px;text-wrap:wrap;overflow-wrap:normal;word-break:normal}.project-tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.project-tag{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:24px;border:1px solid var(--project-border);border-radius:var(--project-radius-pill);color:var(--project-text-muted);font-size:12px;padding:0 10px;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap}.project-overview-card,.project-card-surface{border:1px solid var(--project-border);border-radius:var(--project-radius-lg)}.project-overview-card{width:100%;background:var(--project-surface);border-width:.8px;padding:24px;display:grid;gap:24px}.project-card-title{margin:0;color:var(--project-text-strong);font-size:20px;line-height:normal;font-weight:700}.project-section-title{margin:0;color:#373737;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.02em}.project-overview-copy,.project-body-copy{margin:0;color:#373737}.project-overview-copy{font-size:16px;line-height:24px;font-weight:500;letter-spacing:-.4px}.project-overview-meta{display:grid;gap:18px}.project-overview-meta__item{display:grid;gap:8px}.project-overview-meta__label{margin:0;color:var(--project-text-muted);font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.project-overview-meta__value{margin:0;color:var(--project-text);font-size:16px;line-height:1.5;font-weight:500}.project-overview-meta__value a{color:inherit;text-decoration:underline;text-underline-offset:2px}.project-content-stack{display:grid;gap:60px}.project-content-section{display:grid;gap:20px}.project-content-section--compact{gap:12px}.project-media-frame{margin:0;overflow:hidden;border:1px solid var(--project-border);border-radius:var(--project-radius-lg);background:var(--project-surface-muted)}.project-media-frame>img{width:100%;min-height:220px;object-fit:cover;background:var(--project-surface-muted)}.project-media-caption{width:min(var(--layout-narrow-max),100%);margin:10px auto 0;color:var(--project-text-caption);font-size:14px;font-style:italic;font-weight:400;line-height:22.5px;text-align:center}.site-footer,.footer-spacer{--bottom-menu-height: var(--header-height, 40px);--bottom-menu-offset: 14px;--footer-clearance: 16px;--footer-bottom-offset: 0px;--layout-content-width: min( var(--layout-content-max), calc(100vw - (var(--layout-gutter) * 2)) )}.site-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:var(--layout-content-width);margin:0 auto;margin-bottom:var(--footer-bottom-offset);padding:22px 10px;border-top:0;border-radius:0;background:#f5f5f5;box-sizing:border-box}.site-footer-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px 0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.site-footer-copy{margin:0;font-family:"Inter",var(--font-sans);font-size:12px;font-weight:400;line-height:normal;letter-spacing:-.4px;color:#525252;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.site-footer-copy a:not(.site-footer-links){color:inherit;text-decoration:none;transition:color .28s cubic-bezier(.22,1,.36,1)}.site-footer-links{position:relative;display:inline-flex;align-items:center;gap:0;color:#525252;text-decoration:none;transition:color .28s cubic-bezier(.22,1,.36,1)}.site-footer-legal-links{display:inline-flex;align-items:center;gap:6px}.site-footer-links:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;opacity:.65;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1)}.site-footer-links:hover,.site-footer-links:focus-visible{color:#262626}.site-footer-links:hover:after,.site-footer-links:focus-visible:after{transform:scaleX(1);opacity:1}.site-footer-sep{display:inline-flex;align-items:center;justify-content:center;line-height:1}.site-footer-social{display:flex;align-items:center;justify-content:center;gap:14px;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-sizing:border-box}.site-footer-social-link{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.site-footer-social-icon{width:20px;height:20px;display:block;filter:brightness(0) saturate(100%);opacity:.68;transition:opacity .28s cubic-bezier(.22,1,.36,1)}.site-footer-social-link:hover .site-footer-social-icon,.site-footer-social-link:focus-visible .site-footer-social-icon{opacity:1}.footer-spacer{height:calc(var(--bottom-menu-height) + var(--bottom-menu-offset) + var(--footer-clearance) + env(safe-area-inset-bottom,0px))}.project-title[id],.project-section-title[id],.project-card-title[id]{scroll-margin-top:calc(var(--header-top-offset) + var(--header-height) + var(--header-content-gap) + 16px + env(safe-area-inset-top,0px))}@media(min-width:560px){.project-overview-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.site-footer{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--footer-bottom-offset));width:var(--layout-content-width);align-items:stretch;flex-direction:column;justify-content:center;gap:10px;padding:0;border-top:1px solid rgba(209,213,219,.9);border-radius:0;background:#f5f5f5;margin:0 auto;z-index:9}.site-footer-content{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.site-footer-copy{justify-content:flex-start;font-size:12px;gap:8px}.site-footer-social{justify-content:center;gap:14px;width:auto;margin-left:auto}.footer-spacer{height:0}}@media(min-width:900px){.project-page{gap:64px}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.project-header-button--back:hover,.project-header-button--back:focus-visible{width:152px;flex-basis:152px;justify-content:flex-start;gap:6px;padding-left:var(--header-pill-padding-expanded);padding-right:var(--header-pill-padding-expanded)}.project-header-button--mail:hover,.project-header-button--mail:focus-visible{width:110px;flex-basis:110px;justify-content:flex-end;gap:6px;padding-left:var(--header-pill-padding-expanded);padding-right:var(--header-pill-padding-expanded);background:#0a0a0a;color:#fafafa}.project-header-button--mail.is-on-dark:hover,.project-header-button--mail.is-on-dark:focus-visible{background:#fafafa;border-color:transparent;color:#0a0a0a}.project-header-button--mail:hover .project-header-button__icon,.project-header-button--mail:focus-visible .project-header-button__icon{transform:translate(-1px)}.project-header-button:hover .project-header-button__label,.project-header-button:focus-visible .project-header-button__label{opacity:1;transform:translate(0);max-width:102px;filter:blur(0)}.project-header-button--mail:hover .project-header-button__label,.project-header-button--mail:focus-visible .project-header-button__label{max-width:56px}}@media(max-width:559px){.project-page,.project-hero,.project-content-stack{gap:40px}.project-overview-card,.project-card-surface{padding:20px}.project-panel.project-panel-in-header{width:min(375px,calc(100vw - 28px));top:auto;left:0;right:0;margin:0 auto;transform:none;bottom:calc(var(--bottom-menu-offset) + env(safe-area-inset-bottom,0px))}.project-panel{--mobile-dock-width: min(375px, calc(100vw - 28px) );--project-toc-offset: calc((var(--mobile-dock-width) - var(--project-toc-width, var(--mobile-dock-width))) / 2);width:var(--mobile-dock-width);left:calc((100vw - var(--mobile-dock-width)) / 2);right:auto;margin:0;transform:none;transition:width .28s cubic-bezier(.22,1,.36,1),left .28s cubic-bezier(.22,1,.36,1)}.project-panel .project-toc{margin:0;transform:translate(var(--project-toc-offset));transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}.project-panel.project-panel--with-back-to-top{width:min(375px,calc(100vw - var(--layout-gutter-inline-start) - var(--layout-gutter-inline-end) - 48px));left:var(--layout-gutter-inline-start);right:auto;margin:0;--project-toc-offset: 0px}.project-back-to-top{right:var(--layout-gutter-inline-end);bottom:calc(var(--bottom-menu-offset) + env(safe-area-inset-bottom,0px))}.project-media-caption{width:100%;padding:0}}@media(prefers-reduced-motion:reduce){.project-path a,.project-path a:after{transition:none}}