:root{--background:#0d1117;--background-soft:#161b22;--surface:#ffffff0f;--surface-strong:#ffffff1a;--text:#e6edf3;--muted:#8b949e;--line:#ffffff1a;--primary:#d4860b;--primary-bright:#f0b644;--accent:#f0b644;--shadow:0 24px 80px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{color:var(--text);background:radial-gradient(circle at 0 0,#d4860b24,#0000 32%),radial-gradient(circle at 85% 10%,#f0b64414,#0000 24%),linear-gradient(#0d1117 0%,#0f1419 46%,#111820 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1160px,100% - 32px);margin:0 auto}.section-shell{position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:700}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1117b8;border-bottom:1px solid #ffffff0f;padding:18px 0;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:14px;font-size:1.1rem;font-weight:700;display:inline-flex}.primary-nav{color:var(--muted);align-items:center;gap:24px;display:flex}.primary-nav a{transition:color .18s,transform .18s}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text)}.menu-toggle{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--text);border-radius:16px;display:none}.menu-toggle span:not(.sr-only){background:currentColor;width:18px;height:2px;margin:4px auto;display:block}.button{background:linear-gradient(135deg, var(--primary), #b87308);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 16px 40px #d4860b3d}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 22px 48px #d4860b52}.button--secondary{border:1px solid var(--line);background:var(--surface);box-shadow:none}.button--small{min-height:44px;padding:0 18px;color:#fff!important}.hero{padding:86px 0 58px;overflow:hidden}.hero__grid{grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);align-items:center;gap:28px;display:grid}.hero__content h1{letter-spacing:-.06em;max-width:680px;margin:0;font-size:clamp(2.35rem,5vw,4.2rem);line-height:.98}.hero__text{max-width:620px;color:var(--muted);margin:26px 0 0;font-size:clamp(1rem,2vw,1.14rem)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-visual{position:relative}.hero-visual svg{width:100%;height:auto;overflow:visible}.hero-visual__flow{animation:10s linear infinite dash}.hero-visual__pulse{animation:3s ease-in-out infinite pulse}.section{padding:92px 0}.section--split{padding-top:108px}.about-grid,.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:28px;display:grid}.section-heading{max-width:640px}.section-heading h2,.contact-grid h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.02}.section-heading p,.contact-grid p{color:var(--muted);margin:20px 0 0}.profile-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:30px;padding:18px}.profile-card__image{aspect-ratio:1;background:#ffffff14;border-radius:22px;position:relative;overflow:hidden}.profile-card__photo{object-fit:contain}.case-list{gap:28px;margin-top:40px;display:grid}.case-detail{background:linear-gradient(135deg,#d4860b14,#ffffff05),#ffffff0a;border:1px solid #f0b64426;border-radius:30px;padding:32px}.case-detail__header{margin-bottom:28px}.case-detail__header h3{letter-spacing:-.03em;margin:0 0 10px;font-size:1.5rem}.case-detail__oneliner{color:var(--muted);margin:0;font-size:1.05rem}.case-detail__problem,.case-detail__decisions,.case-detail__stack{margin-top:24px}.case-detail__problem h4,.case-detail__decisions h4,.case-detail__stack h4,.case-detail__stats h4{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.82rem;font-weight:700}.case-detail__problem p{color:var(--muted);margin:0}.case-detail__tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:6px 14px;font-size:.85rem;display:inline-block}.case-detail__decisions ul{color:var(--muted);margin:0;padding:0 0 0 20px}.case-detail__decisions li{margin-bottom:8px}.case-detail__decisions li:last-child{margin-bottom:0}.case-detail__stats{margin-top:24px}.case-detail__stats-grid{flex-wrap:wrap;gap:12px;display:flex}.case-detail__stat{border:1px solid var(--line);background:#ffffff08;border-radius:18px;gap:2px;min-width:140px;padding:14px 18px;display:grid}.case-detail__stat-value{font-size:1rem;font-weight:700}.case-detail__stat-label{color:var(--muted);font-size:.8rem}.case-detail__github{color:var(--accent);align-items:center;gap:8px;margin-top:20px;font-weight:600;display:inline-flex}.contact-section{padding-top:48px}.contact-grid{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#d4860b1a,#ffffff05),#ffffff0a;border-radius:36px;padding:30px}.contact-meta{gap:6px;margin-top:26px;display:grid}.contact-meta span{color:var(--muted);font-size:.85rem}.contact-meta a{color:var(--accent);font-weight:600}.contact-form{gap:18px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field label{font-size:.92rem}.field input,.field textarea{width:100%;color:var(--text);font:inherit;background:#0d1117ad;border:1px solid #ffffff24;border-radius:18px}.field input{min-height:50px;padding:0 16px}.field textarea{resize:vertical;padding:14px 16px}.field input::placeholder,.field textarea::placeholder{color:#8b949eb8}.contact-success{color:var(--accent);background:#f0b6440f;border:1px solid #f0b6444d;border-radius:24px;align-items:center;padding:28px;font-size:1.08rem;font-weight:600;display:flex}.contact-error{color:#ff8080;margin:0;font-size:.9rem}.contact-error a{color:#ff8080;text-decoration:underline}.site-footer{padding:40px 0 54px}.site-footer__grid{border-top:1px solid var(--line);grid-template-columns:minmax(260px,1.5fr) repeat(3,1fr);gap:24px;padding-top:26px;display:grid}.brand--footer{margin-bottom:14px}.site-footer p,.site-footer a{color:var(--muted)}.site-footer h3{margin:0 0 14px;font-size:1rem}.site-footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.legal-page{min-height:calc(100vh - 180px);padding:84px 0}.legal-page__content{max-width:760px}.legal-page__content h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.legal-page__content>p{color:var(--muted)}.legal-card{border:1px solid var(--line);background:#ffffff0d;border-radius:26px;margin-top:26px;padding:24px}.legal-card p{margin:0 0 10px}.legal-card p:last-child{margin-bottom:0}.section{animation:.6s both reveal-in;animation-timeline:view();animation-range:entry entry 25%}@keyframes reveal-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes dash{to{stroke-dashoffset:-180px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@media (max-width:980px){.hero{padding-top:58px}.hero__grid,.about-grid,.contact-grid{grid-template-columns:1fr}.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-detail__stats-grid{gap:10px}.case-detail__stat{min-width:120px}}@media (max-width:760px){.site-header{padding:14px 0}.brand-name{display:none}.menu-toggle{display:inline-block}.primary-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#0d1117fb;border-radius:24px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:absolute;top:calc(100% + 12px);left:16px;right:16px}.primary-nav--open{display:flex}.primary-nav a{padding:14px 12px}.primary-nav .button{margin-top:6px}.hero{padding:44px 0 28px}.hero__content h1{font-size:clamp(2rem,11vw,3rem)}.field-grid,.site-footer__grid{grid-template-columns:1fr}.section,.section--split{padding:72px 0}.profile-card__image{aspect-ratio:1}.contact-grid{padding:24px}.case-detail{padding:22px}.case-detail__stat{flex:calc(50% - 6px);min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.section{animation:none}}