:root{--bg: #05070d;--bg-soft: #0a0e1a;--text: #f8fafc;--text-2: #94a3b8;--text-3: #475569;--accent: #38bdf8;--accent-2: #a78bfa;--accent-3: #f472b6;--accent-4: #2dd4bf;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .06);--font-display: "Space Grotesk", "Noto Sans JP", sans-serif;--font-body: "Inter", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--max-w: 1320px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer}@media(pointer:fine){body.has-magnetic-cursor,body.has-magnetic-cursor *{cursor:none!important}}.noise-overlay{position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");pointer-events:none;z-index:1;opacity:.4;mix-blend-mode:overlay}.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;overflow:hidden;filter:blur(80px) saturate(140%)}.aurora-orb{position:absolute;width:60vmax;height:60vmax;border-radius:50%;opacity:.45;will-change:transform;mix-blend-mode:screen}.aurora-orb.o1{background:radial-gradient(circle,var(--accent) 0%,transparent 60%);top:-20%;left:-10%;animation:drift1 30s var(--ease) infinite alternate}.aurora-orb.o2{background:radial-gradient(circle,var(--accent-2) 0%,transparent 60%);top:20%;right:-15%;animation:drift2 34s var(--ease) infinite alternate}.aurora-orb.o3{background:radial-gradient(circle,var(--accent-3) 0%,transparent 60%);bottom:-20%;left:10%;animation:drift3 38s var(--ease) infinite alternate;opacity:.3}.aurora-orb.o4{background:radial-gradient(circle,var(--accent-4) 0%,transparent 60%);bottom:-10%;right:0%;animation:drift4 32s var(--ease) infinite alternate;opacity:.35}@keyframes drift1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(15vw,10vh,0) scale(1.15)}}@keyframes drift2{0%{transform:translateZ(0) scale(1.1)}to{transform:translate3d(-10vw,12vh,0) scale(.9)}}@keyframes drift3{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20vw,-8vh,0) scale(1.2)}}@keyframes drift4{0%{transform:translateZ(0) scale(.95)}to{transform:translate3d(-12vw,-10vh,0) scale(1.1)}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate3d(-50%,-50%,0);will-change:transform}.cursor-dot{width:6px;height:6px;background:var(--accent);transition:transform .12s var(--ease),opacity .2s ease}.cursor-ring{width:32px;height:32px;border:1.5px solid rgba(255,255,255,.4);transition:width .25s var(--ease),height .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease),transform .18s var(--ease),opacity .2s ease}.cursor-ring.is-hover{width:60px;height:60px;background:#38bdf81f;border-color:var(--accent)}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.shell{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.25rem,3vw,2.5rem)}section{position:relative;padding:clamp(5rem,10vh,9rem) 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-radius:24px;position:relative;overflow:hidden}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%,transparent 70%,rgba(255,255,255,.06));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.section-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.03em;line-height:1;margin-bottom:1rem}.section-sub{color:var(--text-2);max-width:56ch;font-size:1.05rem}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(4rem,8vh,6rem);padding-bottom:clamp(2rem,6vh,5rem)}.hero-status{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.8rem;padding:.5rem .9rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:2rem;width:fit-content}.hero-status .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3.5rem,14vw,12rem);line-height:.88;letter-spacing:-.05em;text-transform:uppercase}.hero-title .line-1{display:block;background:linear-gradient(180deg,#fff 30%,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title .line-2{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.45);margin-left:clamp(1rem,6vw,5rem)}.hero-meta{display:grid;grid-template-columns:1fr auto;gap:2rem 3rem;align-items:end;margin-top:clamp(2rem,6vh,4rem)}.hero-desc{font-size:clamp(1rem,1.4vw,1.25rem);color:var(--text-2);max-width:44ch;line-height:1.6}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.5rem;border-radius:999px;font-weight:500;font-size:.95rem;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.btn-primary{background:var(--accent);color:#04111a;border-color:var(--accent)}.btn-primary:hover{background:#7dd3fc}.btn-ghost:hover{border-color:#ffffff4d;background:#ffffff0f}.hero-scroll{margin-top:clamp(3rem,8vh,5rem);display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}.hero-scroll .line{width:60px;height:1px;background:linear-gradient(90deg,var(--text-3),transparent);animation:scroll-line 2.5s ease infinite}@keyframes scroll-line{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.4);opacity:.4}}.metrics{padding:clamp(3rem,6vh,5rem) 0}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:2rem clamp(1.5rem,3vw,2.5rem)}.metric{display:flex;flex-direction:column;gap:.4rem;position:relative}.metric:not(:last-child):after{content:"";position:absolute;right:-.75rem;top:10%;bottom:10%;width:1px;background:var(--glass-border)}.metric-value{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.25rem);font-weight:600;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.metric-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-2)}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}.metric:not(:last-child):after{display:none}}.work-header{margin-bottom:4rem}.work-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:clamp(5rem,12vh,9rem);min-height:70vh}.work-item.reverse .work-visual{order:2}.work-item.reverse .work-text{order:1}.work-visual{position:sticky;top:12vh;border-radius:24px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.work-visual img{width:100%;height:100%;object-fit:cover}.work-visual.placeholder{background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.25),transparent 50%),radial-gradient(circle at 70% 70%,rgba(167,139,250,.25),transparent 50%),var(--glass-bg);font-size:clamp(4rem,10vw,8rem)}.work-tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.work-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:1.25rem}.work-desc{color:var(--text-2);font-size:1.05rem;margin-bottom:1.75rem;max-width:50ch}.work-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.stack-pill{font-family:var(--font-mono);font-size:.72rem;padding:.35rem .75rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-2)}.work-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:.25rem;transition:gap .3s var(--ease)}.work-link:hover{gap:.85rem}@media(max-width:900px){.work-item{grid-template-columns:1fr;gap:2rem;min-height:0}.work-item.reverse .work-visual,.work-item.reverse .work-text{order:unset}.work-visual{position:static;aspect-ratio:16/10}}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center;padding:clamp(2rem,4vw,3.5rem)}.about-portrait{border-radius:20px;overflow:hidden;aspect-ratio:4 / 5;position:relative;background:var(--glass-bg)}.about-portrait img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.95)}.about-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,7,13,.7))}.about-headline{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.25;letter-spacing:-.02em;margin-bottom:1.5rem}.about-text{color:var(--text-2);margin-bottom:2rem;font-size:1.05rem}.about-langs{display:grid;gap:.5rem}.lang-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.85rem;padding:.7rem 0;border-top:1px solid var(--glass-border)}.lang-row:last-child{border-bottom:1px solid var(--glass-border)}.lang-row span:last-child{color:var(--accent)}.about-loc{margin-top:1.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-2)}@media(max-width:900px){.about-grid{grid-template-columns:1fr}.about-portrait{max-width:360px}}.timeline{display:grid;gap:1rem}.timeline-row{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:2rem;border-radius:20px;border:1px solid transparent;transition:border-color .4s var(--ease),background .4s var(--ease),transform .4s var(--ease)}.timeline-row:hover{border-color:var(--glass-border);background:var(--glass-bg);transform:translate(4px)}.timeline-date{font-family:var(--font-mono);font-size:.85rem;color:var(--text-3);letter-spacing:.05em}.timeline-role{font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.35rem}.timeline-company{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.85rem}.timeline-desc{color:var(--text-2)}@media(max-width:700px){.timeline-row{grid-template-columns:1fr;gap:.75rem;padding:1.5rem}}.edu-stack{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.edu-card{padding:clamp(2rem,3vw,2.5rem)}.edu-row{padding:1.5rem 0;border-top:1px solid var(--glass-border)}.edu-row:first-of-type{border-top:0;padding-top:.5rem}.edu-row:last-of-type{padding-bottom:.5rem}.edu-date{font-family:var(--font-mono);font-size:.78rem;color:var(--text-3);margin-bottom:.4rem}.edu-degree{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.2rem}.edu-school{color:var(--accent);font-size:.9rem;margin-bottom:.4rem}.edu-desc{color:var(--text-2);font-size:.9rem}.stack-card{padding:clamp(2rem,3vw,2.5rem) 0;overflow:hidden}.stack-card .stack-head{padding:0 clamp(2rem,3vw,2.5rem);margin-bottom:1.5rem}.marquee{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);gap:.6rem}.marquee-track{display:flex;gap:.6rem;flex-shrink:0;animation:marquee 35s linear infinite}.marquee-track .stack-pill{font-size:.85rem;padding:.5rem 1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:900px){.edu-stack{grid-template-columns:1fr}}.contact{text-align:center;padding:clamp(6rem,14vh,12rem) 0}.contact-eyebrow{justify-content:center}.contact-title{font-family:var(--font-display);font-size:clamp(3rem,12vw,10rem);font-weight:700;line-height:.9;letter-spacing:-.05em;text-transform:uppercase;background:linear-gradient(180deg,#fff 20%,#38bdf899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2.5rem}.contact-actions{display:inline-flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.contact-socials{margin-top:3rem;display:flex;gap:1rem;justify-content:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);transition:transform .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.icon-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.dock-nav{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.5rem;border-radius:999px;background:#0a0e1a99;border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);z-index:50}.dock-item{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-2);transition:color .25s ease,background .25s ease,transform .25s var(--ease-spring)}.dock-item:hover{color:var(--accent);background:#38bdf814;transform:translateY(-3px)}.dock-divider{width:1px;height:22px;background:var(--glass-border);margin:0 .25rem}.lang-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .85rem;border-radius:999px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-2)}.lang-btn:hover{background:#ffffff0a}.lang-text.active{color:var(--accent)}.slash{opacity:.4}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:#0a0e1ab3;border:1px solid var(--glass-border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s var(--ease-spring);z-index:40;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{color:var(--accent);border-color:var(--accent)}.footer{position:relative;z-index:2;padding:4rem 0 6rem;text-align:center;font-family:var(--font-mono);font-size:.78rem;color:var(--text-3);letter-spacing:.05em}.twinkling-stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5}.parallax-orbs{display:none}.shooting-stars-container{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6}.shooting-stars-container span{position:absolute;top:0;left:0;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff14,0 0 0 8px #ffffff0a,0 0 20px #fff9;animation:shoot 6s linear infinite}.shooting-stars-container span:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:220px;height:1px;background:linear-gradient(90deg,#fff,transparent)}.shooting-stars-container span:nth-child(1){top:0;right:0;animation-delay:0s;animation-duration:5s}.shooting-stars-container span:nth-child(2){top:0;right:80px;animation-delay:1.2s;animation-duration:7s}.shooting-stars-container span:nth-child(3){top:80px;right:0;animation-delay:3s;animation-duration:6.5s}.shooting-stars-container span:nth-child(4){top:0;right:180px;animation-delay:4s;animation-duration:5.5s}.shooting-stars-container span:nth-child(5){top:0;right:400px;animation-delay:5s;animation-duration:7s}.shooting-stars-container span:nth-child(6){top:0;right:600px;animation-delay:2s;animation-duration:6s}.shooting-stars-container span:nth-child(7){top:300px;right:0;animation-delay:6s;animation-duration:8s}.shooting-stars-container span:nth-child(8){top:0;right:700px;animation-delay:7s;animation-duration:5.5s}.shooting-stars-container span:nth-child(9){top:0;right:1000px;animation-delay:8s;animation-duration:7s}.shooting-stars-container span:nth-child(10){top:0;right:450px;animation-delay:2.5s;animation-duration:6s}@keyframes shoot{0%{transform:translateZ(0) rotate(315deg);opacity:1}70%{opacity:1}to{transform:translate3d(-1500px,1500px,0) rotate(315deg);opacity:0}}.game-bubble{position:fixed;left:1.25rem;bottom:1.25rem;width:56px;height:56px;border-radius:50%;background:#0a0e1ab3;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 10px 30px #38bdf826;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease);animation:wiggle 6s ease-in-out infinite}.game-bubble:hover{transform:scale(1.1);box-shadow:0 14px 36px #38bdf84d}@keyframes wiggle{0%,90%,to{transform:rotate(0)}92%,96%{transform:rotate(-12deg)}94%,98%{transform:rotate(12deg)}}.game-bubble-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(4px);font-family:var(--font-mono);font-size:.7rem;padding:.35rem .7rem;background:var(--bg-soft);border:1px solid var(--glass-border);border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.game-bubble-emoji{line-height:1}.game-bubble:hover .game-bubble-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.game-panel{position:fixed;left:1.25rem;bottom:5.5rem;width:min(340px,calc(100vw - 2.5rem));height:min(440px,calc(100vh - 8rem));background:#0a0e1ad9;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-radius:24px;z-index:70;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:panel-in .35s var(--ease-spring)}@keyframes panel-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--glass-border)}.game-title{font-family:var(--font-display);font-size:.95rem}.game-close{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);transition:color .2s ease,background .2s ease}.game-close:hover{color:var(--accent);background:var(--glass-bg)}.game-stats{display:flex;justify-content:space-between;padding:.6rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-2)}.game-stats .val{color:var(--text)}.game-stats .pop{animation:pop .3s var(--ease-spring)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.4);color:var(--accent)}to{transform:scale(1)}}.game-play{position:relative;flex:1;margin:0 1rem 1rem;border-radius:16px;background:linear-gradient(180deg,#38bdf814,#a78bfa0f);border:1px solid var(--glass-border);overflow:hidden;touch-action:none}.game-cat{position:absolute;bottom:6px;font-size:2rem;transform:translate(-50%);transition:left .06s linear;-webkit-user-select:none;user-select:none;pointer-events:none}.game-item{position:absolute;font-size:1.6rem;transform:translate(-50%);-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform}.game-spark{position:absolute;font-size:1rem;pointer-events:none;animation:spark .5s ease-out forwards}@keyframes spark{0%{opacity:1;transform:translate(-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-30px) scale(1.4)}}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;gap:.75rem;background:#05070d99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-overlay h4{font-family:var(--font-display);font-size:1.2rem}.game-overlay p{color:var(--text-2);font-size:.85rem;max-width:22ch}.game-overlay button{padding:.6rem 1.2rem;border-radius:999px;background:var(--accent);color:#04111a;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;transition:transform .25s var(--ease-spring)}.game-overlay button:hover{transform:scale(1.05)}@media(max-width:768px){section{padding:clamp(3.5rem,8vh,6rem) 0}.hero{min-height:92vh;padding-top:4.5rem}.hero-status{font-size:.72rem;padding:.45rem .8rem;margin-bottom:1.5rem}.hero-title{letter-spacing:-.04em}.hero-title .line-2{margin-left:.5rem;-webkit-text-stroke-width:1px}.hero-meta{grid-template-columns:1fr;gap:1.75rem;align-items:start;margin-top:2rem}.hero-actions{width:100%}.hero-actions .btn{flex:1 1 auto;justify-content:center}.btn{padding:.85rem 1.25rem;font-size:.9rem}.hero-scroll{margin-top:2.25rem}.metrics-grid{padding:1.5rem 1.25rem;gap:1.5rem 1rem}.metric-value{font-size:clamp(1.75rem,7vw,2.5rem)}.metric-label{font-size:.68rem}.work-header{margin-bottom:2.5rem}.work-item{gap:1.5rem;margin-bottom:4rem}.work-title{font-size:clamp(1.75rem,7vw,2.25rem)}.work-desc{font-size:.98rem}.about-grid{padding:1.5rem;gap:2rem}.about-portrait{max-width:100%;aspect-ratio:4/4.5}.about-headline{font-size:clamp(1.35rem,5vw,1.75rem)}.about-text{font-size:1rem}.timeline-row{padding:1.25rem}.timeline-row:hover{transform:none}.timeline-role{font-size:1.25rem}.edu-card,.stack-card{padding:1.5rem 0}.edu-card{padding:1.5rem}.stack-card .stack-head{padding:0 1.5rem}.contact{padding:clamp(4rem,10vh,7rem) 0}.contact-title{letter-spacing:-.04em}.contact-actions{width:100%}.contact-actions .btn{flex:1 1 auto;justify-content:center}.contact-socials{margin-top:2rem;gap:.75rem}.dock-nav{bottom:1rem;padding:.4rem;gap:.2rem;max-width:calc(100vw - 8rem)}.dock-item{width:36px;height:36px}.dock-item:hover{transform:none}.dock-divider{margin:0 .15rem}.lang-btn{padding:.4rem .6rem;font-size:.72rem}.back-to-top{bottom:1rem;right:1rem;width:42px;height:42px}.game-bubble{left:1rem;bottom:1rem;width:46px;height:46px;font-size:1.3rem}.game-panel{left:.75rem;right:.75rem;bottom:4.75rem;width:auto;height:min(60vh,440px)}.footer{padding:3rem 0 7rem}.section-title{font-size:clamp(1.85rem,7vw,2.5rem)}.eyebrow{font-size:.7rem;margin-bottom:1rem}}@media(max-width:480px){.hero-title{font-size:clamp(3rem,16vw,5rem)}.contact-title{font-size:clamp(2.5rem,14vw,4.5rem)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.contact-actions{flex-direction:column;align-items:stretch}.work-stack{gap:.4rem}.stack-pill{font-size:.68rem;padding:.3rem .6rem}.metrics-grid{grid-template-columns:1fr 1fr}}@supports (padding: max(0px)){.dock-nav,.back-to-top,.game-bubble{bottom:max(1rem,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}*{box-sizing:border-box;margin:0;padding:0}