:root{--bg-primary:#061525;--bg-secondary:#0A1F35;--bg-tertiary:#0D2A45;--bg-deep:#040E1A;--blue-primary:#1677FF;--blue-electric:#00A8FF;--blue-cyan:#18D7FF;--text-primary:#F5F9FF;--text-secondary:#AAB8C8;--text-muted:#8B99AD;--card:linear-gradient(158deg,rgba(13,42,69,.92),rgba(8,25,43,.94));--card-flat:#0A1E33;--card-raised:linear-gradient(150deg,rgba(18,52,84,.9),rgba(7,22,38,.96));--border:rgba(134,178,255,.14);--border-strong:rgba(134,178,255,.28);--glass:rgba(10,31,53,.62);--gradient-cta:linear-gradient(135deg,var(--blue-cyan),var(--blue-primary));--gradient-line:linear-gradient(90deg,rgba(24,215,255,.8),rgba(22,119,255,0));--glow-soft:0 0 60px rgba(22,119,255,.28);--shadow-panel:0 40px 90px -40px rgba(1,8,18,.95),0 0 0 1px rgba(134,178,255,.08);--shadow-card:0 24px 50px -30px rgba(1,8,18,.9);--shadow-cta:0 14px 34px -14px rgba(22,119,255,.75);--r-xl:36px;--r-lg:28px;--r-md:20px;--r-sm:14px;--r-pill:999px;--container:1240px;--gutter:24px;--section-gap:clamp(42px,5vw,78px);--font-display:'Audiowide','Trebuchet MS','Segoe UI',sans-serif;--font-body:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.65;letter-spacing:.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}p{margin:0 0 1em}h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--font-display);font-weight:400;line-height:1.15;letter-spacing:.01em}:focus-visible{outline:2px solid var(--blue-cyan);outline-offset:3px;border-radius:6px}::selection{background:rgba(22,119,255,.35);color:#fff}.icon{width:18px;height:18px;flex:none}.skip-link{position:absolute;left:50%;top:-80px;transform:translateX(-50%);z-index:999;padding:12px 22px;background:var(--blue-primary);color:#fff;border-radius:0 0 var(--r-sm) var(--r-sm);transition:top .2s var(--ease)}.skip-link:focus{top:0}.bg-field{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 90% at 50% -10%,#0B2440 0%,#061525 45%,#040E1A 100%);overflow:hidden}.bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5}.bg-glow-a{width:640px;height:640px;top:-220px;left:-140px;background:radial-gradient(circle,rgba(22,119,255,.55),transparent 68%)}.bg-glow-b{width:760px;height:760px;top:38%;right:-280px;background:radial-gradient(circle,rgba(24,215,255,.3),transparent 70%)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(134,178,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(134,178,255,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(85% 60% at 50% 20%,#000 0%,transparent 85%);-webkit-mask-image:radial-gradient(85% 60% at 50% 20%,#000 0%,transparent 85%)}.container{width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto}.section{padding-block:var(--section-gap)}.section-tight{padding-block:clamp(48px,6vw,80px)}.section-head{max-width:620px;margin:0 auto clamp(36px,4vw,60px);text-align:center}.section-head-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;text-align:left}.section-title{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:.4em}.section-lead{margin:0;color:var(--text-secondary);font-size:1rem;max-width:62ch}.section-head:not(.section-head-row) .section-lead{margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:var(--r-pill);font-family:var(--font-body);font-size:.94rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease)}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--gradient-cta);color:#04121F;box-shadow:var(--shadow-cta)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(24,215,255,.8)}.btn-ghost{border-color:var(--border-strong);background:rgba(10,31,53,.5);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--blue-electric);background:rgba(22,119,255,.16)}.btn-soft{background:rgba(22,119,255,.14);border-color:rgba(22,119,255,.32);color:var(--text-primary)}.btn-soft:hover{background:rgba(22,119,255,.26);border-color:var(--blue-electric)}.btn-sm{padding:10px 18px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(10,31,53,.6);color:var(--text-secondary);transition:color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.icon-btn:hover{color:var(--text-primary);border-color:var(--blue-electric);transform:translateY(-2px)}.round-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;background:rgba(245,249,255,.06);border:1px solid var(--border);color:var(--text-primary);transition:background-color .25s var(--ease),transform .25s var(--ease)}.round-btn:hover{background:var(--gradient-cta);color:#04121F;transform:rotate(45deg)}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(13,42,69,.8);color:var(--text-secondary);font-size:.72rem;font-weight:500;letter-spacing:.04em;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list li{padding:5px 12px;border-radius:8px;background:rgba(22,119,255,.1);border:1px solid rgba(22,119,255,.2);color:#C9DCF5;font-size:.74rem;letter-spacing:.02em}.site-header{position:sticky;top:18px;z-index:100;padding-top:env(safe-area-inset-top,0px)}.header-shell{width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto;display:flex;align-items:center;gap:18px;padding:10px 12px 10px 16px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 20px 45px -28px rgba(1,8,18,.95);transition:background-color .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.site-header.is-stuck .header-shell{background:rgba(6,21,37,.88);border-color:var(--border-strong);box-shadow:0 26px 50px -30px rgba(1,8,18,1)}.brand{display:flex;align-items:center;gap:12px;padding-right:6px}.brand-mark{width:40px;height:40px;flex:none}.brand-mark svg{width:100%;height:100%}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em}.brand-sub{font-size:.66rem;color:var(--text-muted);letter-spacing:.08em}.nav-pill{display:flex;align-items:center;gap:4px;margin-inline:auto;padding:5px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(6,21,37,.55)}.nav-link{position:relative;padding:9px 16px;border-radius:var(--r-pill);font-size:.86rem;font-weight:500;color:var(--text-secondary);transition:color .25s var(--ease),background-color .25s var(--ease)}.nav-link:hover{color:var(--text-primary)}.nav-link.is-active{color:var(--text-primary);background:rgba(22,119,255,.2);box-shadow:inset 0 0 0 1px rgba(24,215,255,.3)}.header-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(6,21,37,.5);color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:color .25s var(--ease),border-color .25s var(--ease)}.lang-switch .icon{width:15px;height:15px}.lang-switch:hover{color:var(--text-primary);border-color:var(--blue-electric)}.mobile-link-lang{display:flex;align-items:center;gap:10px}.mobile-link-lang .icon{width:17px;height:17px;color:var(--blue-cyan)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(6,21,37,.6);color:var(--text-primary)}.nav-toggle .icon{width:22px;height:22px}.nav-toggle-close{display:none}.nav-toggle[aria-expanded="true"] .nav-toggle-open{display:none}.nav-toggle[aria-expanded="true"] .nav-toggle-close{display:block}.mobile-menu{width:min(100% - (var(--gutter) * 2),var(--container));margin:12px auto 0;padding:18px;border-radius:var(--r-lg);border:1px solid var(--border);background:rgba(6,21,37,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-panel);display:grid;gap:8px;transform-origin:top center;animation:menu-in .28s var(--ease)}.mobile-menu[hidden]{display:none}.mobile-link{padding:13px 16px;border-radius:var(--r-md);color:var(--text-secondary);font-weight:500;border:1px solid transparent;transition:background-color .2s var(--ease),color .2s var(--ease)}.mobile-link:hover,.mobile-link:focus-visible{background:rgba(22,119,255,.14);color:var(--text-primary)}.mobile-menu .btn{margin-top:6px}@keyframes menu-in{from{opacity:0;transform:translateY(-10px) scaleY(.97)}to{opacity:1;transform:none}}.hero{padding-top:clamp(28px,4vw,52px)}.hero-panel{position:relative;overflow:hidden;border-radius:var(--r-xl);border:1px solid var(--border);background:linear-gradient(150deg,#0C2B49 0%,#07182A 52%,#061525 100%);box-shadow:var(--shadow-panel);padding:clamp(28px,4vw,54px)}.hero-aurora{position:absolute;inset:0;pointer-events:none}.hero-aurora svg{width:100%;height:100%;opacity:.5}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(180px,.95fr) minmax(300px,1.1fr) minmax(220px,1fr);align-items:end;gap:clamp(18px,3vw,40px);min-height:540px}.hero-left{padding-bottom:12px}.hero-hello{font-family:var(--font-display);font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1;margin:0 0 18px;background:linear-gradient(120deg,#FFFFFF 20%,#9FD9FF 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{max-width:30ch;color:var(--text-secondary);font-size:.95rem;margin-bottom:32px}.hero-roles{display:grid;gap:16px}.hero-roles li{display:flex;align-items:center;gap:14px;font-size:.92rem;color:var(--text-primary);letter-spacing:.02em}.hero-roles li::after{content:"";height:1px;flex:1;min-width:34px;background:var(--gradient-line)}.hero-roles li span{position:relative;padding-left:16px;white-space:nowrap}.hero-roles li span::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--blue-cyan);box-shadow:0 0 12px rgba(24,215,255,.9)}.hero-portrait{position:relative;align-self:end}.portrait-frame{position:relative;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}.portrait-frame::before{content:"";position:absolute;left:50%;bottom:0;width:118%;aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle at 50% 60%,rgba(22,119,255,.5),rgba(22,119,255,0) 62%);z-index:-1}.portrait-frame img{width:100%;max-height:clamp(380px,46vw,540px);object-fit:cover;object-position:top center;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.hero-chips{position:absolute;inset:0;pointer-events:none}.chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid rgba(134,178,255,.22);background:rgba(9,28,48,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 34px -22px rgba(1,8,18,1);color:var(--text-primary);font-size:.78rem;pointer-events:auto;animation:float 9s ease-in-out infinite}.chip a,.chip > span{display:inline-flex;align-items:center;gap:8px}.chip .icon{width:19px;height:19px;color:var(--blue-cyan)}.chip-mono{font-family:var(--font-display);font-size:.82rem;color:var(--blue-cyan);letter-spacing:.02em}.chip-text{letter-spacing:.03em}.chip-a{top:5%;right:2%;animation-delay:-.5s}.chip-b{top:27%;right:-9%;animation-delay:-2.5s}.chip-c{top:12%;left:-5%;animation-delay:-1.5s}.chip-d{top:43%;left:-11%;animation-delay:-3.5s}.chip-e{bottom:24%;right:-7%;animation-delay:-4.5s}.chip-f{bottom:9%;left:-2%;animation-delay:-5.5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}.hero-right{padding-bottom:12px;text-align:right}.hero-eyebrow{font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);margin:0 0 6px}.hero-name{font-size:clamp(2.3rem,4.9vw,4.1rem);line-height:.98;margin:0 0 18px;display:grid;justify-items:end}.hero-name span:last-child{background:linear-gradient(120deg,#18D7FF,#1677FF);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-role{color:var(--text-secondary);font-size:.88rem;letter-spacing:.03em;margin-bottom:26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.about-card{position:relative;z-index:2;margin-top:-56px;display:grid;grid-template-columns:1.25fr .95fr;gap:clamp(24px,3vw,48px);padding:clamp(26px,3.4vw,46px);border-radius:var(--r-xl);border:1px solid var(--border-strong);background:var(--card-raised);box-shadow:var(--shadow-panel)}.about-title{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:.6em}.about-lead{font-size:1.02rem;color:var(--text-primary)}.about-text{color:var(--text-secondary);font-size:.95rem}.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 0}.fact{padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:rgba(6,21,37,.55)}.fact dt{font-size:.7rem;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.fact dd{margin:0;font-size:.86rem;color:var(--text-primary);line-height:1.45}.about-side{display:grid;align-content:start;gap:14px}.about-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border-radius:var(--r-md);border:1px solid var(--border);background:rgba(6,21,37,.6);transition:border-color .3s var(--ease),transform .3s var(--ease)}.about-item:hover{border-color:rgba(24,215,255,.4);transform:translateY(-3px)}.about-item-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--gradient-cta);color:#04121F}.about-item-icon .icon{width:20px;height:20px}.about-item h3{font-family:var(--font-body);font-size:.95rem;font-weight:600;margin:0 0 3px}.about-item p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.about-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:16px 20px;border-radius:var(--r-md);border:1px dashed rgba(134,178,255,.3);color:var(--text-secondary);font-size:.88rem;transition:color .25s var(--ease),border-color .25s var(--ease)}.about-cta:hover{color:var(--text-primary);border-color:var(--blue-electric)}.exp-list{border-top:1px solid var(--border)}.exp-item{border-bottom:1px solid var(--border)}.exp-heading{margin:0;font-family:var(--font-body);font-size:1rem}.exp-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4px;text-align:left;transition:padding-left .3s var(--ease)}.exp-item:hover .exp-head{padding-left:12px}.exp-title{display:grid;gap:3px}.exp-role{font-family:var(--font-display);font-size:clamp(.98rem,1.5vw,1.18rem);letter-spacing:.01em}.exp-org{font-size:.85rem;color:var(--text-secondary)}.exp-meta{display:flex;align-items:center;gap:14px}.exp-badges{display:flex;gap:8px}.exp-period{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.exp-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--border);color:var(--text-secondary);transition:transform .35s var(--ease),background-color .3s var(--ease),color .3s var(--ease)}.exp-item.is-open .exp-toggle{transform:rotate(135deg);background:var(--gradient-cta);border-color:transparent;color:#04121F}.exp-panel{overflow:hidden;max-height:0;transition:max-height .45s var(--ease)}.exp-panel-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,3vw,40px);padding:4px 4px 34px}.exp-body p{color:var(--text-secondary);font-size:.94rem}.exp-points{display:grid;gap:10px;margin-top:14px}.exp-points li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-secondary)}.exp-points .icon{width:16px;height:16px;margin-top:3px;color:var(--blue-cyan)}.exp-visual{padding:20px;border-radius:var(--r-md);border:1px solid var(--border);background:linear-gradient(160deg,rgba(13,42,69,.95),rgba(6,21,37,.95));box-shadow:var(--shadow-card)}.visual-top{display:flex;align-items:center;gap:9px;margin-bottom:18px}.visual-dot{width:9px;height:9px;border-radius:50%;background:var(--blue-cyan);box-shadow:0 0 10px rgba(24,215,255,.9)}.visual-label{font-size:.74rem;color:var(--text-secondary);letter-spacing:.05em}.visual-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:96px;padding-bottom:12px;border-bottom:1px solid var(--border)}.visual-bars span{height:var(--h);border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,rgba(24,215,255,.9),rgba(22,119,255,.25))}.visual-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.visual-metrics strong{display:block;font-family:var(--font-display);font-size:1.15rem;color:var(--text-primary)}.visual-metrics span{font-size:.74rem;color:var(--text-muted)}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-card{position:relative;overflow:hidden;padding:26px 24px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card);transition:transform .35s var(--ease),border-color .35s var(--ease)}.skill-card::after{content:"";position:absolute;inset:-1px -1px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(24,215,255,.75),transparent);opacity:0;transition:opacity .35s var(--ease)}.skill-card:hover{transform:translateY(-5px);border-color:var(--border-strong)}.skill-card:hover::after{opacity:1}.skill-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.skill-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;border:1px solid rgba(24,215,255,.26);background:rgba(22,119,255,.14);color:var(--blue-cyan)}.skill-icon .icon{width:22px;height:22px}.skill-index{font-family:var(--font-display);font-size:1.5rem;color:rgba(134,178,255,.22)}.skill-card h3{font-size:1.12rem;margin-bottom:.4em}.skill-card p{color:var(--text-secondary);font-size:.88rem;margin-bottom:18px}.tech-strip{padding-block:clamp(20px,3vw,34px)}.tech-track{display:flex;gap:44px;overflow:hidden;padding:22px 0;border-block:1px solid var(--border);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.tech-list{display:flex;align-items:center;gap:44px;flex:none;animation:marquee 32s linear infinite}.tech-track:hover .tech-list{animation-play-state:paused}.tech-item{display:flex;align-items:center;gap:12px;font-size:.86rem;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap}.tech-glyph{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:rgba(10,31,53,.7);color:var(--blue-cyan)}.tech-glyph .icon{width:20px;height:20px}.tech-mono{font-family:var(--font-display);font-size:.82rem;color:var(--blue-cyan)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 44px))}}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card);transition:transform .35s var(--ease),border-color .35s var(--ease)}.project-card:hover{transform:translateY(-6px);border-color:var(--border-strong)}.project-visual{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-secondary)}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.project-card:hover .project-visual img{transform:scale(1.04)}.project-year{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(4,14,26,.8);border:1px solid var(--border);font-size:.7rem;letter-spacing:.05em;color:var(--text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-body{display:flex;flex-direction:column;flex:1;padding:24px}.project-type{margin:0 0 6px;font-size:.72rem;letter-spacing:.1em;color:var(--blue-cyan)}.project-body h3{font-size:1.08rem;line-height:1.3;margin-bottom:.55em}.project-summary{color:var(--text-secondary);font-size:.87rem;margin-bottom:16px}.project-body .tag-list{margin-bottom:20px}.project-actions{display:flex;align-items:center;gap:10px;margin-top:auto}.project-detail-list{display:grid;gap:22px}.project-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(22px,3vw,44px);padding:clamp(20px,2.4vw,32px);border-radius:var(--r-xl);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card);scroll-margin-top:130px}.project-detail-visual{overflow:hidden;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-secondary)}.project-detail-visual img{width:100%;height:100%;object-fit:cover}.project-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.project-detail-head .project-type{margin:0}.project-detail h2{font-size:clamp(1.2rem,2.2vw,1.6rem)}.project-detail .tag-list{margin:20px 0}.page-cta{margin-top:clamp(48px,6vw,80px);padding:clamp(32px,4vw,56px);border-radius:var(--r-xl);border:1px solid var(--border-strong);background:var(--card-raised);text-align:center;box-shadow:var(--shadow-panel)}.page-cta .section-lead{margin:0 auto 26px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{padding:28px 24px;border-radius:var(--r-lg);border:1px solid var(--border);background:rgba(8,25,43,.7);transition:background-color .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}.service-card:hover{background:var(--card-raised);border-color:var(--border-strong);transform:translateY(-5px)}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:rgba(22,119,255,.16);border:1px solid rgba(24,215,255,.24);color:var(--blue-cyan);transition:background .35s var(--ease),color .35s var(--ease)}.service-card:hover .service-icon{background:var(--gradient-cta);color:#04121F}.service-icon .icon{width:22px;height:22px}.service-card h3{font-size:1.04rem;margin-bottom:.45em}.service-card p{margin:0;color:var(--text-secondary);font-size:.87rem}.contact-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,3.5vw,56px);padding:clamp(28px,3.6vw,52px);border-radius:var(--r-xl);border:1px solid var(--border-strong);background:var(--card-raised);box-shadow:var(--shadow-panel)}.contact-subtitle{font-size:1.4rem}.contact-intro .section-lead{margin-bottom:30px}.contact-channels{display:grid;gap:14px}.contact-channels li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:rgba(6,21,37,.55)}.channel-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:11px;background:rgba(22,119,255,.14);color:var(--blue-cyan)}.channel-body{display:grid;min-width:0}.channel-label{font-size:.7rem;letter-spacing:.08em;color:var(--text-muted)}.channel-body a,.channel-pending{font-size:.88rem;color:var(--text-primary);overflow-wrap:anywhere}.channel-body a:hover{color:var(--blue-cyan)}.channel-pending{color:var(--text-muted);font-style:italic}.contact-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field label{font-size:.76rem;letter-spacing:.06em;color:var(--text-secondary)}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:rgba(4,14,26,.7);color:var(--text-primary);font-family:inherit;font-size:.92rem;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease)}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder{color:rgba(126,143,163,.75)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue-electric);background:rgba(6,21,37,.9);box-shadow:0 0 0 3px rgba(22,119,255,.18)}.field.has-error input,.field.has-error textarea{border-color:#FF6B7D}.field-error{display:none;font-size:.74rem;color:#FF95A3}.field.has-error .field-error{display:block}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}.form-note{margin:0;font-size:.78rem;color:var(--text-muted)}.form-status{display:none;margin:0;padding:13px 16px;border-radius:var(--r-md);font-size:.86rem;border:1px solid transparent}.form-status.is-visible{display:block}.form-status.is-success{background:rgba(24,215,255,.1);border-color:rgba(24,215,255,.35);color:#C2F1FF}.form-status.is-error{background:rgba(255,107,125,.1);border-color:rgba(255,107,125,.35);color:#FFC2CB}.form-consent{margin:0;font-size:.76rem;line-height:1.55;color:var(--text-muted)}.form-consent a{color:var(--blue-cyan);text-decoration:underline;text-underline-offset:2px}.btn.is-loading{pointer-events:none;opacity:.7}.page-hero{padding-top:clamp(48px,6vw,86px)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted);margin-bottom:18px}.breadcrumb a:hover{color:var(--blue-cyan)}.page-title{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:.35em}.page-lead{max-width:62ch;color:var(--text-secondary)}.legal-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:rgba(22,119,255,.14);border:1px solid rgba(24,215,255,.26);color:var(--blue-cyan)}.legal-icon .icon{width:24px;height:24px}.legal-doc{max-width:74ch;margin-inline:auto;display:grid;gap:8px}.legal-section{padding-block:22px;border-bottom:1px solid var(--border)}.legal-section:first-child{padding-top:0}.legal-section h2{font-family:var(--font-body);font-size:1.08rem;font-weight:600;margin-bottom:.5em}.legal-section p{color:var(--text-secondary);font-size:.92rem}.legal-updated{margin-top:18px;font-size:.8rem;color:var(--text-muted)}.notfound{padding-block:clamp(80px,14vw,160px)}.notfound-inner{max-width:60ch;text-align:center}.notfound-mark{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 20px;border-radius:20px;background:rgba(22,119,255,.14);border:1px solid rgba(24,215,255,.26);color:var(--blue-cyan)}.notfound-mark .icon{width:30px;height:30px}.notfound-eyebrow{font-family:var(--font-display);color:var(--blue-cyan);letter-spacing:.08em;margin-bottom:.4em}.notfound-inner .page-lead{margin-inline:auto}.notfound-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.site-footer{margin-top:var(--section-gap);padding-block:40px calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:rgba(4,14,26,.6)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-name{font-family:var(--font-display);font-size:1.05rem;margin:0 0 4px}.footer-role{margin:0;font-size:.8rem;color:var(--text-muted);letter-spacing:.04em}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px;width:100%;padding-top:4px}.footer-legal a{font-size:.78rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.footer-legal a:hover{color:var(--text-secondary)}.footer-links a,.link-pending{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);border:1px solid var(--border);font-size:.82rem;color:var(--text-secondary);transition:color .25s var(--ease),border-color .25s var(--ease)}.footer-links a:hover{color:var(--text-primary);border-color:var(--blue-electric)}.link-pending{opacity:.5;cursor:not-allowed}.footer-copy{margin:0;width:100%;padding-top:22px;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-muted)}.to-top{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:90;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--border-strong);background:rgba(6,21,37,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}.to-top .icon{transform:rotate(180deg)}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.cookie-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:200;display:flex;align-items:flex-start;gap:16px;width:min(100% - 32px,720px);padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--border-strong);background:rgba(7,22,38,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-panel)}.cookie-banner[hidden]{display:none}.cookie-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:12px;background:rgba(22,119,255,.16);color:var(--blue-cyan)}.cookie-icon .icon{width:20px;height:20px}.cookie-body{flex:1;min-width:0}.cookie-title{margin:0 0 4px;font-size:.92rem;font-weight:600;color:var(--text-primary)}.cookie-text{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.cookie-text a{color:var(--blue-cyan);text-decoration:underline;text-underline-offset:2px}.cookie-actions{display:flex;flex-direction:column;gap:8px;flex:none}.js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--reveal-delay,0ms)}.js [data-reveal].is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}.js [data-reveal]{opacity:1;transform:none}.tech-list{animation:none}.tech-track{flex-wrap:wrap;justify-content:center;overflow:visible;mask-image:none;-webkit-mask-image:none}.tech-list{flex-wrap:wrap;justify-content:center}.tech-list[aria-hidden="true"]{display:none}}@media (max-width:1280px){:root{--container:1120px}.nav-link{padding:9px 13px;font-size:.83rem}}@media (max-width:1180px){.hero-grid{grid-template-columns:minmax(150px,.8fr) minmax(280px,1.15fr) minmax(200px,1fr);gap:20px}.brand-sub{display:none}.chip-b{right:-4%}.chip-d{left:-6%}.chip-e{right:-3%}}@media (max-width:1024px){:root{--gutter:18px}.nav-pill{display:none}.nav-toggle{display:inline-flex}.header-shell{justify-content:space-between}.about-card{grid-template-columns:1fr;margin-top:-36px}.contact-card{grid-template-columns:1fr}.skill-grid,.project-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-panel-inner{grid-template-columns:1fr}.project-detail{grid-template-columns:1fr}.project-detail-visual{aspect-ratio:16 / 9}}@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:26px;min-height:0}.hero-left{order:1;padding-bottom:0}.hero-portrait{order:2;max-width:420px;margin-inline:auto;width:100%}.hero-right{order:3;text-align:left;padding-bottom:0}.hero-name{justify-items:start}.hero-actions{justify-content:flex-start}.hero-intro{max-width:46ch;margin-bottom:24px}.hero-roles{grid-template-columns:repeat(auto-fit,minmax(160px,auto));gap:12px 20px}.hero-roles li::after{display:none}.section-head-row{flex-direction:column;align-items:flex-start;gap:18px}}@media (max-width:768px){html{scroll-padding-top:96px}.site-header{top:10px}.header-actions .btn{display:none}.hero-panel{padding:24px 18px 30px}.hero-chips{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.chip{position:static;animation:none}.portrait-frame img{max-height:400px}.about-facts{grid-template-columns:1fr}.exp-head{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 4px}.exp-meta{width:100%;justify-content:space-between}.exp-item:hover .exp-head{padding-left:4px}.skill-grid,.project-grid,.service-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media (max-width:640px){.cookie-banner{flex-direction:column;bottom:12px;width:calc(100% - 24px);padding:16px}.cookie-actions{flex-direction:row;width:100%}.cookie-actions .btn{flex:1;justify-content:center}.notfound-actions .btn{flex:1 1 auto;justify-content:center}}@media (max-width:560px){body{font-size:15px}.hero-hello{font-size:clamp(2rem,11vw,2.8rem)}.hero-name{font-size:clamp(2rem,12vw,3rem)}.hero-actions .btn{flex:1 1 auto;justify-content:center}.exp-badges{flex-wrap:wrap}.about-card,.contact-card,.page-cta{border-radius:var(--r-lg)}.hero-panel{border-radius:var(--r-lg)}.project-actions{flex-wrap:wrap}.form-footer{flex-direction:column;align-items:stretch;text-align:center}}@media (max-width:400px){:root{--gutter:14px}.brand-name{font-size:.95rem}.header-shell{padding:8px 10px 8px 12px}.lang-switch span{display:none}.lang-switch{padding:8px}.exp-period{font-size:.74rem}.tech-item{font-size:.8rem}}@media print{.site-header,.to-top,.bg-field,.hero-chips,.contact-form-wrap{display:none !important}body{background:#fff;color:#000}}