:root{--ink:#16232e;--mute:#5c6b78;--line:#a8b8c6;--paper:#f4f6f8;--field:#c5d4e0;--field-deep:#8fadc0;--signal:#1f6f8b;--signal-soft:#1f6f8b24;--display:"Syne", sans-serif;--sans:"Source Sans 3", sans-serif;--mono:"IBM Plex Mono", monospace;--space:clamp(1.25rem, 3vw, 2rem);--measure:68rem;--beat-phase:0;--bar-phase:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}#root{min-height:100svh}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.page{flex-direction:column;min-height:100svh;display:flex}.section{width:min(100%, var(--measure));padding:clamp(3.5rem, 8vw, 5.5rem) var(--space);margin-inline:auto}.section__intro{max-width:38rem;margin-bottom:2rem}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin:0 0 .65rem;font-size:.78rem}.section h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700;line-height:1.15}.section__lede{color:var(--mute);max-width:42ch;margin:0}[data-reveal]{opacity:0;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(12px)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}.about{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--field) 35%, transparent));width:100%;max-width:none;padding-inline:0}.about .section__intro{width:min(100%, var(--measure));padding-inline:var(--space);margin-inline:auto}.btn{border-radius:2px;justify-content:center;align-items:center;min-height:2.75rem;padding:.55rem 1.15rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn--primary:hover{background:var(--signal);border-color:var(--signal)}.btn--ghost{color:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);background:0 0}.btn--ghost:hover{border-color:var(--ink);background:#ffffff59}.contact .btn{margin-top:.25rem}.footer{width:min(100%, var(--measure));padding:1.5rem var(--space) 2rem;border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-inline:auto;font-size:.9rem;display:flex}.footer p{margin:0}.footer__note{font-family:var(--mono);font-size:.78rem}.hero{isolation:isolate;min-height:100svh;color:var(--ink);align-items:end;display:grid;position:relative;overflow:hidden}.hero__plane{z-index:-1;background:radial-gradient(120% 80% at 70% 10%, #ffffff8c, transparent 55%), linear-gradient(160deg, var(--field) 0%, #d7e2ea 42%, var(--field-deep) 100%);position:absolute;inset:0}.hero__grid{background-image:linear-gradient(#16232e12 1px,#0000 1px),linear-gradient(90deg,#16232e12 1px,#0000 1px);background-size:48px 48px;background-position:calc(var(--bar-phase,0) * 48px) calc(var(--bar-phase,0) * 48px), calc(var(--bar-phase,0) * 48px) calc(var(--bar-phase,0) * 48px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}html[data-clock=paused] .hero__grid{background-position:0 0,0 0;animation:28s linear infinite hero-grid-drift}.hero__band{filter:blur(.5px);background:linear-gradient(90deg,#0000,#ffffff47,#0000);height:28%;position:absolute;inset-inline:-10%;transform:rotate(-8deg)}.hero__band--a{animation:14s ease-in-out infinite alternate hero-band-shift;top:18%}.hero__band--b{opacity:.55;animation:18s ease-in-out infinite alternate-reverse hero-band-shift;top:48%}.hero__staff{inset-inline:0;padding-inline:var(--space);opacity:.35;gap:.7rem;display:grid;position:absolute;bottom:12%}.hero__staff span{background:var(--ink);transform-origin:0;height:1px;animation:1.1s forwards hero-staff-draw;display:block}.hero__staff span:nth-child(2){animation-delay:80ms}.hero__staff span:nth-child(3){animation-delay:.16s}.hero__staff span:nth-child(4){animation-delay:.24s}.hero__staff span:nth-child(5){animation-delay:.32s}.hero__playhead{top:-.55rem;bottom:-.55rem;left:calc(var(--space) + var(--bar-phase,0) * (100% - 2 * var(--space)));background:linear-gradient(180deg, transparent, var(--signal) 12%, var(--signal) 88%, transparent);width:2px;box-shadow:0 0 12px color-mix(in srgb, var(--signal) 45%, transparent);opacity:.85;pointer-events:none;will-change:left;position:absolute}html[data-clock=paused] .hero__playhead{display:none}.hero__content{width:min(100%, var(--measure));padding:6.5rem var(--space) 4.5rem;margin-inline:auto}.hero__brand{font-family:var(--display);letter-spacing:-.04em;max-width:12ch;filter:brightness(calc(1 + (1 - var(--beat-phase,0)) * .04));margin:0 0 1rem;font-size:clamp(2.75rem,9vw,5.75rem);font-weight:800;line-height:.95;animation:.7s both hero-rise}html[data-clock=paused] .hero__brand{filter:none}.hero__title{font-family:var(--display);letter-spacing:-.02em;max-width:18ch;margin:0 0 .85rem;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:700;line-height:1.2;animation:.7s 90ms both hero-rise}.hero__lede{max-width:34ch;color:color-mix(in srgb, var(--ink) 78%, transparent);margin:0 0 1.75rem;font-size:1.05rem;animation:.7s .16s both hero-rise}.hero__actions{flex-wrap:wrap;gap:.75rem;animation:.7s .23s both hero-rise;display:flex}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-staff-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes hero-band-shift{0%{transform:rotate(-8deg)translate(-2%)}to{transform:rotate(-8deg)translate(3%)}}@keyframes hero-grid-drift{0%{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}@media (width<=720px){.hero__content{padding-top:5.5rem;padding-bottom:3.25rem}}@media (prefers-reduced-motion:reduce){html[data-clock=paused] .hero__grid{animation:none}}.topbar{inset-inline:0;z-index:2;padding:1.1rem var(--space);max-width:var(--measure);justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-inline:auto;display:flex;position:absolute;top:0}.topbar__mark{color:var(--ink);border-radius:2px;align-items:center;text-decoration:none;display:inline-flex}.topbar__avatar{object-fit:cover;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:2px;width:2rem;height:2rem}.topbar__end{align-items:center;gap:1.25rem;display:flex}.topbar__nav{gap:1.25rem;display:flex}.topbar__nav a{color:var(--ink);opacity:.72;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .16s}.topbar__nav a:hover{opacity:1}@media (width<=720px){.topbar__end{gap:.75rem}.topbar__nav{gap:.9rem}}.volume{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);background:color-mix(in srgb, var(--paper) 55%, transparent);color:var(--ink);border-radius:2px;align-items:center;gap:.5rem;margin:0;padding:.3rem .65rem;display:inline-flex}.volume__bpm{font-family:var(--mono);letter-spacing:.06em;color:var(--signal);text-align:center;min-width:1.6rem;opacity:calc(.55 + (var(--beat-phase,0) * .45));font-size:.72rem}.volume__text{letter-spacing:.01em;font-size:.82rem;font-weight:600}.volume__slider{width:5.5rem;height:.35rem;accent-color:var(--signal);cursor:pointer;margin:0}html[data-clock=paused] .volume__bpm{opacity:1}@media (width<=720px){.volume__text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.volume__slider{width:4.25rem}}.work{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent)}.project-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.project{border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,.35fr) 1fr auto;align-items:baseline;gap:1rem 1.5rem;padding:1.35rem .15rem;text-decoration:none;transition:padding-left .18s,background-color .18s;display:grid}.project:hover{background:var(--signal-soft);padding-left:.55rem}.project__name{font-family:var(--display);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.project__blurb{color:var(--mute);font-size:.98rem}.project__arrow{font-family:var(--mono);color:var(--signal);transition:transform .18s}.project:hover .project__arrow{transform:translate(4px)}@media (width<=720px){.project{grid-template-columns:1fr auto;gap:.35rem 1rem}.project__blurb{grid-column:1/-1}.project__arrow{grid-area:1/2}}