:root{--bg:#09090b;--surface:#121214;--surface-hover:#18181b;--border:#27272a;--text-main:#f4f4f5;--text-muted:#a1a1aa;--primary:#fff;--primary-invert:#000}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#3f4a51 transparent;scroll-padding-top:5.5rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#343d43;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5a8f88}::-webkit-scrollbar-corner{background:var(--bg)}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip-link{z-index:1000;background:var(--primary);color:var(--primary-invert);border-radius:6px;padding:.75rem 1rem;transition:top .2s;position:absolute;top:-120px;left:1rem}.skip-link:focus-visible{top:1rem}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section{opacity:0;scroll-snap-align:start;padding:4.5rem 0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(15px)}section.fade-in{opacity:1;transform:translateY(0)}nav{z-index:100;width:100%;padding:1.25rem 0;position:fixed;top:0}nav,.featured-controls,section>.section-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#09090bd9}.nav-content{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 2rem;display:flex}.logo{letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-main)}.mobile-menu-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.btn-group{gap:1rem;margin-top:2rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-invert)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{border-color:var(--border);color:var(--text-main)}.btn-outline:hover{background:var(--surface-hover);border-color:#3f3f46;transform:translateY(-1px)}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid}.hero-text h1{letter-spacing:-1.5px;margin-bottom:.75rem;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-text h2{color:var(--text-muted);letter-spacing:-.2px;margin-bottom:1.5rem;font-size:1.25rem;font-weight:400}.hero-text p{color:var(--text-muted);max-width:500px;font-size:1.05rem;line-height:1.7}.hero-image{justify-content:flex-end;display:flex}.hero-image img{object-fit:cover;border:1px solid var(--border);filter:grayscale();border-radius:22%;width:320px;height:320px;transition:all .4s}.hero-image img:hover{filter:grayscale(0%);border-color:#3f3f46}.stats-row{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;display:grid}.stat-item{border-left:2px solid var(--border);padding-left:1rem}.stat-item h4{letter-spacing:-.5px;font-size:1.5rem;font-weight:600}.stat-item p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.8rem;font-weight:500}.section-header{margin-bottom:3rem}section>.section-header{z-index:15;padding:1rem 1.25rem;position:sticky;top:4.5rem}.section-header h2{letter-spacing:-.5px;color:var(--primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.section-header p{color:var(--text-muted);font-size:1rem}.about-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.about-text h3{letter-spacing:-.2px;margin:2rem 0 1rem;font-size:1.1rem;font-weight:600}.about-text h3:first-child{margin-top:0}.about-list{color:var(--text-muted);list-style:none}.about-list li{margin-bottom:.75rem;padding-left:1.5rem;font-size:.95rem;position:relative}.about-list li:before{content:"—";color:#555;position:absolute;left:0}.github-stats{flex-direction:column;gap:1rem;display:flex}.github-stats img{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;transition:border-color .3s}.github-stats img:hover{border-color:#3f3f46}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.skill-category{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem}.skill-category h3{letter-spacing:-.2px;color:var(--text-main);margin-bottom:1.25rem;font-size:1.05rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{border:1px solid var(--border);color:var(--text-muted);background:var(--bg);border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.btn-badge{padding:.5rem 1rem;font-size:.85rem}.project-status{color:var(--text-muted);font-size:.75rem;font-weight:400}.project-featured{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:3rem;transition:border-color .2s;display:grid;overflow:hidden}.project-featured:hover{border-color:#3f3f46}.featured-img{border-right:1px solid var(--border);isolation:isolate;background:#000;justify-content:center;align-items:center;display:flex;position:relative}.featured-img:before{content:"";z-index:-1;background-image:var(--preview-image);filter:blur(28px)saturate(1.15);opacity:.34;background-position:50%;background-size:cover;position:absolute;inset:-8%;transform:scale(1.08)}.featured-img img{opacity:.7;max-width:100%;transition:opacity .3s}.project-card .featured-img{border:1px solid var(--border);border-radius:6px;margin-bottom:1rem;overflow:hidden}.project-featured:hover .featured-img img{opacity:.9}.featured-content{flex-direction:column;justify-content:center;padding:3rem;display:flex}.featured-badge{text-transform:uppercase;letter-spacing:1px;color:var(--text-main);border:1px solid var(--border);border-radius:4px;align-self:flex-start;margin-bottom:1rem;padding:.2rem .6rem;font-size:.75rem}.featured-content h3{letter-spacing:-.5px;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.featured-content p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.featured-ci{background:#ffffff06;border-left:2px solid #777;margin:-.25rem 0 1.25rem;padding:.75rem .9rem}.featured-ci span{color:var(--text-main);letter-spacing:.8px;text-transform:uppercase;margin-bottom:.2rem;font-size:.68rem;font-weight:700;display:block}.featured-ci p{margin:0;font-size:.82rem;line-height:1.55}.featured-impact{border-left:2px solid var(--text-main);margin:-.25rem 0 1rem;padding-left:.9rem}.featured-impact span{color:var(--text-main);letter-spacing:.8px;text-transform:uppercase;margin-bottom:.2rem;font-size:.68rem;font-weight:700;display:block}.featured-impact p{margin:0;font-size:.84rem;line-height:1.55}.featured-architecture{margin-bottom:.25rem}.featured-architecture button{border:0;border-top:1px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.76rem;font-weight:700;display:flex}.featured-architecture button:hover{color:var(--text-muted)}.featured-architecture button span i{margin-right:.45rem}.featured-architecture p{color:var(--text-muted);background:#ffffff09;border-radius:5px;margin:-.15rem 0 1rem;padding:.7rem .8rem;font-family:monospace;font-size:.75rem;line-height:1.6}.btn-case-study{background:var(--primary);color:var(--primary-invert)}.btn-case-study:hover{opacity:.88;transform:translateY(-1px)}.project-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:2rem;transition:border-color .2s;display:flex}.project-card:hover{border-color:#3f3f46}.project-card h4{letter-spacing:-.2px;margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.project-card p{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.tech-list{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.tech-list span{color:var(--text-muted);font-size:.8rem;font-weight:500}.edu-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:3rem}.edu-card h3{letter-spacing:-.2px;margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.edu-card .degree{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem}.edu-stats{justify-content:center;gap:4rem;display:flex}.edu-stat h4{margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.edu-stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.contact-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.contact-card{background:var(--surface);text-align:center;border:1px solid var(--border);border-radius:8px;padding:2rem;transition:border-color .2s}.contact-card:hover{border-color:#3f3f46}.contact-icon{color:var(--text-main);margin-bottom:1rem;font-size:1.25rem}.contact-card p{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:500}.contact-card a,.contact-card span{font-size:.95rem;font-weight:500}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:2rem;padding:3rem 0}.footer-social{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.footer-social a{color:var(--text-muted);font-size:1.1rem;transition:color .2s}.footer-social a:hover{color:var(--text-main)}footer p{font-size:.85rem}.hero-eyebrow{color:var(--text-muted);letter-spacing:.2px;align-items:center;gap:.55rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-dot{background:#54c7a1;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #54c7a11f,0 0 14px #54c7a180}.hero-image{isolation:isolate;position:relative}.hero-image-glow{z-index:-1;filter:blur(22px);background:radial-gradient(circle,#4e82a852,#0000 68%);border-radius:50%;width:80%;height:80%;animation:7s ease-in-out infinite hero-glow;position:absolute}.hero-scroll-cue{color:var(--text-muted);align-items:center;gap:.65rem;margin-top:2rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-scroll-cue i{transition:transform .2s}.hero-scroll-cue:hover{color:var(--text-main)}.hero-scroll-cue:hover i{transform:translateY(3px)}.skill-category{position:relative;overflow:hidden}.skill-category:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:100px;height:100px;transition:transform .35s;position:absolute;bottom:-34px;right:-30px}.skill-category:hover:after{transform:scale(1.35)}.skill-category-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;margin-bottom:1.25rem;font-size:.68rem;display:flex}.skill-category-meta span:first-child{color:var(--text-main);font-weight:700}.about-principles{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:2rem;display:grid}.about-principles div{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;flex-direction:column;gap:.55rem;padding:.8rem;font-size:.72rem;font-weight:600;transition:border-color .2s,transform .2s;display:flex}.about-principles div:hover{border-color:#555;transform:translateY(-3px)}.about-principles i{color:var(--text-main);font-size:.9rem}.about-stats-panel{border:1px solid var(--border);background:#12121473;border-radius:8px;padding:1.25rem}.github-panel-label{color:var(--text-muted);letter-spacing:.7px;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:.9rem;font-size:.72rem;font-weight:700;display:flex}.edu-card{position:relative;overflow:hidden}.edu-kicker{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:.85rem;font-size:.7rem;font-weight:700;display:block}.edu-progress{background:var(--border);border-radius:99px;width:min(360px,100%);height:4px;margin:1.8rem auto .55rem;overflow:hidden}.edu-progress span{border-radius:inherit;background:var(--text-main);width:62%;height:100%;display:block}.edu-progress-label{color:var(--text-muted);font-size:.75rem}.certification-card{position:relative}.certification-icon{background:#ffffff09;border:1px solid;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:1.1rem;font-size:1rem;display:grid}.certification-card h4{min-height:2.5rem}.contact-cta{border:1px solid var(--border);background:linear-gradient(115deg,#ffffff0e,#ffffff04);border-radius:10px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:2rem 2.25rem;display:flex}.contact-cta-kicker{color:var(--text-muted);letter-spacing:.9px;text-transform:uppercase;font-size:.7rem;font-weight:700}.contact-cta h3{color:var(--primary);letter-spacing:-.5px;margin:.45rem 0 .35rem;font-size:1.45rem}.contact-cta p{color:var(--text-muted);font-size:.86rem}@keyframes hero-glow{0%,to{opacity:.65;transform:translate(-4%,2%)scale(.95)}50%{opacity:1;transform:translate(5%,-4%)scale(1.08)}}body.dialog-open{overflow:hidden}.project-filters{flex-wrap:wrap;gap:.5rem;margin:-1rem 0 2rem;display:flex}.featured-story{position:relative}.featured-mobile-list{display:none}.featured-controls{z-index:20;margin-bottom:1rem;padding:.85rem 0 .75rem;position:sticky;top:4.5rem}.featured-controls .section-header{margin-bottom:1rem}.featured-controls .project-filters{margin:0 0 .75rem}.project-filter{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s}.project-filter:hover{color:var(--text-main);background:var(--surface-hover);border-color:#7ccfc3}.project-filter.active{border-color:var(--text-main);background:var(--text-main);color:var(--primary-invert)}.project-empty{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:8px;padding:2rem}.featured-switcher{scrollbar-width:none;gap:.35rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.featured-switcher::-webkit-scrollbar{display:none}.featured-switch{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:none;align-items:center;gap:.55rem;padding:.6rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.featured-switch span{color:#666;font-variant-numeric:tabular-nums;font-size:.65rem}.featured-switch:hover{color:var(--text-main);border-color:#555}.featured-switch.active{border-color:var(--text-main);background:var(--surface);color:var(--text-main)}.featured-switch.active span{color:var(--text-main)}.featured-stage{--featured-panel-height:clamp(30rem, calc(100svh - 18rem), 40rem);min-width:0;min-height:max(var(--featured-panel-height), calc(var(--featured-count,1) * 58vh + 48vh));grid-template-columns:minmax(0,.95fr) clamp(3.5rem,7vw,5.125rem) minmax(0,1.05fr);grid-template-areas:"image steps content";align-items:stretch;gap:0;display:grid}.featured-steps{flex-direction:column;grid-area:steps;justify-content:space-around;padding:1rem 0 48vh;display:flex;position:relative}.featured-steps:before{content:"";background:linear-gradient(180deg, transparent, var(--border) 12%, var(--border) 88%, transparent);width:1px;position:absolute;top:8%;bottom:calc(8% + 48vh);left:50%}.featured-step{z-index:1;opacity:.5;place-items:center;min-height:58vh;padding:.5rem;transition:opacity .35s,transform .35s;display:grid;position:relative}.featured-step:before{content:"";border:2px solid var(--text-muted);background:var(--bg);border-radius:50%;width:9px;height:9px;transition:all .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-step.active{opacity:1;transform:scale(1.08)}.featured-step.active:before{border-color:var(--text-main);background:var(--text-main);box-shadow:0 0 0 7px #ffffff12,0 0 20px #ffffff2e}.featured-step-number{color:var(--text-muted);letter-spacing:1px;font-size:.65rem;font-weight:700}.featured-step-category,.featured-step h3,.featured-step p,.featured-step .tech-list{display:none}.featured-preview{display:contents}.featured-preview-card{margin-bottom:0;display:contents}.featured-preview-card .featured-img{width:100%;min-width:0;height:var(--featured-panel-height);border:1px solid var(--border);background:#080b0d;border-right:0;border-radius:14px 0 0 14px;grid-area:image;min-height:0;overflow:hidden}.featured-preview-card .featured-img>img{object-fit:contain;object-position:center;opacity:.94;width:100%;max-width:none;height:100%;padding:clamp(1rem,2.5vw,2rem);transition:clip-path 80ms linear;animation:none;position:absolute;inset:0}.featured-preview-card .featured-current-image{z-index:1}.featured-preview-card .featured-gallery-image{z-index:2}.featured-gallery-indicator{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border:1px solid #ffffff29;border-radius:999px;gap:.35rem;padding:.45rem .55rem;display:flex;position:absolute;bottom:1rem;left:1rem}.featured-gallery-indicator span{background:#ffffff73;border-radius:50%;width:5px;height:5px;transition:width .25s,background .25s;display:block}.featured-gallery-indicator span.active{background:#fff;border-radius:99px;width:16px}.featured-preview-card .featured-content{width:100%;min-width:0;height:var(--featured-panel-height);border:1px solid var(--border);background:var(--surface);scrollbar-width:thin;scrollbar-color:#59656b transparent;border-radius:0 14px 14px 0;grid-area:content;min-height:0;padding:clamp(1.5rem,2.5vw,2.5rem);overflow-y:auto}.featured-preview-card .featured-img,.featured-preview-card .featured-content{align-self:start;position:sticky;top:16.75rem}.featured-preview-card .featured-content>p{max-width:42ch}.featured-preview-card .btn{white-space:normal;text-align:center;min-width:0}.featured-preview-card .btn-group{flex-wrap:wrap;gap:.6rem}.featured-preview-card .featured-content,.featured-preview-card .featured-img{animation:.42s cubic-bezier(.2,.75,.25,1) both preview-card-in}.featured-story+.project-grid{z-index:2;background:var(--bg);margin-top:5rem;position:relative}.project-card-action{color:var(--text-main);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.82rem;font-weight:600}.project-card-action i{margin-left:.25rem;transition:transform .2s}.project-card-action:hover{color:var(--text-muted)}.project-card-action:hover i{transform:translate(3px)}.dialog-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;place-items:center;padding:1rem;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.project-dialog{border:1px solid var(--border);background:var(--surface);width:min(680px,100%);max-height:min(720px,100vh - 2rem);color:var(--text-main);scrollbar-width:thin;scrollbar-color:#59656b transparent;border-radius:12px;padding:2.25rem;animation:.22s ease-out dialog-in;position:relative;overflow:auto;box-shadow:0 24px 80px #00000059}.project-dialog::-webkit-scrollbar{width:8px}.project-dialog::-webkit-scrollbar-track{background:0 0}.project-dialog::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#59656b}.project-dialog::-webkit-scrollbar-thumb:hover{background:#7cbdb5}.dialog-close{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.dialog-close:hover{color:var(--text-main);border-color:#555}.dialog-category,.dialog-section>span,.dialog-highlight>span,.dialog-architecture>span{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.project-dialog h3{max-width:90%;color:var(--primary);letter-spacing:-.8px;margin:.4rem 0 .8rem;font-size:1.7rem}.dialog-description{color:var(--text-muted);font-size:.92rem;line-height:1.75}.dialog-highlight,.dialog-architecture{background:var(--bg);border-left:2px solid #777;border-radius:0 8px 8px 0;margin-top:1.25rem;padding:1rem 1.1rem}.dialog-highlight p,.dialog-architecture p{color:var(--text-main);margin-top:.35rem;font-size:.84rem;line-height:1.6}.dialog-section{margin-top:1.35rem}.dialog-section .skill-tags{margin-top:.6rem}.dialog-links{margin-top:1.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes preview-card-in{0%{opacity:0;filter:blur(5px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes preview-image-in{0%{opacity:0;filter:blur(8px);transform:scale(1.035)}to{opacity:.94;filter:blur();transform:scale(1)}}@media (width>=1201px){main.container{max-width:1420px}.featured-stage{--featured-panel-height:clamp(34rem, calc(100svh - 18rem), 45rem);min-height:max(var(--featured-panel-height), calc(var(--featured-count,1) * 64vh + 48vh));grid-template-columns:minmax(0,.95fr) clamp(5.125rem,7vw,6.25rem) minmax(0,1.05fr)}.featured-step{min-height:64vh}.featured-preview-card .featured-content{padding:clamp(2rem,2.5vw,3.25rem)}}@media (width>=901px) and (height<=760px){.featured-controls{position:relative;top:auto}.featured-stage{--featured-panel-height:clamp(26rem, calc(100svh - 2rem), 40rem)}.featured-preview-card .featured-img,.featured-preview-card .featured-content{top:1rem}}@media (width<=900px){html{scroll-snap-type:none}.hero-grid,.about-grid,.project-featured,.project-grid{grid-template-columns:1fr}.featured-controls{position:relative;top:auto}.featured-stage{grid-template-columns:1fr;grid-template-areas:"preview""steps";gap:1.5rem;min-height:0;display:grid}.featured-preview{z-index:2;order:0;display:block;position:sticky;top:5.5rem}.featured-preview-card{grid-template-columns:1fr;display:grid}.featured-preview-card .featured-img{border-right:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;grid-area:auto;min-height:260px}.featured-preview-card .featured-content{border-radius:0 0 14px 14px;grid-area:auto;min-height:0}.featured-steps{grid-area:steps;padding:1rem 0}.featured-steps:before{top:1rem;bottom:1rem;left:3px}.featured-step{flex-direction:column;justify-content:center;align-items:flex-start;min-height:38vh;padding:.35rem 1rem 3rem 2rem;display:flex}.featured-step:before{top:.7rem;left:0;transform:none}.featured-step-category,.featured-step h3,.featured-step p,.featured-step .tech-list{display:block}.featured-step-category{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:1.5rem;font-size:.68rem;font-weight:700}.featured-step h3{color:var(--primary);letter-spacing:-.5px;margin:.55rem 0 .7rem;font-size:1.35rem}.featured-step p{color:var(--text-muted);font-size:.86rem;line-height:1.7}.featured-step .tech-list{margin-top:1rem;margin-bottom:0}.featured-step .tech-list span{color:var(--text-muted);font-size:.7rem}.hero-text{text-align:center}.hero-text p{margin:0 auto}.btn-group{justify-content:center}.hero-image{justify-content:center;margin-top:2rem}.stats-row{text-align:center;justify-content:center}.stat-item{border-left:none;border-bottom:2px solid var(--border);padding-bottom:1rem;padding-left:0}.skills-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}.featured-img{border-right:none;border-bottom:1px solid var(--border);min-height:250px}.featured-stage{display:none}.featured-mobile-list{gap:1.5rem;display:grid}.mobile-project-reveal{opacity:.28;filter:blur(8px);transform-origin:top;will-change:opacity, filter, transform;transition:opacity .7s cubic-bezier(.2,.75,.2,1),filter .7s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1);transform:translateY(34px)scale(.965)}.mobile-project-reveal.is-visible{opacity:1;filter:blur();transform:translate(0,0)scale(1)}.featured-mobile-card{border-radius:12px;margin:0}.featured-mobile-card .featured-img{border-right:0;min-height:clamp(230px,55vw,360px);padding:1rem}.featured-mobile-card .featured-img img{object-fit:contain;opacity:.94;width:100%;height:100%;max-height:330px;transition:transform .9s cubic-bezier(.2,.75,.2,1);transform:scale(1.055)translateY(10px)}.mobile-project-reveal.is-visible .featured-img img{transform:scale(1)translate(0,0)}.featured-mobile-card .featured-content{min-width:0;padding:1.75rem}.featured-mobile-card .featured-content>*{opacity:.55;transition:opacity .5s,transform .65s cubic-bezier(.2,.75,.2,1);transform:translateY(10px)}.mobile-project-reveal.is-visible .featured-content>*{opacity:1;transform:translateY(0)}.mobile-project-reveal.is-visible .featured-content>:nth-child(2){transition-delay:50ms}.mobile-project-reveal.is-visible .featured-content>:nth-child(3){transition-delay:90ms}.mobile-project-reveal.is-visible .featured-content>:nth-child(n+4){transition-delay:.13s}.featured-mobile-card .btn-group{flex-wrap:wrap;justify-content:flex-start}.featured-story+.project-grid{margin-top:2.5rem}}@media (width<=600px){html{scroll-padding-top:5.75rem}.container{padding:0 1rem}section{padding:3rem 0}section>.section-header{margin-bottom:2rem;padding:.8rem 1rem;top:5rem}.section-header h2{font-size:1.45rem}.section-header p{font-size:.86rem;line-height:1.5}.skills-grid,.contact-grid{grid-template-columns:1fr}.mobile-menu-toggle{display:inline-flex}.nav-content{padding:0 1rem;position:relative}.logo{font-size:1.05rem}.nav-links{background:var(--surface);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:8px;flex-direction:column;gap:0;width:min(280px,100vw - 2rem);padding:.5rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + .75rem);right:0;transform:translateY(-8px)}.nav-links li{width:100%}.nav-links a{border-radius:6px;padding:.65rem .75rem;display:block}.nav-links a:hover{background:var(--surface-hover)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hero{min-height:auto;padding-top:8rem}.hero-text h1{font-size:clamp(2.25rem,12vw,3rem)}.hero-text h2{font-size:1.05rem}.hero-text p{font-size:.95rem}.hero-eyebrow{justify-content:center;line-height:1.45}.hero-image img{width:min(260px,72vw);height:min(260px,72vw)}.btn-group{flex-direction:column;gap:.75rem;width:100%}.btn-group .btn{white-space:normal;text-align:center;justify-content:center;width:100%}.stats-row{grid-template-columns:1fr;gap:1rem}.skill-category,.project-card{padding:1.25rem}.project-card h4{font-size:1.08rem}.featured-controls{margin-inline:-1rem;padding:.8rem 1rem}.featured-controls .section-header{margin-bottom:.85rem}.featured-controls .project-filters{scrollbar-width:none;flex-wrap:nowrap;margin:0;padding-bottom:.35rem;overflow-x:auto}.featured-controls .project-filters::-webkit-scrollbar{display:none}.project-filter{flex:none}.featured-mobile-list{gap:1rem}.featured-mobile-card .featured-img{min-height:210px;padding:.75rem}.featured-mobile-card .featured-img img{max-height:240px}.featured-mobile-card .featured-content{padding:1.25rem}.featured-mobile-card .featured-content h3{font-size:1.3rem}.featured-mobile-card .featured-badge{white-space:normal;line-height:1.5}.featured-mobile-card .tech-list{gap:.55rem;margin-bottom:1.25rem}.edu-card{padding:1.5rem 1.1rem}.edu-card h3{font-size:1.2rem}.edu-stats{flex-direction:column;gap:1.25rem}.project-dialog{padding:1.75rem 1.25rem}.project-dialog h3{font-size:1.45rem}.about-principles{grid-template-columns:1fr}.contact-cta{flex-direction:column;align-items:flex-start;padding:1.5rem}.contact-cta .btn{text-align:center;justify-content:center;width:100%}.contact-card{padding:1.5rem 1rem}.contact-card a{overflow-wrap:anywhere}footer{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-project-reveal,.mobile-project-reveal .featured-img img,.featured-mobile-card .featured-content>*{opacity:1;filter:none;transition:none;transform:none}}