:root{--bg-primary: #0a0a0a;--bg-panel: #101418;--bg-elevated: #161b21;--bg-border: #1f262e;--cyan: #00b5e2;--cyan-soft: #008fb3;--text-primary: #ffffff;--text-muted: #8a98a5;--max-width: 1100px;--section-pad: clamp(3rem, 6vw, 6rem);--card-pad: clamp(1.2rem, 2.5vw, 2rem);--h1: clamp(1.8rem, 3vw, 2.4rem);--h2: clamp(1.6rem, 2.6vw, 2.4rem);--body: clamp(.95rem, 1vw, 1.05rem);--nav-offset: clamp(320px, 10vw, 120px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto;display:block}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;font-size:var(--body)}.header-wrapper{position:sticky;top:0;left:0;width:100%;z-index:1000}.main-nav{height:50px;width:100%;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.hero{position:relative;z-index:1000;background:#000;color:#fafafa;padding:clamp(12px,2vw,16px) 0;text-align:center;font-weight:700;letter-spacing:1px}.hero-content{display:flex;align-items:center;justify-content:center;gap:10px}.hero-content h1{font-size:var(--h1);font-weight:700;letter-spacing:1px}.hero-content p{margin-top:.4rem;color:var(--text-muted)}.pipe{margin:0 .8rem;color:var(--cyan)}.section{padding:var(--section-pad) 1.5rem;background:var(--bg-panel);border-top:1px solid var(--bg-border);scroll-margin-top:var(--nav-offset)}.container{max-width:var(--max-width);margin:0 auto}.section h2{font-size:var(--h2);font-weight:700;letter-spacing:.5px}.section h2:after{content:"";display:block;width:50px;height:2px;margin-top:.8rem;background:var(--cyan)}.about-layout{display:grid;grid-template-columns:1.5fr .9fr;gap:clamp(2rem,4vw,4rem);align-items:start;position:relative}.about-layout:after{content:"";position:absolute;top:.4rem;bottom:0;left:calc(60% + 2rem);width:1px;background:#00b5e240}.about-text p{color:var(--text-muted);margin-top:2rem;margin-bottom:1.2rem;font-size:var(--body)}.about-intro-with-photo{display:flex;align-items:flex-start;gap:1rem}.about-intro-photo{width:clamp(88px,8vw,120px);height:auto;border:1px solid rgba(74,227,255,.2);flex-shrink:0}.about-text ul{margin-top:.4rem;margin-bottom:1.2rem;padding-left:1.15rem;color:var(--text-muted);font-size:var(--body)}.about-text li{margin-bottom:.55rem;line-height:1.45}.about-text li::marker{color:var(--cyan)}.about-tech-wrapper{padding-left:2rem}.about-tech-label{font-size:1rem;text-transform:uppercase;letter-spacing:.25em;color:var(--cyan);margin-bottom:1.2rem}.about-tech-label-title{font-size:clamp(1.2rem,2vw,1.5rem);text-transform:uppercase;letter-spacing:.25em;color:var(--cyan)}.about-subsection-title{margin-top:.6rem;margin-bottom:.35rem}.about-subsection-title+p{margin-top:.35rem}.about-tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tech-group{display:grid;gap:.85rem;padding:1rem;border:1px solid rgba(74,227,255,.16);background:#ffffff05}.tech-group-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.85rem}.tech-item{display:grid;place-items:center;min-height:86px;padding-top:.95rem;position:relative;overflow:hidden;border:1px solid rgba(74,227,255,.14);background:#ffffff08}.tech-item:after{content:attr(aria-label);position:absolute;top:.38rem;left:50%;transform:translate(-50%);width:calc(100% - .6rem);text-align:center;font-size:.56rem;line-height:1.15;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);opacity:.92;z-index:2;pointer-events:none}.tech-item i{color:var(--cyan);font-size:2.35rem;position:relative;z-index:1}.project{background:var(--bg-elevated);padding:var(--card-pad);border-left:3px solid var(--cyan);margin-bottom:clamp(1.8rem,3vw,2.5rem);transition:.2s ease}.project:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006}.project h3{margin-bottom:.6rem}.project--reverse{border-left:none;border-right:3px solid var(--cyan)}.project--reverse h3{text-align:right}.project p{color:var(--text-muted)}.media-row{display:flex;align-items:center;gap:clamp(16px,3vw,28px);margin-bottom:clamp(18px,3vw,32px);min-width:0}.media-row--reverse{flex-direction:row-reverse}.project-details{max-width:500px;width:100%;color:var(--text-muted);display:grid;gap:.55rem;padding:.8rem .9rem;border:1px solid rgba(74,227,255,.14);background:#ffffff05}.project-detail{margin:0;line-height:1.45}.project-link-wrap{margin:0 0 .25rem}.project-link{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(0,181,226,.45);padding-bottom:.08rem}.project-link:hover{border-bottom-color:var(--cyan)}.project-detail strong{color:var(--text-primary)}.project--reverse .project-details{text-align:right}.project-image{width:100%;max-width:320px}.image-wide{max-width:447px}.image-tall{max-width:281px}.blog-layout{display:grid;gap:clamp(1.4rem,3vw,2.2rem)}.blog-intro{max-width:720px}.blog-intro p{color:var(--text-muted);margin-top:1rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-card{background:var(--bg-elevated);border:1px solid rgba(74,227,255,.14);padding:var(--card-pad);display:flex;flex-direction:column}.blog-card-tag{display:inline-block;margin-bottom:.75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}.blog-card h3{font-size:1.05rem;margin-bottom:.7rem}.blog-card p{color:var(--text-muted)}.blog-card-meta{margin-bottom:.7rem;font-size:.82rem}.blog-card-link{display:inline-block;margin-top:.95rem;align-self:flex-end;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);text-decoration:none}.blog-card-link:hover{opacity:.82}.blog-post-tag{display:inline-block;margin-bottom:.7rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}.blog-post-meta{margin-top:.65rem;color:var(--text-muted);font-size:.9rem}.blog-post-intro{margin-top:1rem;max-width:760px;color:var(--text-muted)}.blog-post-body{margin-top:1.5rem;max-width:820px;display:grid;gap:1.1rem}.blog-post-body article{background:var(--bg-elevated);border:1px solid rgba(74,227,255,.14);padding:var(--card-pad)}.blog-post-body h3{margin-bottom:.55rem}.blog-post-body p{color:var(--text-muted)}.blog-markdown{margin-top:1.5rem;max-width:820px;padding:var(--card-pad);border:1px solid rgba(74,227,255,.14);background:var(--bg-elevated)}.blog-markdown>:first-child{margin-top:0}.blog-markdown>:last-child{margin-bottom:0}.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{margin-top:1.5rem;margin-bottom:.6rem}.blog-markdown p,.blog-markdown ul,.blog-markdown ol,.blog-markdown pre,.blog-markdown blockquote{margin:.95rem 0;color:var(--text-muted)}.blog-markdown ul,.blog-markdown ol{padding-left:1.25rem}.blog-markdown li+li{margin-top:.35rem}.blog-markdown a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(0,181,226,.45)}.blog-markdown a:hover{border-bottom-color:var(--cyan)}.blog-markdown code{font-family:IBM Plex Mono,monospace;font-size:.92em}.blog-markdown pre{overflow-x:auto;padding:1rem;border:1px solid rgba(74,227,255,.12);background:#00000038}.blog-markdown blockquote{padding-left:1rem;border-left:2px solid rgba(0,181,226,.45)}.contact-layout{margin-top:1.2rem;max-width:760px;display:grid;gap:.7rem}.contact-layout p{color:var(--text-muted)}.contact-line{display:flex;align-items:center;gap:.6rem}.contact-icon{color:var(--cyan);width:1.05rem;height:1.05rem;flex-shrink:0}.contact-icon svg{width:100%;height:100%;display:block}.contact-icon--linkedin{font-size:1.08rem;line-height:1}.contact-layout a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(0,181,226,.45)}.contact-layout a:hover{border-bottom-color:var(--cyan)}footer{padding:clamp(2rem,4vw,3rem) 1.5rem;border-top:1px solid #1c1c1c;color:var(--text-muted);text-align:center}@media(max-width:900px){:root{--nav-offset: 250px}.about-layout{grid-template-columns:1fr}.about-layout:after{display:none}.about-tech-wrapper{padding-left:0;margin-top:2rem}.about-tech{grid-template-columns:1fr}.about-intro-with-photo{flex-direction:column;gap:.7rem}.blog-grid{grid-template-columns:1fr}.project-image{max-width:clamp(180px,34vw,280px)}.image-wide{max-width:clamp(240px,46vw,340px)}.image-tall{max-width:clamp(160px,26vw,230px)}}@media(max-width:768px){:root{--nav-offset: 210px}.hero{padding:8px 0}.hero-content h1{font-size:clamp(1.4rem,4vw,1.8rem)}.hero-content{flex-direction:column;align-items:center;text-align:center}.hero-content p,.pipe{display:none}.media-row{flex-direction:column;align-items:center;text-align:center}.project-image{max-width:min(72vw,260px)}.image-wide{max-width:min(82vw,320px)}.image-tall{max-width:min(58vw,210px)}.project-details{max-width:100%}.project--reverse{border-left:3px solid var(--cyan);border-right:none}.project--reverse h3,.project--reverse .project-details{text-align:left}}@media(max-width:480px){.hero-content p{display:none}}