@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-900:#080b10;--surface-800:#0e141c;--surface-700:#131c27;--text-100:#f5f6f7;--text-300:#c6ccd4;--accent-sun:#ff6b35;--accent-water:#4aa3ff;--accent-thunder:#f7dc6f;--accent-flame:#ff4d4d;--accent-stone:#a47c5c;--accent-mist:#9cc7ff;--accent-insect:#b082ff;--scroll-velocity:0;background:var(--surface-900);color:var(--text-100);--ease-out-smooth:cubic-bezier(.16,1,.3,1);--ease-out-snappy:cubic-bezier(.2,.8,.2,1);--motion-fast:.18s;--motion-base:.32s;--motion-slow:.6s;--glow-fire:0 0 32px #ff785073;--glow-water:0 0 28px #64b7ff66;--glow-thunder:0 0 30px #ffec8a80;--glow-stone:0 0 26px #be967866;--glow-mist:0 0 24px #b4d6ff59;--glow-insect:0 0 28px #c6a6ff66;font-family:Geist,Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--surface-900);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{width:100vw;min-height:100vh;position:relative;overflow:hidden}.scroll-container{scroll-snap-type:y mandatory;width:100vw;height:100vh;position:relative;overflow:hidden}.scroll-content{position:relative}.section{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(120px,14vh,160px) clamp(20px,6vw,96px) clamp(96px,12vh,140px);display:flex;position:relative;overflow:visible}.layer{position:absolute;inset:0}.background-layer{z-index:0;opacity:.65}.particle-layer{z-index:1;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.mid-layer{z-index:2;opacity:.2;justify-content:center;align-items:center;font-size:clamp(3rem,6vw,6rem);display:flex}.section .content-layer{z-index:3;opacity:0;max-width:920px;padding:20px 14px;transition:opacity .6s,transform .6s;position:relative}.section.is-revealed .content-layer{opacity:1;transition:opacity .8s,transform .8s;transform:translateY(0)}.section-tag{text-transform:uppercase;letter-spacing:.2em;color:var(--text-300);font-size:.7rem}.section h1,.section h2{margin:16px 0;font-size:clamp(1.5rem,4vw,2.6rem)}.section p{color:var(--text-300);margin-bottom:24px;line-height:1.7}.nav{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141a26b8;border:1px solid #ffffff1a;border-radius:999px;padding:12px 24px;transition:box-shadow .3s;position:fixed;top:24px;left:50%;transform:translate(-50%)}.nav-fast{box-shadow:0 0 18px #fff3}.nav-medium{box-shadow:0 0 10px #ffffff1f}.nav-container{align-items:center;gap:24px;display:flex}.nav-logo{font-weight:600}.nav-menu{gap:12px;list-style:none;display:flex}.nav-link{color:var(--text-300);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 12px;transition:background .2s,color .2s}.nav-link.active{color:var(--text-100);background:#ffffff1f}.hero-bg{background:radial-gradient(circle at top,#ffa2668c,#0000 65%),linear-gradient(135deg,#1a0f0a,#3a1a12 70%,#0c0f15)}.hero-interactive{z-index:1;pointer-events:none;opacity:.7;position:absolute;inset:0}.water-bg{background:radial-gradient(circle at 20% 20%,#64b7ff80,#0000 65%),linear-gradient(120deg,#0a1d30,#102742 60%,#0c111b)}.thunder-bg{background:radial-gradient(circle at 80% 20%,#ffec8a80,#0000 100%),linear-gradient(120deg,#101326,#242246 60%,#0c111b)}.flame-bg{background:radial-gradient(circle at 30% 20%,#ff787880,#0000 65%),linear-gradient(120deg,#1a0d0d,#321515 60%,#0c111b)}.stone-bg{background:radial-gradient(circle at 30% 20%,#be967873,#0000 65%),linear-gradient(120deg,#15110f,#2a1f1a 60%,#0c111b)}.mist-bg{background:radial-gradient(circle at 40% 20%,#b4d6ff80,#0000 65%),linear-gradient(120deg,#0f1826,#172336 60%,#0c111b)}.insect-bg{background:radial-gradient(circle at 40% 20%,#c6a6ff73,#0000 65%),linear-gradient(120deg,#13111c,#231b33 60%,#0c111b)}.hero-actions{justify-content:center;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px;display:flex}.btn{color:var(--text-100);cursor:pointer;transition:transform var(--motion-base)var(--ease-out-smooth),box-shadow var(--motion-base)var(--ease-out-smooth),filter var(--motion-fast)ease;background:0 0;border:1px solid #ffffff26;border-radius:999px;min-height:44px;padding:12px 20px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(120deg,#ff6b35e6,#ff4d4de6);border:none;box-shadow:0 0 20px #ff6b3533}.btn-outline{border:1px solid #fff3}.btn-outline.btn-water.is-hovered{background:#64b7ff2e}.btn-outline.btn-thunder.is-hovered{background:#ffec8a2e}.btn-outline.btn-stone.is-hovered{background:#be96782e}.btn-outline.btn-mist.is-hovered{background:#b4d6ff2e}.btn-outline.btn-insect.is-hovered{background:#c6a6ff2e}.flame-trail:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff6b3573}.btn.is-pressed{filter:brightness(1.1)}.btn.is-pressed:after{content:"";opacity:.6;border:1px solid #ffffff4d;border-radius:999px;position:absolute;inset:-6px}.btn-fire.is-hovered{transform:scale(1.04);box-shadow:0 0 22px #ff785073}.btn-water.is-hovered{transform:scale(1.03);box-shadow:0 0 18px #64b7ff66}.btn-thunder.is-hovered{transform:scale(1.05);box-shadow:0 0 22px #ffec8a80}.btn-stone.is-hovered{transform:scale(1.02);box-shadow:0 0 18px #be967866}.btn-mist.is-hovered{transform:scale(1.03);box-shadow:0 0 18px #b4d6ff66}.btn-insect.is-hovered{transform:scale(1.04);box-shadow:0 0 18px #c6a6ff66}.btn:focus-visible,.nav-link:focus-visible,.social-link:focus-visible{outline-offset:2px;outline:2px solid #fff9}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;perspective:800px;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;padding:18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;text-align:left!important}.card-media{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;place-items:center;width:100%;padding:16px;transition:transform .3s,filter .3s;display:grid}.card-fire .card-media{background:linear-gradient(135deg,#ff785040,#ffffff0d)}.card-water .card-media{background:linear-gradient(135deg,#64b7ff33,#ffffff0d)}.card-thunder .card-media{background:linear-gradient(135deg,#ffec8a33,#ffffff0d)}.card-stone .card-media{background:linear-gradient(135deg,#be967833,#ffffff0d)}.card-mist .card-media{background:linear-gradient(135deg,#b4d6ff33,#ffffff0d)}.card-insect .card-media{background:linear-gradient(135deg,#c6a6ff33,#ffffff0d)}.card-fire.is-hovered{transform:translateY(-8px)scale(1.01);box-shadow:0 0 26px #ff785059}.card-water.is-hovered{transform:translateY(-5px);box-shadow:0 0 22px #64b7ff4d}.card-thunder.is-hovered{transform:translateY(-7px)scale(1.01);box-shadow:0 0 24px #ffec8a59}.card-stone.is-hovered{transform:translateY(-4px);box-shadow:0 0 24px #be96784d}.card-mist.is-hovered{transform:translateY(-6px);box-shadow:0 0 24px #b4d6ff4d}.card-insect.is-hovered{transform:translateY(-6px)scale(1.01);box-shadow:0 0 24px #c6a6ff4d}.card-fire.is-pressed,.card-thunder.is-pressed,.card-insect.is-pressed,.card-mist.is-pressed,.card-stone.is-pressed,.card-water.is-pressed{transform:translateY(-2px)scale(.98)}.stat-card{padding:16px}.water-splash{background:radial-gradient(circle,#4aa3ff66,#0000 70%);animation:.6s splash;position:absolute;inset:0}@keyframes splash{0%{opacity:0;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.project-card{transform:translateY(calc(60px*(1 - var(--scroll-progress,0))));opacity:calc(.5 + var(--scroll-progress,.5));gap:12px;transition:transform .4s,box-shadow .3s;display:grid}.project-card:hover{box-shadow:0 0 30px #ff4d4d59}.project-card:after{content:"";opacity:0;background:radial-gradient(circle,#ff785066,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover:after{opacity:.6}.project-card .card-media{background:linear-gradient(140deg,#ff6b354d,#ffffff0d);height:160px}.project-card.is-hovered .card-media{filter:brightness(1.2);transform:translateY(-4px)}.education-panel{transition:transform .35s,box-shadow .35s,background .35s}.education-panel.is-hovered{background:#ffffff0f;transform:translateY(-6px);box-shadow:0 0 26px #b4d6ff59}.education-panel:after{content:"";background:radial-gradient(circle at var(--cursor-x,50%)var(--cursor-y,50%),#b4d6ff40,transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.education-panel.is-hovered:after{opacity:1}.btn-link{color:var(--accent-flame);background:#ff6b3514;border:1px solid #ff6b354d;border-radius:999px;align-items:center;gap:6px;margin-right:12px;padding:6px 12px;font-size:.85rem;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-link.btn-fire.is-hovered{transform:translateY(-2px);box-shadow:0 0 16px #ff785066}.btn-link.btn-insect.is-hovered{transform:translateY(-2px);box-shadow:0 0 16px #c6a6ff59}.marker-dot{background:var(--accent-stone);width:16px;height:16px;transform:scale(calc(.6 + var(--scroll-progress,.4)));border-radius:50%;transition:transform .4s;box-shadow:0 0 12px #a47c5c80}.stone-dust{background:radial-gradient(circle,#a47c5c66,#0000 70%);animation:.7s dust;position:absolute;inset:0}@keyframes dust{0%{opacity:0;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.education-grid{align-items:start;gap:18px;margin-top:24px;display:grid}.education-card{gap:12px;display:grid;position:relative;overflow:hidden}.education-card:after{content:"";opacity:.6;background:#9cc7ff14;transition:opacity .4s;position:absolute;inset:0}.education-card.fog-clear:after{opacity:.1}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px;display:grid}.contact-method{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:flex}.contact-method.is-hovered{transform:translateY(-4px);box-shadow:0 0 20px #b082ff4d}.contact-section{--cursor-x:50%;--cursor-y:50%}.contact-section:after{content:"";width:220px;height:220px;top:var(--cursor-y);left:var(--cursor-x);pointer-events:none;opacity:.6;filter:blur(14px);transition:opacity var(--motion-base)var(--ease-out-smooth);background:radial-gradient(circle,#b082ff59,#0000 70%);position:absolute;transform:translate(-50%,-50%)}.contact-form{gap:16px;display:grid}.contact-form label{color:var(--text-300);gap:8px;font-size:.85rem;display:grid}.social-link{align-items:center;gap:8px;margin-right:8px;display:inline-flex}.contact-form input,.contact-form textarea{color:var(--text-100);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:10px 12px}.poison-glow:focus{outline:none;box-shadow:0 0 16px #b082ff80}.btn.loading{opacity:.8;pointer-events:none}.btn.success{background:linear-gradient(120deg,#3cd66e,#2a9d8f)}.breathing-symbols{gap:12px;display:flex}.symbol{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;transition:transform .3s}.symbol:hover{transform:scale(1.2)rotate(12deg)}.micro-particle{pointer-events:none;opacity:.85;z-index:999;--micro-animation:micro-fade;width:8px;height:8px;animation:var(--micro-animation).6s ease forwards;contain:layout paint style;border-radius:999px;position:fixed}.micro-fire{background:#ff7850e6}.micro-water{background:#64b7ffd9}.micro-thunder{clip-path:polygon(50% 0%,60% 40%,100% 45%,65% 60%,75% 100%,40% 65%,0% 55%,35% 40%);background:#ffec8af2}.micro-stone{background:#be9678cc}.micro-mist{filter:blur(2px);background:#b4d6ffb3}.micro-insect{background:#c6a6ffe6}.micro-ember{--micro-animation:ember-rise}.micro-flame{--micro-animation:flame-lick}.micro-bubble{--micro-animation:bubble-rise}.micro-ripple{--micro-animation:ripple-fade}.micro-spark{--micro-animation:spark-pop}.micro-dust{--micro-animation:dust-fall}.micro-fog{--micro-animation:mist-drift}.micro-flutter{--micro-animation:flutter-fade}@keyframes micro-fade{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes ember-rise{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.3)}}@keyframes flame-lick{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.6)rotate(12deg)}}@keyframes bubble-rise{0%{opacity:.8;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-14px)scale(1.2)}}@keyframes ripple-fade{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes spark-pop{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(.2)}}@keyframes dust-fall{0%{opacity:.7;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.4)}}@keyframes mist-drift{0%{opacity:.6;transform:translate(0)scale(1)}to{opacity:0;transform:translate(12px)scale(.4)}}@keyframes flutter-fade{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.3)}}.intro-overlay{z-index:1000;pointer-events:all;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-particles{position:absolute;inset:0}.intro-center{z-index:2;text-align:center;position:relative}.intro-kanji{font-size:clamp(4rem,10vw,8rem);display:block}.intro-subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--text-300);font-size:.9rem}.intro-flame-sweep{filter:blur(30px);background:radial-gradient(circle,#ff6b3599,#0000 70%);width:140%;height:40%;position:absolute;top:30%}@media (max-width:768px){.nav{top:12px}.section{padding:2rem 8px;text-align:center!important}.contact-socials{justify-content:center;align-items:center}.nav-menu{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;transform:none!important}.particle-layer,.hero-interactive,.micro-particle{display:none!important}}.scroll-reactive{transform:translateY(calc(var(--scroll-velocity)*-6px));transition:transform var(--motion-fast)var(--ease-out-smooth)}.fire-heat{filter:saturate(1.1);transform:scale(calc(1 + var(--scroll-velocity)*.015))}.water-float{transform:translateY(calc(sin(var(--scroll-progress,0)*3.14)*6px))}.mist-depth{opacity:calc(.5 + var(--scroll-progress,.3))}@media (max-width:768px){.particle-layer,.hero-interactive{opacity:.35}.card:hover,.btn:hover{transform:none}}.section,.layer,.card,.hero-interactive,.particle-layer{contain:layout paint style}.parallax-slow{transform:translateY(calc(var(--scroll-progress,0)*-24px))}.parallax-mid{transform:translateY(calc(var(--scroll-progress,0)*-48px))}.parallax-fast{transform:translateY(calc(var(--scroll-progress,0)*-72px))}.glow-fire{box-shadow:var(--glow-fire)}.glow-water{box-shadow:var(--glow-water)}@keyframes float-idle{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.idle-float{animation:6s ease-in-out infinite float-idle}.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;pointer-events:auto;max-width:720px;margin:0 auto}.hero-bg{z-index:0}.hero-interactive{z-index:1}.particle-layer{z-index:2}.hero-kanji{z-index:3}.hero-content{z-index:5}.hero-avatar{width:160px;height:160px;margin:10px auto 28px;transition:transform .6s;position:relative}.hero-avatar:hover{transform:scale(1.04)}.hero-avatar img{object-fit:contain;filter:drop-shadow(0 -10px 25px #ffaa5a73)drop-shadow(0 12px 35px #ff6e2859)drop-shadow(0 0 18px #ffc87840);border-radius:50%;width:100%;height:100%;transition:filter .6s}.hero-avatar:hover img,.hero-avatar.active img{filter:drop-shadow(0 -14px 32px #ffbe64a6)drop-shadow(0 18px 45px #ff783273)drop-shadow(0 0 26px #ffdc8c59)}.hero-avatar.active img{animation:4s ease-in-out infinite sunBreathGlow}@keyframes sunBreathGlow{0%,to{filter:drop-shadow(0 -10px 25px #ffaa5a73)drop-shadow(0 12px 35px #ff6e2859)}50%{filter:drop-shadow(0 -16px 40px #ffc878b3)drop-shadow(0 20px 55px #ff823c8c)}}.hero-content h1{font-size:clamp(1.5rem,5vw,3rem)}.hero-content p{max-width:720px;margin:0 auto 28px}.water-ripple{pointer-events:none;border:2px solid #64b7ff99;border-radius:50%;width:12px;height:12px;animation:.8s ease-out forwards water-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes water-ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}70%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}.about-section:after{content:"";background:radial-gradient(circle at var(--cursor-x,50%)var(--cursor-y,50%),#64b7ff1f,transparent 60%);opacity:.4;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.about-left{max-width:560px}.about-right{justify-content:center;align-items:center;display:flex}.water-focus{background:linear-gradient(#64b7ff40,#64b7ff0d);border-radius:24px;width:320px;height:420px;position:relative;overflow:hidden;box-shadow:0 0 40px #64b7ff40,inset 0 0 20px #ffffff1a}.water-focus img{object-fit:cover;opacity:.85;width:100%;height:100%}.water-focus:after{content:"";opacity:calc(.3 + var(--scroll-progress,.2));pointer-events:none;background:radial-gradient(circle at 50% 60%,#ffffff40,#0000 65%);position:absolute;inset:0}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}.about-right{order:-1}.water-focus{width:70%}}@media (max-width:640px){.water-focus{width:100%;padding:0 10px}}.skills-thunder-grid{grid-template-columns:1.2fr 1fr;gap:40px;margin-top:48px;display:grid}.skill-strike-card.primary{border-color:#ffec8a99;box-shadow:0 0 40px #ffec8a40,inset 0 0 20px #ffffff0d}.skill-strike-card{flex-direction:column;gap:16px;min-height:200px;padding:24px;display:flex}.skill-strike-card h3{letter-spacing:.04em;font-size:1.1rem}.skill-chips{flex-wrap:wrap;gap:10px;display:flex}.skill-chip{color:var(--text-100);background:#ffffff14;border:1px solid #ffec8a59;border-radius:999px;padding:6px 10px;font-size:.8rem;transition:transform .2s,box-shadow .2s;display:inline-block}.skill-chip:hover{transform:translateY(-2px);box-shadow:0 0 14px #ffec8a73}.thunder-axis{opacity:.08;text-align:center;filter:blur(.5px);margin-top:48px;font-size:clamp(6rem,12vw,10rem);animation:6s ease-in-out infinite thunder-pulse}@keyframes thunder-pulse{0%,to{opacity:.06}50%{opacity:.12}}.skills-section:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffec8a14,#0000 60%);position:absolute;inset:0}@media (max-width:900px){.skills-thunder-grid{grid-template-columns:1fr}}.project-featured-compact{background:#ffffff0a;border:1px solid #ff6b3566;margin-bottom:40px;padding:28px;box-shadow:0 0 24px #ff6b3540}.project-header{justify-content:space-between;align-items:center;display:flex}.projects-grid-clean{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.project-card-clean{background:#ffffff08;border:1px solid #ffffff1f;padding:22px;transition:transform .2s,box-shadow .2s}.project-card-clean:hover{transform:translateY(-6px);box-shadow:0 0 18px #ff6b354d}.project-tech span{background:#ff6b351f;border:1px solid #ff6b354d;border-radius:999px;margin-bottom:20px;margin-right:6px;padding:4px 10px;font-size:.7rem;display:inline-block}.mist-section:before{content:"";filter:blur(24px);pointer-events:none;background:linear-gradient(90deg,#c8dcffcc,#c8dcff66,#0000);position:absolute;inset:0;transform:translate(-100%)}.reveal-mist:before{animation:1.2s forwards mist-sweep}@keyframes mist-sweep{to{transform:translate(120%)}}.thunder-section:before{content:"";opacity:0;background:radial-gradient(circle,#ffec8ae6,#0000 70%);position:absolute;inset:0}.reveal-thunder:before{animation:.4s forwards thunder-flash}@keyframes thunder-flash{0%{opacity:0}40%{opacity:1}to{opacity:0}}.flame-section:before{content:"";opacity:0;background:radial-gradient(circle,#ff6b3566,#0000);position:absolute;inset:0;transform:scale(1.4)}.reveal-fire:before{animation:1s forwards fire-reveal}@keyframes fire-reveal{30%{opacity:1}to{opacity:0;transform:scale(1)}}.water-section:before{content:"";opacity:0;background:radial-gradient(circle,#64b7ff59,#0000);position:absolute;inset:0;transform:scale(.8)}.reveal-water:before{animation:1.2s forwards water-pulse}@keyframes water-pulse{50%{opacity:1;transform:scale(1)}to{opacity:0}}.stone-section:before{content:"";background:#785a464d;position:absolute;inset:0;transform:translateY(-100%)}.reveal-stone:before{animation:.9s cubic-bezier(.25,.8,.25,1) forwards stone-drop}@keyframes stone-drop{to{opacity:0;transform:translateY(100%)}}.insect-section:before{content:"";opacity:0;background:radial-gradient(circle,#b482ff66,#0000);position:absolute;inset:0}.reveal-insect:before{animation:1s forwards insect-glow}@keyframes insect-glow{50%{opacity:1}to{opacity:0}}.background-layer,.mid-layer{transition:none}.section{position:relative}.section .content-layer{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s}.section:not(.is-revealed) .content-layer{opacity:0}html[data-scroll-dir=down] .section:not(.is-revealed) .content-layer{transform:translateY(-60px)}html[data-scroll-dir=up] .section:not(.is-revealed) .content-layer{transform:translateY(60px)}.experience-content{max-width:880px}.experience-grid{gap:28px;margin-top:32px;display:grid}.experience-card{padding:28px}.experience-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.experience-badge{background:#a47c5c40;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #a47c5c59}.experience-meta{color:var(--text-300);font-size:.8rem}.experience-desc{color:var(--text-300);margin:12px 0 16px}.experience-points{gap:10px;display:grid}.experience-points li{align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.point-icon{opacity:.8}.education-content{max-width:900px}.education-stack{text-align:left;gap:36px;margin-top:40px;display:grid}.education-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border-radius:22px;padding:28px;position:relative;overflow:hidden}.education-panel:before{content:"";opacity:.65;pointer-events:none;background:linear-gradient(120deg,#b4d6ff59,#b4d6ff26,#0000 60%);animation:1.2s forwards mist-pass;position:absolute;inset:0}@keyframes mist-pass{0%{transform:translate(-30%)}to{opacity:0;transform:translate(100%)}}.education-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.education-badge{background:#b4d6ff40;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:600;display:grid}.education-meta{color:var(--text-300);font-size:.8rem}.education-desc{color:var(--text-300);margin:12px 0 16px}.education-points{color:var(--text-300);gap:6px;font-size:.85rem;list-style-position:inside;display:grid}.contact-content{max-width:1000px}.contact-layout{grid-template-columns:1fr 1.1fr;gap:48px;margin-top:36px;display:grid}.contact-left{flex-direction:column;gap:20px;display:flex}.contact-intro{color:var(--text-300);line-height:1.7}.contact-method-list{gap:10px;font-size:.9rem;display:grid}.contact-method-list li{align-items:center;gap:10px;display:flex}.method-icon{opacity:.8}.contact-socials{flex-wrap:wrap;gap:12px;display:flex}.social-pill{background:#c6a6ff1f;border:1px solid #c6a6ff40;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;transition:transform .2s,box-shadow .2s;display:inline-flex}.social-pill:hover{transform:translateY(-2px);box-shadow:0 0 18px #c6a6ff59}.insect-form{gap:14px;display:grid}.insect-form input,.insect-form textarea{color:var(--text-100);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;padding:12px 14px}.insect-form input:focus,.insect-form textarea:focus{outline:none;box-shadow:0 0 14px #c6a6ff73}@media (max-width:900px){.contact-layout{grid-template-columns:1fr;gap:32px}}.footer-nav{z-index:200;-webkit-backdrop-filter:blur(16px);background:#141a26b8;border:1px solid #ffffff1a;border-radius:999px;padding:12px 24px;transition:box-shadow .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.footer-nav.fast{box-shadow:0 0 18px #fff3}.footer-nav.medium{box-shadow:0 0 10px #ffffff1f}.footer-container{align-items:center;gap:16px;display:flex}.footer-text{color:var(--text-300);white-space:nowrap;font-size:.8rem}@media (max-width:768px){.nav,.footer-nav,.footer-text{display:none}}.section.is-revealed .skill-strike-card{opacity:1;transition:transform .35s,opacity .35s}.section .content-layer,.skill-strike-card{will-change:transform,opacity}.skills-content{z-index:5;position:relative}.skills-title{margin-bottom:3rem;font-size:clamp(2.6rem,5vw,4rem);line-height:1.1}.skills-title .accent{color:#f7dc6f}.skills-kanji{z-index:3}.thunder-axis{opacity:.12;z-index:3;font-size:6rem;position:absolute;bottom:18%;right:8%}.skills-col{flex-direction:column;gap:16px;display:flex}.skills-col.right{position:relative}.skill-strike-card.primary{border-color:#f7dc6f59;transform:scale(1.03)}.section:before{pointer-events:none;z-index:0}.water-particles{opacity:.25;background-image:radial-gradient(circle,#78beff59 1px,#0000 1px);background-size:120px 120px;animation:60s linear infinite water-drift;position:absolute;inset:0}@keyframes water-drift{0%{transform:translateY(0)}to{transform:translateY(-120px)}}.water-hint{letter-spacing:.08em;text-transform:uppercase;color:#c8dcff73;pointer-events:none;text-align:center;font-size:13px;animation:4s ease-in-out infinite hint-float;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}@keyframes hint-float{0%,to{opacity:.4;transform:translate(-50%)}50%{opacity:.7;transform:translate(-50%,-6px)}}.water-ripple{pointer-events:none;filter:blur(1px);background:radial-gradient(circle,#8cd2ff73,#8cd2ff33 40%,#0000 70%);border-radius:50%;width:12px;height:12px;animation:1.2s cubic-bezier(.22,1,.36,1) forwards ripple-expand;position:absolute;transform:translate(-50%,-50%)scale(.2)}@keyframes ripple-expand{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(18)}}.water-surface:active{box-shadow:inset 0 0 60px #8cd2ff1f,0 30px 80px #00000073}.water-node{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:18px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:opacity .4s,transform .5s,box-shadow .4s;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.85)}.water-node .icon{font-size:18px}.flow-path-layer{pointer-events:none;position:absolute;inset:0}.flow-path{fill:none;stroke:#78beff73;stroke-width:2px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;filter:blur(.3px);animation:1.2s ease-out forwards flow-draw}@keyframes flow-draw{to{stroke-dashoffset:0;opacity:0}}.water-node.active{opacity:1;transform:translate(-50%,-58%)scale(1);box-shadow:0 0 24px #78beff66,inset 0 0 18px #78beff40}@media (max-width:768px){.water-particles{opacity:.15;background-size:160px 160px}.flow-path{stroke-width:1.5px}.water-node{font-size:13px}}.skills-depth-stack{flex-direction:column;gap:2rem;display:flex}.depth-card{transform-style:preserve-3d;flex-direction:column;gap:16px;display:flex}.depth-0{transform:translateZ(0)}.depth-1{opacity:.9;transform:translateZ(-40px)scale(.97)}.depth-2{opacity:.85;transform:translateZ(-80px)scale(.94)}.depth-3{opacity:.8;transform:translateZ(-90px)scale(.91)}.sun-name{letter-spacing:.08em;color:#fff5e1;text-shadow:0 0 12px #ffaa3c99,0 0 24px #ff6e1466;font-family:Cinzel,serif;font-size:clamp(1.3rem,5vw,2rem);animation:4s ease-in-out infinite sunPulse;position:relative}@keyframes sunPulse{0%,to{text-shadow:0 0 12px #ffaa3c80,0 0 24px #ff6e1459}50%{text-shadow:0 0 18px #ffc850cc,0 0 40px #ff781e99}}.sun-breath{letter-spacing:.4em;opacity:.6;margin-top:.5rem;font-size:.7rem;display:block}@media (max-width:768px){.section .content-layer{opacity:1!important;transition:none!important;transform:none!important}.section{opacity:1!important}body{overflow:auto!important}.scroll-container{height:auto!important;overflow:auto!important}.scroll-content{position:static!important}}