@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600;900&family=Inter:wght@300;400;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";
.intro-overlay{z-index:99999;background:linear-gradient(135deg,#fdf6e3 0%,#f5f1ed 50%,#fdf6e3 100%);justify-content:center;align-items:center;animation:.8s ease-out 6s forwards fadeOut;display:flex;position:fixed;inset:0}.intro-content{text-align:center;position:relative}.intro-text{color:#c5a059;white-space:nowrap;opacity:0;z-index:5;margin:0;font-family:Noto Serif JP,serif;font-size:clamp(3rem,12vw,8rem);font-weight:900;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-text.show{opacity:1;z-index:5;animation:1.5s ease-in-out textGlow}.intro-text.hide{opacity:0;transition:opacity .5s ease-out}.intro-overlay.english .intro-text.show{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards textAppear,1.5s ease-in-out textGlow}@keyframes textAppear{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(.5)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes textGlow{0%,to{text-shadow:0 0 20px #c5a0594d}50%{text-shadow:0 0 40px #c5a05999,0 0 60px #c5a05966}}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.sand-wind{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.sand-particle{filter:blur(.5px);will-change:transform,opacity;background:radial-gradient(circle,#deb887f2,#eecbadcc,#f5deb399,#ffebcd4d);border-radius:50%;width:25px;height:25px;animation-name:sandMove;animation-timing-function:ease-in-out;animation-fill-mode:forwards;position:absolute;box-shadow:0 0 20px #deb887cc,0 0 40px #eecbad80,inset -2px -2px 8px #0000001a}@keyframes sandMove{0%{opacity:0;transform:translate(-10vw)translateY(0)rotate(0)scale(.8)}10%{opacity:1}25%{opacity:.9;transform:translate(20vw)translateY(-8vh)rotate(45deg)scale(1)}50%{opacity:.8;transform:translate(55vw)translateY(5vh)rotate(90deg)scale(1.1)}75%{opacity:.7;transform:translate(85vw)translateY(-10vh)rotate(135deg)scale(.9)}90%{opacity:.5}to{opacity:0;transform:translate(110vw)translateY(3vh)rotate(180deg)scale(.7)}}.japan-cloud{pointer-events:none;z-index:10;width:100%;height:120px;position:absolute;top:2.5rem;left:0}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}:root{--sumi-black:#1a1a1a;--washi-white:#fdf6e3;--sakura-red:#c73e1d;--sakura-red-rgb:199,62,29;--gold-rgb:197,160,89;--blue-rgb:126,166,255;--orange-rgb:247,194,102;--stone-gray:#6b7280;--subtle-beige:#f5f1ed;--sakura-alpha-03:rgba(var(--sakura-red-rgb),.03);--sakura-alpha-05:rgba(var(--sakura-red-rgb),.05);--sakura-alpha-06:rgba(var(--sakura-red-rgb),.06);--sakura-alpha-08:rgba(var(--sakura-red-rgb),.08);--sakura-alpha-10:rgba(var(--sakura-red-rgb),.1);--sakura-alpha-12:rgba(var(--sakura-red-rgb),.12);--sakura-alpha-14:rgba(var(--sakura-red-rgb),.14);--sakura-alpha-15:rgba(var(--sakura-red-rgb),.15);--sakura-alpha-16:rgba(var(--sakura-red-rgb),.16);--sakura-alpha-18:rgba(var(--sakura-red-rgb),.18);--sakura-alpha-20:rgba(var(--sakura-red-rgb),.2);--sakura-alpha-22:rgba(var(--sakura-red-rgb),.22);--sakura-alpha-25:rgba(var(--sakura-red-rgb),.25);--sakura-alpha-30:rgba(var(--sakura-red-rgb),.3);--sakura-alpha-32:rgba(var(--sakura-red-rgb),.32);--sakura-alpha-35:rgba(var(--sakura-red-rgb),.35);--sakura-alpha-40:rgba(var(--sakura-red-rgb),.4);--sakura-alpha-45:rgba(var(--sakura-red-rgb),.45);--sakura-alpha-50:rgba(var(--sakura-red-rgb),.5);--sakura-alpha-60:rgba(var(--sakura-red-rgb),.6);--sakura-alpha-70:rgba(var(--sakura-red-rgb),.7);--sakura-alpha-75:rgba(var(--sakura-red-rgb),.75);--sakura-alpha-80:rgba(var(--sakura-red-rgb),.8);--gold-alpha-06:rgba(var(--gold-rgb),.06);--gold-alpha-08:rgba(var(--gold-rgb),.08);--gold-alpha-12:rgba(var(--gold-rgb),.12);--gold-alpha-15:rgba(var(--gold-rgb),.15);--gold-alpha-16:rgba(var(--gold-rgb),.16);--gold-alpha-18:rgba(var(--gold-rgb),.18);--gold-alpha-20:rgba(var(--gold-rgb),.2);--gold-alpha-22:rgba(var(--gold-rgb),.22);--gold-alpha-25:rgba(var(--gold-rgb),.25);--gold-alpha-30:rgba(var(--gold-rgb),.3);--gold-alpha-35:rgba(var(--gold-rgb),.35);--gold-alpha-40:rgba(var(--gold-rgb),.4);--gold-alpha-42:rgba(var(--gold-rgb),.42);--gold-alpha-50:rgba(var(--gold-rgb),.5);--gold-alpha-55:rgba(var(--gold-rgb),.55);--gold-alpha-60:rgba(var(--gold-rgb),.6);--gold-alpha-70:rgba(var(--gold-rgb),.7);--gold-alpha-85:rgba(var(--gold-rgb),.85);--gold-alpha-90:rgba(var(--gold-rgb),.9);--ease-organic:cubic-bezier(.25,.46,.45,.94);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-gentle:cubic-bezier(.33,1,.68,1);--ease-natural:cubic-bezier(.65,0,.35,1)}body{cursor:none;transition:background .7s var(--ease-gentle),color .7s var(--ease-gentle);background:linear-gradient(135deg,#faf5e8 0%,#f8f3e6 25%,#f5eedf 50%,#f7f1e4 75%,#faf6ea 100%) fixed;font-family:Space Grotesk,Inter,-apple-system,sans-serif;position:relative}body:before{content:"";pointer-events:none;opacity:1;z-index:0;background-image:linear-gradient(90deg,#0000 0%,#d2b98c04 50%,#0000 100%),linear-gradient(#0000 0%,#d2b98c04 50%,#0000 100%),repeating-linear-gradient(45deg,#0000,#0000 3px,#cdb48202 3px 6px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#c8af7d02 3px 6px);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:1;mix-blend-mode:multiply;z-index:0;background-image:radial-gradient(circle at 20% 15%,#d2b98c0a 0%,#0000 15%),radial-gradient(circle at 80% 25%,#c8aa7808 0%,#0000 18%),radial-gradient(circle at 40% 60%,#c3a57306 0%,#0000 12%),radial-gradient(circle at 75% 75%,#cdaf7d09 0%,#0000 16%),radial-gradient(circle at 15% 85%,#c8aa7808 0%,#0000 14%),radial-gradient(circle at 60% 40%,#d2b48205 0%,#0000 10%),radial-gradient(1px 1px at 12% 18%,#a08c6426,#0000),radial-gradient(1px 1px at 28% 35%,#a08c641f,#0000),radial-gradient(1px 1px at 45% 52%,#a08c6424,#0000),radial-gradient(1px 1px at 68% 28%,#a08c641c,#0000),radial-gradient(1px 1px at 82% 65%,#a08c6421,#0000),radial-gradient(1px 1px at 35% 78%,#a08c641f,#0000),radial-gradient(1px 1px at 58% 88%,#a08c6426,#0000),radial-gradient(1px 1px at 92% 42%,#a08c641c,#0000);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,80px 40px,160px 80px,40px 120px,120px 160px,200px 40px,60px 200px,180px 120px;background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,280px 280px,340px 340px,250px 250px,310px 310px,290px 290px,270px 270px,320px 320px,260px 260px;position:fixed;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(160deg,var(--sakura-alpha-40),var(--gold-alpha-50));border:2px solid #ffffff80;border-radius:999px}::-webkit-scrollbar-track{background:#0000000a;border-radius:999px}.bento-card{z-index:2;transition:box-shadow .5s var(--ease-gentle),border-color .3s var(--ease-gentle),transform .3s var(--ease-gentle);color:#2a2112;-webkit-backdrop-filter:blur(6px);min-width:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s var(--ease-gentle),border-color .18s var(--ease-gentle),filter .4s ease;opacity:0;transform-style:preserve-3d;perspective:1000px;background:linear-gradient(120deg,#fdf6e3 85%,#f5f1ed 100%);border:1.1px solid #c5a05921;border-bottom:2.2px solid #c5a05938;border-radius:1.7rem;margin-bottom:3.2rem;padding:2.8rem 2.3rem 2.3rem;font-family:Noto Serif JP,serif;font-size:1.11rem;animation:none;position:relative;overflow:hidden;transform:translateY(26px)scale(.985);box-shadow:0 2px 18px #1e140a0f,inset 0 1.5px #e5d3b3}.bento-card:hover{filter:brightness(1.02)saturate(1.05);border-color:#c5a05959;transform:translateY(-8px)scale(1.02)rotateX(2deg);box-shadow:0 20px 60px #1e140a26,0 10px 30px #c5a0591a,inset 0 1.5px #e5d3b3}@keyframes bentoCardAppear{to{opacity:1;transform:translateY(0)scale(1)}}.bento-card:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);width:100%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%}.bento-card.visible{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards bentoCardAppear}.bento-card.visible:before{animation:2s ease-in-out 1s shimmer}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.bento-grid .bento-card.visible:first-child{animation-delay:80ms}.bento-grid .bento-card.visible:nth-child(2){animation-delay:.16s}.bento-grid .bento-card.visible:nth-child(3){animation-delay:.24s}.bento-grid .bento-card.visible:nth-child(4){animation-delay:.32s}.bento-grid .bento-card.visible:nth-child(5){animation-delay:.4s}.bento-grid .bento-card.visible:nth-child(6){animation-delay:.48s}.bento-grid .bento-card.visible:nth-child(7){animation-delay:.56s}.bento-grid .bento-card.visible:nth-child(8){animation-delay:.64s}.bento-grid .bento-card.visible:nth-child(9){animation-delay:.72s}.bento-grid .bento-card.visible:nth-child(10){animation-delay:.8s}.bento-card:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(115deg,#0000 42%,#ffffff80 48%,#ffffffb3 52%,#0000 58%);transition:transform .6s;position:absolute;inset:-100%;transform:translate(-100%)rotate(0)}.bento-card:hover:before{transform:translate(100%)rotate(0)}.bento-card .washi-texture{content:"";pointer-events:none;opacity:.09;z-index:0;background:url(https://www.transparenttextures.com/patterns/washi.png);position:absolute;inset:0}.bento-card:after{content:"";opacity:.18;z-index:1;background:linear-gradient(90deg,#c5a059 60%,#0000 100%);border-radius:2px;width:60px;height:2.5px;position:absolute;bottom:1.2rem;right:1.2rem}.bento-card .corner-mark{pointer-events:none;position:absolute;inset:0}.bento-card .corner-mark:before,.bento-card .corner-mark:after{content:"";border:1px solid var(--gold-alpha-30);width:46px;height:46px;transition:all .5s var(--ease-gentle);opacity:0;border-radius:10px;animation:.8s ease-out forwards cornerDraw;position:absolute}@keyframes cornerDraw{0%{opacity:0;width:20px;height:20px}to{opacity:1;width:46px;height:46px}}.bento-card.visible .corner-mark:before{animation-delay:.5s}.bento-card.visible .corner-mark:after{animation-delay:.65s}.bento-card:hover .corner-mark:before,.bento-card:hover .corner-mark:after{border-color:var(--gold-alpha-70);filter:drop-shadow(0 0 8px var(--gold-alpha-40))}.bento-card .corner-mark:before{border-bottom:none;border-right:none;top:12px;left:12px}.bento-card:hover .corner-mark:before{top:8px;left:8px}.bento-card .corner-mark:after{border-top:none;border-left:none;bottom:12px;right:12px}.bento-card:hover .corner-mark:after{bottom:8px;right:8px}.bento-card h3{color:#b89b5b;letter-spacing:.01em;z-index:1;text-shadow:0 1px #f5f1ed,0 2px 8px #e5d3b3;margin-bottom:.8rem;font-family:Noto Serif JP,serif;font-size:1.55rem;font-weight:600;position:relative}:is(.bento-card p,.bento-card ul,.bento-card li) .custom-cursor:after{content:"";background:linear-gradient(180deg,#ffffff1f 0%,var(--press-color)60%,var(--press-color)100%);opacity:.4;pointer-events:none;clip-path:inset(calc((1 - var(--press-progress))*100%)0 0 0 round 50%);border-radius:50%;transition:opacity .15s linear;position:absolute;inset:-3px;overflow:hidden}:is(.bento-card p,.bento-card ul,.bento-card li) .custom-cursor:before{content:"";clip-path:inset(calc((1 - var(--press-progress))*100%)0 0 0 round 50%);opacity:calc(.12 + .26*var(--press-progress));mix-blend-mode:screen;pointer-events:none;background:radial-gradient(8px 6px at 30% 35%,#ffffff59,#0000 65%),radial-gradient(10px 8px at 70% 45%,#ffffff47,#0000 68%),radial-gradient(7px 6px at 50% 55%,#ffffff40,#0000 70%);border-radius:50%;animation:1.8s linear infinite cursorWave;position:absolute;inset:-3px}.bento-card a:hover{color:#c5a059;background-size:100% 2px}.bento-card:hover{background:linear-gradient(120deg,#fdf6e3 90%,#f5f1ed 100%);border-color:#c5a059;transform:translateY(-6px)scale(1.016);box-shadow:0 10px 48px #1e140a26,inset 0 2px #c5a059}.bento-card li{margin-bottom:.22em}.skills-categories-container{background:linear-gradient(120deg,#fdf6e3 85%,#f5f1ed 100%);border:1.1px solid #c5a05921;border-radius:1.7rem;flex-direction:column;align-items:center;gap:2rem;margin:3rem 0;padding:2.5rem;display:flex;box-shadow:0 2px 18px #1e140a0f,inset 0 1.5px #e5d3b3}.skills-arrow{color:#c5a059;font-size:3rem;line-height:1;animation:2s ease-in-out infinite bounceArrowSkills}@keyframes bounceArrowSkills{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.skills-categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1200px;display:grid}.skill-category-card{transition:all .5s var(--ease-gentle),border-color .3s var(--ease-gentle);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1.1px solid #c5a05933;border-radius:1.2rem;padding:2rem;box-shadow:0 2px 12px #1e140a0a,inset 0 1px #e5d3b380}.skill-category-card:hover{background:#ffffffd9;border-color:#c5a059;transform:translateY(-4px);box-shadow:0 8px 32px #1e140a14,inset 0 2px #c5a059}.skill-category-header{border-bottom:1.1px solid #c5a05933;align-items:center;gap:.75rem;margin-bottom:1.2rem;padding-bottom:1rem;display:flex}.skill-category-icon{opacity:0;font-size:1.8rem;line-height:1;transition:transform .3s cubic-bezier(.33,1,.68,1);animation:.8s cubic-bezier(.34,1.56,.64,1) forwards iconBounce;display:inline-block}@keyframes iconBounce{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{transform:scale(1.15)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.bento-card.visible .skill-category-icon{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards iconBounce}.skill-category-card:hover .skill-category-icon{transform:scale(1.15)rotate(-5deg)}.skill-category-header h3{color:var(--sumi-black);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.skill-category-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.bento-card.visible ul li{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards listItemSlide;transform:translate(-15px)}@keyframes listItemSlide{to{opacity:1;transform:translate(0)}}.bento-card.visible ul li:first-child{animation-delay:.2s}.bento-card.visible ul li:nth-child(2){animation-delay:.3s}.bento-card.visible ul li:nth-child(3){animation-delay:.4s}.bento-card.visible ul li:nth-child(4){animation-delay:.5s}.bento-card.visible ul li:nth-child(5){animation-delay:.6s}.bento-card.visible ul li:nth-child(6){animation-delay:.7s}.bento-card.visible ul li:nth-child(7){animation-delay:.8s}.bento-card.visible ul li:nth-child(8){animation-delay:.9s}.skill-category-list li{color:var(--sumi-black);padding-left:1.5rem;font-size:.95rem;line-height:1.5;position:relative}.skill-category-list li:before{content:"▹";color:#c5a059;font-size:1.2rem;font-weight:700;line-height:1.5;position:absolute;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-content{z-index:2;isolation:isolate;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:2.5rem;padding:2.5rem clamp(1rem,3vw,2.5rem);display:grid;position:relative}.hero-content:before{content:"";opacity:.14;filter:drop-shadow(0 24px 32px #0000000d);pointer-events:none;z-index:-1;background:linear-gradient(90deg,#00000009 1px,#0000 1px) 0 0/34px 22px repeat-x,linear-gradient(0deg,#00000009 1px,#0000 1px) 0 0/34px 22px repeat-y;border-radius:28px;height:70%;position:absolute;inset:6% 8% auto}.hero-copy{text-align:left;flex-direction:column;gap:1.1rem;display:flex}.jp-accent{letter-spacing:.3em;text-transform:uppercase;color:var(--sakura-red);animation:fadeInDown 1.6s var(--ease-gentle).3s both;margin-bottom:1.5rem;font-family:Noto Serif JP,serif;font-size:.875rem;font-weight:600;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h1{letter-spacing:-.02em;color:var(--sumi-black);margin-bottom:1.5rem;font-family:Noto Serif JP,serif;font-size:clamp(3.5rem,12vw,9rem);font-weight:900;line-height:.95;display:inline-block;position:relative}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.btn{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .18s;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards btnFadeIn;display:inline-flex;position:relative;overflow:hidden;transform:translateY(20px)}.btn:hover{transform:translateY(-2px)scale(1.03)}@keyframes btnFadeIn{to{opacity:1;transform:translateY(0)}}.hero-actions .btn:first-child{animation-delay:1.7s}.hero-actions .btn:nth-child(2){animation-delay:1.85s}.hero-actions .btn:nth-child(3){animation-delay:2s}.btn:after{content:"";opacity:0;background:radial-gradient(circle,#fff6 0%,#0000 60%);transition:opacity .32s,transform .32s;position:absolute;inset:-50%;transform:scale(0)}.btn.primary{color:#fff;box-shadow:0 14px 30px var(--sakura-alpha-25);background:linear-gradient(120deg,#c73e1d,#c5a059);position:relative}.btn.primary:before{content:"";background:linear-gradient(120deg,#fff6,transparent,var(--sakura-alpha-60));-webkit-mask-composite:xor;opacity:0;border-radius:999px;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn.primary:hover:before{opacity:1;animation:3s linear infinite rotateBorder}@keyframes rotateBorder{to{transform:rotate(360deg)}}.btn.ghost{color:#c73e1d;background:var(--sakura-alpha-08);border:1px solid var(--sakura-alpha-25);position:relative}.btn.ghost:hover{background:var(--sakura-alpha-15);border-color:var(--sakura-alpha-45)}.btn:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 16px 38px #00000014}.btn:hover:after{opacity:1;transform:scale(1.5)}.btn:active{transform:translateY(0)scale(.98)}.hero-visual{aspect-ratio:4/3;background:radial-gradient(circle at 30% 30%,var(--sakura-alpha-16),transparent 42%),radial-gradient(circle at 78% 28%,var(--gold-alpha-20),transparent 40%),linear-gradient(135deg,#ffffffa6,#ffffffd1);border:1px solid var(--gold-alpha-22);min-height:260px;transition:background .7s var(--ease-gentle),border-color .7s var(--ease-gentle),box-shadow .7s var(--ease-gentle),transform .28s ease;opacity:0;border-radius:28px;animation:12s infinite alternate gradientShift,1.2s cubic-bezier(.34,1.56,.64,1) .8s forwards heroVisualAppear;position:relative;overflow:hidden;transform:scale(.95)rotateY(-10deg);box-shadow:0 18px 48px #0000000f,0 6px 18px #0000000d}@keyframes heroVisualAppear{to{opacity:1;transform:scale(1)rotateY(0)}}@keyframes gradientShift{0%{background:radial-gradient(circle at 30% 30%,var(--sakura-alpha-16),transparent 42%),radial-gradient(circle at 78% 28%,var(--gold-alpha-20),transparent 40%),linear-gradient(135deg,#ffffffa6,#ffffffd1)}to{background:radial-gradient(circle at 65% 42%,var(--gold-alpha-18),transparent 44%),radial-gradient(circle at 22% 18%,var(--sakura-alpha-16),transparent 38%),linear-gradient(135deg,#ffffffb8,#ffffffe0)}}.hero-orb{background:radial-gradient(circle,var(--sakura-alpha-35),transparent 60%);filter:blur(18px);opacity:0;border-radius:50%;width:180px;height:180px;animation:8s ease-in-out infinite alternate floatOrb,1.5s ease-out .5s forwards orbAppear;position:absolute;top:12%;right:10%}@keyframes orbAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes floatOrb{0%{filter:blur(18px)hue-rotate();transform:translateY(0)scale(1)}50%{filter:blur(22px)hue-rotate(15deg)}to{filter:blur(18px)hue-rotate();transform:translateY(-12px)scale(1.02)}}h1 span{animation:splitReveal 1.8s var(--ease-gentle)both;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:inline-block}h1 span:first-child{animation-delay:.6s}h1 span:nth-child(2){animation-delay:.75s}h1 span:nth-child(3){animation-delay:.9s}h1 span:nth-child(4){animation-delay:1.05s}h1 span:nth-child(5){animation-delay:1.2s}h1 span:nth-child(6){animation-delay:1.35s}h1 span:nth-child(7){animation-delay:1.5s}@keyframes splitReveal{0%{opacity:0;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);filter:blur(8px);transform:translateY(60px)rotate(5deg)}60%{transform:translateY(-5px)rotate(-2deg)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:blur();transform:translateY(0)rotate(0)}}.subtitle{color:#5a6370;max-width:600px;animation:fadeIn 1.8s var(--ease-organic)1.5s both;margin:0 auto 3rem;font-size:1.125rem;font-weight:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-cursor{border:2px solid var(--sakura-red);pointer-events:none;z-index:99999;width:20px;height:20px;transition:transform .25s var(--ease-organic),width .5s var(--ease-gentle),height .5s var(--ease-gentle),border-color .5s var(--ease-gentle),background .5s var(--ease-gentle);mix-blend-mode:difference;--press-progress:0;--press-color:var(--sakura-red);border-radius:50%;position:fixed}.custom-cursor:after{content:"";background:radial-gradient(circle,var(--press-color)0%,var(--press-color)70%,transparent 72%);transform:scale(var(--press-progress));transform-origin:50%;opacity:.25;pointer-events:none;border-radius:50%;transition:opacity .15s linear;position:absolute;inset:-3px}.custom-cursor.hover{background:var(--sakura-alpha-08);width:60px;height:60px}body.night-mode .custom-cursor{--press-color:#7ea6ff;border-color:#f7c266}body.night-mode .custom-cursor:after{opacity:.34}nav{-webkit-backdrop-filter:blur(14px)saturate(120%);z-index:100;animation:slideDown 1s var(--ease-gentle)1.8s forwards;transition:background .6s var(--ease-gentle),border-color .6s var(--ease-gentle),box-shadow .6s var(--ease-gentle);background:#fafaf9db;border-bottom:1px solid #1c191714;border-radius:0 0 18px 18px;justify-content:center;gap:2.4rem;padding:1.15rem 2.25rem;display:flex;position:sticky;top:0;transform:translateY(-100%);box-shadow:0 14px 34px #0000000f}@keyframes slideDown{to{transform:translateY(0)}}nav a{color:var(--sumi-black);letter-spacing:.08em;transition:all .55s var(--ease-organic);border-radius:999px;padding:.35rem .6rem;font-size:.92rem;font-weight:500;text-decoration:none;position:relative}nav a:before{content:"";background:linear-gradient(120deg,var(--sakura-alpha-16),var(--gold-alpha-16));opacity:0;transition:all .5s var(--ease-gentle);z-index:-1;border-radius:999px;position:absolute;inset:0;transform:scale(.92)}nav a:hover{color:var(--sakura-red);transform:translateY(-1px)scale(1.02)}nav a:hover:before{opacity:1;transform:scale(1)}nav a.active{color:var(--sakura-red);font-weight:600}nav a.active:before{opacity:1;transform:scale(1.02)}main{max-width:1400px;margin:0 auto;padding:8rem 2rem;position:relative}section{opacity:0;transition:opacity 1.2s var(--ease-gentle),transform 1.2s var(--ease-gentle);margin-bottom:12rem;padding:0 1rem;position:relative;transform:translateY(40px)}section.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:5rem;position:relative}.section-number{letter-spacing:.3em;color:var(--sakura-red);margin-bottom:1rem;font-family:Noto Serif JP,serif;font-size:.75rem;display:block;position:relative;overflow:hidden}.section-number:after{content:"";background:var(--sakura-red);width:100%;height:1px;animation:slideIn 1.5s var(--ease-natural)forwards;position:absolute;bottom:-2px;left:0;transform:translate(-100%)}@keyframes slideIn{to{transform:translate(0)}}h2{letter-spacing:-.01em;background:linear-gradient(120deg,var(--gold-alpha-08),var(--sakura-alpha-05));border-radius:12px;margin-bottom:.5rem;padding:0 .5rem;font-family:Noto Serif JP,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;display:inline-block;position:relative}.section-header h2{margin-bottom:3rem;animation:none}.section-header.visible h2{animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards titleReveal}@keyframes titleReveal{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.section-header h2:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--sakura-red)25%,#c5a059 50%,var(--sakura-red)75%,transparent 100%);width:0;height:4px;box-shadow:0 0 12px var(--sakura-alpha-50),0 0 24px var(--gold-alpha-30),0 2px 4px #0000001a;filter:drop-shadow(0 0 8px var(--sakura-alpha-60));background-size:200% 100%;border-radius:2px;display:block;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.section-header.visible h2:after{max-width:320px;animation:2s cubic-bezier(.68,-.55,.265,1.55) forwards drawLineComplex,4s infinite gradientFlow}@keyframes gradientFlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes drawLineComplex{0%{opacity:0;width:0;transform:translate(-50%)scaleY(.3)}15%{opacity:1}40%{width:40%;transform:translate(-50%)scaleY(1.3)}65%{width:75%;transform:translate(-50%)scaleY(.9)}to{opacity:1;width:90%;transform:translate(-50%)scaleY(1)}}@keyframes drawLine{0%{opacity:0;width:0;left:0}10%{opacity:1}30%{width:30%;left:0}60%{width:60%;left:0}to{opacity:1;width:80%;left:0}}.title-line{display:none}.section-desc{color:var(--stone-gray);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.8}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:4rem;display:grid}.bento-card{z-index:2;transition:box-shadow .4s var(--ease-gentle),border-color .3s var(--ease-gentle),transform .3s var(--ease-gentle),background .6s var(--ease-gentle),color .6s var(--ease-gentle);color:#2a2112;background:linear-gradient(120deg,#fdf6e3 80%,#f5f1ed 100%);border:1.5px solid #c5a0592e;border-bottom:2px solid #c5a05942;border-radius:1.4rem;margin-bottom:2.7rem;padding:2.5rem 2.2rem 2.2rem;font-family:Noto Serif JP,serif;font-size:1.08rem;position:relative;overflow:hidden;box-shadow:0 14px 38px #0000000f,0 3px 12px #0000000a}.bento-card:before{content:"";pointer-events:none;opacity:.13;z-index:0;background:url(https://www.transparenttextures.com/patterns/washi.png);position:absolute;inset:0}.bento-card.visible{opacity:1;transform:translateY(0)}.bento-card h3{color:#b89b5b;letter-spacing:.01em;z-index:1;margin-bottom:.7rem;font-family:Noto Serif JP,serif;font-size:1.45rem;font-weight:600;position:relative}.bento-card p,.bento-card ul,.bento-card li{color:#2a2112;z-index:1;font-family:Noto Serif JP,serif;font-size:1.08rem;line-height:1.7;position:relative}.bento-card a{color:#b89b5b;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px;transition:color .2s}.bento-card a:hover{color:#c5a059;text-decoration:underline;text-decoration-thickness:2px}.bento-card:hover{border-color:#c5a059;transform:translateY(-4px)scale(1.012);box-shadow:0 8px 40px #1e140a21,inset 0 2px #c5a059}.bento-card ul{margin-bottom:.7em;padding-left:1.2em}.bento-card li{opacity:1;margin-bottom:.2em;transform:translateY(0)scale(1)}.bento-card:first-child{transition-delay:.15s}.bento-card:nth-child(2){transition-delay:.3s}.bento-card:nth-child(3){transition-delay:.45s}.bento-card:nth-child(4){transition-delay:.6s}.bento-card:before{content:"";background:linear-gradient(90deg,transparent,var(--sakura-alpha-06),transparent);width:100%;height:100%;transition:left 1.2s var(--ease-organic);position:absolute;top:0;left:-100%}.bento-card:hover:before{left:100%}.bento-card:hover{box-shadow:0 25px 50px #0000000f,0 0 0 1px var(--sakura-alpha-30);transform:translateY(-8px)rotate(-.5deg)}.bento-card h3{z-index:1;transition:color .5s var(--ease-organic);margin-bottom:1rem;font-family:Noto Serif JP,serif;font-size:1.5rem;font-weight:600;position:relative}.bento-card:hover h3{color:var(--sakura-red)}.bento-card p{color:var(--stone-gray);z-index:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.8;position:relative}.tags{z-index:1;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex;position:relative}.tag{background:var(--subtle-beige);color:var(--sumi-black);letter-spacing:.05em;transition:all .6s var(--ease-gentle);cursor:pointer;border-radius:2px;padding:.4rem 1rem;font-size:.75rem;font-weight:400}.tag:hover{background:var(--sakura-red);color:#fff;transform:scale(1.08)translateY(-2px)}.timeline{margin-top:4rem;padding-left:3rem;padding-right:1rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--sakura-red),var(--sakura-alpha-30));width:2px;height:0;animation:growLine 2.5s var(--ease-natural)forwards;position:absolute;top:0;left:0}@keyframes growLine{to{height:100%}}.timeline-item{border:1px solid var(--gold-alpha-16);cursor:pointer;transform-style:preserve-3d;will-change:transform,box-shadow;transition:background .6s var(--ease-gentle),border-color .6s var(--ease-gentle),box-shadow .6s var(--ease-gentle),transform .5s cubic-bezier(.34,1.56,.64,1);opacity:0;background:#ffffffd1;border-radius:18px;margin-bottom:4rem;padding:1.4rem 1.5rem 1.2rem;animation:none;position:relative;overflow:visible;transform:translate(-32px);box-shadow:0 14px 34px #0000000f,0 4px 12px #0000000a}.timeline-item:hover{border-color:var(--gold-alpha-35);background:#fffffff2;transform:translate(8px)scale(1.02);box-shadow:0 20px 50px #0000001f,0 8px 20px #c5a05926}@keyframes timelineSlideIn{to{opacity:1;transform:translate(0)}}.timeline-item.visible{opacity:1;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards timelineSlideIn;transform:translate(0)}.timeline-item.visible:first-child{animation-delay:80ms}.timeline-item.visible:nth-child(2){animation-delay:.16s}.timeline-item.visible:nth-child(3){animation-delay:.24s}.timeline-item.visible:nth-child(4){animation-delay:.32s}.timeline-item.visible:nth-child(5){animation-delay:.4s}.timeline-item.visible:nth-child(6){animation-delay:.48s}.timeline-item:before{content:"";background:linear-gradient(135deg,var(--sakura-red),#c5a059);width:12px;height:12px;box-shadow:0 0 0 4px var(--sakura-alpha-15),0 0 12px var(--sakura-alpha-30);border-radius:50%;position:absolute;top:.5rem;left:-3.25rem}@keyframes rotate{to{transform:rotate(360deg)}}.timeline-item:after{content:"";background:linear-gradient(180deg,var(--gold-alpha-20),var(--sakura-alpha-08));filter:blur(8px);opacity:.65;border-radius:999px;width:10px;height:42%;position:absolute;top:1.6rem;left:-1.6rem}@keyframes pulseGentle{0%,to{box-shadow:0 0 0 4px var(--sakura-alpha-15);transform:scale(1)}50%{box-shadow:0 0 0 8px var(--sakura-alpha-08);transform:scale(1.05)}}.timeline-year{color:var(--sakura-red);letter-spacing:.1em;background:var(--sakura-alpha-08);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem .8rem;font-family:Noto Serif JP,serif;font-size:.875rem;font-weight:600;display:inline-flex}.timeline-title{color:#2a2112;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;display:flex}.tree-wrapper{width:100%;height:800px;box-shadow:none;background:0 0;border:none;margin-top:3rem;position:relative;overflow:visible}.tree-wrapper .rd3t-links path{stroke:var(--gold-alpha-55);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:none;stroke-dasharray:none;stroke-dashoffset:0;will-change:auto;transition:none}@keyframes blossomRise{0%{opacity:0;filter:blur(1px);transform:translateY(18px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes infoRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tree-wrapper .rd3t-node circle{display:none}.tree-card{background:linear-gradient(135deg,var(--sakura-alpha-10),var(--gold-alpha-16),#fffffff2);border:1.5px solid var(--gold-alpha-30);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;will-change:auto;border-radius:20px;flex-direction:column;gap:.4rem;width:100%;min-height:130px;padding:1.4rem 1.3rem 1.2rem;transition:none;display:flex;position:relative;transform:none;box-shadow:0 20px 40px #00000014,0 4px 12px #0000000d,inset 0 1px #fff9}.tree-card.enter{animation:none}.tree-card.active,.tree-card:hover:not(.active){border-color:var(--gold-alpha-30);transform:none;box-shadow:0 20px 40px #00000014}.tree-card.root,.tree-card.root.active,.tree-card.root:hover:not(.active){box-shadow:0 20px 40px #00000014}.timeline-actions{gap:.4rem;display:flex;position:absolute;top:10px;right:12px}.timeline-info-btn{border:1px solid var(--gold-alpha-35);color:#2a2112;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb8;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;transition:transform .22s cubic-bezier(.33,1,.68,1),box-shadow .22s cubic-bezier(.33,1,.68,1),border-color .22s cubic-bezier(.33,1,.68,1);display:grid}.timeline-info-btn:hover{box-shadow:0 14px 26px var(--sakura-alpha-14);border-color:var(--sakura-alpha-60);transform:translateY(-2px)}.timeline-info-btn.open{background:var(--sakura-alpha-20);border-color:var(--sakura-alpha-60);color:#b02853;box-shadow:0 14px 28px var(--sakura-alpha-18),inset 0 1px 0 #fffc}.timeline-info-panel{border:1px solid var(--gold-alpha-28);background:linear-gradient(120deg,var(--sakura-alpha-08),#ffffffd1);box-shadow:0 10px 22px var(--sakura-alpha-12);opacity:1;border-radius:12px;margin-top:.85rem;padding:.85rem .9rem;animation:none}.timeline-info-title{color:#2a2112;margin-bottom:.35rem;font-size:.98rem;font-weight:700}.timeline-info-desc{color:#3b2d1d;margin:0;font-size:.95rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.tree-wrapper .rd3t-links path{stroke-dashoffset:0;animation:none!important}.tree-card,.tree-card.enter{opacity:1;transform:none;animation:none!important}.timeline-info-panel{opacity:1;animation:none!important}}.timeline-desc.small{margin-top:.15rem;font-size:.95rem}.title-animated{isolation:isolate;align-items:center;gap:.35rem;display:inline-flex;position:relative}.title-animated:before{content:"";background:linear-gradient(120deg,var(--sakura-alpha-32),var(--gold-alpha-35),var(--sakura-alpha-32));filter:blur(8px);opacity:.8;transform-origin:0;z-index:-1;border-radius:999px;height:10px;position:absolute;bottom:-6px;left:-6px;right:-6px;transform:scaleX(.45)translate(-30%)}.title-animated:after{content:"";background:linear-gradient(90deg,rgba(var(--sakura-red-rgb),0),var(--sakura-alpha-70),var(--gold-alpha-90),var(--sakura-alpha-70),rgba(var(--sakura-red-rgb),0));z-index:-1;background-size:200% 100%;border-radius:999px;height:2px;position:absolute;bottom:-2px;left:-4px;right:-4px}@keyframes titlePulse{0%{opacity:.65;transform:scaleX(.4)translate(-30%)}30%{opacity:1;transform:scaleX(1.05)translate(2%)}60%{opacity:.9;transform:scaleX(.9)translate(0%)}to{opacity:.65;transform:scaleX(.4)translate(-30%)}}@keyframes shimmerLine{0%{opacity:.9;background-position:200% 0}50%{opacity:1;background-position:100% 0}to{opacity:.9;background-position:-200% 0}}.timeline-title:after{content:"▼";color:var(--sakura-red);transition:transform .3s var(--ease-gentle);font-size:.75rem}.timeline-item.expanded .timeline-title:after{transform:rotate(180deg)}.timeline-desc{color:var(--stone-gray);perspective:600px;transform-style:preserve-3d;background:linear-gradient(#fdf6e34d 0%,#0000 100%);border-radius:8px;margin-top:1rem;padding:1.2rem;font-size:1rem;line-height:1.8;position:relative;box-shadow:inset 0 1px 3px #8b765414,inset 0 -1px 2px #ffffff80}.timeline-desc:before{content:"";background:linear-gradient(90deg,transparent,var(--gold-alpha-50),transparent);opacity:1;height:2px;position:absolute;top:0;left:0;right:0}.inverted-tree{--trunk-height:150px;flex-direction:column;align-items:center;gap:1rem;margin-top:4rem;padding:1rem 0 0;display:flex;position:relative}.tree-root{width:100%;margin-bottom:calc(var(--trunk-height) - 12px);z-index:1;justify-content:center;display:flex;position:relative}.tree-root:after{content:"";width:2.5px;height:var(--trunk-height);background:linear-gradient(to bottom,var(--sakura-red),var(--gold-alpha-16));filter:drop-shadow(0 0 6px var(--gold-alpha-12));z-index:0;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tree-branches{grid-template-columns:repeat(2,minmax(260px,1fr));gap:2.5rem 4rem;width:100%;max-width:1100px;padding:1rem 1.5rem 0;display:grid;position:relative}.tree-branches:before{content:"";background:linear-gradient(90deg,var(--sakura-alpha-22),var(--gold-alpha-42),var(--sakura-alpha-22));height:2px;filter:drop-shadow(0 0 10px var(--gold-alpha-20));position:absolute;top:0;left:12%;right:12%}.tree-branches:after{content:"";background:linear-gradient(to bottom,var(--sakura-alpha-60),var(--gold-alpha-20));width:2px;height:1.1rem;position:absolute;top:-1.1rem;left:50%;transform:translate(-50%)}.branch{flex-direction:column;gap:.8rem;padding-top:1.5rem;display:flex;position:relative}.branch:before{content:"";background:linear-gradient(to bottom,var(--gold-alpha-60),var(--sakura-alpha-18));width:2px;height:1.5rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.branch-left{align-items:flex-start}.branch-right{align-items:flex-end}.tree-node{border:1px solid var(--gold-alpha-18);width:100%;min-width:0;max-width:520px;transition:background .6s var(--ease-gentle),border-color .6s var(--ease-gentle),box-shadow .6s var(--ease-gentle),color .6s var(--ease-gentle);background:#ffffffe6;border-radius:20px;padding:1.4rem 1.5rem 1.2rem;position:relative;box-shadow:0 14px 34px #0000000f,0 5px 14px #0000000a}.tree-node.root{text-align:center;background:linear-gradient(135deg,var(--sakura-alpha-10),var(--gold-alpha-16),#ffffffd9);max-width:420px;box-shadow:0 20px 60px #00000014,0 0 0 1px var(--gold-alpha-25),0 8px 20px var(--sakura-alpha-06)}.tree-node.root .timeline-title:after{display:none}.branch-right .tree-node,.branch-right .timeline-desc{text-align:right}@media (max-width:900px){.inverted-tree{--trunk-height:110px}.tree-branches{grid-template-columns:1fr;gap:2rem;padding-inline:.5rem}.tree-branches:before{width:2px;height:0;left:50%;right:auto}.tree-branches:after{display:none}.branch,.branch-right,.branch-left{align-items:center}.branch-right .tree-node,.branch-right .timeline-desc{text-align:left}.tree-root{margin-bottom:calc(var(--trunk-height) - 20px)}}@keyframes scrollUnfurl{0%{filter:blur(3px);transform:perspective(600px)rotateX(-90deg)scaleY(.1)}50%{filter:blur(1px);transform:perspective(600px)rotateX(-20deg)scaleY(.7)}to{filter:blur();transform:perspective(600px)rotateX(0)scaleY(1)}}body.night-mode{color:#f4eadc;background:radial-gradient(circle at 20% 12%,#ffd6991f,#0000 42%),radial-gradient(circle at 78% 8%,#ba8fff1f,#0000 40%),linear-gradient(#0c0e14 0%,#0b0d12 55%,#0f1118 100%)}body.theme-transition,body.theme-transition *,body.theme-transition :before,body.theme-transition :after{transition:background .85s cubic-bezier(.33,1,.68,1),background-color .85s cubic-bezier(.33,1,.68,1),color .85s cubic-bezier(.33,1,.68,1),border-color .7s cubic-bezier(.33,1,.68,1),box-shadow .75s cubic-bezier(.33,1,.68,1),opacity .6s cubic-bezier(.33,1,.68,1),filter .75s cubic-bezier(.33,1,.68,1)!important}body.theme-transition .theme-shift{opacity:1;animation:1.2s cubic-bezier(.33,1,.68,1) themeShiftReveal}.theme-shift{pointer-events:none;z-index:9999;opacity:0;transition:opacity .4s ease-out;position:fixed;inset:0}.theme-shift:before{content:"";background:radial-gradient(circle at 50% 50%,var(--sakura-alpha-08),transparent 60%),radial-gradient(circle at 30% 30%,var(--gold-alpha-12),transparent 55%),radial-gradient(circle at 70% 70%,#7ea6ff1a,transparent 58%);mix-blend-mode:screen;animation:1.2s cubic-bezier(.33,1,.68,1) infinite alternate themeGlow;position:absolute;inset:0}.theme-shift:after{content:"";background:linear-gradient(135deg,transparent 0%,#ffffff08 25%,var(--sakura-alpha-06)50%,var(--gold-alpha-08)75%,transparent 100%);mix-blend-mode:overlay;background-size:300% 300%;animation:1.2s cubic-bezier(.65,0,.35,1) themeSweep;position:absolute;inset:0}@keyframes themeShiftReveal{0%{opacity:0;filter:blur(20px)brightness(1.2);transform:scale(.95)}30%{opacity:.65;filter:blur(8px)brightness(1.1);transform:scale(1.02)}60%{opacity:.85;filter:blur(4px)brightness(1.05);transform:scale(1.01)}to{opacity:0;filter:blur()brightness();transform:scale(1)}}@keyframes themeSweep{0%{opacity:0;background-position:0%}20%{opacity:.4}50%{opacity:.6;background-position:100%}to{opacity:0;background-position:200%}}@keyframes themeGlow{0%{opacity:.3;transform:scale(1)rotate(0)}to{opacity:.6;transform:scale(1.05)rotate(5deg)}}body.night-mode:before,body.night-mode:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:0}body.night-mode:before{filter:blur(.5px);background:radial-gradient(540px 320px at 18% 12%,#f5bf7829,#0000 65%)}body.night-mode:after{filter:blur(2px);background:radial-gradient(620px 420px at 86% 18%,#7ea6ff2e,#0000 68%)}body.night-mode nav a{color:#f1e6d2}body.night-mode nav a.active{color:#f7c266}body.night-mode .hero-content h1 span,body.night-mode .hero-content .subtitle,body.night-mode .jp-accent{color:#f4eadc}body.night-mode .hero-visual .hero-orb{background:radial-gradient(circle at 35% 35%,#ffd29666,#3c589699);box-shadow:0 0 40px #ffd29633,0 0 70px #7ea6ff26}body.night-mode .bento-card{border:1px solid var(--gold-alpha-18);color:#f1e6d2;background:#10121ae6;box-shadow:0 16px 36px #00000038,0 6px 16px #0000002e}body.night-mode .section-header h2,body.night-mode .section-header .section-number,body.night-mode .section-header .title-line{color:#f4eadc;border-color:#f7c2664d}body.night-mode .timeline:before{background:linear-gradient(#f7c266,#f7c2661f)}body.night-mode .timeline-item{background:#0e1018eb;border:1px solid #7ea6ff2e;box-shadow:0 14px 30px #00000038,0 6px 14px #00000029}body.night-mode .tree-root:after{background:linear-gradient(#f7c266,#7ea6ff47)}body.night-mode .tree-branches:before{background:linear-gradient(90deg,#f7c2663d,#7ea6ff59,#f7c2663d)}body.night-mode .tree-branches:after{background:linear-gradient(#f7c266b3,#7ea6ff40)}body.night-mode .branch:before{background:linear-gradient(#f7c2668c,#7ea6ff33)}body.night-mode .tree-node{background:#0e1018eb;border:1px solid #7ea6ff2e;box-shadow:0 14px 30px #00000038,0 6px 14px #00000029}body.night-mode .tree-node.root{background:linear-gradient(135deg,#f7c2662e,#7ea6ff29,#10121af2);box-shadow:0 14px 32px #00000042,0 0 0 1px #f7c26633,0 0 18px #7ea6ff17}body.night-mode .timeline-item:before{background:linear-gradient(135deg,#f7c266,#7ea6ff);box-shadow:0 0 0 3px #f7c26629,0 0 12px #7ea6ff38}body.night-mode .timeline-item:after{background:linear-gradient(#7ea6ff38,#f7c26614)}body.night-mode .skills-categories-container{background:linear-gradient(135deg,#f7c26614,#7ea6ff1a,#10121af2);border-color:#7ea6ff40;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}body.night-mode .skills-arrow{color:#f7c266}body.night-mode .skill-category-card{background:#14161e99;border-color:#7ea6ff40;box-shadow:0 2px 16px #0003,inset 0 1px #ffffff08}body.night-mode .skill-category-card:hover{background:#14161ed9;border-color:#f7c26680;box-shadow:0 8px 32px #f7c2661f,0 0 0 1.5px #f7c2661f,inset 0 1px #ffffff14}body.night-mode p,body.night-mode li,body.night-mode .project-type,body.night-mode .timeline-description{color:#e8dcc8}body.night-mode .subtitle{color:#d4c6b5}body.night-mode [style*="color: var(--stone-gray)"],body.night-mode .stone-gray-text{color:#c9b8a8!important}body.night-mode .skill-category-header{border-bottom-color:#7ea6ff33}body.night-mode .skill-category-header h3{color:#f4eadc}body.night-mode .skill-category-list li{color:#f4eadce6}body.night-mode .skill-category-list li:before,body.night-mode .skills-arrow{color:#f7c266e6}body.night-mode .tree-wrapper{box-shadow:none;background:0 0;border:none}body.night-mode .tree-wrapper .rd3t-links path{filter:none;stroke:#7ea6ff80!important}body.night-mode .tree-card{background:linear-gradient(135deg,#f7c26624,#7ea6ff29,#10121af2);border:1px solid #7ea6ff2e;box-shadow:0 18px 40px #00000038,0 3px 12px #00000024}body.night-mode .tree-card.active{border-color:#f7c26680;box-shadow:0 26px 52px #f7c26638,0 0 0 2px #7ea6ff80,0 0 20px #f7c26640}body.night-mode .tree-card:hover:not(.active){border-color:#7ea6ff66;box-shadow:0 24px 48px #7ea6ff33,0 0 0 2px #7ea6ff4d}body.night-mode .tree-card.root{box-shadow:0 20px 46px #0000003d,0 0 0 1px #f7c26633,0 0 18px #7ea6ff14}body.night-mode .tree-card.root.active{box-shadow:0 28px 58px #f7c2663d,0 0 0 2px #f7c26699,0 0 24px #7ea6ff4d}body.night-mode .tree-card.root:hover:not(.active){box-shadow:0 26px 54px #7ea6ff38,0 0 0 2px #f7c26666,0 0 16px #7ea6ff26}body.night-mode .timeline-info-btn{color:#f7c266e6;background:#10121ad9;border-color:#7ea6ff66;box-shadow:0 10px 18px #00000052}body.night-mode .timeline-info-btn.open{color:#f7c266;background:#7ea6ff33;box-shadow:0 12px 22px #7ea6ff40}body.night-mode .timeline-info-panel{background:linear-gradient(120deg,#7ea6ff1a,#10121af2);border-color:#7ea6ff4d;box-shadow:0 10px 24px #00000061}body.night-mode .timeline-info-title{color:#f7eedc}body.night-mode .timeline-info-desc{color:#f7eedcd1}body.night-mode .title-animated:before{filter:blur(10px);background:linear-gradient(120deg,#f7c26647,#7ea6ff52,#f7c26647)}body.night-mode .title-animated:after{background:linear-gradient(90deg,#f7c26600,#f7c266cc,#7ea6ffe6,#f7c266cc,#f7c26600)}body.night-mode .timeline-title:after{color:#f7c266}body.night-mode .timeline-year{color:#f7c266;background:#f7c2661a}body.night-mode .timeline-title{color:#f4eadc}.skill-item{opacity:0;transition:opacity .9s var(--ease-gentle),transform .9s var(--ease-gentle),background .5s var(--ease-organic);transform-style:preserve-3d;perspective:1000px;transform:translateY(20px)rotateX(-15deg)}.skill-item.visible{opacity:1;transform:translateY(0)rotateX(0)}.skill-item:after{content:"";background:linear-gradient(135deg,var(--sakura-red)0%,#c5a059 100%);transition:transform .7s var(--ease-gentle);z-index:-1;position:absolute;inset:0;transform:translateY(100%)}@keyframes borderGlow{0%,to{box-shadow:0 0 0 1px var(--gold-alpha-30),0 0 20px var(--sakura-alpha-10)}50%{box-shadow:0 0 0 2px var(--gold-alpha-60),0 0 30px var(--sakura-alpha-30)}}.skill-item:hover:after{transform:translateY(0)}.skill-item:hover{animation:2s ease-in-out infinite borderGlow;transform:translateY(-8px)}.contact-cta-container{transition:box-shadow .5s var(--ease-gentle),border-color .3s var(--ease-gentle),transform .3s var(--ease-gentle);background:linear-gradient(120deg,#fdf6e3 85%,#f5f1ed 100%);border:1.1px solid #c5a05921;border-bottom:2.2px solid #c5a05938;border-radius:1.7rem;flex-direction:column;align-items:center;gap:1.5rem;margin:3rem 0 4rem;padding:2.8rem 2.3rem;display:flex;box-shadow:0 2px 18px #1e140a0f,inset 0 1.5px #e5d3b3}.contact-arrow{color:#b89b5b;opacity:.8;font-size:3rem;line-height:1;animation:2s ease-in-out infinite bounceArrow}@keyframes bounceArrow{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.contact-cta-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#b89b5b,#c5a059);border:1.5px solid #c5a0594d;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;min-width:260px;padding:1.2rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.33,1,.68,1);display:flex;box-shadow:0 4px 12px #c5a05926}.contact-cta-button .cta-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s cubic-bezier(.33,1,.68,1);display:flex}.contact-cta-button:hover{background:linear-gradient(135deg,#c5a059,#d4b26f);border-color:#c5a059;transform:translateY(-4px);box-shadow:0 10px 28px #c5a05940}.contact-cta-button:hover .cta-icon{transform:scale(1.15)rotate(5deg)}.contact-cta-button.cv-download:hover{background:linear-gradient(135deg,#c5a059,#d4b26f)}.contact-cta-button.linkedin:hover{background:linear-gradient(135deg,#b89b5b,#c5a059);border-color:#0077b5;box-shadow:0 10px 28px #0077b526}.contact-cta-button.github:hover{background:linear-gradient(135deg,#b89b5b,#c5a059);border-color:#333;box-shadow:0 10px 28px #1e140a26}.contact-cta-button:active{transform:translateY(-2px)scale(1)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.contact-item{text-align:center;transition:all .5s var(--ease-gentle),border-color .3s var(--ease-gentle);background:linear-gradient(120deg,#fdf6e3 85%,#f5f1ed 100%);border:1.1px solid #c5a05921;border-radius:1.7rem;padding:2.3rem;box-shadow:0 2px 18px #1e140a0f,inset 0 1.5px #e5d3b3}.contact-item-clickable{cursor:pointer}.contact-email-button{color:#2a2112;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:0;font-size:1.125rem;font-weight:600;transition:color .2s;display:flex}.contact-email-button:hover{color:#b89b5b}.contact-email-icon{width:20px;height:20px}.contact-item:hover{border-color:#c5a059;transform:translateY(-6px);box-shadow:0 10px 48px #1e140a26,inset 0 2px #c5a059}.contact-label{letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:.8rem;font-size:.7rem;font-weight:600}.contact-value{color:#2a2112;font-size:1.125rem;font-weight:600}.contact-value a{color:var(--sumi-black);transition:color .5s var(--ease-organic);text-decoration:none}.contact-value a:hover{color:var(--sakura-red)}body.night-mode .contact-cta-container{background:linear-gradient(135deg,#f7c2661f,#7ea6ff24,#10121af2);border-color:#7ea6ff4d;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d}body.night-mode .contact-arrow{color:#f7c266e6}body.night-mode .contact-cta-button{color:#f4eadc;background:linear-gradient(135deg,#f7c26624,#7ea6ff29,#14161ef2);border-color:#7ea6ff66;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d}body.night-mode .contact-cta-button:hover{border-color:#f7c266b3;box-shadow:0 16px 40px #f7c26640,0 0 0 3px #f7c26626,inset 0 1px #ffffff1a}body.night-mode .contact-cta-button.cv-download:hover{background:linear-gradient(135deg,#f7c26633,#7ea6ff2e,#14161ef2)}body.night-mode .contact-item{background:#14161eb3;border-color:#7ea6ff33}body.night-mode .contact-item:hover{border-color:#f7c26699;box-shadow:0 20px 40px #f7c26626}body.night-mode .contact-value,body.night-mode .contact-value a{color:#f4eadc}body.night-mode .contact-value a:hover{color:#f7c266e6}footer{text-align:center;color:var(--stone-gray);border-top:1px solid #1c191714;padding:4rem 2rem 2rem;font-size:.875rem}.haiku{color:var(--sumi-black);opacity:0;animation:fadeIn 2s var(--ease-gentle).8s forwards;margin-bottom:2rem;font-family:Noto Serif JP,serif;font-size:1rem;font-style:italic;line-height:1.8}@media (max-width:768px){body{cursor:auto}.custom-cursor{display:none}nav{flex-wrap:wrap;gap:1.5rem}h1{font-size:3rem}main{padding:4rem 1.5rem}section{margin-bottom:6rem}.bento-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.project-detail-card{width:100%;animation:1.2s cubic-bezier(.33,1,.68,1) forwards projectFadeIn}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.project-detail-card section{opacity:0;animation:.8s cubic-bezier(.33,1,.68,1) forwards sectionSlideIn;transform:translateY(40px)}.project-detail-card section:first-child{animation-delay:.2s}.project-detail-card section:nth-child(2){animation-delay:.35s}.project-detail-card section:nth-child(3){animation-delay:.5s}.project-detail-card section:nth-child(4){animation-delay:.65s}.project-detail-card section:nth-child(5){animation-delay:.8s}.project-detail-card section:nth-child(6){animation-delay:.95s}.project-detail-card section:nth-child(7){animation-delay:1.1s}.project-detail-card section:nth-child(8){animation-delay:1.25s}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.project-meta{border-bottom:1px solid var(--gold-alpha-20);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem 0;display:flex}.project-year{color:var(--sakura-red);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.project-type{color:var(--stone-gray);font-size:.875rem;font-style:italic}.project-section{margin-bottom:3rem;position:relative}.project-section h2{color:var(--sakura-red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-family:Noto Serif JP,serif;font-size:1.5rem;font-weight:600;display:inline-block;position:relative}.project-section h2:after{content:"";background:var(--sakura-red);width:0;height:2px;animation:.8s cubic-bezier(.33,1,.68,1) .3s forwards underlineGrow;position:absolute;bottom:-4px;left:0}@keyframes underlineGrow{0%{width:0}to{width:100%}}.project-section p{color:var(--sumi-black);margin-bottom:1rem;font-size:1rem;line-height:1.7}.project-section ul{margin-bottom:1rem;list-style:none}.project-section li{color:var(--sumi-black);padding:.5rem 0 .5rem 2rem;line-height:1.6;position:relative}.project-section li:before{content:"›";color:var(--sakura-red);font-size:1.2rem;font-weight:700;position:absolute;left:.5rem}.tech-tags{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.tech-tag{background:var(--gold-alpha-12);border:1px solid var(--gold-alpha-30);color:var(--sakura-red);letter-spacing:.05em;cursor:pointer;opacity:0;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.33,1,.68,1);animation:.6s cubic-bezier(.34,1.56,.64,1) forwards tagPop;display:inline-block;transform:scale(.7)translateY(10px)}.tech-tag:first-child{animation-delay:.7s}.tech-tag:nth-child(2){animation-delay:.85s}.tech-tag:nth-child(3){animation-delay:1s}.tech-tag:nth-child(4){animation-delay:1.15s}.tech-tag:nth-child(5){animation-delay:1.3s}.tech-tag:nth-child(6){animation-delay:1.45s}@keyframes tagPop{0%{opacity:0;transform:scale(.7)translateY(10px)}60%{transform:scale(1.08)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.tech-tag:hover{background:var(--gold-alpha-25);border-color:var(--sakura-red);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #c73e1d26}