:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);--step-4: clamp(2.6rem, 1.8rem + 4vw, 5.4rem);--step-5: clamp(3.2rem, 1.8rem + 6.5vw, 8rem);--container: 1180px;--gutter: clamp(1.15rem, 4vw, 3rem);--section-y: clamp(5rem, 10vw, 9rem);--lanyard-drop: clamp(19rem, 40vh, 26rem);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .35s;--bg: #e9e9e7;--bg-alt: #f2f2f0;--surface: #ffffff;--surface-2: #f7f7f5;--text: #0d0d0d;--text-muted: #6a6a68;--text-faint: #9b9b98;--border: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .24);--accent: #0d0d0d;--accent-contrast: #ffffff;--outline-stroke: rgba(0, 0, 0, .16);--grid-line: rgba(0, 0, 0, .045);--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 10px 30px rgba(0, 0, 0, .07);--dot: #17a34a;--backdrop: rgba(24, 24, 22, .3)}@media(max-width:900px){:root{--lanyard-drop: clamp(6rem, 16vh, 10rem)}}@media(max-width:620px){:root{--lanyard-drop: clamp(8rem, 22vh, 13rem)}}[data-theme=dark]{--bg: #0a0a0a;--bg-alt: #0f0f0f;--surface: #151515;--surface-2: #1c1c1c;--text: #f4f4f2;--text-muted: #9a9a97;--text-faint: #6a6a67;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .26);--accent: #f4f4f2;--accent-contrast: #0a0a0a;--outline-stroke: rgba(255, 255, 255, .2);--grid-line: rgba(255, 255, 255, .04);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 14px 40px rgba(0, 0, 0, .55);--dot: #2ecc71;--backdrop: rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:7rem;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{min-height:100dvh;background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,svg{display:block;max-width:100%}[hidden]{display:none!important}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1;letter-spacing:-.03em;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}main>section{padding-block:var(--section-y)}.skip-link{position:absolute;left:50%;top:0;translate:-50% -150%;z-index:200;padding:.7rem 1.2rem;background:var(--accent);color:var(--accent-contrast);border-radius:0 0 var(--radius-sm) var(--radius-sm);font-size:var(--step--1)}.skip-link:focus-visible{translate:-50% 0}.section-label,.chip,.badge,.hero__notes,.hero__scroll,.stats__label,.contact-card__label{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase}.section-label{color:var(--text-faint);margin-bottom:1.6rem}.badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .95rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--text-muted);letter-spacing:.14em}.badge__dot{width:7px;height:7px;border-radius:50%;background:var(--dot);box-shadow:0 0 color-mix(in srgb,var(--dot) 70%,transparent);animation:pulse 2.2s var(--ease) infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{padding:.4rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 45%,transparent);color:var(--text-muted);letter-spacing:.1em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.6rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--step--1);font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),translate var(--dur) var(--ease)}.btn:hover{translate:0 -2px}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn--block{width:100%;padding-block:1.15rem}.btn__arrow{transition:translate var(--dur) var(--ease)}.btn:hover .btn__arrow{translate:3px -3px}.btn--block:hover .btn__arrow{translate:4px 0}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer{margin-top:var(--section-y);padding:2rem var(--gutter) 0;border-top:1px solid var(--border);text-align:center;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--step--1)}[data-reveal]{opacity:0;translate:0 24px;transition:opacity .7s var(--ease),translate .7s var(--ease)}[data-reveal].is-visible{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;translate:none}}