.home-c{--home-c-npm:#e0a458;background:var(--cl-main-950);flex-direction:column;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;display:flex}@media (min-width:1024px){.home-c{flex-direction:row}}.home-c *{box-sizing:border-box}.light .home-c{--home-c-npm:#92400e}.home-c-sidebar{border-bottom:1px solid var(--stroke-subtle);flex-shrink:0;padding:20px}@media (min-width:1024px){.home-c-sidebar{border-right:1px solid var(--stroke-subtle);border-bottom:none;width:220px;height:100vh;padding:32px 20px;position:sticky;top:0;overflow-y:auto}}.home-c-sidebar-head{justify-content:space-between;align-items:center;display:flex}.home-c-brand{font-family:var(--font-mono),monospace;color:var(--cl-main-300);font-size:.8125rem;text-decoration:none;display:block}@media (min-width:1024px){.home-c-brand{margin-bottom:20px}}.home-c-sidebar-toggle{width:28px;height:28px;color:var(--cl-main-300);cursor:pointer;transition:color .2s var(--ease-out),background-color .2s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;display:flex}.home-c-sidebar-toggle:hover{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-main-50) 6%, transparent)}@media (min-width:1024px){.home-c-sidebar-toggle{display:none}}.home-c-sidebar-toggle-line{transform-origin:50%;transition:transform .25s var(--ease-out),opacity .2s var(--ease-out)}.home-c-sidebar-toggle:has(.home-c-sidebar-toggle-input:checked){color:var(--cl-accent-500)}.home-c-sidebar-toggle:has(.home-c-sidebar-toggle-input:checked) .home-c-sidebar-toggle-line--top{transform:translate(-2.5px,3px)rotate(45deg)}.home-c-sidebar-toggle:has(.home-c-sidebar-toggle-input:checked) .home-c-sidebar-toggle-line--mid{opacity:0}.home-c-sidebar-toggle:has(.home-c-sidebar-toggle-input:checked) .home-c-sidebar-toggle-line--bot{transform:translate(-2.5px,-3px)rotate(-45deg)}@media not (min-width:1024px){.home-c-sidebar-nav{display:none}.home-c-sidebar:has(.home-c-sidebar-toggle-input:checked) .home-c-sidebar-nav{display:block}}.home-c-nav{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}@media not (min-width:1024px){.home-c-nav{border-top:1px solid var(--stroke-subtle);flex-direction:column;margin-top:16px;padding-top:16px}}@media (min-width:1024px){.home-c-nav{flex-direction:column;gap:2px}}.home-c-nav-link{color:var(--cl-main-300);transition:background-color .2s var(--ease-out),color .2s var(--ease-out);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;text-decoration:none;display:flex}.home-c-nav-link:hover{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-main-50) 6%, transparent)}.home-c-nav-link[data-active=true]{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-accent-500) 16%, transparent)}.home-c-main{flex:1;min-width:0;padding:24px 20px 60px}@media (min-width:1024px){.home-c-main{padding:40px 40px 60px}}.home-c-topbar{border-bottom:1px solid var(--stroke-subtle);margin-bottom:24px;padding-bottom:24px}.home-c-topbar-eyebrow{font-family:var(--font-mono),monospace;color:var(--cl-main-400);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem}.home-c-topbar-title{font-family:var(--font-display),Georgia,serif;margin:4px 0 0;font-size:1.75rem;font-weight:400}.home-c-topbar-description{max-width:60ch;color:var(--cl-main-400);margin:8px 0 0;font-size:.9375rem;line-height:1.6}.home-c-kpis{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px;display:grid}@media (min-width:1024px){.home-c-kpis{grid-template-columns:repeat(4,1fr)}}.home-c-kpi-card{background:var(--surface);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);padding:16px 18px;display:block}.home-c-kpi-card:hover{border-color:var(--cl-accent-400);transform:translateY(-2px)}.home-c-kpi-label{color:var(--cl-main-400);align-items:center;gap:8px;margin:0;font-size:.75rem;display:flex}.home-c-kpi-dot{border-radius:50%;width:7px;height:7px}.home-c-kpi-dot--posts{background:var(--cl-accent-500)}.home-c-kpi-dot--projects{background:var(--cl-secondary-400)}.home-c-kpi-dot--tools{background:var(--home-c-npm)}.home-c-kpi-dot--photos{background:var(--cl-main-400)}.home-c-kpi-value{font-family:var(--font-display),Georgia,serif;font-variant-numeric:tabular-nums;margin:6px 0 8px;font-size:1.875rem}.home-c-widget{background:var(--surface);border:1px solid var(--stroke-subtle);border-left:3px solid var(--cl-main-600);border-radius:var(--radius-md);margin-bottom:24px;padding:20px;scroll-margin-top:24px}.home-c-widget--posts{border-left-color:var(--cl-accent-500)}.home-c-widget--projects{border-left-color:var(--cl-secondary-400)}.home-c-widget--tools{border-left-color:var(--home-c-npm)}.home-c-widget--photos{border-left-color:var(--cl-main-400)}.home-c-widget-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;margin-bottom:16px;display:flex}.home-c-widget-head-main{flex:220px;min-width:0}.home-c-widget-title{margin:0;font-size:1.0625rem;font-weight:500}.home-c-widget-description{max-width:768px;color:var(--cl-main-400);margin:20px 0 0;font-size:.8125rem;line-height:1.5}.home-c-widget-head-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.home-c-widget-count{font-family:var(--font-mono),monospace;color:var(--cl-main-300);background:color-mix(in srgb, var(--cl-main-50) 6%, transparent);border-radius:999px;padding:2px 10px;font-size:.75rem}.home-c-widget-link{color:var(--cl-main-300);border-bottom:1px solid var(--stroke-subtle);transition:color .2s var(--ease-out),border-color .2s var(--ease-out);border-radius:2px;align-items:center;gap:4px;font-size:.8125rem;text-decoration:none;display:inline-flex}.home-c-widget-link:hover,.home-c-widget-link:focus-visible{color:var(--cl-accent-500);border-color:var(--cl-accent-500)}.home-c-widget-link:focus-visible{outline:2px solid var(--cl-accent-500);outline-offset:3px}.home-c-widget-link-arrow{transition:transform .2s var(--ease-out);display:inline-block}.home-c-widget-link:hover .home-c-widget-link-arrow,.home-c-widget-link:focus-visible .home-c-widget-link-arrow{transform:translate(3px)}.home-c-widget-link:hover .home-c-widget-link-arrow.home-c-widget-link-arrow--back,.home-c-widget-link:focus-visible .home-c-widget-link-arrow.home-c-widget-link-arrow--back{transform:translate(-3px)}@media (prefers-reduced-motion:reduce){.home-c-widget-link-arrow,.home-c-sidebar-toggle-line{transition:none}}.home-c-grid-table{font-size:.9375rem;display:grid}.home-c-grid-row{border-bottom:1px solid var(--stroke-subtle);grid-template-columns:minmax(0,32%) minmax(0,1fr) 100px;grid-template-areas:"primary description meta";align-items:center;column-gap:12px;padding:10px 0;display:grid}.home-c-grid-row:last-child{border-bottom:none}.home-c-grid-row--with-preview{grid-template-columns:40px minmax(0,32%) minmax(0,1fr) 100px;grid-template-areas:"preview primary description meta"}.home-c-grid-row--head{color:var(--cl-main-400);text-transform:uppercase;letter-spacing:.04em;padding:0 0 10px;font-size:.75rem}.home-c-grid-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-c-grid-cell a{color:var(--cl-main-100);text-decoration:none}.home-c-grid-cell a:hover{color:var(--cl-accent-500)}.home-c-grid-cell--preview{grid-area:preview;overflow:visible}.home-c-grid-cell--primary{grid-area:primary}.home-c-grid-cell--description{grid-area:description}.home-c-grid-cell--meta{grid-area:meta}.home-c-table-muted{color:var(--cl-main-400)}.home-c-table-preview{object-fit:cover;border-radius:6px;width:40px;height:40px;display:block}.home-c-table-preview--empty{background:color-mix(in srgb, var(--cl-main-50) 5%, transparent);border:1px dashed var(--stroke-subtle)}@media not (min-width:768px){.home-c-grid-row--head{display:none}.home-c-grid-row{grid-template-columns:1fr auto;grid-template-areas:"primary meta""description description";row-gap:4px;padding:14px 0}.home-c-grid-row--with-preview{grid-template-columns:40px 1fr auto;grid-template-areas:"preview primary meta""description description description"}.home-c-grid-cell{white-space:normal;overflow:visible}.home-c-grid-cell--description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-c-grid-cell--meta{text-align:right;justify-self:end;font-size:.75rem}}.home-c-tag{color:var(--cl-secondary-400);background:color-mix(in srgb, var(--cl-secondary-500) 16%, transparent);border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.home-c-tag--npm{color:var(--home-c-npm);background:color-mix(in srgb, var(--home-c-npm) 16%, transparent)}.home-c-tag--figma{color:var(--cl-secondary-400);background:color-mix(in srgb, var(--cl-secondary-500) 16%, transparent)}.home-c-post-cards,.home-c-project-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.home-c-post-card,.home-c-project-card{color:inherit;background:color-mix(in srgb, var(--cl-main-50) 4%, transparent);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);text-decoration:none;display:block;overflow:hidden}.home-c-post-card:hover,.home-c-project-card:hover{border-color:var(--cl-accent-400);transform:translateY(-2px)}.home-c-post-card-image,.home-c-project-card-image{aspect-ratio:2;object-fit:cover;width:100%;height:auto;display:block}.home-c-post-card-image--empty,.home-c-project-card-image--empty{background:color-mix(in srgb, var(--cl-main-50) 5%, transparent);border-bottom:1px dashed var(--stroke-subtle)}.home-c-post-card-body,.home-c-project-card-body{flex-direction:column;gap:8px;padding:16px;display:flex}.home-c-post-card-date{font-family:var(--font-mono),monospace;color:var(--cl-main-400);font-size:.75rem}.home-c-post-card-title,.home-c-project-card-title{font-family:var(--font-display),Georgia,serif;color:var(--cl-main-100);margin:0;font-size:1.125rem;line-height:1.3}.home-c-post-card-description,.home-c-project-card-description{-webkit-line-clamp:2;color:var(--cl-main-400);-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.home-c-tool-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.home-c-tool-card{color:inherit;background:color-mix(in srgb, var(--cl-main-50) 4%, transparent);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);padding:16px;text-decoration:none;display:block}.home-c-tool-card:hover{border-color:var(--cl-accent-400);transform:translateY(-2px)}.home-c-tool-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.home-c-tool-card-name{color:var(--cl-main-100);margin:0;font-size:1rem}.home-c-tool-card-description{color:var(--cl-main-400);margin:8px 0 0;font-size:.8125rem;line-height:1.5}.home-c-post-title{font-size:clamp(1.5rem,3vw,2.25rem)}.home-c-post-content{min-width:0;margin-top:24px}.home-c-post-content img,.home-c-post-content table,.home-c-post-content iframe,.home-c-post-content video{max-width:100%}.home-c-post-inspect{border-top:1px solid var(--stroke-subtle);margin-top:32px;padding-top:24px}.home-c-post-grid{flex-direction:column;gap:24px;display:flex}@media (min-width:1440px){.home-c-post-grid{flex-direction:row;align-items:flex-start}}.home-c-post-main{min-width:0;max-width:calc(100vw - 40px);overflow-x:hidden}@media (min-width:1440px){.home-c-post-main{flex:auto;max-width:768px}}.home-c-post-sidebar{order:-1;min-width:0}@media (min-width:1440px){.home-c-post-sidebar{flex:1;order:0;min-width:220px;max-width:300px;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}}@media (1024px<=width<1440px){.home-c-post-sidebar .contents-list{visibility:hidden;height:0}.home-c-post-sidebar .contents-list-content{margin-top:0;padding:4px 8px 12px}.home-c-post-sidebar .contents-title{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.home-c-post-sidebar .contents-title:hover{color:var(--cl-main-50)}.home-c-post-sidebar .contents-chevron{display:inline}.home-c-post-sidebar .contents-control:checked+.contents-details .contents-list{visibility:visible;height:var(--drop-height,auto)}.home-c-post-sidebar .contents-control:checked+.contents-details .contents-title{color:var(--cl-main-100)}}.home-c-post-sidebar-meta{border-bottom:1px solid var(--stroke-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.home-c-post-section.container{max-width:none;padding-left:0;padding-right:0}.home-c-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.home-c-filter-pill{color:var(--cl-main-300);cursor:pointer;background:color-mix(in srgb, var(--cl-main-50) 5%, transparent);border:1px solid var(--stroke-subtle);transition:color .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out);border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.75rem}.home-c-filter-pill:hover{color:var(--cl-main-50)}.home-c-filter-pill[data-active=true]{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-accent-500) 20%, transparent);border-color:var(--cl-accent-400)}.home-c-minibar{margin-top:4px}.home-c-minibar-track{background:color-mix(in srgb, var(--cl-main-50) 8%, transparent);border-radius:999px;height:6px;display:flex;overflow:hidden}.home-c-minibar-segment{height:100%}.home-c-minibar-segment:not(:last-child){margin-right:1px}.home-c-minibar-legend{color:var(--cl-main-400);flex-wrap:wrap;gap:4px 10px;margin:8px 0 0;padding:0;font-size:.6875rem;list-style:none;display:flex}.home-c-minibar-legend li{align-items:center;gap:5px;display:inline-flex}.home-c-minibar-dot{border-radius:50%;width:6px;height:6px}.home-c-swatch-npm,.home-c-swatch-0{background:var(--cl-accent-500)}.home-c-swatch-figma,.home-c-swatch-1{background:var(--cl-secondary-400)}.home-c-swatch-2{background:var(--home-c-npm)}.home-c-swatch-3{background:var(--cl-main-400)}.home-c-scroll-fade{position:relative}.home-c-scroll-fade:before,.home-c-scroll-fade:after{z-index:1;pointer-events:none;content:"";opacity:1;width:32px;transition:opacity .2s var(--ease-out);position:absolute;top:0;bottom:0}.home-c-scroll-fade:before{background:linear-gradient(90deg, var(--surface), transparent);left:0}.home-c-scroll-fade:after{background:linear-gradient(270deg, var(--surface), transparent);right:0}.home-c-scroll-fade[data-at-start=true]:before,.home-c-scroll-fade[data-at-end=true]:after{opacity:0}.home-c-scroll-fade-track{scrollbar-width:none;overflow-x:auto}.home-c-photo-strip{gap:10px;padding:2px;display:flex}.home-c-photo-cell{cursor:pointer;outline-offset:2px;border-radius:8px;flex-shrink:0;width:90px;height:90px;display:block;overflow:hidden}.home-c-photo-cell img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-out),filter .3s var(--ease-out);display:block}.home-c-photo-cell:hover img,.home-c-photo-cell:focus-visible img{filter:saturate(1.15);transform:scale(1.08)}.home-c-photo-cell:focus-visible{outline:2px solid var(--cl-accent-500)}@media (prefers-reduced-motion:reduce){.home-c-photo-cell img{transition:none}}.home-c-photo-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:2px;display:grid}.home-c-photo-grid .home-c-photo-cell{width:auto}.home-c-footer{border-top:1px solid var(--stroke-subtle);flex-direction:column;gap:12px;margin-top:40px;padding-top:32px;display:flex}@media (min-width:1024px){.home-c-footer{flex-direction:row;justify-content:space-between;align-items:center}}.home-c-footer-text{color:var(--cl-main-500);margin:0;font-size:.8125rem}.home-c-footer-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.home-c-footer-social{gap:8px;display:flex}.home-c-footer-social-link{width:32px;height:32px;color:var(--cl-main-300);background:color-mix(in srgb, var(--cl-main-50) 6%, transparent);transition:color .2s var(--ease-out),background-color .2s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;display:flex}.home-c-footer-social-link:hover,.home-c-footer-social-link:focus-visible{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-accent-500) 16%, transparent)}.home-c-footer-social-link:focus-visible{outline:2px solid var(--cl-accent-500);outline-offset:2px}.home-c-footer-actions .theme-switcher{box-shadow:none;background:0 0;border-radius:0;padding:0}.home-c-footer-actions .theme-switcher-button{width:32px;height:32px;color:var(--cl-main-300);background:color-mix(in srgb, var(--cl-main-50) 6%, transparent);border-radius:8px}.home-c-footer-actions .theme-switcher-button:hover{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-accent-500) 16%, transparent)}.dark:not(.system) .home-c-footer-actions .theme-switcher-dark,.system .home-c-footer-actions .theme-switcher-system,.light:not(.system) .home-c-footer-actions .theme-switcher-light{color:var(--cl-main-50);background:color-mix(in srgb, var(--cl-accent-500) 20%, transparent)}