:root{--bg: oklch(.14 .02 55);--bg-elev: oklch(.17 .022 58);--fg: oklch(.94 .01 92);--muted: color-mix(in oklch, var(--fg) 48%, var(--bg));--faint: color-mix(in oklch, var(--fg) 22%, var(--bg));--line: color-mix(in oklch, var(--fg) 12%, var(--bg));--accent: oklch(.78 .065 58);--accent-soft: color-mix(in oklch, var(--accent) 32%, var(--bg));--glow: color-mix(in oklch, var(--accent) 25%, transparent);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-weight:400;font-size:clamp(.95rem,.88rem + .35vw,1.06rem);line-height:1.6;letter-spacing:.01em;color:var(--fg);background-color:var(--bg);background-image:radial-gradient(ellipse 135% 90% at 12% -12%,oklch(.38 .06 72 / .22),transparent 55%),radial-gradient(ellipse 115% 80% at 88% 108%,oklch(.24 .04 48 / .12),transparent 52%),radial-gradient(ellipse 125% 85% at 45% -28%,oklch(.3 .045 85 / .28),transparent 58%),radial-gradient(oklch(.36 .014 58 / .22) 1px,transparent 1px);background-size:auto,auto,auto,24px 24px;background-attachment:fixed;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:0;left:0;padding:.5rem 1rem;background:var(--fg);color:var(--bg);font-weight:600;z-index:100;transform:translateY(-120%);transition:transform .2s var(--ease)}.skip-link:focus{transform:translateY(0)}.shell{position:relative;min-height:100%;isolation:isolate}.ambient{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.ambient:after{content:"";position:absolute;top:-5%;right:-42%;width:min(980px,120vw);height:110%;background:linear-gradient(118deg,transparent 38%,color-mix(in oklch,var(--accent) 12%,transparent) 49%,color-mix(in oklch,var(--accent) 5%,transparent) 53%,transparent 62%)}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(93deg,transparent 0,transparent 71px,color-mix(in oklch,var(--fg) 5%,transparent) 71px,color-mix(in oklch,var(--fg) 5%,transparent) 72px),repeating-linear-gradient(3deg,transparent 0,transparent 71px,color-mix(in oklch,var(--fg) 5%,transparent) 71px,color-mix(in oklch,var(--fg) 5%,transparent) 72px);-webkit-mask-image:radial-gradient(ellipse 90% 72% at 50% 44%,black 14%,transparent 76%);mask-image:radial-gradient(ellipse 90% 72% at 50% 44%,black 14%,transparent 76%);opacity:.42}@media(prefers-reduced-motion:reduce){.ambient:after{opacity:.72}}.orb{position:absolute;border-radius:50%;filter:blur(48px)}.orb-a{top:-12%;right:-8%;width:min(380px,70vw);height:min(380px,70vw);background:radial-gradient(circle,oklch(.42 .09 72 / .45),transparent 68%)}.orb-b{bottom:-18%;left:-12%;width:min(320px,65vw);height:min(320px,65vw);background:radial-gradient(circle,oklch(.32 .05 48 / .35),transparent 70%)}.orb-c{top:22%;right:min(12%,6rem);width:min(520px,85vw);height:min(520px,85vw);background:radial-gradient(circle,oklch(.38 .08 82 / .18),transparent 62%);filter:blur(56px)}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.038;background-image:repeating-radial-gradient(circle at 21% 35%,transparent 0,transparent 2px,color-mix(in oklch,var(--fg) 10%,transparent) 2px,color-mix(in oklch,var(--fg) 10%,transparent) 3px),repeating-radial-gradient(circle at 79% 64%,transparent 0,transparent 2px,color-mix(in oklch,var(--fg) 8%,transparent) 2px,color-mix(in oklch,var(--fg) 8%,transparent) 3px);mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){.noise{opacity:.05;mix-blend-mode:soft-light}}main{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:44rem;margin:0 auto;padding:clamp(2rem,7vw,5rem) clamp(1.25rem,5vw,2.75rem)}main:focus{outline:none}.hero-intro{display:flex;gap:clamp(1rem,3.5vw,1.65rem);align-items:flex-start}.profile-photo-wrap{flex-shrink:0}.profile-photo{width:clamp(5.5rem,14vw,7.75rem);height:clamp(5.5rem,14vw,7.75rem);border-radius:50%;object-fit:cover;object-position:center 18%;border:1px solid var(--line);display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-intro-text{min-width:0}h1{margin:0 0 1rem;font-family:var(--font-display);font-weight:700;font-size:clamp(2.35rem,6vw + .72rem,3.85rem);line-height:1.03;letter-spacing:-.038em;color:var(--fg);text-shadow:0 0 clamp(40px,10vw,88px) color-mix(in oklch,var(--accent) 32%,transparent),0 0 clamp(96px,24vw,200px) color-mix(in oklch,var(--accent) 10%,transparent)}@supports ((-webkit-background-clip: text) or (background-clip: text)){h1{background:linear-gradient(105deg,var(--fg) 0%,var(--fg) 42%,color-mix(in oklch,var(--accent) 52%,var(--fg)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}.tagline{margin:0 0 1.75rem;max-width:34ch;font-weight:400;font-size:clamp(1rem,.92rem + .2vw,1.12rem);line-height:1.5;color:var(--muted)}.rule{width:clamp(4rem,18vw,7.5rem);height:2px;margin:0 0 1.75rem;border-radius:1px;background:linear-gradient(90deg,color-mix(in oklch,var(--accent) 90%,white) 0%,var(--accent) 28%,color-mix(in oklch,var(--accent) 35%,transparent) 75%,transparent 100%);box-shadow:0 0 20px color-mix(in oklch,var(--accent) 40%,transparent)}.stack{margin:0 0 1.75rem;font-size:.8rem;font-weight:500;letter-spacing:.06em;color:var(--faint)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}.actions .mail-link{color:var(--accent);font-weight:500;text-decoration:none;text-underline-offset:.22em;cursor:pointer;transition:color .2s ease}.actions .mail-link:hover{color:color-mix(in oklch,var(--accent) 82%,white);text-decoration:underline}.icon-row{display:flex;align-items:center;gap:.65rem}.icon-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--muted);background:color-mix(in oklch,var(--fg) 6%,transparent);border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.icon-link:hover{color:var(--fg);border-color:color-mix(in oklch,var(--accent) 45%,var(--line));background:var(--accent-soft)}.icon-link svg{width:1.15rem;height:1.15rem}.actions a:focus-visible,.icon-link:focus-visible{outline:2px solid color-mix(in oklch,var(--accent) 65%,white);outline-offset:3px;border-radius:4px}.icon-link:focus-visible{outline-offset:2px}@media(max-width:520px){.hero-intro{flex-direction:column;align-items:flex-start}}