@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:dark;--color-background: #0f172a;--color-surface: #17233b;--color-text: #f8fafc;--color-muted: #a8b4c7;--color-accent: #67e8f9;--color-accent-strong: #22d3ee;--color-warm: #fbbf24;--color-rose: #fb7185;--color-line: rgba(148, 163, 184, .24);--font-sans: "Satoshi", sans-serif}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:6rem;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--color-background);color:var(--color-text);line-height:1.5;transition:background-color .22s ease,color .22s ease}img,svg,video,iframe{max-width:100%}:root[data-theme=light],body:has(.theme-control input:checked){color-scheme:light;--color-background: #f4f7fb;--color-surface: #ffffff;--color-text: #172033;--color-muted: #526176;--color-accent: #0369a1;--color-accent-strong: #075985;--color-warm: #b45309;--color-rose: #be123c;--color-line: rgba(51, 65, 85, .2)}:root[data-theme=light] .button-primary,body:has(.theme-control input:checked) .button-primary{color:#fff}body:before{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:4rem 4rem;content:"";mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.site-header,main,.site-footer{width:min(100% - 2.5rem,76rem);margin-inline:auto}.site-header{display:flex;position:sticky;top:0;z-index:10;align-items:center;justify-content:flex-start;min-height:5.5rem;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-background) 90%,transparent);backdrop-filter:blur(1rem)}.brand,.site-header nav,.language-switch,.site-footer,.contact-details a{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--color-text)}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-accent);border-radius:50%;color:var(--color-accent);font-size:.7rem}.site-header nav{display:flex;position:absolute;left:50%;gap:1.5rem;transform:translate(-50%)}.site-header nav a,.language-switch,.contact-details a{color:var(--color-muted);transition:color .18s ease}.site-header nav a:hover,.site-header nav a:focus-visible,.language-switch:hover,.language-switch:focus-visible,.contact-details a:hover,.contact-details a:focus-visible{color:var(--color-accent)}.language-switch{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;border-left:1px solid var(--color-line);padding-left:1rem}.theme-control{margin-left:.75rem}.language-switch span:first-child{color:var(--color-warm)}.theme-control input{position:absolute;width:1px;height:1px;top:auto;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.theme-control label{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-line);border-radius:50%;color:var(--color-warm);cursor:pointer;font-size:1.1rem;transition:transform .18s ease,border-color .18s ease}.theme-control label:hover{border-color:var(--color-accent);transform:rotate(18deg)}.theme-control input:focus-visible+label{outline:3px solid var(--color-accent);outline-offset:4px}.section-frame{border-bottom:1px solid var(--color-line);padding-block:8rem;scroll-margin-top:6rem}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:calc(100svh - 5.5rem);padding-block:6rem 8rem}.hero-copy{min-width:0}.eyebrow{margin:0 0 1.5rem;color:var(--color-accent);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1{max-width:8ch;margin:0;font-size:7rem;font-weight:900;letter-spacing:0;line-height:.9}.role-line{margin:2rem 0 0;color:var(--color-warm);font-size:1.1rem;font-weight:700;overflow-wrap:anywhere}.hero-bio{max-width:40rem;margin:2rem 0 0;color:var(--color-muted);font-size:1.2rem;line-height:1.55;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;max-width:100%;gap:.75rem;min-height:3rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;text-transform:uppercase}.mobile-only{display:none}.button-primary{background:var(--color-accent);color:#0f172a}.button-quiet{border:1px solid var(--color-line);color:var(--color-text)}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button,.project-card,.site-header nav a,.language-switch,.contact-details a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.hero-index{display:grid;align-self:end;gap:.75rem;justify-items:end;color:var(--color-muted);font-size:.8rem;font-weight:700;letter-spacing:.12em}.hero-index span:first-child{color:var(--color-rose)}.section-heading{max-width:48rem}.section-heading-split{display:grid;grid-template-columns:.7fr 1fr;gap:3rem;max-width:none}h2{max-width:13ch;margin:0;font-size:3.5rem;font-weight:900;letter-spacing:0;line-height:.98}h1,h2,h3{color:var(--color-text);transition:color .22s ease}.technology-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:5rem;border-top:1px solid var(--color-line);border-left:1px solid var(--color-line)}.technology-group{min-height:9rem;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:1.5rem}h3{margin:0;font-size:1.05rem;font-weight:700}.technology-group h3{color:var(--color-accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}ul{margin:1rem 0 0;padding:0;list-style:none}.technology-group li{display:inline;color:var(--color-muted);line-height:1.7}.technology-group li:not(:last-child):after{color:var(--color-warm);content:" / "}.experience-list{margin-top:5rem}.experience-item{display:grid;grid-template-columns:.7fr 1fr;gap:3rem;border-top:1px solid var(--color-line);padding-block:2.25rem}.experience-meta{display:flex;justify-content:space-between;align-items:start;color:var(--color-muted);font-size:.82rem;font-weight:700}.experience-meta span:first-child{color:var(--color-rose)}.company{margin:.55rem 0 0;color:var(--color-warm);font-weight:700}.experience-item ul{max-width:42rem}.experience-item li{position:relative;margin-top:.8rem;padding-left:1.2rem;color:var(--color-muted);line-height:1.5}.experience-item li:before{position:absolute;left:0;color:var(--color-accent);content:"↳"}.project-teaser{background:var(--color-surface)}.project-teaser h2{margin-top:1.5rem}.project-teaser>p:last-child{max-width:32rem;margin:2rem 0 0;color:var(--color-muted);font-size:1.1rem;line-height:1.5}.project-teaser-link{display:inline-flex;margin-top:2rem}.projects-hero h1,.project-detail h1{max-width:12ch}.projects-hero>p:last-child{max-width:34rem;margin:2rem 0 0;color:var(--color-muted);font-size:1.2rem;line-height:1.5}.projects-list{display:grid;gap:1rem}.project-card{display:grid;grid-template-columns:4rem 1fr auto;gap:2rem;align-items:start;border:1px solid var(--color-line);padding:2rem;transition:border-color .18s ease,transform .18s ease}.project-card:hover{border-color:var(--color-accent);transform:translateY(-.25rem)}.project-card-index{color:var(--color-rose);font-size:.85rem;font-weight:700}.project-card h2{margin-top:.75rem}.project-card-content>p:not(.eyebrow){max-width:42rem;margin:1rem 0 1.5rem;color:var(--color-muted);line-height:1.55}.project-company{margin:0 0 .75rem;color:var(--color-warm);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.project-kind{color:var(--color-muted);font-size:.85rem;font-weight:700;text-transform:uppercase}.project-work-details{display:grid;grid-template-columns:minmax(12rem,.7fr) 1fr;gap:2rem;margin:2rem 0;border-top:1px solid var(--color-line);padding-top:1.25rem}.project-detail-label{margin:0 0 .75rem;color:var(--color-accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-stack-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-stack-tags span{border:1px solid var(--color-line);padding:.45rem .65rem;color:var(--color-muted);font-size:.8rem;font-weight:700}.project-feature-list{display:grid;gap:.45rem;margin:0}.project-feature-list li{color:var(--color-muted);font-size:.9rem;line-height:1.4}.project-feature-list li:before{margin-right:.5rem;color:var(--color-warm);content:"↳"}.project-group-heading{grid-column:1 / -1;margin-bottom:2rem}.project-group-heading h2{font-size:2.8rem}.text-link,.back-link{color:var(--color-accent);font-size:.85rem;font-weight:700;text-decoration:none;text-transform:uppercase}.text-link span{margin-left:.5rem}.project-card-arrow{color:var(--color-warm);font-size:2rem}.project-detail{padding-bottom:6rem}.project-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);gap:4rem;align-items:center}.project-hero-copy{min-width:0}.back-link{display:inline-block;margin-bottom:5rem}.project-detail-summary{max-width:42rem;margin:2rem 0 0;color:var(--color-muted);font-size:1.3rem;line-height:1.5}.project-links{display:flex;gap:1rem;margin-top:2.5rem}.project-detail-grid{display:grid;grid-template-columns:.7fr 1fr;gap:3rem}.project-detail-grid h2{max-width:15ch;font-size:2.8rem}.project-cover{display:grid;place-items:center;width:100%;margin:0}.project-cover img{display:block;width:100%;max-height:22rem;border:1px solid var(--color-line);object-fit:cover}.project-media-bottom{display:grid;gap:3rem}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);width:min(100%,54rem);gap:1rem;margin-inline:auto}.project-gallery img{display:block;width:100%;max-height:15rem;border:1px solid var(--color-line);object-fit:cover}.project-video{width:min(100%,54rem);margin-inline:auto}.video-frame{position:relative;overflow:hidden;margin-top:1.5rem;background:#000;aspect-ratio:16 / 9}.video-frame iframe{width:100%;height:100%;border:0}.project-description,.project-body{color:var(--color-muted);line-height:1.65}.project-description>p:first-child{margin-top:0;font-size:1.15rem}.feature-list{margin:0}.feature-list li{border-top:1px solid var(--color-line);padding:1rem 0;color:var(--color-text);font-weight:700}.feature-list li:before{margin-right:.75rem;color:var(--color-accent);content:"↳"}.stack-list{margin-top:3rem}.stack-list>div{display:flex;flex-wrap:wrap;gap:.5rem}.stack-list span{border:1px solid var(--color-line);padding:.5rem .75rem;color:var(--color-muted);font-size:.8rem;font-weight:700}.contact-section{display:flex;align-items:end;justify-content:space-between;gap:3rem}.contact-section h2{max-width:10ch}.contact-details{display:grid;gap:1rem;justify-items:end}.contact-details .email-link{color:var(--color-text);font-size:1.2rem;letter-spacing:0;text-transform:none}.contact-details a span{margin-left:.5rem;color:var(--color-accent)}.site-footer{display:flex;justify-content:space-between;padding-block:1.5rem 3rem;color:var(--color-muted)}@media(prefers-reduced-motion:no-preference){.hero-copy,.content-section,.contact-section{animation:reveal .7s ease-out both}}.profile-photo{justify-self:center;margin:0 0 0 3rem;text-align:center}.profile-photo-ring{position:relative;width:min(27vw,31rem);height:min(27vw,31rem);border:1px solid var(--color-accent);border-radius:50%;padding:.75rem}.profile-photo-ring:after{position:absolute;inset:.25rem;border:1px dashed var(--color-warm);border-radius:50%;content:"";animation:orbit 18s linear infinite}.profile-photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-photo figcaption{margin-top:1rem;color:var(--color-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.technology-marquee{overflow:hidden;margin-top:4rem;border-block:1px solid var(--color-line);padding-block:1.25rem;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.technology-marquee-track{display:flex;width:max-content;gap:3rem;animation:marquee 32s linear infinite}.technology-marquee:hover .technology-marquee-track{animation-play-state:paused}.technology-icon{display:inline-flex;align-items:center;gap:.7rem;color:var(--color-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:color .18s ease,transform .18s ease}.technology-icon:hover{color:var(--color-text);transform:translateY(-.2rem)}.technology-icon svg{width:1.75rem;height:1.75rem}@keyframes reveal{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:760px){.site-header,main,.site-footer{width:min(100% - 2rem,76rem)}.site-header{min-height:4.75rem}.site-header nav{display:none}.language-switch span:last-child{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-block:6rem}.desktop-only{display:none}.mobile-only{display:inline}h1{font-size:3.75rem}.hero-bio{font-size:1.05rem}.hero-index{display:none}.profile-photo{grid-row:1;margin:0 auto 3rem}.profile-photo-ring{width:min(68vw,18rem);height:min(68vw,18rem)}.section-frame{padding-block:5rem}h2{font-size:2.65rem}.section-heading-split,.experience-item,.contact-section{display:block}.section-heading-split h2{margin-top:2rem}.technology-grid{grid-template-columns:repeat(2,1fr);margin-top:3rem}.technology-group{padding:1rem}.project-card,.project-detail-grid{display:block}.project-card-index{margin-bottom:1.5rem}.project-work-details{display:grid;grid-template-columns:1fr;gap:1.5rem}.project-card-arrow{display:none}.back-link{margin-bottom:3rem}.project-links{flex-wrap:wrap}.project-detail-grid h2{margin-bottom:2rem}.project-gallery{grid-template-columns:1fr}.project-hero-layout{grid-template-columns:1fr;gap:3rem}.project-cover{max-width:28rem;margin-inline:auto}.experience-list{margin-top:3rem}.experience-meta{margin-bottom:1.5rem}.contact-details{justify-items:start;margin-top:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.profile-photo-ring:after,.technology-marquee-track{animation:none}body,.button,.theme-control label{transition:none}}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}