.design-switcher{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.72rem;display:inline-flex}.design-switcher-options{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);flex-wrap:wrap;gap:.2rem;padding:.2rem;display:inline-flex}.design-choice{border-radius:calc(var(--radius-pill) - 2px);color:var(--color-muted);white-space:nowrap;padding:.3rem .55rem;text-decoration:none;transition:background-color .16s,color .16s}.design-choice:hover,.design-choice[data-selected=true],.design-choice[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.design-choice:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.compact .design-switcher-label{display:none}@media (width<=600px){.design-switcher{flex-direction:column;align-items:flex-start;gap:.35rem}.compact{flex-direction:row;align-items:center}}.project-page{padding-top:1rem}.project-toolbar{max-width:var(--article-width);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.back-link{color:var(--color-muted);font-size:.85rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-accent)}.project-header{max-width:var(--article-width);margin:clamp(3.5rem,8vw,7rem) auto 3rem}.project-header h1{max-width:16ch;font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(2.5rem,7vw,5.6rem);font-weight:700;line-height:.95}.project-subtitle{max-width:42ch;color:var(--color-subtle);margin:1.1rem 0 0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.35}.project-meta{color:var(--color-muted);flex-wrap:wrap;gap:.45rem 1rem;margin-top:1.25rem;font-size:.85rem;display:flex}.project-meta span+span:before{content:"·";color:var(--color-border);margin-right:1rem}.project-header .roles{margin-top:1rem}.project-header>.external-links{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.5rem;display:flex}.project-header>.external-links .external-link{border-top:0;padding:.75rem 0;font-size:.82rem;display:inline-block}.project-content{max-width:var(--article-width);color:var(--color-ink);margin:0 auto;font-size:1.05rem;line-height:1.78}.project-content>:first-child{margin-top:0}.project-content>h2:first-child{display:none}.project-content h2,.project-content h3{font-family:var(--font-display);margin-top:3.5rem;margin-bottom:.8rem;line-height:1.1}.project-content h2{letter-spacing:-.05em;font-size:clamp(1.7rem,3vw,2.5rem)}.project-content h3{font-size:1.35rem}.project-content p,.project-content ul,.project-content ol,.project-content blockquote{max-width:var(--text-measure);margin-top:1.15rem;margin-bottom:1.15rem}.project-content ul,.project-content ol{padding-left:1.25rem}.project-content blockquote{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong);margin-left:0;margin-right:0;padding:1rem 1.25rem}.project-content code{border-radius:var(--radius-small);background:var(--color-surface-muted);font-family:var(--font-mono);padding:.1rem .3rem;font-size:.86em}.project-content pre{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted);padding:1rem;overflow-x:auto}.project-content pre code{background:0 0;padding:0}.project-content img,.project-content iframe,.project-content video{max-width:100%;height:auto}.project-content iframe{border:0;width:100%}.project-content a{color:var(--color-accent);text-underline-offset:.15em;text-decoration:underline .08em}.project-content a:hover{color:var(--color-accent-strong)}html[data-design=editorial] .project-header{border-bottom:1px solid var(--color-border);padding-bottom:2rem}html[data-design=editorial] .project-header h1{max-width:14ch;font-size:clamp(3rem,8vw,6.5rem);font-weight:400}html[data-design=editorial] .project-meta{font-size:.9rem}html[data-design=editorial] .project-content{font-size:clamp(1.08rem,1.4vw,1.22rem)}html[data-design=editorial] .project-content>p:first-of-type:first-letter{float:left;color:var(--color-accent);font-family:var(--font-display);margin:.08em .1em 0 0;font-size:4.2em;line-height:.75}html[data-design=editorial] .project-content blockquote{border-top:1px solid var(--color-accent);border-right:0;border-bottom:1px solid var(--color-accent);background:0 0;border-left:0;margin-top:2rem;margin-bottom:2rem;padding:1.25rem 0;font-size:1.2em;font-style:italic}html[data-design=garden] .project-header{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-card);padding:clamp(1.25rem,4vw,2.5rem);position:relative}html[data-design=garden] .project-header h1{max-width:20ch;font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem)}html[data-design=garden] .project-content{max-width:min(var(--article-width), 100%)}html[data-design=garden] .project-content h2{padding-left:1.3rem;position:relative}html[data-design=garden] .project-content h2:before{border:2px solid var(--color-accent);content:"";border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.35em;left:0}html[data-design=garden-blue] .project-header{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-card);padding:clamp(1.25rem,4vw,2.5rem);position:relative}html[data-design=garden-blue] .project-content h2{padding-left:1.3rem;position:relative}html[data-design=garden-blue] .project-content h2:before{border:2px solid var(--color-accent);content:"";border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.35em;left:0}html[data-design=playful] .project-header{border:2px dashed var(--color-accent);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-card);padding:clamp(1.25rem,4vw,2.5rem);transform:rotate(-.35deg)}html[data-design=playful] .project-header h1{letter-spacing:-.055em}html[data-design=playful] .project-content h2{align-items:baseline;gap:.55rem;display:flex}html[data-design=playful] .project-content h2:before{color:var(--color-accent);content:"✦";font-size:.65em}html[data-design=clear] .project-header{border-bottom:1px solid var(--color-border);padding-bottom:2rem}html[data-design=clear] .project-header h1{letter-spacing:-.06em;max-width:24ch;font-size:clamp(2.4rem,5vw,4.8rem)}html[data-design=clear] .project-meta{text-transform:uppercase;gap:.4rem 1.25rem;font-size:.78rem}html[data-design=clear] .project-content h2{border-top:1px solid var(--color-border);letter-spacing:-.03em;padding-top:1rem;font-size:clamp(1.45rem,3vw,2rem)}@media (width<=550px){.project-toolbar{align-items:flex-start}.project-header{margin-top:3.5rem}.project-header>.external-links{display:block}.project-header>.external-links .external-link{border-top:1px solid var(--color-border-light)}.project-header>.external-links .external-link:first-child{border-top:0}}