.projects-index{max-width:calc(var(--page-max) + var(--page-gutter) * 2);padding:0 var(--page-gutter) var(--section-space);margin:0 auto}.projects-index-hero{border-bottom:1px solid var(--border-default);gap:var(--space-10);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);display:grid}.projects-index-hero .eyebrow,.projects-index-heading>span{color:var(--color-accent-text);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.projects-index-hero h1{font-family:var(--font-display);letter-spacing:-.05em;margin:var(--space-5) 0 0;max-width:12ch;font-size:clamp(3.5rem,6vw,6.6rem);font-weight:500;line-height:.95}.projects-index-hero>p{color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);align-self:end;max-width:35ch;margin:0}.projects-index-heading{padding:var(--space-10) 0 var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.projects-index-heading h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.04em;margin:0;font-weight:500}.projects-index-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.projects-index-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;transition:border-color var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);grid-column:span 4;overflow:hidden}.projects-index-card:first-child,.projects-index-card:nth-child(4){grid-column:span 7}.projects-index-card:nth-child(2),.projects-index-card:nth-child(3){grid-column:span 5}.projects-index-card:hover,.projects-index-card:focus-within{border-color:var(--color-accent);transform:translateY(-3px)}.projects-index-card a{color:var(--color-text-primary);flex-direction:column;height:100%;text-decoration:none;display:flex}.projects-index-card-copy{flex-direction:column;flex:1;padding:clamp(1.2rem,2vw,2rem);display:flex}.projects-index-card-copy>span,.project-detail-status{color:var(--color-accent-text);font-size:var(--text-micro);letter-spacing:.07em;text-transform:uppercase;font-weight:700}.projects-index-card-copy h3{font-family:var(--font-display);align-items:center;gap:var(--space-3);letter-spacing:-.035em;margin:var(--space-4) 0 var(--space-3);justify-content:space-between;font-size:clamp(1.6rem,2.5vw,2.5rem);font-weight:500;display:flex}.projects-index-card-copy h3 svg{flex:none;width:1.3rem;height:1.3rem}.projects-index-card-copy p{color:var(--color-text-secondary);line-height:var(--leading-body);margin:0 0 var(--space-6)}.projects-index-card-copy small{border-top:1px solid var(--border-subtle);color:var(--color-text-tertiary);font-size:var(--text-caption);padding-top:var(--space-4);margin-top:auto}.project-concept-visual{aspect-ratio:1.6;background:var(--surface-section);place-items:center;padding:clamp(1.25rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.project-concept-visual:before{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 60%);content:"";pointer-events:none;position:absolute;inset:0}.project-concept-visual img{object-fit:cover;width:100%;height:100%;display:block;position:absolute}.project-concept-sizocare img{object-position:center top}.project-visual-disclosure{color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:1;background:#183f3a;border:1px solid #d8e9df;border-radius:999px;padding:.65rem .8rem;font-size:.65rem;font-weight:750;line-height:1;position:absolute;bottom:.8rem;left:.8rem;box-shadow:0 3px 14px #0e292538}.project-concept-beshaj-medlog{background:#d8e8e8}.project-concept-cognitive-club{background:#302946}.project-concept-interactive-learning{background:#e4d9ba}.project-concept-lit-research-creative-engine{background:#272738}.project-concept-cosanyasi-theme-lab{background:#d9d4e6}.project-concept-grounded-portfolio-guide{background:#1d2337}.project-concept-cognitive-club .project-visual-window,.project-concept-lit-research-creative-engine .project-visual-window,.project-concept-grounded-portfolio-guide .project-visual-window{--pv-ink:#f9f7ff;--pv-muted:#bcb8d4;--pv-surface:#161825;--pv-line:#555266}.project-visual-window{--pv-ink:#1f2930;--pv-muted:#61727d;--pv-surface:#fff;--pv-line:#d4dce0;background:var(--pv-surface);border:1px solid var(--pv-line);color:var(--pv-ink);border-radius:1rem;width:100%;max-width:34rem;min-height:14rem;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 55px #080d1b22}.project-concept-interactive-learning .project-visual-window,.project-concept-lit-research-creative-engine .project-visual-window{transform:rotate(2deg)}.project-visual-chrome{border-bottom:1px solid var(--pv-line);align-items:center;gap:.35rem;padding:.7rem 1rem;display:flex}.project-visual-chrome span{background:var(--pv-line);border-radius:50%;width:.4rem;height:.4rem}.project-visual-chrome b{margin-left:auto;font-size:.65rem;font-weight:750}.project-visual-content{flex-direction:column;min-height:11rem;padding:clamp(1rem,2vw,1.5rem);display:flex}.project-visual-content small{color:var(--pv-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.58rem;font-weight:750;display:block}.project-visual-content strong{letter-spacing:-.04em;max-width:18ch;margin-top:.6rem;font-size:clamp(1.05rem,2.1vw,1.8rem);line-height:1.1;display:block}.project-visual-content p{color:var(--pv-muted);margin:.65rem 0 0;font-size:.7rem;line-height:1.4}.project-visual-slots,.project-visual-flow,.project-visual-swatches,.project-visual-path{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.8rem;display:flex}.project-visual-slots span,.project-visual-flow span,.project-visual-path span{border:1px solid var(--pv-line);border-radius:.4rem;padding:.5rem .65rem;font-size:.65rem}.project-visual-slots span:nth-child(2){color:#fff;background:#167f83;border-color:#167f83}.project-visual-action,.project-visual-query,.project-visual-answer{color:#fff;background:#167f83;border-radius:.45rem;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.55rem .7rem;font-size:.7rem;font-weight:700;display:flex}.project-visual-query{background:#343d71;margin-top:auto}.project-visual-answer{background:#8d592c;margin-top:auto}.project-visual-puzzle{grid-template-columns:repeat(4,1fr);gap:.3rem;max-width:10rem;margin-top:.75rem;display:grid}.project-visual-puzzle span{aspect-ratio:1;background:#50496a;border-radius:.2rem}.project-visual-puzzle span.lit{background:#b3a3ed}.project-visual-flow{align-items:center}.project-visual-flow b{color:var(--pv-muted);font-size:.8rem}.project-visual-swatches span{aspect-ratio:1;color:#fff;background:#272b45;border-radius:.4rem;justify-content:center;align-items:center;width:2rem;font-size:1.1rem;display:flex}.project-visual-swatches span:nth-child(2){color:#333;background:#e8e6de}.project-visual-swatches span:nth-child(3){background:#a686d8}.project-visual-swatches span:nth-child(4){color:#233;background:#a2bfcc}.project-visual-swatches span:nth-child(5){color:#352f22;background:#cfbba1}.project-visual-path{align-items:center}.project-visual-path i{background:var(--pv-line);width:1rem;height:1px}.project-detail{max-width:calc(var(--page-max) + (var(--page-gutter) * 2));padding:clamp(3rem, 6vw, 6rem) var(--page-gutter) var(--section-space);margin:0 auto}.project-detail-back{color:var(--color-text-secondary);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.project-detail-back svg{width:1rem;height:1rem}.project-detail-hero{grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);padding-top:clamp(2rem,5vw,4rem);display:grid}.project-detail-copy{align-self:center}.project-detail-copy h1{font-family:var(--font-display);letter-spacing:-.045em;margin:var(--space-5) 0;font-size:clamp(3rem,5.5vw,6rem);font-weight:500;line-height:.95}.project-detail-copy p{color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);max-width:42ch}.project-detail-hero .project-concept-visual{aspect-ratio:1.25;border-radius:var(--radius-lg)}.project-detail-note{color:var(--color-text-tertiary);font-size:var(--text-caption);margin-top:var(--space-3)}.project-detail-body{border-top:1px solid var(--border-default);margin-top:var(--section-space-compact);padding-top:var(--space-8);grid-template-columns:15rem 1fr;gap:clamp(2rem,5vw,5rem);display:grid}.project-detail-body h2{font-family:var(--font-display);font-size:var(--text-h3);margin:0;font-weight:500}.project-detail-body ul{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.project-detail-body li{border-bottom:1px solid var(--border-subtle);color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);padding-bottom:var(--space-5)}.project-detail-actions{gap:var(--space-3);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.project-detail-gallery{border-top:1px solid var(--border-default);margin-top:var(--section-space-compact);padding-top:var(--space-8)}.project-detail-gallery h2{font-family:var(--font-display);font-size:var(--text-h3);margin:0 0 var(--space-8);font-weight:500}.project-detail-gallery>div{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-detail-gallery figure{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:0;overflow:hidden}.project-detail-gallery img{width:100%;height:auto;display:block}@media (max-width:900px){.projects-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-index-card,.projects-index-card:first-child,.projects-index-card:nth-child(2),.projects-index-card:nth-child(3),.projects-index-card:nth-child(4){grid-column:auto}.project-detail-hero{grid-template-columns:1fr}}@media (max-width:650px){.projects-index-hero,.project-detail-body{grid-template-columns:1fr}.projects-index-hero{gap:var(--space-6)}.projects-index-grid{grid-template-columns:1fr}.project-detail-hero .project-concept-visual{aspect-ratio:1.35}.project-visual-window{transform:none!important}.project-detail-gallery>div{grid-template-columns:1fr}.projects-index-heading{align-items:flex-start;gap:var(--space-2);flex-direction:column}}@media (prefers-reduced-motion:reduce){.projects-index-card{transition:none}.projects-index-card:hover{transform:none}}