:root{--bg: #0b0b0d;--bg-soft: #0e0e11;--surface: #141417;--surface-2: #1a1a1f;--surface-3: #212128;--ink: #f2f2ef;--ink-muted: #a3a3ad;--ink-faint: #6f6f7a;--accent: #c6f24e;--accent-soft: rgba(198, 242, 78, .12);--accent-ink: #0e1206;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--danger: #ff6b6b;--danger-bg: rgba(255, 107, 107, .08);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 6.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--z-nav: 1000;--z-grain: 9999;--container: 1240px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .18s;--duration-base: .32s}.card{width:100%;height:100%;position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--surface);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card:hover{border-color:#c6f24e59;box-shadow:0 24px 60px -24px #000000b3}.card:focus-within{border-color:#c6f24e80}.card-link{display:block;position:relative;width:100%;height:100%;min-height:inherit;text-decoration:none;overflow:hidden}.card-link .card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out);will-change:transform}.card-link .card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0b0d26,#0b0b0d33 40%,#0b0b0deb);transition:background-color .4s ease}.card-link .card-content{position:absolute;left:0;right:0;bottom:0;padding:var(--space-5);z-index:1}.card-link .card-content .card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-3)}.card-link .card-content .card-tag{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(198,242,78,.25);border-radius:999px;padding:.22rem .6rem}.card-link .card-content .card-title{font-size:1.35rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin-bottom:.35rem}.card-link .card-content .card-text{font-size:.88rem;line-height:1.55;color:var(--ink-muted);margin:0;max-width:46ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link .card-arrow{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#0b0b0d8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-strong);color:var(--ink);font-size:1.05rem;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s var(--ease-out),background-color .3s ease,color .3s ease}.card-link:hover .card-image{transform:scale(1.05)}.card-link:hover .card-arrow{opacity:1;transform:none;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.card--featured .card-link .card-content{padding:var(--space-6)}.card--featured .card-link .card-content .card-title{font-size:1.9rem}.card--featured .card-link .card-content .card-text{-webkit-line-clamp:2;font-size:.95rem}@media (hover: none){.card-link .card-arrow{opacity:1;transform:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background:#0b0b0dd1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--border)}.navbar-wrapper{display:flex;align-items:center;justify-content:space-between;min-height:72px}.navbar-wrapper .name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.navbar-wrapper .name .name-accent{color:var(--accent)}.navbar-wrapper .links-wrapper{display:flex;align-items:center;gap:var(--space-1)}.navbar-wrapper .links-wrapper a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.5rem .8rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--ink-muted);border-radius:var(--radius-sm);transition:color .2s ease,background-color .2s ease;position:relative}.navbar-wrapper .links-wrapper a .nav-index{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);transition:color .2s ease}.navbar-wrapper .links-wrapper a .nav-arrow{font-size:.75rem;transition:transform .2s ease}.navbar-wrapper .links-wrapper a:hover{color:var(--ink);background:var(--surface)}.navbar-wrapper .links-wrapper a:hover .nav-index{color:var(--accent)}.navbar-wrapper .links-wrapper a.active{color:var(--ink);font-weight:600}.navbar-wrapper .links-wrapper a.active .nav-index{color:var(--accent)}.navbar-wrapper .links-wrapper .nav-external:hover .nav-arrow{transform:translate(2px,-2px)}@media (max-width: 640px){.navbar-wrapper{min-height:64px}.navbar-wrapper .links-wrapper{gap:0}.navbar-wrapper .links-wrapper a{padding:.5rem .55rem;font-size:.85rem}.navbar-wrapper .links-wrapper .nav-index{display:none}}.hero{padding-top:12rem;padding-bottom:var(--space-9)}@media (min-width: 320px) and (max-width: 424px){.hero{padding-top:8rem}}@media (min-width: 425px) and (max-width: 767px){.hero{padding-top:9rem}}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-7);align-items:start}@media (min-width: 768px) and (max-width: 1023px){.hero-grid{grid-template-columns:1fr;gap:var(--space-6)}}.hero-main{display:flex;flex-direction:column;align-items:flex-start}.hero-title{font-size:clamp(2.75rem,7vw,5rem);line-height:1.04;letter-spacing:-.03em;margin-top:var(--space-4);display:flex;flex-direction:column}.hero-title .hero-accent{color:var(--accent)}.hero-paragraph{max-width:52ch;margin:var(--space-5) 0 var(--space-6);color:var(--ink-muted);font-size:1.1rem;line-height:1.65}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--surface) 0%,rgba(20,20,23,.4) 100%);padding:var(--space-5);font-family:var(--font-mono);font-size:.82rem}.hero-card .hero-fact{display:flex;flex-direction:column;gap:.35rem;padding:var(--space-3) 0;border-bottom:1px dashed var(--border)}.hero-card .hero-fact:last-of-type{border-bottom:none}.hero-card .hero-fact-key{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.hero-card .hero-fact-value{display:flex;align-items:center;gap:.5rem;color:var(--ink);line-height:1.5}.hero-card .status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:status-pulse 2.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hero-card .status-dot{animation:none}}.hero-card .hero-fact-socials .hero-fact-value{flex-wrap:wrap}.hero-card .hero-fact-socials a{color:var(--ink-muted);text-decoration:none;transition:color .2s ease}.hero-card .hero-fact-socials a:hover{color:var(--accent)}.hero-card .hero-fact-socials .hero-social-sep{color:var(--ink-faint)}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 0 3px var(--accent-soft)}50%{opacity:.6;box-shadow:0 0 0 6px var(--accent-soft)}}.hero-stats{margin-top:var(--space-8);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}@media (min-width: 320px) and (max-width: 424px){.hero-stats{grid-template-columns:1fr}}.hero-stat{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-5) var(--space-5) 0 0}.hero-stat .hero-stat-value{font-family:var(--font-display);font-size:2.4rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--accent)}.hero-stat .hero-stat-label{color:var(--ink-muted);font-size:.9rem}.work-wrapper{padding:var(--space-9) 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-7);border-bottom:1px solid var(--border);padding-bottom:var(--space-5)}@media (min-width: 320px) and (max-width: 424px){.section-head{flex-direction:column;align-items:flex-start}}@media (min-width: 425px) and (max-width: 767px){.section-head{flex-direction:column;align-items:flex-start}}.work-intro{max-width:46ch;margin:0;color:var(--ink-muted);line-height:1.6;font-size:.98rem;text-align:right}@media (min-width: 320px) and (max-width: 424px){.work-intro{text-align:left}}@media (min-width: 425px) and (max-width: 767px){.work-intro{text-align:left}}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4);grid-auto-flow:dense}.grid .grid-reveal{display:block;grid-column:span 4;min-height:320px}.grid .grid-reveal.card--featured{grid-column:span 8;min-height:440px}.grid .grid-reveal.card--wide{grid-column:span 6;min-height:360px}@media (min-width: 320px) and (max-width: 424px){.grid{grid-template-columns:1fr}.grid .grid-reveal,.grid .grid-reveal.card--featured,.grid .grid-reveal.card--wide{grid-column:span 1;min-height:300px}}@media (min-width: 425px) and (max-width: 767px){.grid{grid-template-columns:1fr}.grid .grid-reveal,.grid .grid-reveal.card--featured,.grid .grid-reveal.card--wide{grid-column:span 1;min-height:300px}}@media (min-width: 768px) and (max-width: 1023px){.grid{grid-template-columns:repeat(8,minmax(0,1fr))}.grid .grid-reveal,.grid .grid-reveal.card--standard{grid-column:span 4}.grid .grid-reveal.card--featured,.grid .grid-reveal.card--wide{grid-column:span 8}}.about-section{padding:var(--space-9) 0;display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-8);align-items:center}@media (min-width: 320px) and (max-width: 424px){.about-section{grid-template-columns:1fr;gap:var(--space-6);flex-direction:column-reverse}}@media (min-width: 425px) and (max-width: 767px){.about-section{grid-template-columns:1fr;gap:var(--space-6)}}@media (min-width: 768px) and (max-width: 1023px){.about-section{grid-template-columns:1fr;gap:var(--space-7)}}.about-copy .about-statement{font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.5;font-weight:500;color:var(--ink);margin:var(--space-5) 0 0;letter-spacing:-.015em}.about-copy .about-body{color:var(--ink-muted);line-height:1.7;margin:var(--space-4) 0 0;max-width:58ch}.about-visual .about-figure{margin:0 auto;max-width:55%;position:relative}.about-visual .about-image{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);filter:saturate(.92) contrast(1.02);transition:filter .4s ease}.about-visual .about-figure:after{content:"";position:absolute;inset:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);pointer-events:none;z-index:0}.about-visual .about-image:hover{filter:saturate(1.05) contrast(1.04)}.about-visual .about-caption{display:flex;align-items:center;gap:.5rem;margin-top:var(--space-3);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:var(--ink-faint)}.about-visual .about-caption-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.skills-container{padding:var(--space-9) 0}.skills-list{border-top:1px solid var(--border)}.skill{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border);transition:background-color .3s ease,padding-left .3s var(--ease-out)}.skill:hover{background:var(--surface);padding-left:var(--space-6)}.skill:hover .skill-index{color:var(--accent)}.skill:hover .skill-arrow{opacity:1;transform:translate(0)}@media (min-width: 320px) and (max-width: 424px){.skill{gap:var(--space-3);padding:var(--space-4) var(--space-2)}}.skill .skill-index{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-faint);transition:color .3s ease;min-width:2.2rem}.skill .skill-icon{object-fit:contain;filter:grayscale(.2);transition:filter .3s ease}@media (min-width: 320px) and (max-width: 424px){.skill .skill-icon{width:28px;height:28px}}.skill:hover .skill-icon{filter:grayscale(0)}.skill .skill-copy{flex:1;min-width:0}.skill .skill-copy .skill-name{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.skill .skill-copy .skill-para{margin:.25rem 0 0;color:var(--ink-muted);font-size:.92rem;line-height:1.55;max-width:62ch}.skill .skill-arrow{color:var(--accent);font-size:1.1rem;opacity:0;transform:translate(-6px);transition:opacity .3s ease,transform .3s var(--ease-out)}@media (hover: none){.skill .skill-arrow{opacity:1;transform:none}}.promotion-container{padding:var(--space-9) 0}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (min-width: 320px) and (max-width: 424px){.activity-grid{grid-template-columns:1fr}}@media (min-width: 425px) and (max-width: 767px){.activity-grid{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.activity-grid{grid-template-columns:1fr 1fr}.activity-grid .activity-card:last-child{grid-column:span 2}}.activity-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(165deg,var(--surface) 0%,rgba(20,20,23,.3) 100%);text-decoration:none;min-height:180px;transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.activity-card:hover{border-color:#c6f24e66;transform:translateY(-4px);box-shadow:0 20px 50px -22px #000000bf}.activity-card:hover .activity-arrow{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.activity-card .activity-top{display:flex;align-items:center;justify-content:space-between}.activity-card .activity-index{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint)}.activity-card .activity-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-strong);color:var(--ink-muted);font-size:.95rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.activity-card .activity-name{font-size:1.35rem;font-weight:700;margin-top:auto}.activity-card .activity-desc{margin:0;color:var(--ink-muted);font-size:.9rem;line-height:1.55}.footer-container{padding:var(--space-9) 0 var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center}.footer-head{max-width:620px;margin:0 auto}.footer-head .section-title{margin-top:var(--space-3)}.footer-head .footer-intro{color:var(--ink-muted);line-height:1.65;margin:var(--space-4) 0 0}.footer-form{width:100%;max-width:620px;margin-top:var(--space-7);text-align:left}.footer-elsewhere{margin-top:var(--space-7);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-elsewhere .email-link{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-.02em;transition:color .2s ease}.footer-elsewhere .email-link:hover{color:var(--accent)}.footer-elsewhere .social-icons{display:flex;gap:var(--space-3)}.footer-elsewhere .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink-muted);transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s var(--ease-out)}.footer-elsewhere .social-icons a:hover{color:var(--accent);border-color:#c6f24e66;background:var(--surface);transform:translateY(-2px)}.footer-elsewhere .social-icons a:active{transform:translateY(0) scale(.96)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint)}@media (min-width: 320px) and (max-width: 424px){.footer-bottom{flex-direction:column;text-align:center}}.footer-bottom .back-to-top{color:var(--ink-muted);text-decoration:none;transition:color .2s ease}.footer-bottom .back-to-top:hover{color:var(--accent)}form{margin-bottom:var(--space-4);width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (min-width: 320px) and (max-width: 424px){.form-row{grid-template-columns:1fr}}.form-field{margin-bottom:var(--space-4)}form label{display:block;margin-bottom:.45rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}form input,form textarea{margin-bottom:0;padding:.85rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:16px;color:var(--ink);width:100%;background:var(--surface);box-sizing:border-box;font-family:var(--font-body);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}form input::placeholder,form textarea::placeholder{color:var(--ink-faint)}form input:hover,form textarea:hover{border-color:#ffffff42}form input:focus,form textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 3px #c6f24e24}textarea{min-height:140px;resize:vertical;line-height:1.55}.form-submit{display:flex;justify-content:center;margin-top:var(--space-3)}.form-error,form p[role=alert]{color:var(--danger);background:var(--danger-bg);border:1px solid rgba(255,107,107,.3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin:var(--space-3) 0;font-size:.9rem}.success-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--accent-soft);border:1px solid rgba(198,242,78,.35);border-radius:var(--radius-lg)}.success-banner .success-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--accent)}.success-banner .success-sub{margin:0;color:var(--ink-muted)}.success-banner .success-reset{margin-top:var(--space-3)}.spinner{position:relative;display:inline-block;width:40px;height:40px}.spinner span{position:absolute;top:0;width:10px;height:10px;border-radius:50%;background-color:var(--accent-ink);animation:spinnerAnimation 1.2s linear infinite}.spinner span:nth-child(1){left:0;animation-delay:-.3s}.spinner span:nth-child(2){left:15px;animation-delay:-.15s}.spinner span:nth-child(3){left:30px;animation-delay:0s}@keyframes spinnerAnimation{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}*{box-sizing:border-box;font-family:var(--font-body)}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg);color:var(--ink);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(720px 520px at 82% -6%,rgba(198,242,78,.07),transparent 65%),radial-gradient(900px 620px at -10% 42%,rgba(120,132,255,.05),transparent 60%),var(--bg);pointer-events:none}body:after{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:var(--z-grain);pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;margin:0;font-weight:600;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%}.section{width:100%;position:relative}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}.section-eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.section-eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.section-title{font-size:clamp(2.25rem,5vw,3.5rem);margin-top:var(--space-3)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.85rem 1.75rem;background-color:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px -8px #c6f24e73}.primary-btn:active{transform:translateY(0) scale(.98)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);padding:.85rem 1.75rem;background:transparent;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.btn-ghost:hover{border-color:var(--ink-muted);background:var(--surface);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0) scale(.98)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:calc(var(--z-nav) + 1);padding:var(--space-3) var(--space-5);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;text-decoration:none;transition:top .2s var(--ease-out)}.skip-link:focus{top:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}