.project-shell{background:radial-gradient(circle at 86% 5%, color-mix(in srgb, var(--ui-brand-violet) 10%, transparent), transparent 30rem), radial-gradient(circle at 8% 24%, color-mix(in srgb, var(--ui-accent) 11%, transparent), transparent 32rem), var(--ui-page-bg);min-height:100vh;color:var(--ui-text-strong);font-family:var(--ui-font-body);overflow:hidden}.project-context-nav{justify-content:space-between;align-items:center;gap:var(--ui-space-4);border-bottom:1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);width:min(1120px,90vw);min-height:58px;margin:0 auto;display:flex}.project-context-nav>span{color:var(--ui-text-subtle);font-family:var(--ui-font-body);font-size:var(--ui-font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.project-context-nav>div{align-items:center;gap:var(--ui-space-5);display:flex}.project-context-nav a{color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);border-bottom:2px solid #0000;padding:1.25rem 0;font-weight:700;text-decoration:none}.project-context-nav a:hover,.project-context-nav a:focus-visible,.project-context-nav a[aria-current=page]{border-bottom-color:var(--ui-accent-strong);color:var(--ui-text-strong);outline:none}.project-page{width:min(1120px,90vw);margin:0 auto;padding:clamp(4rem,8vw,7.5rem) 0 2rem}.project-hero{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:end;gap:clamp(2rem,7vw,6rem);display:grid}.project-eyebrow{align-items:center;gap:var(--ui-space-1);margin:0 0 var(--ui-space-4);color:var(--ui-accent-strong);font-family:var(--ui-font-body);font-size:var(--ui-font-size-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:850;line-height:1;display:inline-flex}.project-hero h1{max-width:12ch;font-family:var(--ui-font-heading);letter-spacing:-.04em;color:var(--ui-text-strong);margin:0;font-size:clamp(2.6rem,5.2vw,4.25rem);font-weight:800;line-height:1.08}.project-hero-lede{max-width:42rem;margin:var(--ui-space-5) 0 0;color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}.project-hero-aside{padding:var(--ui-space-6);border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:color-mix(in srgb, var(--ui-surface) 82%, transparent);box-shadow:var(--ui-shadow-card);margin:0}.project-section{margin-top:clamp(4rem,8vw,7rem)}.project-section-heading{margin-bottom:var(--ui-space-8);grid-template-columns:minmax(0,.7fr) minmax(18rem,1fr);gap:2rem;display:grid}.project-section-heading h2{font-family:var(--ui-font-heading);letter-spacing:-.03em;color:var(--ui-text-strong);margin:0;font-size:clamp(1.85rem,3.6vw,2.75rem);font-weight:750;line-height:1.15}.project-section-heading p{max-width:42rem;color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:var(--ui-font-size-base);margin:0;line-height:1.65}.project-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:color-mix(in srgb, var(--ui-surface) 88%, transparent);box-shadow:var(--ui-shadow-sm)}.project-card h3{font-family:var(--ui-font-heading);font-size:var(--ui-font-size-lg);letter-spacing:-.015em;color:var(--ui-text-strong);margin:0;font-weight:750;line-height:1.3}.project-card p{color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);line-height:1.55}.project-button,.project-text-link{justify-content:center;align-items:center;gap:var(--ui-space-2);font-family:var(--ui-font-body);font-weight:800;text-decoration:none;display:inline-flex}.project-button{min-height:48px;padding:0 var(--ui-space-5);border-radius:var(--ui-radius-lg);background-image:linear-gradient(135deg, var(--ui-primary-start), var(--ui-primary-middle));color:#fff;font-size:var(--ui-font-size-sm);box-shadow:var(--ui-primary-shadow);background-origin:border-box;background-clip:border-box;border:none}.project-button:hover,.project-button:focus-visible{box-shadow:var(--ui-primary-shadow-hover);outline:none;transform:translateY(-2px)}.project-button.secondary{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:none;color:var(--ui-text-strong)}.project-text-link{color:var(--ui-accent-strong);font-size:var(--ui-font-size-sm)}.project-text-link:hover,.project-text-link:focus-visible{outline:none;text-decoration:underline}.project-cross-link{justify-content:space-between;align-items:center;gap:var(--ui-space-6);border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);margin-top:clamp(4rem,8vw,7rem);padding:clamp(1.4rem,4vw,2.25rem);display:flex}.project-cross-link p{color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);margin:0}.project-cross-link strong{margin-bottom:var(--ui-space-2);color:var(--ui-text-strong);font-family:var(--ui-font-heading);font-size:var(--ui-font-size-lg);font-weight:750;display:block}@media (width<=760px){.project-context-nav{padding-top:var(--ui-space-4);flex-direction:column;align-items:flex-start;gap:0;overflow:hidden}.project-context-nav>div{gap:var(--ui-space-5);width:100%;overflow-x:auto}.project-context-nav a{white-space:nowrap}.project-page{width:calc(100% - 2.3rem);padding-top:3.5rem}.project-hero,.project-section-heading{grid-template-columns:1fr}.project-hero{align-items:start;gap:2rem}.project-hero h1{font-size:clamp(2.8rem,15vw,4.4rem)}.project-cross-link{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.project-button{transition:none}}
