*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-fg: #0a0a0a;--color-fg-muted: rgba(10, 10, 10, .42);--color-blue: #1246F0;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--logo-size: clamp(3.8rem, 11vw, 10rem);--subtitle-size: clamp(1.5rem, 4vw, 3.8rem);--desc-size: clamp(.9rem, 1.35vw, 1.1rem);--gap-sm: clamp(.75rem, 1.5vw, 1.25rem);--pad: clamp(2rem, 6vw, 5rem)}html,body{width:100%;min-height:100%;background:var(--color-bg);color:var(--color-fg)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.loader__word-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.loader__word{font-family:var(--font-serif);font-size:var(--logo-size);font-weight:400;font-style:italic;letter-spacing:-.03em;line-height:.95;color:var(--color-blue);opacity:0;will-change:transform}.loader__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem;width:min(72vw,520px)}.loader__counter{font-family:var(--font-serif);font-size:clamp(5.5rem,18vw,13rem);font-style:italic;font-weight:400;letter-spacing:-.04em;line-height:1;color:var(--color-blue);font-variant-numeric:tabular-nums}.loader__track{width:100%;height:1px;background:#0a0a0a1f;overflow:hidden}.loader__progress{height:100%;background:var(--color-blue);transform:scaleX(0);transform-origin:left}.logo__primary,.logo__separator,.logo__subtitle,.hero__description,.projects{opacity:0}.is-loaded .logo__primary{opacity:1;transition:opacity .12s ease}.is-loaded .logo__separator,.is-loaded .logo__subtitle{opacity:1;transition:opacity .45s ease .05s}.is-loaded .hero__description{opacity:1;transition:opacity .45s ease .12s}.is-loaded .projects{opacity:1;transition:opacity .45s ease .18s}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:var(--pad)}.hero__inner{display:flex;flex-direction:column;gap:var(--gap-sm)}.hero__logo{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em .4em;line-height:1}.logo__primary{font-family:var(--font-serif);font-size:var(--logo-size);font-weight:400;font-style:italic;letter-spacing:-.03em;color:var(--color-blue);line-height:.95}.logo__separator{font-family:var(--font-serif);font-size:calc(var(--logo-size) * .52);font-weight:400;color:var(--color-fg-muted);line-height:1;align-self:center}.logo__subtitle{font-family:var(--font-sans);font-size:var(--subtitle-size);font-weight:300;letter-spacing:-.025em;color:var(--color-fg);line-height:1.08}.hero__description{font-family:var(--font-sans);font-size:var(--desc-size);font-weight:400;line-height:1.75;color:var(--color-fg-muted);max-width:52ch;margin-top:var(--gap-sm)}.hero__description em{font-style:normal;color:var(--color-fg)}.hero__description em a{color:inherit;text-decoration:underline;text-decoration-color:#0a0a0a40;text-underline-offset:3px;transition:text-decoration-color .2s}.hero__description em a:hover{text-decoration-color:var(--color-fg)}.projects{padding:0 var(--pad) calc(var(--pad) * 1.5)}.projects__list{list-style:none;border-top:1px solid rgba(10,10,10,.1)}.project{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:clamp(1rem,2.2vw,1.6rem) 0;border-bottom:1px solid rgba(10,10,10,.1)}.project__link{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;width:100%;text-decoration:none;color:inherit;transition:opacity .15s}.project__link:hover,.project__link:hover .project__name,.project__link:hover .project__platform,.project__link:hover .project__sep,.project__link:hover .project__status{color:var(--color-blue)}.project__name{font-family:var(--font-sans);font-size:clamp(1.3rem,3.2vw,2.6rem);font-weight:400;letter-spacing:-.02em;color:var(--color-fg);line-height:1}.project__meta{display:flex;align-items:center;gap:.5em;flex-shrink:0}.project__platform{font-family:var(--font-sans);font-size:clamp(.7rem,1vw,.85rem);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted)}.project__sep{color:var(--color-fg-muted);font-size:.75rem}.project__status{font-family:var(--font-sans);font-size:clamp(.7rem,1vw,.85rem);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.project__status--done,.project__status--mvp{color:var(--color-fg-muted)}.project__status--building{color:var(--color-blue)}@media(max-width:640px){.hero__logo{flex-direction:column;gap:.1em}.logo__separator{display:none}.logo__subtitle{font-size:clamp(1.4rem,7.5vw,2.5rem)}.br--desktop{display:none}}