:root{--bg: #0a0a0b;--bg-2: #111113;--surface: rgba(255, 255, 255, .02);--surface-2: rgba(255, 255, 255, .04);--surface-3: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #f4f4f5;--text-dim: #a1a1aa;--text-faint: #6b6b73;--accent: #8cc2ff;--accent-2: #8cc2ff;--accent-3: #8cc2ff;--accent-grad: linear-gradient(135deg, #b4d8ff 0%, #8cc2ff 100%);--accent-grad-2: linear-gradient(135deg, #b4d8ff 0%, #8cc2ff 100%);--accent-soft: rgba(140, 194, 255, .14);--head-grad: linear-gradient(135deg, #d6ebff 0%, #8fc4ff 100%);--shadow: 0 18px 50px -12px rgba(0, 0, 0, .6);--shadow-glow: 0 0 0 1px var(--border-strong), 0 24px 60px -28px rgba(0, 0, 0, .7);--radius: 18px;--radius-sm: 12px;--nav-h: 68px;--font-head: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(55rem 45rem at 85% -15%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0;text-align:inherit}h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:700;line-height:1.2;letter-spacing:-.02em}::selection{background:#8cc2ff59;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.main{min-height:100vh}.section{padding:50px clamp(20px,5vw,56px);max-width:1120px;margin:0 auto;scroll-margin-top:var(--nav-h)}.section--tight{padding-top:30px}.section-head{margin-bottom:30px;text-align:center}.section-head .eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-2);display:inline-block;margin-bottom:14px}.section-head h2,.section-head h1{font-size:clamp(1.55rem,3.2vw,2.1rem)}.section-head h2 .grad{background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head p{color:var(--text-dim);max-width:640px;margin:16px auto 0;font-size:1.02rem}.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;border-radius:999px;font-weight:600;font-size:.94rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);white-space:nowrap}.btn-primary{background:var(--accent-grad);color:#04060f;box-shadow:0 10px 30px -10px #8cc2ff59}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px -10px #8cc2ff73}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{transform:translateY(-3px);background:var(--surface-3);border-color:var(--accent)}.btn-sm{padding:9px 18px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip{font-family:var(--font-mono);font-size:.72rem;padding:4px 11px;border-radius:999px;background:var(--accent-soft);color:#d0e6ff;border:1px solid rgba(140,194,255,.32);white-space:nowrap}.icon-badge{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(140,194,255,.32);flex-shrink:0}@media (max-width: 768px){.section{padding-top:40px;padding-bottom:40px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.topnav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .3s var(--ease),border-color .3s var(--ease)}.topnav.scrolled{background:#0a0a0bb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--border)}.topnav__inner{width:100%;max-width:1300px;margin:0 auto;padding:0 clamp(18px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px}.topnav__brand{display:flex;align-items:center;gap:0;font-family:var(--font-head);font-weight:700}.topnav__logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:.9rem;font-weight:800;color:#06070a;background:var(--accent-grad)}.topnav__name{font-size:1rem;letter-spacing:-.01em;max-width:0;opacity:0;margin-left:0;overflow:hidden;white-space:nowrap;transform:translate(-6px);transition:max-width .45s var(--ease),opacity .35s var(--ease),transform .45s var(--ease),margin-left .45s var(--ease)}.topnav__brand:hover .topnav__name,.topnav__brand:focus-visible .topnav__name{max-width:240px;opacity:1;margin-left:11px;transform:translate(0)}.topnav__links{display:flex;align-items:center;gap:2px}.topnav__link{padding:9px 14px;border-radius:10px;font-size:.92rem;font-weight:500;color:var(--text-dim);transition:color .2s var(--ease),background .2s var(--ease)}.topnav__link:hover{color:var(--text);background:var(--surface-2)}.topnav__link.active{color:var(--text)}.topnav__link.active:after{content:"";display:block;height:2px;width:18px;margin:5px auto -3px;border-radius:2px;background:var(--accent)}.topnav__actions{display:flex;align-items:center;gap:12px}.topnav__toggle{display:none;width:42px;height:42px;border-radius:11px;place-items:center;font-size:1.35rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.topnav__mobile,.topnav__scrim{display:none}@media (max-width: 900px){.topnav__links,.topnav__hire{display:none}.topnav__toggle{display:grid}.topnav.scrolled,.topnav:has(.topnav__mobile.open){background:#0a0a0be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topnav__mobile{display:block;position:fixed;top:var(--nav-h);left:0;right:0;background:#0a0a0bf7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:14px clamp(18px,5vw,48px) 22px;transform:translateY(-14px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:99}.topnav__mobile.open{transform:translateY(0);opacity:1;pointer-events:auto}.topnav__mobile nav{display:flex;flex-direction:column;gap:4px}.topnav__mobile-link{padding:13px 14px;border-radius:10px;font-size:1rem;font-weight:500;color:var(--text-dim);text-align:left}.topnav__mobile-link:hover,.topnav__mobile-link.active{color:var(--text);background:var(--surface-2)}.topnav__mobile-hire{width:100%;justify-content:center;margin-top:12px}.topnav__scrim{display:block;position:fixed;inset:var(--nav-h) 0 0 0;background:#00000080;z-index:98}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:calc(var(--nav-h) + 40px) clamp(20px,6vw,64px) 90px;overflow:hidden}.hero__inner{max-width:780px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.hero__avatar{width:108px;height:108px;border-radius:50%;padding:3px;background:var(--accent-grad);margin-bottom:26px}.hero__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg)}.hero__hello{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);padding:7px 16px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);margin-bottom:26px}.hero__hello .dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d3992e}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}.hero h1 .grad{background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__typed{font-family:var(--font-head);font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:600;margin-top:12px;min-height:1.4em;color:var(--text-dim)}.hero__typed .cursor{color:var(--accent);font-weight:400;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero__tagline{color:var(--text-dim);font-size:1rem;max-width:540px;margin:20px auto 32px}.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.hero__socials{display:flex;gap:12px;margin-top:30px}.hero__socials a{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.15rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);transition:all .25s var(--ease)}.hero__socials a:hover{color:var(--text);border-color:var(--accent);transform:translateY(-3px)}.hero__scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:var(--text-faint);font-size:1.6rem;z-index:2}.about__content{max-width:780px;margin:0 auto;text-align:center}.about h3{font-size:1.5rem;margin-bottom:10px}.about h3 .grad{background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.about__lead{color:var(--text-dim);font-size:1.05rem;margin-bottom:24px}.about__details{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;max-width:540px;margin:0 auto 26px;text-align:left}.about__details li{display:flex;gap:10px;align-items:baseline;font-size:.95rem}.about__details svg{color:var(--accent-2);flex-shrink:0;transform:translateY(2px)}.about__details strong{color:var(--text)}.about__details span,.about p.about__outro{color:var(--text-dim)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.stat{padding:26px 22px;text-align:center}.stat__num{font-family:var(--font-head);font-size:2.5rem;font-weight:800;background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stat__label{color:var(--text-dim);font-size:.9rem;margin-top:8px}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.skill-card{padding:28px;transition:transform .3s var(--ease),border-color .3s var(--ease)}.skill-card:hover{transform:translateY(-6px);border-color:var(--border-strong)}.skill-card__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.skill-card__head h4{font-size:1.15rem}.skill-card__list{display:flex;flex-wrap:wrap;gap:9px}.skill-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;font-size:.85rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);transition:all .2s var(--ease)}.skill-tag:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.skill-tag svg{color:var(--accent-2);font-size:.95rem}.resume__cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}.resume__col h3{display:flex;align-items:center;gap:12px;font-size:1.35rem;margin-bottom:30px}.resume__col h3 svg{color:var(--accent-2)}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2),transparent)}.tl-item{position:relative;padding-bottom:32px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-30px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tl-item__period{display:inline-block;font-family:var(--font-mono);font-size:.74rem;color:var(--accent-2);background:var(--accent-soft);padding:3px 10px;border-radius:7px;margin-bottom:8px}.tl-item h4{font-size:1.1rem}.tl-item__place{color:var(--text-faint);font-size:.88rem;margin:3px 0 10px;font-style:italic}.tl-item p,.tl-item li{color:var(--text-dim);font-size:.94rem}.tl-item ul{display:flex;flex-direction:column;gap:7px}.tl-item ul li{position:relative;padding-left:18px}.tl-item ul li:before{content:"▹";position:absolute;left:0;color:var(--accent-2)}.portfolio__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.filter-btn{padding:9px 20px;border-radius:999px;font-size:.88rem;font-weight:500;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);transition:all .22s var(--ease)}.filter-btn:hover{color:var(--text)}.filter-btn.active{color:#04060f;background:var(--accent-grad);border-color:transparent}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{overflow:hidden;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.project-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-glow)}.project-card__media{display:block;position:relative;aspect-ratio:16 / 10;overflow:hidden}.project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project-card:hover .project-card__media img{transform:scale(1.07)}.project-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(8,11,20,.92))}.project-card__cat{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:8px;background:#080b14b3;border:1px solid var(--border-strong);color:var(--accent-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card__live{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;padding:4px 10px;border-radius:8px;background:#06070ab3;border:1px solid var(--border-strong);color:#6ee7b7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card__live .dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39940}.project-card__body{padding:22px}.project-card__body h3{font-size:1.25rem;margin-bottom:9px}.project-card__body h3 a{color:inherit;transition:color .2s var(--ease)}.project-card__body h3 a:hover{color:var(--accent-2)}.project-card__body p{color:var(--text-dim);font-size:.92rem;margin-bottom:16px}.project-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.project-card__links{display:flex;gap:12px}.project-card__links a{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;color:var(--text-dim);transition:color .2s var(--ease)}.project-card__links a:hover{color:var(--accent-2)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.service-card{padding:30px;transition:transform .3s var(--ease),border-color .3s var(--ease)}.service-card:hover{transform:translateY(-6px);border-color:var(--border-strong)}.service-card .icon-badge{margin-bottom:18px}.service-card h3,.service-card h4{font-size:1.18rem;margin-bottom:10px}.service-card p{color:var(--text-dim);font-size:.94rem}.certs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.cert-card{padding:26px;display:flex;flex-direction:column;gap:14px;transition:transform .3s var(--ease),border-color .3s var(--ease)}.cert-card:hover{transform:translateY(-5px);border-color:var(--border-strong)}.cert-card__top{display:flex;align-items:center;justify-content:space-between}.cert-card__issuer{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);padding:4px 10px;border-radius:7px;background:var(--accent-soft)}.cert-card h4{font-size:1.12rem;line-height:1.35}.cert-card p{color:var(--text-dim);font-size:.9rem;flex:1}.cert-card a{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;color:var(--accent);transition:gap .2s var(--ease)}.cert-card a:hover{gap:11px}.cert-card a.disabled{color:var(--text-faint);pointer-events:none}.contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contact__info{display:flex;flex-direction:column;gap:16px}.contact__item{display:flex;align-items:center;gap:16px;padding:20px}.contact__item h5{font-size:.78rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.contact__item p,.contact__item a{color:var(--text);font-size:.98rem;word-break:break-word}.contact__item a:hover{color:var(--accent-2)}.contact__form{padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:.84rem;color:var(--text-dim);margin-bottom:7px;font-weight:500}.form-field input,.form-field textarea{width:100%;padding:13px 15px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-field textarea{resize:vertical;min-height:150px}.form-note{margin-top:14px;font-size:.88rem;text-align:center;color:var(--text-dim)}.form-note.ok{color:#34d399}.footer{border-top:1px solid var(--border);padding:44px clamp(20px,6vw,64px);text-align:center;color:var(--text-dim)}.footer strong{color:var(--text)}.footer .grad{background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.footer__socials{display:flex;justify-content:center;gap:12px;margin-bottom:18px}.footer__socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);transition:all .25s var(--ease)}.footer__socials a:hover{color:#04060f;background:var(--accent-grad);transform:translateY(-3px)}.footer small{display:block;margin-top:8px;color:var(--text-faint);font-size:.82rem}.scroll-top{position:fixed;bottom:26px;right:26px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;background:var(--accent-grad);color:#04060f;z-index:80;box-shadow:0 10px 30px -8px #fff9}@media (max-width: 900px){.about__grid{grid-template-columns:1fr;gap:30px}.about__photo{max-width:360px;margin:0 auto}.resume__cols{grid-template-columns:1fr;gap:40px}.contact__grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.about__details,.form-row{grid-template-columns:1fr}.contact__form{padding:22px}.hero__cta{width:100%}.hero__cta .btn{flex:1;justify-content:center}}.skip-link{position:fixed;top:-70px;left:12px;z-index:200;padding:11px 20px;border-radius:10px;background:var(--accent-grad);color:#04060f;font-weight:700;transition:top .2s var(--ease)}.skip-link:focus{top:12px;outline:none}.main:focus{outline:none}.eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-2);display:inline-block}.home-intro{max-width:760px;margin:0 auto;text-align:center}.home-intro h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:14px 0 16px}.home-intro h2 .grad{background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.home-intro p{color:var(--text-dim);margin-bottom:24px}.center-cta{text-align:center;margin-top:44px}.cta-band{text-align:center;padding:clamp(40px,6vw,64px) 30px;background:linear-gradient(135deg,#ffffff21,#22d3ee14);border-color:var(--border-strong)}.cta-band h2{font-size:clamp(1.6rem,3.6vw,2.4rem)}.cta-band p{color:var(--text-dim);margin:12px auto 26px;max-width:520px}.cta-band__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-faint);margin-bottom:28px;flex-wrap:wrap}.breadcrumb a{color:var(--text-dim);transition:color .2s var(--ease)}.breadcrumb a:hover{color:var(--accent-2)}.breadcrumb [aria-current]{color:var(--text)}.project-detail__head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:32px}.project-detail__head h1{font-size:clamp(1.55rem,3.6vw,2.2rem);margin-top:10px}.project-detail__role{color:var(--text-dim);margin-top:6px;font-size:.92rem}.project-detail__actions{display:flex;gap:12px;flex-wrap:wrap}.project-detail__media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin-bottom:44px}.project-detail__media img{width:100%;max-height:460px;object-fit:cover;display:block}.project-detail__media video{width:100%;max-height:480px;display:block;background:#000}.project-detail__live{display:block;cursor:pointer}.project-detail__live img{opacity:.5;transition:opacity .4s var(--ease),transform .5s var(--ease)}.project-detail__live:hover img{opacity:.85;transform:scale(1.03)}.project-detail__live .live-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;color:#fff;background:#06070a66;opacity:0;transition:opacity .3s var(--ease)}.project-detail__live:hover .live-overlay{opacity:1}.live-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;padding:5px 11px;border-radius:8px;background:#06070ab3;border:1px solid var(--border-strong);color:#6ee7b7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.live-badge .dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39940}.media-hint{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-faint)}.project-gallery{margin-top:44px}.project-gallery h2{font-size:1.4rem;margin-bottom:18px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.gallery-item{display:block;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);aspect-ratio:16 / 10}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.gallery-item:hover img{transform:scale(1.05)}.project-detail__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}.project-detail__main h2{font-size:1.15rem;margin-bottom:12px}.project-detail__main h2:not(:first-child){margin-top:30px}.project-detail__main p{color:var(--text-dim);font-size:.94rem}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-list li{display:flex;gap:11px;align-items:flex-start;color:var(--text-dim)}.feature-list svg{color:var(--accent-2);flex-shrink:0;margin-top:4px}.project-detail__side{display:flex;flex-direction:column;gap:18px}.project-detail__side .side-media .project-detail__media{margin-bottom:0}.project-detail__facts-block{text-align:center;margin-top:48px;padding-top:36px;border-top:1px solid var(--border)}.project-detail__facts-block h2{font-size:1.1rem;margin-bottom:18px}.project-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 44px}.project-facts>div{display:flex;flex-direction:column;align-items:center;gap:3px}.project-facts span{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.project-facts strong{color:var(--text);font-size:.95rem}.side-card{padding:24px}.side-card h3{font-size:1.05rem;margin-bottom:14px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.meta-list{display:flex;flex-direction:column;gap:11px}.meta-list li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;border-bottom:1px solid var(--border);padding-bottom:11px}.meta-list li:last-child{border-bottom:none;padding-bottom:0}.meta-list span{color:var(--text-faint)}.meta-list strong{color:var(--text)}.project-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:52px;padding-top:30px;border-top:1px solid var(--border);flex-wrap:wrap}.project-nav__link{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-weight:600;transition:color .2s var(--ease);max-width:38%}.project-nav__link.right{text-align:right;margin-left:auto}.project-nav__link:hover{color:var(--accent-2)}.project-nav__link span{display:flex;flex-direction:column}.project-nav__link small{color:var(--text-faint);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.project-nav__link svg{font-size:1.3rem;flex-shrink:0}.notfound{text-align:center;min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.notfound__code{font-family:var(--font-head);font-size:clamp(5rem,18vw,10rem);font-weight:800;line-height:1;background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.notfound h1{font-size:1.9rem;margin:8px 0 12px}.notfound p{color:var(--text-dim);margin-bottom:28px}.notfound__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}@media (max-width: 900px){.project-detail__grid{grid-template-columns:1fr;gap:32px}.project-detail__side{position:static}}@media (max-width: 560px){.project-nav{gap:12px}.project-nav__link{max-width:45%;font-size:.9rem}.project-nav__all{order:3;width:100%;text-align:center}}.portfolio__carousel{position:relative}.portfolio__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-left:2px}.portfolio__track::-webkit-scrollbar{display:none}.portfolio__track:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius)}.portfolio__track>.project-card{flex:0 0 clamp(280px,32%,360px);scroll-snap-align:start}.carousel-arrow{position:absolute;top:120px;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;background:#111113d1;border:1px solid var(--border-strong);color:var(--text);z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s var(--ease),color .2s var(--ease)}.carousel-arrow:hover{background:var(--accent);color:#06070a}.carousel-arrow.prev{left:-6px}.carousel-arrow.next{right:-6px}.carousel-hint{text-align:center;color:var(--text-faint);font-size:.82rem;margin-top:4px;font-family:var(--font-mono)}@media (max-width: 900px){.carousel-arrow{display:none}.portfolio__track>.project-card{flex-basis:84%}}.card-flag{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;padding:4px 10px;border-radius:8px;background:#06070ab3;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-flag svg{font-size:.78rem}.card-flag .dot{width:6px;height:6px;border-radius:50%}.card-flag.live{color:#6ee7b7}.card-flag.live .dot{background:#34d399;box-shadow:0 0 0 3px #34d39940}.card-flag.video{color:#d0e6ff}.card-flag.client{color:var(--text-dim)}.project-detail__embed{aspect-ratio:16 / 9}.project-detail__embed iframe{width:100%;height:100%;border:0;display:block}.project-detail__confidential{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px),var(--bg-2)}.project-detail__confidential svg{font-size:2rem;color:var(--text-faint)}.project-detail__confidential p{font-weight:600;color:var(--text);margin:0}.project-detail__confidential span{font-size:.9rem;color:var(--text-dim);max-width:440px}.resume__group{margin-bottom:44px}.resume__group:last-child{margin-bottom:0}.resume__group-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;margin-bottom:22px}.resume__group-title svg{color:var(--accent)}.exp-grid,.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.exp-card{padding:24px}.exp-card__period{display:inline-block;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:7px;margin-bottom:10px}.exp-card h4{font-size:1.06rem}.exp-card__place{color:var(--text-faint);font-size:.85rem;font-style:italic;margin:4px 0 12px}.exp-card ul{display:flex;flex-direction:column;gap:7px}.exp-card li{position:relative;padding-left:18px;color:var(--text-dim);font-size:.92rem}.exp-card li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.exp-card__desc{color:var(--text-dim);font-size:.92rem}@media (max-width: 760px){.exp-grid,.edu-grid{grid-template-columns:1fr}}.project-detail__notice{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-sm);background:#f5b05417;border:1px solid rgba(245,176,84,.3);color:#f0c98a;font-size:.92rem;line-height:1.5;margin-bottom:28px}.project-detail__notice svg{flex-shrink:0;font-size:1.1rem;margin-top:2px}.project-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:52px;padding-top:30px;border-top:1px solid var(--border)}.project-nav__link{max-width:none}.project-nav__link.right{justify-self:end;margin-left:0}.project-nav__all{justify-self:center}@media (max-width: 560px){.project-nav{grid-template-columns:1fr 1fr}.project-nav__all{grid-column:1 / -1;justify-self:center;order:-1;margin-bottom:4px}}.skills__grid{gap:16px}.skill-card{padding:22px}.skill-card__head{margin-bottom:14px}.skill-card__list{gap:8px}.skill-tag{padding:6px 11px;font-size:.8rem}.edu-grid{display:flex;justify-content:center}.edu-grid .exp-card{max-width:460px;width:100%}.resume__group-title{justify-content:center}.live-hint{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;line-height:1.45;color:#d0e6ff;background:var(--accent-soft);border:1px solid rgba(140,194,255,.32);border-radius:var(--radius-sm);padding:11px 14px}.live-hint svg{flex-shrink:0;margin-top:2px;font-size:1rem;color:var(--accent)}.live-hint strong{color:#fff}.oss__track>.oss-card{flex:0 0 clamp(300px,44%,440px);scroll-snap-align:start}.oss-carousel .carousel-arrow{top:50%}.oss-card{padding:26px;display:flex;flex-direction:column;gap:14px;transition:transform .3s var(--ease),border-color .3s var(--ease)}.oss-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.oss-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.oss-card__name{font-size:1.35rem;letter-spacing:-.02em}.oss-card__repo{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);transition:color .2s var(--ease)}.oss-card__repo:hover{color:var(--accent)}.oss-status{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.oss-status__pill{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}.oss-status__pill--merged{color:#6ee7b7;background:#34d3991a;border:1px solid rgba(52,211,153,.28)}.oss-status__pill--open{color:var(--accent);background:var(--accent-soft);border:1px solid rgba(140,194,255,.28)}.oss-card__blurb{color:var(--text-dim);font-size:.92rem}.oss-points{display:flex;flex-direction:column;gap:11px}.oss-points li{position:relative;padding-left:20px;color:var(--text-dim);font-size:.9rem;line-height:1.6}.oss-points li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}.oss-quote{border-left:2px solid var(--accent);padding:4px 0 4px 16px;background:linear-gradient(90deg,var(--accent-soft),transparent 80%)}.oss-quote p{font-size:.98rem;line-height:1.5;color:var(--text);font-style:italic}.oss-quote cite{display:block;margin-top:8px;font-family:var(--font-mono);font-size:.7rem;font-style:normal;letter-spacing:.04em;color:var(--text-faint)}.oss-card__note{font-family:var(--font-mono);font-size:.74rem;color:var(--text-faint)}.oss-card__foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.oss-prs{display:flex;flex-wrap:wrap;gap:8px}.oss-pr{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;padding:4px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);transition:border-color .2s var(--ease),color .2s var(--ease)}.oss-pr:hover{color:var(--text);border-color:var(--border-strong)}.oss-pr__dot{width:6px;height:6px;border-radius:50%}.oss-pr--merged .oss-pr__dot{background:#34d399}.oss-pr--open .oss-pr__dot{background:var(--accent)}.oss-card__link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--accent);transition:gap .2s var(--ease)}.oss-card__link:hover{gap:10px}