:root{--bg:#f7f7f5;--surface:#fff;--surface-muted:#edede8;--surface-active:#ededea;--grid-dot:#dadad5;--border:#e6e6e1;--border-strong:#dcdcd7;--text:#1a1a1a;--text-body:#3d3d3d;--text-muted:#5e5e5e;--label:#767676;--accent:#d4f25a;--on-accent:#1a1a1a;--status:#22c55e;--dock-bg:#ffffffe0;--primary-hover:#333;--avatar-from:#e4e4df;--avatar-to:#c9c9c3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--loud-bg:#111;--loud-text:#e3e3d3;--loud-accent:#f2994a;--loud-muted:#bdbdb0;--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-pixel:"Pixelify Sans", var(--font-mono);--font-signature:"Mrs Saint Delafield", cursive;--fs-body:1rem;--fs-meta:.8125rem;--fs-label:.75rem;--fs-heading:1.5rem;--fs-window-title:1.875rem;--fs-signature:4.5rem;--lh-body:1.65;--lh-tight:1.25;--tracking-label:.06em;--tracking-heading:-.01em;--tracking-title:-.02em;--column:640px;--gutter:24px;--section-gap:clamp(96px, 14vw, 140px);--tap:44px;--radius-control:10px;--radius-control-lg:12px;--radius-card:14px;--radius-dock:16px;--radius-window:18px;--radius-pill:999px;--shadow-card:0 1px 2px #0000000a, 0 4px 12px #0000000a;--shadow-dock:0 1px 2px #0000000a, 0 8px 24px #00000014;--shadow-window:0 24px 64px #00000029, 0 2px 8px #0000000f;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-press:.15s;--dur-hover:.2s;--dur-link:.25s;--dur-window:.35s;--dur-fan:.6s;--z-dock:50;--z-window:100;--z-toast:150}:root[data-theme=dark]{--bg:#111110;--surface:#1a1a18;--surface-muted:#23231f;--surface-active:#2a2a26;--grid-dot:#2b2b27;--border:#262622;--border-strong:#33332e;--text:#ededea;--text-body:#c9c9c3;--text-muted:#a1a19a;--label:#8a8a83;--dock-bg:#1a1a18d1;--primary-hover:#d6d6d0;--avatar-from:#2a2a26;--avatar-to:#1d1d1a;--shadow-card:0 1px 2px #0000004d, 0 4px 12px #00000040;--shadow-dock:0 1px 2px #0006, 0 8px 24px #0006;--shadow-window:0 24px 64px #00000080, 0 2px 8px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=640px){:root{--fs-body:1.0625rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100svh;color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{color:var(--text);line-height:var(--lh-tight);font-weight:600}ul[role=list],ol[role=list]{padding:0;list-style:none}img,svg,video{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:not(.allow-motion),:not(.allow-motion):before,:not(.allow-motion):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:.9s cubic-bezier(.45,0,.55,1) both theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0px at var(--theme-x) var(--theme-y))}to{clip-path:circle(var(--theme-r-end) at var(--theme-x) var(--theme-y))}}.btn{min-height:var(--tap);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--dur-press) ease, transform var(--dur-press) ease;border:1px solid #0000;align-items:center;gap:8px;padding:0 18px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--text);color:var(--surface)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}@media (hover:hover){.btn--primary:hover{background:var(--primary-hover)}.btn--secondary:hover{background:var(--surface-muted)}}kbd{border:1px solid var(--border-strong);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:6px;padding:1px 6px;font-size:11px}.label{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--label);font-weight:400}.heading{font-size:var(--fs-heading);letter-spacing:var(--tracking-heading);color:var(--text);font-weight:600}.mono{font-family:var(--font-mono);font-size:var(--fs-meta)}.muted{color:var(--text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{padding-bottom:calc(var(--tap) + 12px + 2px + 24px + 24px)}.section{grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [content-start] min(var(--column), 100% - var(--gutter) * 2) [content-end] minmax(var(--gutter), 1fr) [full-end];padding-block:calc(var(--section-gap) / 2);row-gap:32px;scroll-margin-top:24px;display:grid}.section>*{grid-column:content}.section>.breakout{grid-column:full}.section:first-child{padding-top:64px}.section:last-child{padding-bottom:0}.section__header{gap:8px;display:grid}.section__intro{color:var(--text-muted)}.dot-grid{background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);background-size:16px 16px}.contact{gap:48px;display:grid}.contact__form{gap:12px;display:grid}.contact__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--text);transition:border-color var(--dur-hover) ease;padding:12px 14px;font-size:.9375rem;line-height:1.5}.field::placeholder{color:var(--label)}.field:focus-visible{border-color:var(--text-muted);outline:none}.field--message{resize:vertical;min-height:180px}.contact__honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact__actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.contact__actions .btn{border-radius:var(--radius-pill)}.contact__actions .btn:disabled{opacity:.6;cursor:progress}.contact__hint{font-size:var(--fs-meta);color:var(--label);align-items:center;gap:6px;display:inline-flex}@media (hover:none){.contact__hint{display:none}}.contact__status{min-height:1.5em;font-size:var(--fs-meta);color:var(--text-muted)}.contact__status--error{color:#d9534f}.contact__links{gap:4px;margin:0;display:grid}.contact__link{color:var(--text-muted);transition:color var(--dur-link) ease;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;text-decoration:none;display:flex}.contact__link-label,.contact__link-value{align-items:center;gap:12px;display:inline-flex}.contact__link-value{overflow-wrap:anywhere;text-align:right;gap:10px;min-width:0}.contact__link-value svg{transition:transform var(--dur-link) var(--ease-out);flex:none}@media (hover:hover){.contact__link:hover{color:var(--text)}.contact__link:hover .contact__link-value svg{transform:translate(2px,-2px)}}.contact__footer{justify-items:center;gap:24px;padding-top:16px;display:grid}.contact__credit{font-size:var(--fs-meta);color:var(--label)}@media (width<=479px){.contact__row{grid-template-columns:1fr}}.signature{--draw-time:2.6s;width:min(260px,75%);height:auto;color:var(--text);margin-inline:auto;display:block;overflow:visible}.signature__stroke{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.01px;transition:stroke-dashoffset calc(var(--draw-time) * var(--share)) linear calc(var(--draw-time) * var(--start))}.signature.is-drawn .signature__stroke{stroke-dashoffset:0}.dock{bottom:24px;left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:var(--z-dock);border:1px solid var(--border);border-radius:var(--radius-dock);background:var(--dock-bg);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:var(--shadow-dock);padding:6px;position:fixed;transform:translate(-50%)}.dock__list{gap:4px;margin:0;display:flex}.dock__item{width:var(--tap);height:var(--tap);border-radius:var(--radius-control-lg);color:var(--text-muted);transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease;place-items:center;text-decoration:none;display:grid;position:relative}.dock__item.is-active{background:var(--surface-active);color:var(--text)}.dock__icon{transition:transform var(--dur-hover) var(--ease-out);display:grid}.dock__tooltip{background:var(--text);color:var(--surface);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-hover) ease, translate var(--dur-hover) var(--ease-out);border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.4;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 4px}@media (hover:hover){.dock__item:hover{color:var(--text)}.dock__item:hover .dock__icon{transform:translateY(-4px)scale(1.15)}.dock__item:hover .dock__tooltip{opacity:1;translate:-50%}}.dock__item:focus-visible .dock__tooltip{opacity:1;translate:-50%}.dock__item:focus-visible{outline-offset:2px;border-radius:var(--radius-control-lg)}.experience{gap:32px;margin:0;display:grid}.experience__item{grid-template-columns:160px 1fr;gap:24px;display:grid}.experience__dates{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--label);white-space:nowrap;padding-top:4px}.experience__body{gap:4px;display:grid}.experience__title{letter-spacing:0;font-size:1rem;font-weight:500}.experience__company{vertical-align:bottom;align-items:center;gap:6px;display:inline-flex}.experience__company a{text-decoration:none}@media (hover:hover){.experience__company a:hover{text-underline-offset:3px;text-decoration:underline}}.experience__logo{object-fit:cover;border-radius:6px;flex:none;width:20px;height:20px}.experience__logo--fallback{background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);place-items:center;font-size:11px;font-weight:500;line-height:1;display:grid}.experience__description{color:var(--text-muted)}.experience__toggle{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--label);cursor:pointer;transition:color var(--dur-hover) ease;background:0 0;border:0;justify-self:start;align-items:center;gap:4px;margin-top:4px;padding:2px 0;display:inline-flex}.experience__toggle svg{transition:transform var(--dur-hover) var(--ease-out)}.experience__toggle.is-open svg{transform:rotate(180deg)}@media (hover:hover){.experience__toggle:hover{color:var(--text)}.experience__toggle:not(.is-open):hover svg{transform:translateY(2px)}}.experience__panel{opacity:0;transition:grid-template-rows .25s var(--ease-out), opacity .2s ease;grid-template-rows:0fr;display:grid}.experience__panel.is-open{opacity:1;grid-template-rows:1fr}.experience__highlights{min-height:0;color:var(--text-muted);gap:6px;margin:0;padding:6px 0 0 1.1em;font-size:.9375rem;list-style:"– ";display:grid;overflow:hidden}.experience__highlights li::marker{color:var(--label)}@media (width<=559px){.experience__item{grid-template-columns:1fr;gap:4px}.experience__dates{padding-top:0}}.hero{justify-items:start;gap:20px;display:grid}.hero__avatar{border-radius:var(--radius-card);background:linear-gradient(145deg, var(--avatar-from), var(--avatar-to));width:80px;height:80px;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-muted);place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.hero__photo{border-radius:inherit;object-fit:cover;width:100%;height:100%}.hero__status{border-radius:var(--radius-pill);background:var(--status);border:3px solid var(--bg);box-sizing:content-box;width:16px;height:16px;position:absolute;bottom:-4px;right:-4px;translate:-3px -3px}.hero__id{gap:2px;display:grid}.hero__name{letter-spacing:0;font-size:1rem}.hero__role{font-size:var(--fs-meta);color:var(--text-muted)}.hero__bio{max-width:34em;color:var(--text-body);font-size:1.0625rem;line-height:1.85}.highlight{background:var(--accent);color:var(--on-accent);border-radius:6px;padding:2px 8px;font-weight:500}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero__hint{font-size:var(--fs-meta);color:var(--label);align-items:center;gap:6px;margin-top:-8px;display:flex}@media (hover:none){.hero__hint{display:none}}.mixtape{--tape-shell:#1c1c1c;--tape-rib:#262626;--tape-screw:#2e2e2e;--tape-label:#f2ecdf;--tape-line:#d2c8b4;--tape-ink:#1c1c1c;--tape-ink-soft:#4a4a4a;--tape-stripe:#d9472b;--tape-gold:#c9a86a;--tape-window:#2b2724;--tape-pack:#4a3426;--tape-pack-edge:#5e4433;--tape-hub:#f4f1ea;--tape-guard:#232323;--tape-hole:#0e0e0e;--tape-rim:#ffffff14;--tape-sheen:.05;--tape-shadow:0 18px 30px #0000002e;gap:16px;display:grid;position:relative}:root[data-theme=dark] .mixtape{--tape-rim:#ffffff38;--tape-sheen:.12;--tape-shadow:0 0 0 1px #ffffff1a, 0 0 28px #ffffff14, 0 18px 30px #00000080}.mixtape__cassette{cursor:pointer;width:100%;max-width:560px;box-shadow:var(--tape-shadow);background:0 0;border:0;border-radius:3.57%/5.71%;margin:0 auto;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block}.mixtape__cassette:focus-visible{outline:2px solid var(--text);outline-offset:6px}.mixtape__cassette:active{transform:scale(.99)}@media (hover:hover){.mixtape__cassette:hover{transform:translateY(-4px)rotate(-1deg)}}.mixtape[data-state=error] .mixtape__cassette{cursor:default}.mixtape__svg{width:100%;height:auto;display:block}.mixtape__hub{transform-origin:0 0}.mixtape__title{font-family:Caveat,cursive;font-weight:700}.mixtape__artist{font-family:Caveat,cursive;font-weight:500}.mixtape__side{font-family:var(--font-sans);font-weight:600}.mixtape__transport{align-items:center;gap:14px;display:flex}.mixtape__play{border-radius:var(--radius-pill);background:var(--text);width:44px;height:44px;color:var(--surface);cursor:pointer;transition:transform var(--dur-press) ease;border:0;flex:none;place-items:center;padding:0;display:grid}.mixtape__play:active{transform:scale(.96)}.mixtape__spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;width:16px;height:16px;animation:.8s linear infinite mixtape-spin}@keyframes mixtape-spin{to{transform:rotate(360deg)}}.mixtape__progress{flex:1;gap:6px;display:grid}.mixtape__track{background:var(--border);border-radius:4px;height:4px;overflow:hidden}.mixtape__fill{background:var(--text);transform-origin:0;height:100%;transform:scaleX(0)}.mixtape__times{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--label);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.mixtape__caption{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:.875rem;display:flex}.mixtape__label{align-items:center;gap:10px;display:inline-flex}.mixtape__spotify{min-height:var(--tap);color:var(--text);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.mixtape__spotify svg{transition:transform var(--dur-link) var(--ease-out)}@media (hover:hover){.mixtape__spotify:hover svg{transform:translate(2px,-2px)}}.mixtape__eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.mixtape__eq span{background:var(--text);transform-origin:bottom;width:3px;height:14px;animation:.9s ease-in-out infinite alternate paused mixtape-eq;transform:scaleY(.3)}.mixtape__eq span:first-child{animation-delay:-.2s}.mixtape__eq span:nth-child(2){animation-delay:-.5s}.mixtape__eq span:nth-child(3){animation-delay:-.8s}.mixtape[data-state=playing] .mixtape__eq span{animation-play-state:running}@keyframes mixtape-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.mixtape__embed{opacity:0;pointer-events:none;width:100%;height:80px;position:absolute;bottom:0;left:0;overflow:hidden}.mixtape__embed iframe{border:0;display:block}.fan{--card-w:280px;--rest-gap:clamp(80px, 11vw, 140px);--gap:var(--rest-gap);--tilt:5deg;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--fan-open:.6s;--fan-close:.6s;--fan-ease:cubic-bezier(.39, .575, .565, 1);padding-block:30px;overflow-x:clip}.fan__list{width:min(100%, calc(var(--card-w) + (var(--count) - 1) * var(--rest-gap) + 48px));height:320px;margin:0 auto;position:relative}.fan__item{width:var(--card-w);transform:translate(-50%, -50%) translateX(calc(var(--offset) * var(--gap))) translateY(calc(var(--drop) * 14px)) rotate(calc(var(--offset) * var(--tilt)));will-change:transform;transition:transform var(--fan-close) var(--fan-ease) calc(var(--drop) * 25ms), z-index 0s .6s;position:absolute;top:50%;left:50%}.fan.is-open{--gap:clamp(100px, calc((100vw - var(--card-w) - 72px) / 3), 260px);--tilt:1.5deg}.fan:has(.fan__list:hover){--gap:clamp(100px, calc((100vw - var(--card-w) - 72px) / 3), 260px);--tilt:1.5deg}.fan:has(:focus-visible){--gap:clamp(100px, calc((100vw - var(--card-w) - 72px) / 3), 260px);--tilt:1.5deg}.fan__item:hover{z-index:1}.fan__item:has(:focus-visible){z-index:1}.fan.is-open .fan__item{transition:transform var(--fan-open) var(--fan-ease) calc(var(--drop) * 40ms), z-index 0s}.fan:has(.fan__list:hover) .fan__item{transition:transform var(--fan-open) var(--fan-ease) calc(var(--drop) * 40ms), z-index 0s}.fan:has(:focus-visible) .fan__item{transition:transform var(--fan-open) var(--fan-ease) calc(var(--drop) * 40ms), z-index 0s}.fan__card{aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--radius-window);width:100%;box-shadow:var(--shadow-card), 0 12px 32px #00000014;text-align:left;cursor:pointer;transition:transform .9s var(--ease-smooth), box-shadow .9s var(--ease-smooth);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;overflow:hidden}@media (hover:hover){.fan__card:hover{box-shadow:var(--shadow-card), 0 24px 48px #00000029;transform:translateY(-12px)scale(1.06)}}.fan__card--light{--surface-muted:#edede8;--text-muted:#5e5e5e;color:#1a1a1a;background:#fff;border-color:#e6e6e1}.fan__card--dark{--surface-muted:#23231f;--text-muted:#a1a19a;background:var(--loud-bg);color:var(--loud-text);border-color:#2a2a28}.fan__dots{gap:5px;display:flex}.fan__dots span{border-radius:var(--radius-pill);opacity:.25;background:currentColor;width:7px;height:7px}.fan__title{letter-spacing:var(--tracking-heading);font-size:.9375rem;font-weight:600}.fan__tags{gap:6px;display:flex}.chip{background:var(--surface-muted);color:var(--text-muted);border-radius:6px;padding:2px 8px;font-size:11px;line-height:1.6}.chip--accent{background:var(--accent);color:var(--on-accent)}.fan__preview{flex:1 1 0;min-height:0}.preview--image{object-fit:cover;object-position:top;border-radius:8px;width:100%;height:100%}.preview--sketch{align-content:start;gap:8px;display:grid}.preview__line{opacity:.12;background:currentColor;border-radius:4px;height:8px}.preview__line--short{width:60%}.preview__blocks{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.preview__blocks span{opacity:.1;background:currentColor;border-radius:6px;height:56px}.preview__blocks .is-accent{background:var(--accent);opacity:1}@media (width<=719px){.fan__list{width:auto;height:auto;padding:32px var(--gutter);justify-items:center;gap:16px;display:grid}.fan__item{width:100%;max-width:420px;position:static;transform:none}}.project-modal{width:min(880px,100vw - 32px);max-width:none;max-height:none;color:var(--loud-text);background:0 0;border:0;padding:0;overflow:visible}.project-modal::backdrop{background:#111111eb}.project-modal[open]{animation:.12s ease-out modal-in}.project-modal[open]::backdrop{animation:.12s ease-out backdrop-in}.project-modal.is-closing{animation:.1s ease-in forwards modal-out}.project-modal.is-closing::backdrop{animation:.1s ease-in forwards backdrop-out}@keyframes modal-in{0%{opacity:0}}@keyframes modal-out{to{opacity:0}}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}html:has(.project-modal[open]){overflow:hidden}.project-modal__body{gap:20px;display:grid;position:relative}.project-modal__close{z-index:1;border-radius:var(--radius-pill);background:var(--loud-bg);width:36px;height:36px;color:var(--loud-text);cursor:pointer;border:1px solid #333;place-items:center;display:grid;position:absolute;top:-12px;right:-12px}.project-modal__frame{border-radius:var(--radius-window);background:#262626;border:6px solid #fff;overflow:hidden}.project-modal__preview.preview--image{object-fit:contain;border-radius:0;width:100%;height:auto;max-height:70vh;display:block}.project-modal__preview.preview--sketch{aspect-ratio:16/10;color:var(--loud-text);padding:32px}.project-modal__preview .preview__blocks span{height:120px}.placeholder{--ph-bg:#f7f7f5;--ph-surface:#fff;--ph-ink:#1a1a1a;--ph-muted:#5e5e5e;--ph-line:#00000014;--ph-border:#e6e6e1;aspect-ratio:16/10;background:var(--ph-bg);color:var(--ph-ink);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.placeholder--dark{--ph-bg:#161615;--ph-surface:#222220;--ph-ink:#e3e3d3;--ph-muted:#bdbdb0;--ph-line:#ffffff14;--ph-border:#2e2e2b}.placeholder__bar{border-bottom:1px solid var(--ph-border);align-items:center;gap:16px;padding:10px 14px;display:flex}.placeholder__dots{gap:6px;display:flex}.placeholder__dots span{border-radius:var(--radius-pill);background:var(--ph-line);width:9px;height:9px}.placeholder__url{border-radius:var(--radius-pill);background:var(--ph-line);width:38%;height:14px;margin-inline:auto}.placeholder__body{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.placeholder__main{grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;min-height:0;padding:18px 20px;display:grid}.placeholder__header{justify-content:space-between;align-items:center;display:flex}.placeholder__line{background:var(--ph-line);border-radius:4px;height:8px;display:block}.placeholder__line--title{width:30%;height:12px}.placeholder__line--short{width:50%}.placeholder__line--big{width:70%;height:16px;margin-top:10px}.placeholder__avatar{border-radius:var(--radius-pill);background:var(--ph-line);width:26px;height:26px}.placeholder__hero{border:1px solid var(--ph-border);background:var(--ph-surface);text-align:center;border-radius:12px;place-content:center;justify-items:center;gap:12px;padding:16px;display:grid}.placeholder__name{letter-spacing:var(--tracking-title);text-wrap:balance;font-size:clamp(1.25rem,3.4vw,2rem);font-weight:600;line-height:1.15}.placeholder__tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.placeholder__tag{border-radius:var(--radius-pill);background:var(--ph-line);color:var(--ph-muted);font-family:var(--font-mono);padding:3px 10px;font-size:11px}.placeholder__tag.is-accent{background:var(--accent);color:var(--on-accent)}.placeholder__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.placeholder__card{border:1px solid var(--ph-border);background:var(--ph-surface);border-radius:10px;padding:12px}.placeholder__chart{border:1px solid var(--ph-border);background:var(--ph-surface);border-radius:10px;align-items:flex-end;gap:8px;height:64px;padding:10px 12px;display:flex}.placeholder__chart span{background:var(--ph-line);border-radius:4px;flex:1}@media (width<=600px){.placeholder{aspect-ratio:4/5}}.gallery{position:relative}.gallery__viewport{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.gallery__viewport.is-dragging{cursor:grabbing}.gallery__track{transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex}.gallery__viewport.is-dragging .gallery__track{transition:none}.gallery__slide{flex:0 0 100%;min-width:0}.gallery__slide--phone{justify-content:center;align-items:center;gap:16px;padding:24px 24px 48px;display:flex}.gallery__slide--phone .project-modal__preview.preview--image{object-fit:contain;border-radius:14px;flex:0 auto;width:auto;max-width:calc(33.3333% - 10.6667px);height:min(60vh,520px)}@media (width<=600px){.gallery__slide--phone .project-modal__preview.preview--image{max-width:100%}}.gallery__nav{border-radius:var(--radius-pill);color:#fff;cursor:pointer;width:40px;height:40px;transition:background-color var(--dur-hover) ease;background:#1119;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%}.gallery__nav--prev{left:12px}.gallery__nav--next{right:12px}@media (hover:hover){.gallery__nav:hover{background:#111111d9}}.gallery__dots{border-radius:var(--radius-pill);background:#11111180;gap:4px;padding:4px 6px;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.gallery__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.gallery__dot:before{content:"";border-radius:var(--radius-pill);opacity:.4;width:8px;height:8px;transition:opacity var(--dur-hover) ease;background:#fff}.gallery__dot[aria-current=true]:before{opacity:1}.project-modal__caption{text-align:center;justify-items:center;gap:8px;max-width:60ch;margin-inline:auto;display:grid}.project-modal__title{color:var(--loud-text);font-size:1.125rem}.project-modal__description{color:var(--loud-muted);font-size:.9375rem}.project-modal__link{border-radius:var(--radius-control);color:var(--loud-text);transition:background-color var(--dur-press) ease;border:1px solid #333;align-items:center;gap:8px;margin-top:4px;padding:8px 14px;font-size:.875rem;text-decoration:none;display:inline-flex}@media (hover:hover){.project-modal__link:hover{background:#222}}.resume-link{font-size:var(--fs-meta);color:var(--text);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:text-decoration-color var(--dur-hover) ease;justify-self:start;align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.resume-link:hover{text-decoration-color:currentColor}}.stack__filters{flex-wrap:wrap;gap:6px 18px;display:flex}.stack__filter{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--label);cursor:pointer;text-underline-offset:6px;transition:color var(--dur-hover) ease, text-decoration-color var(--dur-hover) ease;background:0 0;border:0;padding:4px 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.5px}@media (hover:hover){.stack__filter:hover{color:var(--text)}}.stack__filter[aria-pressed=true]{color:var(--text);text-decoration-color:currentColor}.stack__dock{gap:12px;display:grid}ul.stack__bar{--tile:34px;height:calc(var(--tile) + 28px);align-items:flex-end;gap:5px;margin:0;padding:0;display:flex}.stack__entry{align-items:flex-end;transition:opacity .25s,filter .25s;display:flex}.stack__entry.is-dimmed{opacity:.25;filter:grayscale()}.stack__gap{width:8px}.stack__tile{--s:1;width:calc(var(--tile) * var(--s));height:calc(var(--tile) * var(--s));border-radius:calc(9px * var(--s));background:var(--surface-muted);flex:none;place-items:center;text-decoration:none;transition:width .12s ease-out,height .12s ease-out,border-radius .12s ease-out;display:grid}.stack__tile:focus-visible{--s:1.3;outline-offset:3px}.stack__img{object-fit:contain;pointer-events:none;width:58%;height:58%}.stack__img--dark,:root[data-theme=dark] .stack__img--light{display:none}:root[data-theme=dark] .stack__img--dark{display:block}.stack__fallback{font-family:var(--font-mono);font-size:calc(11px * var(--s));color:var(--text-muted)}.stack__name{min-height:1.5em;color:var(--text);font-size:.9375rem}@media (width<=719px){ul.stack__bar{scrollbar-width:none;height:auto;padding-top:8px;overflow-x:auto}.stack__entry,.stack__gap{flex:none}}.topbar{width:min(var(--column), 100% - var(--gutter) * 2);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tracking-label);color:var(--text-muted);justify-content:space-between;align-items:center;margin-inline:auto;padding-top:20px;display:flex}.topbar__location{text-transform:uppercase}.topbar__right{align-items:center;gap:10px;display:inline-flex}.topbar__theme{border-radius:var(--radius-control);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease;background:0 0;border:0;place-items:center;margin:-8px -8px -8px 0;padding:0;display:grid}@media (hover:hover){.topbar__theme:hover{background:var(--surface-active);color:var(--text)}}.topbar__clock{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}