*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;--paper:#faf9f5;--paper-press:#f0eee7;--ink:#191813;--muted:#6f6d64;--hairline:#e4e2d8;--green:#15803d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#171611;--paper-press:#211f18;--ink:#f0eee6;--muted:#9a978a;--hairline:#2c2a22;--green:#4ade80}}:root[data-theme=dark]{color-scheme:dark;--paper:#171611;--paper-press:#211f18;--ink:#f0eee6;--muted:#9a978a;--hairline:#2c2a22;--green:#4ade80}:root[data-theme=light]{color-scheme:light}body,html{background:var(--paper);color:var(--ink);font-family:Stack Sans Headline,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;font-size:16px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--paper)}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}.content{max-width:1160px;margin:0 auto;padding:2.5rem 1.5rem 3.5rem;display:flex;flex-direction:column;gap:3.5rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.content>*{animation:rise .5s cubic-bezier(.2,.6,.2,1) both}.content>:nth-child(2){animation-delay:.06s}.content>:nth-child(3){animation-delay:.12s}.content>:nth-child(4){animation-delay:.18s}.content>:nth-child(5){animation-delay:.24s}.projects li{animation:rise .45s cubic-bezier(.2,.6,.2,1) both;animation-delay:.22s}.projects li:nth-child(2){animation-delay:.27s}.projects li:nth-child(3){animation-delay:.32s}.projects li:nth-child(4){animation-delay:.37s}.projects li:nth-child(5){animation-delay:.42s}.projects li:nth-child(6){animation-delay:.47s}.projects li:nth-child(n+7){animation-delay:.52s}@media (prefers-reduced-motion:reduce){.content>*,.projects li{animation:none}}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar .mark{display:block;width:40px;height:auto;fill:var(--ink);cursor:pointer;overflow:visible;transform-box:fill-box;transform-origin:center bottom;transition:transform .18s cubic-bezier(.3,1.2,.4,1)}.topbar .mark:hover{transform:scale(1.06)}.topbar .mark .dot{transform-box:fill-box;transform-origin:center}.topbar-actions{gap:.65rem}.social,.topbar-actions{display:flex;align-items:center}.social{gap:.25rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--ink);cursor:pointer;font:inherit;transition:background .12s ease,color .12s ease}.theme-toggle:hover{background:var(--ink);color:var(--paper)}.theme-toggle svg{width:17px;height:17px;display:block;transition:transform .25s cubic-bezier(.3,1.2,.4,1)}.theme-toggle:hover svg{transform:rotate(-18deg)}.social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--ink);transition:background .12s ease,color .12s ease}.social a:hover{background:var(--ink);color:var(--paper)}.social svg{width:17px;height:17px;display:block;fill:currentColor;transition:transform .25s cubic-bezier(.3,1.2,.4,1)}.social a:hover svg{transform:scale(1.12)}.intro h1{font-size:clamp(2.5rem,7vw,3.75rem);font-weight:650;letter-spacing:-.025em;line-height:1.05;margin-bottom:.5rem}.intro .role{font-size:clamp(1.05rem,2.5vw,1.2rem);font-weight:400;color:var(--muted)}.live-line{margin-top:1.6rem;font-size:1rem;min-height:1.6em;color:var(--muted);max-width:34rem}.live-line strong{color:var(--green);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.skeleton{display:inline-block;position:relative;overflow:hidden;background:var(--paper-press);border-radius:3px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(127,127,127,.1),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.skeleton-line{width:min(26rem,100%);height:1em;vertical-align:-.15em}.skeleton-stat{width:6rem;height:.9em}.skeleton-stat-sm{width:4.5rem;height:.8em}.oss-link{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:.9rem 1rem;border:1px solid var(--hairline);border-radius:8px;color:var(--ink);text-decoration:none;transition:background .12s ease,border-color .12s ease}.oss-link:hover{background:var(--paper-press);border-color:var(--muted)}.oss-main h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}.oss-blurb{margin-top:.15rem;line-height:1.5}.oss-blurb,.oss-go{font-size:.85rem;color:var(--muted)}.oss-go{font-weight:500;white-space:nowrap;transition:color .15s ease,transform .15s ease}.oss-link:hover .oss-go{color:var(--ink);transform:translateX(3px)}section h2{font-size:.8rem;font-weight:550;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.section-note{font-size:.85rem;color:var(--muted);margin-bottom:.9rem}.projects{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.card{display:flex;flex-direction:column;height:100%;border:1px solid var(--hairline);border-radius:8px;overflow:hidden;color:var(--ink);text-decoration:none;background:var(--paper);transition:background .12s ease,border-color .12s ease,transform .18s cubic-bezier(.2,.6,.2,1)}.card:hover{border-color:var(--muted);transform:translateY(-2px)}.card-thumb,.card:hover{background:var(--paper-press)}.card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--hairline);transform:translateZ(0)}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:transform .3s ease}.card:hover .card-thumb img{transform:translateZ(0) scale(1.04)}@media (prefers-reduced-motion:reduce){.card,.card-thumb img,.social svg,.theme-toggle svg,.topbar .mark{transition:none}}.card-thumb-web{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:.82rem;font-weight:500;letter-spacing:.02em}.card-body{flex:1 1;padding:.8rem .9rem .6rem}.card-body h3{font-size:1rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.card-tag{font-size:.72rem;font-weight:450;color:var(--muted);text-transform:capitalize}.card-blurb{margin-top:.3rem;font-size:.82rem;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{justify-content:space-between;padding:.55rem .9rem .75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-foot,.card-stats{display:flex;align-items:baseline;gap:.6rem}.card-stats{min-width:0}.card-playing{font-weight:600;color:var(--green)}.card-playing,.card-visits{font-size:.8rem;white-space:nowrap}.card-visits{color:var(--muted)}.card-visits strong{font-weight:600;color:var(--ink)}.card-open{font-size:.78rem;font-weight:500;color:var(--muted);opacity:0;transform:translateX(-3px);transition:opacity .15s ease,transform .15s ease,color .15s ease}.card:hover .card-open{opacity:1;transform:none;color:var(--ink)}@media (prefers-reduced-motion:reduce){.card-open{opacity:1;transform:none;transition:none}}footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.4rem;border-top:1px solid var(--hairline);font-size:.85rem;color:var(--muted)}@media (max-width:1024px){.projects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.content{gap:2.75rem}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}}@media (max-width:460px){.projects{grid-template-columns:1fr}}@media (max-width:540px){.content{padding:1.75rem 1.1rem 2.75rem}}