:root{--ink:#0b1f1c;--ink-soft:#243c37;--mist:#d6e8e2;--paper:#f3f7f5;--surface:#e7f0ec;--line:#0b1f1c1f;--signal:#0f8f6c;--signal-bright:#3ddc97;--ember:#ff6b3d;--deep:#0f2a26;--deep-2:#1c2e4a;--display:"Bricolage Grotesque", Georgia, serif;--sans:"Source Sans 3", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--max:1120px;--nav-h:64px;color:var(--ink-soft);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}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}::selection{color:var(--ink);background:#3ddc9759}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site{min-height:100svh}.nav{z-index:20;height:var(--nav-h);color:var(--mist);-webkit-backdrop-filter:blur(14px)saturate(1.2);background:#0b1f1c8c;border-bottom:1px solid #d6e8e21f;justify-content:space-between;align-items:center;padding:0 clamp(1.25rem,4vw,2.5rem);display:flex;position:fixed;inset:0 0 auto}.nav__brand{font-family:var(--display);letter-spacing:-.03em;font-size:1.15rem;font-weight:800;text-decoration:none}.nav__links{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;gap:1.25rem;font-size:.78rem;display:flex}.nav__links a{opacity:.85;text-decoration:none;transition:opacity .16s,color .16s}.nav__links a:hover{opacity:1;color:var(--signal-bright)}.hero{min-height:100svh;color:var(--mist);align-items:end;display:grid;position:relative;overflow:hidden}.hero-map{z-index:0;position:absolute;inset:0}.hero-map__svg{width:100%;height:100%;display:block}.hero-map__grain{pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background-image:radial-gradient(#ffffff1f .6px,#0000 .6px);background-size:3px 3px;position:absolute;inset:0}.hero-map__zone--a{transform-origin:460px 380px;animation:5.5s ease-in-out infinite zone-breathe}.hero-map__zone--b{transform-origin:980px 520px;animation:6.8s ease-in-out .8s infinite zone-breathe}.hero-map__ring{transform-origin:50%;opacity:0;animation:2.8s ease-out infinite pulse-ring}.hero-map__ring--delay{animation-delay:1.4s}@keyframes zone-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.55)}70%{opacity:0;transform:scale(2.4)}to{opacity:0;transform:scale(2.4)}}.hero__content{z-index:1;width:min(var(--max), calc(100% - 2.5rem));padding:calc(var(--nav-h) + 2rem) 0 4.5rem;margin:0 auto;animation:.9s cubic-bezier(.22,1,.36,1) both rise-in;position:relative}.hero__brand{font-family:var(--display);letter-spacing:-.045em;color:#f7fffb;text-shadow:0 10px 40px #00000059;margin-bottom:1.1rem;font-size:clamp(3.4rem,10vw,6.5rem);font-weight:800;line-height:.92}.hero__headline{font-family:var(--display);letter-spacing:-.03em;color:#f7fffb;max-width:16ch;margin-bottom:.85rem;font-size:clamp(1.45rem,3.4vw,2.15rem);font-weight:700;line-height:1.2}.hero__lede{color:#d6e8e2e0;max-width:38rem;margin-bottom:1.75rem;font-size:1.05rem}.hero__cta{flex-wrap:wrap;gap:.75rem;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:.65rem 1.15rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ember);color:#fff8f5;border-color:var(--ember)}.btn--primary:hover{background:#ff7d55}.btn--ghost{color:#f7fffb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7fffb14;border-color:#f7fffb47}.btn--ghost:hover{background:#f7fffb24;border-color:#f7fffb8c}.contact .btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.contact .btn--ghost:hover{border-color:var(--ink);background:#0b1f1c0a}.section{width:min(var(--max), calc(100% - 2.5rem));margin:0 auto;padding:clamp(4rem,10vw,6.5rem) 0}.section__head{max-width:40rem;margin-bottom:2.5rem}.section__label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin-bottom:.7rem;font-size:.78rem}.section__head h2{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.12}.section__sub{color:var(--ink-soft);max-width:36rem;margin-top:.8rem}.work{border-top:1px solid var(--line)}.work__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.work__item{border-bottom:1px solid var(--line)}.work__link{grid-template-columns:minmax(7rem,10rem) 1fr auto;align-items:start;gap:1.25rem 1.75rem;padding:1.6rem .15rem;text-decoration:none;transition:background .18s,padding .18s;display:grid}.work__link:hover{background:linear-gradient(90deg,#3ddc9714,#0000 55%)}.work__link:hover .work__arrow{color:var(--ember);transform:translate(4px)}.work__meta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#243c37b3;flex-direction:column;gap:.35rem;padding-top:.35rem;font-size:.75rem;display:flex}.work__status{color:var(--signal)}.work__body h3{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.35rem,2.5vw,1.75rem)}.work__title-row{align-items:center;gap:.7rem;margin-bottom:.55rem;display:flex}.work__icon{border-radius:10px;flex-shrink:0;width:40px;height:40px}.work__body p{max-width:46rem;color:var(--ink-soft)}.work__stack{flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.work__stack li{font-family:var(--mono);letter-spacing:.03em;color:var(--ink-soft);background:var(--surface);border-radius:999px;padding:.28rem .55rem;font-size:.72rem}.work__arrow{color:var(--ink);padding-top:.2rem;font-size:1.4rem;transition:transform .18s,color .18s}.about{background:radial-gradient(ellipse 60% 50% at 100% 0%, #3ddc971f, transparent 55%), radial-gradient(ellipse 45% 40% at 0% 100%, #ff6b3d14, transparent 50%), linear-gradient(180deg, #eef5f2, var(--paper));width:100%;padding-left:max(1.25rem, calc((100% - var(--max)) / 2));padding-right:max(1.25rem, calc((100% - var(--max)) / 2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about .section__head,.about__grid{width:min(var(--max), 100%);margin-left:auto;margin-right:auto}.about__grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:2.5rem;display:grid}.about__copy{gap:1rem;max-width:40rem;font-size:1.08rem;display:grid}.about__skills{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.about__skills li{font-family:var(--mono);border-bottom:1px solid var(--line);color:var(--ink);padding:.7rem 0;font-size:.86rem}.contact__actions{flex-wrap:wrap;gap:.75rem;display:flex}.footer{width:min(var(--max), calc(100% - 2.5rem));font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#243c37a6;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin:0 auto;padding:1.5rem 0 2.5rem;font-size:.75rem;display:flex}@media (width<=820px){.work__link{grid-template-columns:1fr auto}.work__meta{flex-flow:wrap;grid-column:1/-1;gap:.65rem;padding-top:0}.about__grid{grid-template-columns:1fr;gap:2rem}}@media (width<=560px){.nav__links{gap:.85rem}.hero__content{width:min(var(--max), calc(100% - 2rem));padding-bottom:3.25rem}.section{width:min(var(--max), calc(100% - 2rem))}.hero__cta .btn,.contact__actions .btn{width:100%}.work__arrow{display:none}}