.reading-progress{--reading-progress: 0%;position:fixed;z-index:50;inset:0 0 auto var(--sidebar-width);height:var(--space-1);pointer-events:none}.reading-progress span{display:block;width:var(--reading-progress);height:100%;background:var(--project-accent);transition:width var(--duration-1) linear}.case-study .eyebrow{color:var(--project-accent)}.project-hero{padding:clamp(var(--space-10),14vw,13rem) var(--space-lg) var(--space-xl);border-bottom:var(--border-width) solid var(--color-line)}.project-hero__inner{width:min(100%,var(--content-width));margin-inline:auto}.project-hero__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.back-link,.copy-link{color:var(--color-muted);font:inherit;font-size:var(--font-size-1);letter-spacing:.06em;text-transform:uppercase}.back-link{transition:color var(--duration-1) var(--ease-standard),transform var(--duration-1) var(--ease-standard)}.back-link:hover{color:var(--project-accent);transform:translate(calc(var(--space-1) * -1))}.copy-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border:0;border-bottom:var(--border-width) solid var(--color-line);background:transparent;cursor:pointer;transition:color var(--duration-1) var(--ease-standard),border-color var(--duration-1) var(--ease-standard)}.copy-link:hover{color:var(--project-accent);border-color:var(--project-accent)}h1{max-width:12ch;margin:var(--space-md) 0;font-size:var(--step-4);font-weight:450;line-height:.82;letter-spacing:-.075em;text-wrap:balance}.project-hero__description{max-width:44rem;margin:0 0 var(--space-md);color:var(--color-muted);font-size:var(--step-1)}.project-hero__context{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-lg);color:var(--color-muted);font-size:var(--font-size-1);letter-spacing:.1em;text-transform:uppercase}.project-hero__context span:first-child{color:var(--project-accent)}.project-hero__context span+span:before{content:"/";margin-right:var(--space-4);color:var(--color-line)}.project-hero-media{margin:0;border:var(--border-width) solid color-mix(in srgb,var(--project-accent) 22%,var(--color-line));background:color-mix(in srgb,var(--surface-1) 38%,transparent);box-shadow:var(--shadow-2)}.project-hero-media__frame{max-height:clamp(22.5rem,62vh,45rem);padding:var(--space-sm);overflow-x:hidden;overflow-y:auto;background:var(--surface-inset);scrollbar-color:var(--color-muted) var(--surface-inset);scrollbar-width:thin}.project-hero-media__frame::-webkit-scrollbar,.project-media-frame::-webkit-scrollbar{width:var(--space-2)}.project-hero-media__frame::-webkit-scrollbar-track,.project-media-frame::-webkit-scrollbar-track{background:var(--surface-inset)}.project-hero-media__frame::-webkit-scrollbar-thumb,.project-media-frame::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-muted)}.project-hero-media__frame img{display:block;width:auto;max-width:min(100%,70rem);height:auto;margin-inline:auto;object-fit:contain;object-position:top center}.overview-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--space-lg);align-items:end;margin-bottom:var(--space-lg)}.overview-heading h2,.related-projects h2{max-width:12ch;margin:0;font-size:var(--step-3);font-weight:500;line-height:1;letter-spacing:-.055em}.metadata{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:var(--border-width) solid var(--color-line)}.metadata div{min-height:8rem;padding:var(--space-md) var(--space-sm) var(--space-md) 0;border-bottom:var(--border-width) solid var(--color-line)}.metadata dt{margin-bottom:var(--space-2);color:var(--project-accent);font-size:var(--font-size-1);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metadata dd{max-width:22rem;margin:0;color:var(--color-text);font-size:var(--step-0)}.project-links{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.case-study .button--primary{background:var(--project-accent)}.case-study .button--primary:hover{background:var(--color-text)}.case-study .button--text:hover{color:var(--project-accent);border-color:var(--project-accent)}.project-body__grid{display:grid;grid-template-columns:minmax(13rem,.35fr) minmax(0,1fr);gap:var(--space-lg);align-items:start}.reading-sidebar{min-width:0}.reading-sidebar__inner{position:sticky;top:var(--space-md)}.reading-time{display:grid;gap:var(--space-1);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--color-line)}.reading-time span,.reading-sidebar nav>p{margin:0;color:var(--color-muted);font-size:var(--font-size-1);letter-spacing:.1em;text-transform:uppercase}.reading-time strong{font-size:var(--step-0);font-weight:500}.reading-sidebar nav{margin-top:var(--space-md)}.reading-sidebar ol{display:grid;gap:var(--space-2);margin:var(--space-sm) 0 0;padding:0;list-style:none}.reading-sidebar a{display:grid;grid-template-columns:var(--space-6) 1fr;gap:var(--space-2);padding-block:var(--space-1);color:var(--color-muted);font-size:var(--font-size-2);transition:color var(--duration-1) var(--ease-standard),transform var(--duration-1) var(--ease-standard)}.reading-sidebar a span{color:var(--project-accent);font-size:var(--font-size-1)}.reading-sidebar a:hover{color:var(--project-accent);transform:translate(var(--space-1))}.prose{width:min(100%,var(--measure))}.project-body .prose h2{scroll-margin-top:var(--space-lg);margin:var(--space-xl) 0 var(--space-md);color:var(--project-accent);font-size:var(--step-2);font-weight:500;line-height:1.08;letter-spacing:-.04em}.project-body .prose h2:first-child{margin-top:0}.project-body .prose h3{margin:var(--space-lg) 0 var(--space-sm);color:color-mix(in srgb,var(--project-accent) 86%,var(--color-text));font-size:var(--step-1);font-weight:500;letter-spacing:-.03em}.project-body .prose h4{margin:var(--space-md) 0 var(--space-2);color:color-mix(in srgb,var(--project-accent) 78%,var(--color-text));font-size:var(--step-0);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.prose :global(p),.prose :global(li){color:var(--color-muted)}.prose :global(p){margin:0 0 var(--space-md)}.prose :global(ul),.prose :global(ol){margin:0 0 var(--space-md);padding-left:var(--space-5)}.prose :global(li){margin-bottom:var(--space-2);padding-left:var(--space-1)}.prose :global(li::marker){color:var(--project-accent)}.prose :global(blockquote){margin:var(--space-lg) 0;padding-left:var(--space-md);border-left:var(--focus-width) solid var(--project-accent);color:var(--color-text)}.prose :global(hr){margin:var(--space-lg) 0;border:0;border-top:var(--border-width) solid color-mix(in srgb,var(--project-accent) 28%,var(--color-line))}.project-body .prose :global(.project-code-accordion__item){margin:var(--space-sm) 0;overflow:hidden;border:var(--border-width) solid var(--color-line);background:color-mix(in srgb,var(--surface-1) 36%,transparent)}.project-body .prose :global(.project-code-accordion__summary){display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color var(--duration-1) var(--ease-standard),background var(--duration-1) var(--ease-standard)}.project-body .prose :global(.project-code-accordion__summary:hover),.project-body .prose :global(.project-code-accordion__summary:focus-visible){background:var(--surface-1);color:var(--project-accent);outline:none}.project-body .prose :global(.project-code-accordion__summary::marker){color:var(--project-accent)}.project-body .prose :global(.project-code-accordion__item pre){margin:0;border-inline:0;border-bottom:0}.project-body .prose :global(pre){max-width:100%;max-height:clamp(420px,55vh,500px);margin:var(--space-md) 0 var(--space-lg);padding:.95rem;overflow-x:auto;overflow-y:auto;border:var(--border-width) solid var(--color-line);background:var(--surface-inset);color:var(--color-text);font-family:var(--font-mono);font-size:.74rem;font-weight:400;line-height:1.4;tab-size:4;scrollbar-color:var(--color-muted) var(--surface-inset);scrollbar-width:thin}.project-body .prose :global(pre::-webkit-scrollbar){height:var(--space-2)}.project-body .prose :global(pre::-webkit-scrollbar-track){background:var(--surface-inset)}.project-body .prose :global(pre::-webkit-scrollbar-thumb){border-radius:var(--radius-round);background:var(--color-muted)}.project-body .prose :global(code){font-family:var(--font-mono)}.project-body .prose :global(pre code){white-space:pre}.prose :global(img){width:100%;margin-block:var(--space-lg)}.prose :global(a){color:var(--project-accent);text-decoration:underline;text-underline-offset:var(--space-1)}.supplementary-case{margin-top:var(--space-xl);border:var(--border-width) solid var(--color-line);background:color-mix(in srgb,var(--surface-1) 36%,transparent)}.supplementary-case summary{padding:var(--space-md);color:var(--color-text);cursor:pointer;font-size:var(--step-0);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.supplementary-case summary::marker{color:var(--project-accent)}.supplementary-case__content{padding:0 var(--space-md) var(--space-md);border-top:var(--border-width) solid var(--color-line)}.supplementary-case__content :global(h2:first-child){margin-top:var(--space-md)}:global([data-case-content]>[data-reveal-ready]){opacity:0;transform:translateY(var(--space-4));transition:opacity var(--duration-4) var(--ease-standard),transform var(--duration-4) var(--ease-standard)}:global([data-case-content]>[data-reveal-ready].is-visible){opacity:1;transform:none}.project-gallery h2{max-width:12ch;margin:var(--space-sm) 0 var(--space-lg);font-size:var(--step-3);font-weight:500;line-height:1;letter-spacing:-.055em}.gallery-grid{display:grid;gap:var(--space-lg)}.project-media-card{margin:0;border:var(--border-width) solid color-mix(in srgb,var(--project-accent) 22%,var(--color-line));background:color-mix(in srgb,var(--surface-1) 38%,transparent)}.project-media-card__chrome{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-line)}.project-media-card__chrome span{width:var(--space-2);aspect-ratio:1;border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-round);opacity:.6}.project-media-card__chrome span:first-child{border-color:var(--project-accent);background:var(--project-accent);opacity:.9}.project-media-frame{max-height:min(64vh,44rem);padding:var(--space-sm);overflow-x:hidden;overflow-y:auto;background:var(--surface-inset);scrollbar-color:var(--color-muted) var(--surface-inset);scrollbar-width:thin}.project-media-frame img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;object-fit:contain}.project-media-caption{display:grid;gap:var(--space-1);padding:var(--space-sm) var(--space-4) var(--space-md);border-top:var(--border-width) solid var(--color-line)}.project-media-caption strong{color:var(--color-text);font-size:var(--step--1);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-media-caption span{max-width:44rem;color:var(--color-muted);font-size:var(--font-size-2)}.related-projects h2{margin:var(--space-sm) 0 var(--space-lg)}.project-pagination{display:grid;grid-template-columns:1fr 1fr;border-top:var(--border-width) solid var(--color-line)}.project-pagination a{display:grid;align-content:end;min-height:14rem;padding:var(--space-md);transition:color var(--duration-1) var(--ease-standard),background var(--duration-2) var(--ease-standard),transform var(--duration-1) var(--ease-standard)}.project-pagination a+a{border-left:var(--border-width) solid var(--color-line);text-align:right}.project-pagination a:hover{background:var(--surface-1);color:var(--project-accent);transform:translateY(calc(var(--space-1) * -1))}.project-pagination span,.project-pagination small{font-size:var(--font-size-1);letter-spacing:.1em;text-transform:uppercase}.project-pagination span{color:var(--project-accent)}.project-pagination small{color:var(--color-muted)}.project-pagination strong{margin-block:var(--space-2);font-size:var(--step-1);font-weight:500}.project-contact h2{max-width:13ch;margin:var(--space-md) 0;font-size:var(--step-3);font-weight:500;line-height:1;letter-spacing:-.055em}.project-contact :global(.reveal>p:not(.eyebrow)){max-width:36rem;margin:0 0 var(--space-md);color:var(--color-muted)}@media(max-width:780px){.reading-progress{left:0;top:var(--nav-height)}.project-hero{padding:var(--space-xl) var(--space-md)}.overview-heading,.project-body__grid{grid-template-columns:1fr}.metadata{grid-template-columns:repeat(2,1fr)}.project-hero-media__frame{max-height:28rem}.project-media-frame{max-height:32rem}.reading-sidebar__inner{position:static}.reading-time{grid-template-columns:auto 1fr;align-items:baseline}.reading-sidebar nav{overflow-x:auto;padding-bottom:var(--space-sm)}.reading-sidebar ol{display:flex;width:max-content}.reading-sidebar a{grid-template-columns:auto auto;padding-right:var(--space-sm);white-space:nowrap}}@media(max-width:520px){.project-hero__nav{align-items:flex-start}.project-hero__context{gap:var(--space-2)}.project-hero__context span+span:before{margin-right:var(--space-2)}.metadata,.project-pagination{grid-template-columns:1fr}.metadata div{min-height:0}.project-pagination a+a{border-top:var(--border-width) solid var(--color-line);border-left:0;text-align:left}.project-pagination a{min-height:10rem;padding-inline:0}.project-links{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){:global([data-case-content]>[data-reveal-ready]){opacity:1;transform:none}}