:root{--color-bg: #f6f3ee;--color-surface: rgba(255, 255, 255, .72);--color-text: #20201b;--color-muted: #666358;--color-line: rgba(32, 32, 27, .14);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-card: 1rem;--width-shell: 72rem;--duration-base: .18s;--ease-base: ease}.site-frame{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.shell{width:min(calc(100% - (var(--space-5) * 2)),var(--width-shell));margin:0 auto}.page-main{padding-block:var(--space-6) var(--space-7)}.page-intro{display:grid;gap:var(--space-4);max-width:40rem;padding-block:var(--space-6)}@media(max-width:48rem){.page-main{padding-block:var(--space-5) var(--space-6)}}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-bottom:1px solid var(--color-line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:4rem}.site-header__brand{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.site-header__controls{display:flex;align-items:center;gap:var(--space-4)}.site-nav__list{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0;margin:0;list-style:none}.site-nav__list a,.locale-switcher a{color:var(--color-muted);font-size:.95rem}.site-nav__list a:hover,.site-nav__list a:focus-visible,.locale-switcher a:hover,.locale-switcher a:focus-visible,.site-header__brand:hover,.site-header__brand:focus-visible{color:var(--color-text)}.locale-switcher{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface)}.locale-switcher a{padding:var(--space-1) var(--space-2);border-radius:999px}.locale-switcher a[aria-current=page]{color:var(--color-text);background:#20201b14}.site-footer{border-top:1px solid var(--color-line)}.site-footer__inner{padding-block:var(--space-4) var(--space-5)}.site-footer__inner p{max-width:28rem;margin:0;color:var(--color-muted);font-size:.95rem}.project-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-filters__button{padding:.5rem .9rem;border:1px solid var(--color-line);border-radius:999px;background:transparent;color:var(--color-muted);font:inherit;cursor:pointer;transition:color var(--duration-base) var(--ease-base),background-color var(--duration-base) var(--ease-base),border-color var(--duration-base) var(--ease-base)}.project-filters__button:hover,.project-filters__button:focus-visible{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 20%,var(--color-line))}.project-filters__button[aria-pressed=true]{color:var(--color-text);background:#20201b0f}@media(max-width:56rem){.site-header{position:static}.site-header__inner,.site-header__controls{align-items:flex-start;flex-direction:column}.site-header__inner{padding-block:var(--space-3)}}html[data-motion=allow] .project-grid__item{transition:opacity var(--duration-base) var(--ease-base),transform var(--duration-base) var(--ease-base)}html[data-motion=allow] .project-grid__item[data-filter-state=revealing]{opacity:.72;transform:translateY(.2rem)}html[data-motion=allow] .project-grid__item[data-filter-state=visible]{opacity:1;transform:none}html[data-motion=reduce] .project-grid__item{transition:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.project-grid__item{transition:none!important;transform:none!important;opacity:1!important}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color var(--duration-base) var(--ease-base),background-color var(--duration-base) var(--ease-base)}img{display:block;max-width:100%}h1,p{margin:0}h1{font-size:clamp(2rem,6vw,4rem);font-weight:500;letter-spacing:-.04em;line-height:1}p{color:var(--color-muted);font-size:1rem}