@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:root{--bg: #0d1320;--ink: #f4f7fb;--muted: #a4afbf;--line: rgba(210, 224, 242, .15);--surface: #141d2d;--surface-strong: #1c283e;--accent: #a7f3d0;--accent-ink: #0b2119;--warm: #ffb37b;--max-width: 1180px}[data-theme=light]{--bg: #f5f7f4;--ink: #132033;--muted: #617081;--line: rgba(19, 32, 51, .14);--surface: #ffffff;--surface-strong: #eaeff5;--accent: #1d7a61;--accent-ink: #f3fff8;--warm: #d56a2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink)}.site-shell{min-height:100vh;overflow:hidden;background:var(--bg);color:var(--ink)}.container{width:min(calc(100% - 48px),var(--max-width));margin:0 auto}.site-nav{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:.82rem;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:DM Mono,monospace;font-size:.75rem}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a,.nav-toggle{color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.nav-links a:hover{color:var(--ink)}.nav-toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer}.nav-toggle:hover{color:var(--accent)}.hero{position:relative;padding:112px 0 98px;border-bottom:1px solid var(--line)}.hero:before{position:absolute;top:-120px;right:8%;width:440px;height:440px;border-radius:50%;background:var(--accent);content:"";filter:blur(100px);opacity:.08;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:end;gap:64px}.eyebrow,.section-kicker,.project-number{color:var(--accent);font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrow:before{width:34px;height:1px;background:var(--accent);content:""}.hero h1{max-width:850px;margin:24px 0 26px;font-size:clamp(3.5rem,8vw,7.3rem);font-weight:800;letter-spacing:-.08em;line-height:.92}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:590px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:38px}.button-primary,.button-quiet{display:inline-flex;align-items:center;gap:9px;min-height:47px;padding:0 20px;border:1px solid var(--accent);border-radius:999px;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;transition:transform .18s ease,background .18s ease,color .18s ease}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-quiet{border-color:var(--line);color:var(--ink)}.button-primary:hover,.button-quiet:hover{transform:translateY(-3px)}.button-quiet:hover{border-color:var(--accent);color:var(--accent)}.profile-card{position:relative;justify-self:end;width:min(100%,320px);padding:12px;border:1px solid var(--line);background:var(--surface);transform:rotate(3deg)}.profile-card img{display:block;width:100%;aspect-ratio:.9;object-fit:cover;filter:saturate(.75)}.profile-card figcaption{display:flex;justify-content:space-between;padding:15px 5px 3px;color:var(--muted);font-family:DM Mono,monospace;font-size:.67rem;text-transform:uppercase}.profile-card figcaption span:last-child{color:var(--accent)}.section{padding:112px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:48px}.section-heading h2{max-width:560px;margin:12px 0 0;font-size:clamp(2.2rem,5vw,4.25rem);letter-spacing:-.07em;line-height:.98}.section-index{color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.about-lede{margin:0;font-size:clamp(1.4rem,2.3vw,2rem);letter-spacing:-.04em;line-height:1.25}.about-body{color:var(--muted);line-height:1.8}.about-body p{margin:0 0 18px}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:42px;border:1px solid var(--line);background:var(--line)}.stat{padding:22px;background:var(--bg)}.stat strong{display:block;color:var(--accent);font-size:2.2rem;letter-spacing:-.06em}.stat span{color:var(--muted);font-family:DM Mono,monospace;font-size:.66rem;text-transform:uppercase}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.focus-card{min-height:230px;padding:28px;background:var(--bg);transition:background .18s ease}.focus-card:hover{background:var(--surface)}.focus-card h3{margin:38px 0 12px;font-size:1.12rem;letter-spacing:-.03em}.focus-card p{margin:0 0 25px;color:var(--muted);font-size:.88rem;line-height:1.65}.focus-tags{display:flex;flex-wrap:wrap;gap:7px}.focus-tags span,.tech-pill{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:DM Mono,monospace;font-size:.63rem}.project-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:0;border:1px solid var(--line);background:var(--surface)}.project-meta{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:30px;border-right:1px solid var(--line)}.project-meta h3{max-width:250px;margin:12px 0 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.07em;line-height:.95}.project-meta small{color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;text-transform:uppercase}.project-content{display:flex;flex-direction:column;justify-content:space-between;padding:30px}.project-content p{max-width:560px;margin:0 0 28px;color:var(--muted);font-size:1.05rem;line-height:1.75}.tech-list{display:flex;flex-wrap:wrap;gap:8px}.project-link{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin-top:40px;color:var(--accent);font-family:DM Mono,monospace;font-size:.75rem;text-transform:uppercase}.project-link:hover{color:var(--ink)}.contact-section{padding:112px 0 125px}.contact-card{position:relative;overflow:hidden;padding:clamp(30px,7vw,80px);background:var(--accent);color:var(--accent-ink)}.contact-card:after{position:absolute;right:-70px;bottom:-170px;width:400px;height:400px;border:1px solid currentColor;border-radius:50%;content:"";opacity:.25}.contact-card .section-kicker{color:inherit;opacity:.7}.contact-card h2{max-width:700px;margin:17px 0 30px;font-size:clamp(2.6rem,6vw,5.7rem);letter-spacing:-.08em;line-height:.93}.contact-card p{max-width:500px;margin:0 0 28px;line-height:1.65;opacity:.75}.contact-links{display:flex;flex-wrap:wrap;gap:20px}.contact-links a{color:inherit;font-family:DM Mono,monospace;font-size:.74rem;text-transform:uppercase}.contact-links a:hover{text-decoration:underline}.site-footer{display:flex;justify-content:space-between;width:min(calc(100% - 48px),var(--max-width));margin:0 auto;padding:24px 0 35px;color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem;text-transform:uppercase}@media(max-width:760px){.container,.site-footer{width:min(calc(100% - 32px),var(--max-width))}.nav-inner{min-height:68px}.nav-links{gap:13px}.nav-links a{display:none}.hero{padding:78px 0 68px}.hero-grid,.about-grid,.project-feature{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(3.45rem,17vw,6rem)}.profile-card{justify-self:start;width:min(72vw,270px)}.section,.contact-section{padding:78px 0}.section-heading{display:block;margin-bottom:30px}.section-index{display:block;margin-top:18px}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:0}.project-meta{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.project-content{min-height:310px}.site-footer{display:block;line-height:2}.site-footer span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
