.music-toggle{color:#ffffffc7;cursor:pointer;background:#03040c61;border:1px solid #ffffff42;border-radius:50%;flex:none;place-items:center;width:clamp(30px,2.6vw,38px);height:clamp(30px,2.6vw,38px);margin-right:clamp(-4px,-.35vw,0px);padding:6px;transition:color .22s,border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative;box-shadow:inset 0 0 10px #ffffff06}.music-toggle svg{fill:currentColor;width:100%;height:100%;display:block;overflow:visible}.music-toggle .music-wave,.music-toggle .music-muted-mark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px}.music-toggle:hover,.music-toggle:focus-visible,.music-toggle-active{color:var(--color-cyan);border-color:rgba(var(--color-cyan-rgb), .72);box-shadow:inset 0 0 12px rgba(var(--color-cyan-rgb), .1), 0 0 8px rgba(var(--color-cyan-rgb), .5), 0 0 18px rgba(var(--color-cyan-rgb), .22);background:#05121d9e;transform:translateY(-1px)}.music-toggle:focus-visible{outline-offset:4px;outline:1px solid #fff}.music-toggle-active .music-wave-near{animation:1.15s ease-in-out infinite alternate music-wave-pulse}.music-toggle-active .music-wave-far{animation:1.15s ease-in-out .18s infinite alternate music-wave-pulse}@media (prefers-reduced-motion:reduce){.music-toggle-active .music-wave{animation:none}}@keyframes music-wave-pulse{0%{opacity:.42}to{opacity:1}}.site-header{z-index:10;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:28px;width:min(100% - clamp(30px,6vw,96px),1440px);min-height:clamp(82px,9vw,112px);margin:0 auto;display:flex;position:relative}.site-header-scene{z-index:40;border-bottom-color:#0000;position:absolute;inset:0 0 auto}.brand{flex:none;align-items:center;display:inline-flex}.brand-logo{filter:drop-shadow(0 0 7px #9ddcff94);width:clamp(48px,4.3vw,66px);height:auto;transition:filter .24s,transform .24s;display:block}.brand:hover .brand-logo{filter:drop-shadow(0 0 5px #dff5ff)drop-shadow(0 0 14px #69b9ffe0);transform:translateY(-1px)}.nav-shell{align-items:center;gap:clamp(12px,2.6vw,42px);display:flex}.site-header-scene .nav-shell{transform:translateY(-10px)}.nav-link{color:#fff;font:500 clamp(.72rem, 1vw, .92rem) var(--font-mono);letter-spacing:.07em;text-shadow:0 2px 12px #000000d9;padding:12px 0;transition:color .22s,text-shadow .22s,transform .22s;position:relative}.nav-link:hover,.nav-link:focus-visible,.nav-link-active{color:var(--color-magenta);text-shadow:0 0 4px var(--color-magenta), 0 0 10px var(--color-magenta), 0 0 22px rgba(var(--color-magenta-rgb), .92);transform:translateY(-1px)}.nav-link-active:after{content:"";background:var(--color-magenta);height:1px;box-shadow:0 0 9px var(--color-magenta);position:absolute;bottom:4px;left:0;right:0}@media (width<=700px){.site-header{gap:14px;width:calc(100% - 28px);min-height:82px}.brand-logo{width:46px}.nav-shell{gap:clamp(10px,3.2vw,20px)}.site-header-scene .nav-shell{transform:translateY(-5px)}.nav-link{padding:10px 0;font-size:clamp(.62rem,2.65vw,.76rem)}}@media (width<=420px){.site-header{gap:10px;width:calc(100% - 22px)}.brand-logo{width:40px}.nav-shell{gap:10px}.nav-link{letter-spacing:.035em;font-size:.62rem}}@media (prefers-reduced-motion:reduce){.brand-logo,.nav-link{transition:none}}.skip-link{z-index:100;color:#071014;background:var(--color-cyan);font:700 11px var(--font-mono);opacity:0;visibility:hidden;pointer-events:none;padding:10px 14px;transition:transform .18s,opacity .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-layout{background:var(--color-ink);color:#fff;min-height:100vh;position:relative;overflow:hidden}.site-layout:before{content:"";pointer-events:none;background:linear-gradient(rgba(var(--color-cyan-rgb), .025) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-cyan-rgb), .025) 1px, transparent 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.noise{pointer-events:none;opacity:.18;background-image:radial-gradient(#ffffff38 .55px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0}.page-shell{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.site-footer{z-index:2;color:#687183;width:min(1180px,100% - 40px);min-height:64px;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.system-status{align-items:center;gap:8px;display:inline-flex}.system-status i{background:var(--color-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%}@media (width<=560px){.page-shell,.site-footer{width:min(100% - 28px,1180px)}.site-footer{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 0}}.route-stage{transition:top .17s cubic-bezier(.32,.02,.58,1);position:relative;top:0}.route-stage-exiting-down{top:-13px}.route-stage-exiting-up{top:13px}@media (prefers-reduced-motion:reduce){.route-stage{transition:none}.route-stage-exiting-down,.route-stage-exiting-up{top:0}}.scene-page{--scene-background:none;isolation:isolate;background-color:#05070d;background-image:var(--scene-background);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:start center;min-height:100svh;padding:clamp(120px,16vh,176px) clamp(18px,4vw,64px) clamp(54px,7vh,88px);display:grid;position:relative;overflow:hidden}.scene-page:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#02050c73,#0000 32%,#02040a33),radial-gradient(#0000 38%,#01030957);position:absolute;inset:0}.scene-page-bottom-fade:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#0000007a 52%,#000 100%);height:55%;position:absolute;inset:auto 0 0}@media (width<=700px){.scene-page{background-position:50%;padding:108px 14px 38px}}.about-section{overflow:visible}.about-scene-page{--about-glass-opacity:.1;background-position:50%;background-attachment:fixed;min-height:100svh;padding-top:clamp(104px,12vh,132px);padding-bottom:clamp(52px,7vh,86px);overflow:visible}.about-scene-page:before{background:linear-gradient(#02050d85,#02050d29 42%,#02040a94),radial-gradient(#0000 28%,#0103096b);position:fixed}.about-glass-panel{box-sizing:border-box;color:#f8f5ff;background:linear-gradient(145deg, rgba(17, 24, 43, var(--about-glass-opacity)), rgba(5, 8, 20, var(--about-glass-opacity)));-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);width:100%;max-width:1120px;box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 58px rgba(var(--color-cyan-rgb), .025), 0 24px 90px #0000008c, 0 0 34px rgba(var(--color-magenta-rgb), .16);border:1px solid #ffffff52;border-radius:26px;overflow:hidden}.about-intro{background:radial-gradient(circle at 88% 8%, rgba(var(--color-blue-rgb), .17), transparent 34%), radial-gradient(circle at 4% 100%, rgba(var(--color-cyan-rgb), .1), transparent 38%);border-bottom:1px solid #ffffff1f;padding:clamp(34px,5.4vw,72px);position:relative}.about-kicker,.about-section-number{color:var(--color-cyan);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 12px rgba(var(--color-cyan-rgb), .58);margin:0;font-size:clamp(.54rem,.72vw,.66rem)}.about-intro h1{color:#f1f6ee;letter-spacing:.035em;text-transform:lowercase;text-shadow:0 0 12px rgba(var(--color-blue-rgb), .36), 0 0 34px rgba(var(--color-magenta-rgb), .34);margin:16px 0 0;font-size:clamp(2rem,5.2vw,4.8rem);font-weight:400;line-height:1.05}.about-intro h1 span{font-size:.66em}.about-role{color:#fff;letter-spacing:.03em;max-width:780px;margin:24px 0 0;font-size:clamp(.82rem,1.25vw,1.12rem);line-height:1.7}.about-lead{color:#ffffffb8;max-width:820px;margin:12px 0 0;font-size:clamp(.66rem,.88vw,.8rem);line-height:1.9}.about-socials{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.about-socials a{border:1px solid rgba(var(--color-cyan-rgb), .56);color:#8af8ff;letter-spacing:.08em;min-height:42px;box-shadow:inset 0 0 14px rgba(var(--color-cyan-rgb), .04);background:#020d1957;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-size:.64rem;text-decoration:none;transition:border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.about-socials a:hover,.about-socials a:focus-visible{border-color:var(--color-neon-pink);color:#eff7e9;box-shadow:0 0 18px rgba(var(--color-neon-pink-rgb), .42), inset 0 0 16px rgba(var(--color-neon-pink-rgb), .08);transform:translateY(-2px)}.about-content-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.about-block{min-width:0;padding:clamp(28px,4vw,48px)}.about-me-block,.about-tech-block{border-right:1px solid #ffffff1a}.about-me-block,.about-projects-block{border-bottom:1px solid #ffffff1a}.about-block h2{color:#fff;letter-spacing:.07em;text-transform:uppercase;margin:10px 0 23px;font-size:clamp(.9rem,1.55vw,1.28rem);font-weight:400;line-height:1.35}.about-facts{color:#ffffffc2;gap:16px;margin:0;padding:0;font-size:clamp(.62rem,.78vw,.72rem);line-height:1.65;list-style:none;display:grid}.about-facts li{grid-template-columns:25px 1fr;gap:7px;display:grid}.about-project-list{gap:22px;display:grid}.about-project+.about-project{border-top:1px solid #ffffff17;padding-top:22px}.about-project-heading{align-items:flex-start;gap:10px;display:flex}.about-project h3{color:#edf3e8;letter-spacing:.035em;margin:1px 0 0;font-size:clamp(.68rem,.88vw,.8rem);font-weight:400;line-height:1.5}.about-project>p{color:#ffffff9e;margin:9px 0 10px 28px;font-size:clamp(.56rem,.72vw,.66rem);line-height:1.75}.about-project>a{color:var(--color-cyan);letter-spacing:.04em;text-shadow:0 0 10px rgba(var(--color-cyan-rgb), .4);margin-left:28px;font-size:clamp(.55rem,.7vw,.63rem);text-decoration:none}.about-project>a:hover,.about-project>a:focus-visible{color:#eff7e9;text-shadow:0 0 12px rgba(var(--color-neon-pink-rgb), .68)}.about-tags,.about-learning-list{flex-wrap:wrap;gap:9px;display:flex}.about-tags span,.about-learning-list span{border:1px solid rgba(var(--color-cyan-rgb), .2);color:#defcffdb;background:#12344547;border-radius:6px;padding:8px 10px 7px;font-size:clamp(.52rem,.67vw,.6rem);line-height:1.35}.about-learning-list span{border-color:rgba(var(--color-neon-pink-rgb), .24);color:#ffdcf9db;background:#4d164b3d}@media (width<=760px){.about-scene-page{background-position:66%;background-attachment:scroll;padding:94px 12px 42px}.about-glass-panel{border-radius:18px}.about-intro{padding:30px 24px 32px}.about-content-grid{grid-template-columns:1fr}.about-block{border-bottom:1px solid #ffffff1a;border-right:0;padding:28px 24px}.about-learning-block{border-bottom:0}}.eyebrow{color:#6f7889;font:10px var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.eyebrow span{color:var(--color-cyan);margin-right:10px}.page-intro{border-bottom:1px solid #ffffff17;padding-bottom:56px}.page-intro-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);align-items:end;gap:70px;margin-top:34px;display:grid}.page-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,6.5vw,6.2rem);font-weight:680;line-height:.9}.page-intro h1 span{color:var(--color-cyan)}.page-intro p{color:#929cad;max-width:520px;margin:0 0 7px;font-size:1rem;line-height:1.75}@media (width<=900px){.page-intro-grid{grid-template-columns:1fr;gap:30px}}@media (width<=560px){.page-intro{padding-bottom:42px}.page-intro h1{font-size:clamp(2.7rem,14vw,4.5rem)}}.inner-page{min-height:calc(100vh - 160px);padding:58px 0 90px}.system-map{border:1px solid rgba(var(--color-cyan-rgb), .14);background:#10131d6b;margin-top:38px;padding:clamp(25px,5vw,52px)}.system-tier{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.future-tier{grid-template-columns:repeat(2,1fr);width:68%;margin:0 auto}.system-node{text-align:center;background:#0d1018;border:1px solid #ffffff1c;place-items:center;gap:8px;min-height:118px;padding:18px;display:grid;position:relative}.system-node:before{content:"";background:var(--color-cyan);width:18px;height:1px;box-shadow:0 0 7px var(--color-cyan);position:absolute;top:-1px;left:12px}.node-wide{width:42%;margin:0 auto}.system-node span{color:#667082;font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.system-node strong{color:#e6ebf2;font-size:1rem;font-weight:600}.system-node small{color:#7f899b;font:9px var(--font-mono)}.system-flow{background:rgba(var(--color-cyan-rgb), .25);width:1px;height:48px;margin:0 auto}.system-flow i{background:var(--color-cyan);width:5px;height:5px;box-shadow:0 0 8px var(--color-cyan);display:block;transform:translate(-2px,22px)rotate(45deg)}.system-caption{text-align:center;color:#687183;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:38px 0 0}.decision-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding-top:38px;display:grid}.decision-grid article{background:#ffffff05;border-top:1px solid #a78bfa61;padding:25px}.decision-grid span{color:var(--color-violet);font:8px var(--font-mono);letter-spacing:.1em}.decision-grid h2{margin:20px 0 10px;font-size:1.15rem}.decision-grid p{color:#7f899b;margin:0;font-size:.92rem;line-height:1.65}@media (width<=900px){.decision-grid{grid-template-columns:1fr}.future-tier{width:100%}}@media (width<=560px){.inner-page{padding-top:42px}.system-tier,.future-tier{grid-template-columns:1fr}.node-wide{width:100%}}.landing-home-scene{z-index:-3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-scene-frame{aspect-ratio:16/9;transform-origin:50%;width:max(100vw,177.778vh);animation:14s ease-in-out infinite alternate landing-slow-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-home-background,.landing-home-haze,.landing-home-stars,.landing-home-meteors,.landing-home-fireflies{position:absolute;inset:0}.landing-home-background{background-image:var(--landing-background);filter:brightness(var(--home-background-brightness)) saturate(var(--home-background-saturation));background-position:50%;background-repeat:no-repeat;background-size:cover}.landing-home-haze{mix-blend-mode:screen;background:radial-gradient(circle at 73% 72%,#86ccff1f,#0000 24%),linear-gradient(90deg,#0207121f,#0000 62%)}.landing-home-fireflies{mix-blend-mode:screen;inset:40% 18% 7% 2%}.landing-home-fireflies i{opacity:0;background:radial-gradient(circle,#fffbd0 0 18%,#e8f28f 32%,#cbeb6a2e 66%,#0000 76%);border-radius:50%;width:6px;height:6px;animation:5.8s ease-in-out infinite landing-firefly;position:absolute;box-shadow:0 0 9px 3px #e1f18673,0 0 23px 7px #aeda5429}.landing-home-fireflies i:first-child{animation-duration:6.4s;animation-delay:-.4s;top:38%;left:5%}.landing-home-fireflies i:nth-child(2){animation-delay:-2.8s;top:74%;left:14%}.landing-home-fireflies i:nth-child(3){animation-duration:7.1s;animation-delay:-4.4s;top:19%;left:23%}.landing-home-fireflies i:nth-child(4){animation-delay:-1.9s;top:58%;left:31%}.landing-home-fireflies i:nth-child(5){animation-duration:6.8s;animation-delay:-3.4s;top:31%;left:41%}.landing-home-fireflies i:nth-child(6){animation-delay:-5.1s;top:81%;left:50%}.landing-home-fireflies i:nth-child(7){animation-duration:7.4s;animation-delay:-.8s;top:48%;left:59%}.landing-home-fireflies i:nth-child(8){animation-delay:-3.8s;top:69%;left:67%}.landing-home-fireflies i:nth-child(9){animation-duration:6.6s;animation-delay:-5.4s;top:27%;left:75%}.landing-home-fireflies i:nth-child(10){animation-delay:-1.6s;top:76%;left:82%}.landing-home-fireflies i:nth-child(11){animation-duration:7.2s;animation-delay:-4.2s;top:42%;left:89%}.landing-home-fireflies i:nth-child(12){animation-delay:-2.5s;top:61%;left:96%}.landing-home-fireflies i:nth-child(13){animation-duration:6.9s;animation-delay:-5.8s;top:88%;left:37%}.landing-home-fireflies i:nth-child(14){animation-duration:7.6s;animation-delay:-.2s;top:91%;left:71%}.landing-home-fireflies i:nth-child(15){animation-duration:7.3s;animation-delay:-4.7s;top:57%;left:10%}.landing-home-fireflies i:nth-child(16){animation-duration:6.7s;animation-delay:-1.2s;top:79%;left:27%}.landing-home-fireflies i:nth-child(17){animation-duration:7.8s;animation-delay:-3.1s;top:52%;left:47%}.landing-home-fireflies i:nth-child(18){animation-duration:7.1s;animation-delay:-6.1s;top:95%;left:56%}.landing-home-fireflies i:nth-child(19){animation-duration:6.5s;animation-delay:-2.2s;top:18%;left:64%}.landing-home-fireflies i:nth-child(20){animation-duration:7.4s;animation-delay:-5.2s;top:55%;left:79%}.landing-home-fireflies i:nth-child(21){animation-duration:6.9s;animation-delay:-3.7s;top:87%;left:87%}.landing-home-fireflies i:nth-child(22){animation-duration:7.7s;animation-delay:-.9s;top:25%;left:93%}.landing-home-stars{mix-blend-mode:screen;inset:1% 2% 72%}.landing-home-stars i{background:#d9ecff;border-radius:50%;width:2px;height:2px;animation:4.8s ease-in-out infinite landing-star-twinkle;position:absolute;box-shadow:0 0 5px #97ccffe6,0 0 11px #70a4ff73}.landing-home-stars i:nth-child(4n+1){animation-duration:5.7s;animation-delay:-1.1s}.landing-home-stars i:nth-child(4n+2){animation-duration:4.3s;animation-delay:-3.2s}.landing-home-stars i:nth-child(4n+3){animation-duration:6.1s;animation-delay:-2.3s}.landing-home-stars i:first-child{top:26%;left:4%}.landing-home-stars i:nth-child(2){top:63%;left:9%}.landing-home-stars i:nth-child(3){top:18%;left:15%}.landing-home-stars i:nth-child(4){top:48%;left:21%}.landing-home-stars i:nth-child(5){top:74%;left:27%}.landing-home-stars i:nth-child(6){top:31%;left:33%}.landing-home-stars i:nth-child(7){top:57%;left:39%}.landing-home-stars i:nth-child(8){top:12%;left:45%}.landing-home-stars i:nth-child(9){top:69%;left:51%}.landing-home-stars i:nth-child(10){top:38%;left:56%}.landing-home-stars i:nth-child(11){top:82%;left:61%}.landing-home-stars i:nth-child(12){top:21%;left:66%}.landing-home-stars i:nth-child(13){top:53%;left:71%}.landing-home-stars i:nth-child(14){top:9%;left:76%}.landing-home-stars i:nth-child(15){top:67%;left:81%}.landing-home-stars i:nth-child(16){top:34%;left:86%}.landing-home-stars i:nth-child(17){top:76%;left:91%}.landing-home-stars i:nth-child(18){top:17%;left:96%}.landing-home-stars i:nth-child(19){top:88%;left:12%}.landing-home-stars i:nth-child(20){top:6%;left:30%}.landing-home-stars i:nth-child(21){top:91%;left:48%}.landing-home-stars i:nth-child(22){top:43%;left:64%}.landing-home-stars i:nth-child(23){top:85%;left:79%}.landing-home-stars i:nth-child(24){top:51%;left:94%}.landing-home-stars i:nth-child(25){top:43%;left:7%}.landing-home-stars i:nth-child(26){top:7%;left:18%}.landing-home-stars i:nth-child(27){top:61%;left:25%}.landing-home-stars i:nth-child(28){top:84%;left:36%}.landing-home-stars i:nth-child(29){top:34%;left:42%}.landing-home-stars i:nth-child(30){top:4%;left:54%}.landing-home-stars i:nth-child(31){top:58%;left:59%}.landing-home-stars i:nth-child(32){top:77%;left:69%}.landing-home-stars i:nth-child(33){top:39%;left:74%}.landing-home-stars i:nth-child(34){top:19%;left:84%}.landing-home-stars i:nth-child(35){top:59%;left:89%}.landing-home-stars i:nth-child(36){top:86%;left:98%}.landing-home-stars i:nth-child(5n){width:3px;height:3px}.landing-home-meteors{inset:1% 0 58%;overflow:hidden}.landing-home-meteors i{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#b4dbffb8 68%,#fff 100%);border-radius:999px;width:130px;height:2px;animation:13s ease-in infinite landing-meteor;position:absolute;top:4%;left:74%;transform:rotate(-28deg)translate(0);box-shadow:0 0 8px #9dcdffb3}.landing-home-meteors i:nth-child(2){width:90px;animation-duration:17s;animation-delay:-6.5s;top:21%;left:47%}@media (width<=700px){.landing-home-background{background-position:68%}.landing-home-fireflies{inset-inline:0}}@media (prefers-reduced-motion:reduce){.landing-scene-frame,.landing-home-stars i,.landing-home-meteors i,.landing-home-fireflies i{animation:none}}@keyframes landing-slow-float{0%{transform:translate(-50%,-50%)scale(1.005)}to{transform:translate(-50%,-50%)scale(1.022)translateY(-4px)}}@keyframes landing-firefly{0%,12%,to{opacity:0;transform:translateY(2px)scale(.55)}36%{opacity:.82;transform:translate(4px,-3px)scale(1)}58%{opacity:.28;transform:translate(7px,-7px)scale(.74)}76%{opacity:.92;transform:translate(3px,-11px)scale(1.12)}91%{opacity:.08;transform:translate(-2px,-14px)scale(.62)}}@keyframes landing-star-twinkle{0%,to{opacity:.15;transform:scale(.7)}48%{opacity:.95;transform:scale(1.45)}63%{opacity:.4;transform:scale(.9)}}@keyframes landing-meteor{0%,76%{opacity:0;transform:rotate(-28deg)translate(0)}78%{opacity:.95}83%{opacity:0;transform:rotate(-28deg)translate(-360px)}to{opacity:0;transform:rotate(-28deg)translate(-360px)}}.landing-home{--landing-background:none;--home-background-brightness:1.02;--home-background-saturation:1.04;isolation:isolate;background-color:#050611;place-items:center;min-height:100svh;padding:clamp(118px,14vh,164px) clamp(20px,5vw,76px) clamp(56px,8vh,96px);display:grid;position:relative;overflow:hidden}.landing-home:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#02030b61 0%,#02030b05 24%,#02030b2e 76%,#02030b80 100%),radial-gradient(#07041214 0%,#03030c38 58%,#01020894 100%);position:absolute;inset:0}.landing-home-shade{z-index:-1;pointer-events:none;filter:blur(60px);background:#0309144d;border-radius:50%;width:min(58vw,980px);height:64%;position:absolute;top:20%;left:5%}.landing-home-content{z-index:2;text-align:left;justify-items:start;width:min(100%,1440px);display:grid;position:relative;transform:translateY(-1vh)}.landing-home-title{color:var(--color-soft-pink);font-family:var(--font-mono);letter-spacing:clamp(.035em,.8vw,.105em);text-indent:clamp(.035em,.8vw,.105em);text-wrap:balance;text-shadow:0 3px 18px #000000e6,0 0 10px #f3d4ef33;margin:0;font-size:clamp(2.6rem,5vw,5rem);font-weight:500;line-height:.95;transition:color .25s,filter .25s,text-shadow .25s}.landing-home-title:hover{color:#f3f8ff;filter:brightness(1.1);text-shadow:0 3px 18px #000000e6, 0 0 5px var(--color-soft-pink), 0 0 14px var(--color-blue), 0 0 32px rgba(var(--color-magenta-rgb), .95), 0 0 64px rgba(var(--color-magenta-rgb), .6)}.landing-home-role{color:var(--color-blue);font:600 clamp(1rem, 2vw, 1.8rem) var(--font-mono);letter-spacing:clamp(.12em,.4vw,.24em);text-indent:clamp(.12em,.4vw,.24em);text-shadow:0 2px 10px #000000f2, 0 0 9px rgba(var(--color-blue-rgb), .72), 0 0 22px rgba(var(--color-blue-rgb), .35);margin:clamp(17px,2.4vw,30px) 0 0}@media (width<=700px){.landing-home{padding-inline:16px}.landing-home-content{transform:translateY(-3vh)}.landing-home-title{font-size:clamp(3rem,15.6vw,5.6rem);line-height:1.03}}@media (width<=420px){.landing-home-title{max-width:9ch}}@media (prefers-reduced-motion:reduce){.landing-home-title{transition:none}}.landing-home-tagline{color:#fff;letter-spacing:.035em;text-shadow:0 2px 10px #000000f2;margin:clamp(20px,2.8vw,34px) 0 0;font-size:clamp(.76rem,1.15vw,1rem);font-weight:500;line-height:1.8}.landing-home-enter{border:2px solid var(--color-neon-pink);min-height:48px;color:var(--color-cyan);letter-spacing:.12em;box-shadow:inset 0 0 14px rgba(var(--color-neon-pink-rgb), .06), 0 0 7px var(--color-neon-pink), 0 0 20px rgba(var(--color-neon-pink-rgb), .78), 0 0 42px rgba(var(--color-magenta-rgb), .45);text-shadow:0 0 4px var(--color-cyan), 0 0 11px rgba(var(--color-blue-rgb), .95), 0 0 22px rgba(var(--color-blue-rgb), .7);background:0 0;justify-content:center;align-items:center;margin-top:clamp(22px,3vw,38px);padding:0 clamp(20px,3vw,34px);font-size:clamp(.68rem,1vw,.86rem);font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.landing-home-enter:hover,.landing-home-enter:focus-visible{color:#a8f9ff;background:rgba(var(--color-cyan-rgb), .035);box-shadow:inset 0 0 18px rgba(var(--color-cyan-rgb), .05), 0 0 10px var(--color-cyan), 0 0 30px rgba(var(--color-neon-pink-rgb), .95), 0 0 58px rgba(var(--color-magenta-rgb), .58);transform:translateY(-2px)}.landing-home-scroll{color:#ffffffdb;letter-spacing:.045em;text-shadow:0 2px 9px #000000f2;align-items:center;gap:8px;margin-top:clamp(21px,3vw,34px);font-size:clamp(.58rem,.8vw,.7rem);display:inline-flex}.landing-home-scroll span{color:var(--color-neon-pink);text-shadow:0 0 9px rgba(var(--color-neon-pink-rgb), .85);font-size:1.2em}@media (width<=700px){.landing-home-shade{width:88%;left:6%}.landing-home-content{text-align:center;justify-items:center}.landing-home-tagline{font-size:.7rem;line-height:1.75}.landing-home-enter{min-height:44px;padding-inline:18px;font-size:.62rem}.landing-home-scroll{font-size:.56rem}}@media (prefers-reduced-motion:reduce){.landing-home-enter{transition:none}}.pagination,.pagination-pages{align-items:center;display:flex}.pagination{border-top:1px solid #ffffff1a;justify-content:space-between;gap:18px;padding-top:22px}.pagination-pages{gap:8px}.pagination button{border:1px solid rgba(var(--color-cyan-rgb), .2);color:#f5f8f4c2;min-width:40px;min-height:38px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#07101d94;border-radius:9px;padding:0 12px;font-size:.58rem;transition:border-color .16s,background .16s,color .16s}.pagination button:hover:not(:disabled),.pagination button:focus-visible,.pagination .pagination-page-active{border-color:rgba(var(--color-cyan-rgb), .75);color:#f8fbff;background:rgba(var(--color-cyan-rgb), .13);box-shadow:0 0 18px rgba(var(--color-cyan-rgb), .12)}.pagination button:disabled{cursor:not-allowed;opacity:.32}@media (width<=560px){.pagination{flex-wrap:wrap;align-items:stretch}.pagination>button{flex:1}.pagination-pages{order:-1;justify-content:center;width:100%}}.logs-scene-page{background-position:50%;background-attachment:fixed;padding-top:clamp(108px,12vh,136px);overflow:visible}.logs-scene-page:before{background:linear-gradient(#0308128c,#0308123d),radial-gradient(circle at 76% 38%,#0000 8%,#03081275 75%);position:fixed}.logs-panel{--logs-glass-opacity:.1;width:min(100%,1260px);color:var(--color-text);background:linear-gradient(145deg, rgba(17, 24, 43, var(--logs-glass-opacity)), rgba(5, 8, 20, var(--logs-glass-opacity)));-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 58px rgba(var(--color-cyan-rgb), .025), 0 24px 90px #0000008c, 0 0 34px rgba(var(--color-magenta-rgb), .16);border:1px solid #eef5f757;border-radius:26px;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden}.logs-index,.logs-detail{min-width:0;padding:clamp(25px,3.6vw,46px)}.logs-index{background:#0a142414;border-right:1px solid #ffffff1a}.logs-index header>p,.logs-detail-meta,.logs-list-meta{color:var(--color-cyan);letter-spacing:.16em;text-transform:uppercase;font-size:.55rem}.logs-index header>p{margin:0}.logs-index h1{color:#f5f8f3;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 0;font-size:clamp(1.75rem,3.8vw,3.5rem);font-weight:400}.logs-list{gap:10px;margin:26px 0 24px;display:grid}.logs-list-item{border:1px solid rgba(var(--color-cyan-rgb), .12);width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:#040b1724;border-radius:14px;gap:11px;padding:19px;transition:border-color .18s,background .18s,transform .18s;display:grid}.logs-list-item:hover,.logs-list-item:focus-visible,.logs-list-item-active{border-color:rgba(var(--color-cyan-rgb), .42);background:#12223347;transform:translate(2px)}.logs-list-meta,.logs-detail-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.logs-list-meta time,.logs-detail-meta time{color:#f5f8f47a}.logs-list-item strong{color:#f1f6ee;letter-spacing:.04em;align-items:center;gap:10px;font-size:clamp(.74rem,1vw,.9rem);font-weight:400;line-height:1.4;display:flex}.logs-list-intro{color:#f5f8f494;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.56rem;line-height:1.7;display:-webkit-box;overflow:hidden}.logs-list-open{color:rgba(var(--color-cyan-rgb), .72);letter-spacing:.08em;font-size:.52rem}.logs-detail{background:radial-gradient(circle at 92% 8%, rgba(var(--color-blue-rgb), .12), transparent 32%), #050c1817;flex-direction:column;min-height:650px;display:flex}.logs-detail h2{color:#f5f8f2;letter-spacing:.035em;text-transform:uppercase;max-width:14ch;text-shadow:0 0 28px rgba(var(--color-blue-rgb), .22);align-items:flex-start;gap:clamp(12px,1.5vw,20px);margin:clamp(24px,4vw,52px) 0 0;font-size:clamp(1.75rem,4.2vw,4.4rem);font-weight:400;line-height:1.05;display:flex}.logs-title-icon{filter:drop-shadow(0 0 9px rgba(var(--color-cyan-rgb), .36));flex:none;font-family:system-ui,sans-serif;font-size:.82em;line-height:1.15}.logs-detail-intro{border-left:2px solid rgba(var(--color-neon-pink-rgb), .68);color:#eef6e9d1;max-width:68ch;margin:23px 0 0;padding-left:17px;font-size:clamp(.66rem,.9vw,.78rem);line-height:1.8}.logs-detail-body{max-width:74ch;margin-top:28px}.logs-detail-body p{color:#f5f8f4a8;margin:0;font-size:clamp(.6rem,.78vw,.7rem);line-height:1.95}.logs-detail-body p+p{margin-top:18px}.logs-detail footer{color:#f5f8f461;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin-top:auto;padding-top:42px;font-size:.5rem;display:flex}.logs-detail footer i{background:var(--color-neon-pink);width:7px;height:7px;box-shadow:0 0 10px rgba(var(--color-neon-pink-rgb), .78);border-radius:50%}@media (width<=850px){.logs-scene-page{background-position:68%;background-attachment:scroll;padding:94px 10px 36px}.logs-panel{border-radius:18px;grid-template-columns:1fr}.logs-index{border-bottom:1px solid #ffffff1a;border-right:0}.logs-detail{min-height:540px}}@media (prefers-reduced-motion:reduce){.logs-list-item{transition:none}}.snake-game{--snake-blue:#69b9ff;--snake-blue-rgb:105, 185, 255;--snake-pink:#f46fc2;--snake-pink-rgb:244, 111, 194;color:#f8f4ff;border:1px solid rgba(var(--snake-blue-rgb), .46);-webkit-backdrop-filter:blur(14px)saturate(1.12);backdrop-filter:blur(14px)saturate(1.12);background:#0307102e;border-radius:17px;margin:0;padding:clamp(18px,2.4vw,30px);overflow:hidden}.snake-game-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(15px,2vw,24px);display:flex}.snake-game-header .mono-label{color:rgba(var(--snake-blue-rgb), .9);letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:clamp(.52rem,.7vw,.66rem)}.snake-game-header h2{color:var(--color-soft-pink);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 0 20px rgba(var(--color-neon-pink-rgb), .48);margin:0;font-size:clamp(1.55rem,3vw,2.6rem);font-weight:400}.snake-live-status{border:1px solid rgba(var(--snake-blue-rgb), .42);color:#ffffffc2;letter-spacing:.1em;text-transform:uppercase;background:#040914c2;align-items:center;gap:8px;padding:10px 13px;font-size:.65rem;display:flex}.snake-live-status i{background:var(--snake-blue);width:7px;height:7px;box-shadow:0 0 10px var(--snake-blue);border-radius:50%}.snake-live-status[data-status=paused] i{background:#fc6;box-shadow:0 0 10px #fc6}.snake-live-status[data-status=game-over] i{background:#ff5b83;box-shadow:0 0 10px #ff5b83}.snake-game-layout{grid-template-columns:minmax(0,1.58fr) minmax(230px,.72fr);align-items:start;gap:clamp(18px,2.6vw,32px);display:grid}.snake-board-frame{min-width:0}.snake-board-labels{color:#ffffff8f;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:clamp(.5rem,.65vw,.62rem);display:flex}.snake-board{aspect-ratio:1;border:1px solid rgba(var(--snake-blue-rgb), .72);width:min(100%,660px);box-shadow:inset 0 0 42px rgba(var(--snake-blue-rgb), .12), 0 0 18px rgba(var(--snake-blue-rgb), .16), 0 0 30px #0000007a;background:radial-gradient(circle at 50% 45%,#537e9e26,#0000 55%),#030711;position:relative;overflow:hidden}.snake-grid,.snake-piece-layer{grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(20,1fr);display:grid;position:absolute;inset:0}.snake-grid span{border-right:1px solid rgba(var(--snake-blue-rgb), .11);border-bottom:1px solid rgba(var(--snake-blue-rgb), .11)}.snake-grid span:nth-child(20n){border-right:0}.snake-grid span:nth-last-child(-n+20){border-bottom:0}.snake-piece-layer{pointer-events:none}.snake-segment{z-index:2;background:var(--snake-pink);box-shadow:inset 0 0 6px #ffffff5c, 0 0 8px rgba(var(--snake-pink-rgb), .92), 0 0 18px rgba(var(--snake-pink-rgb), .52);border:1px solid #ffd7f4c7;border-radius:27%;margin:8%;position:relative}.snake-head{z-index:3;box-shadow:inset 0 0 7px #ffffff85, 0 0 10px var(--snake-pink), 0 0 24px rgba(var(--snake-pink-rgb), .74);background:#ff91d5;border-color:#ffe0f5}.snake-head i{aspect-ratio:1;background:#09060c;border-radius:50%;width:17%;position:absolute;box-shadow:0 0 2px #000000e6}.snake-head[data-direction=right] i:first-child,.snake-head[data-direction=left] i:first-child{top:20%}.snake-head[data-direction=right] i:last-child,.snake-head[data-direction=left] i:last-child{bottom:20%}.snake-head[data-direction=right] i{right:15%}.snake-head[data-direction=left] i{left:15%}.snake-head[data-direction=up] i:first-child,.snake-head[data-direction=down] i:first-child{left:20%}.snake-head[data-direction=up] i:last-child,.snake-head[data-direction=down] i:last-child{right:20%}.snake-head[data-direction=up] i{top:15%}.snake-head[data-direction=down] i{bottom:15%}.snake-food{z-index:4;filter:drop-shadow(0 0 6px #ffffff6b);place-items:center;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:clamp(.72rem,1.65vw,1.28rem);line-height:1;animation:1.1s ease-in-out infinite alternate snake-food-pulse;display:grid}.snake-board-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02050db8;place-content:center;justify-items:center;gap:17px;padding:28px;display:grid;position:absolute;inset:0}.snake-board-overlay p,.snake-board-overlay span{color:#ffffffb8;letter-spacing:.08em;margin:0;font-size:clamp(.58rem,.9vw,.76rem)}.snake-board-overlay strong{color:var(--color-soft-pink);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 18px rgba(var(--color-neon-pink-rgb), .75);font-size:clamp(1.35rem,3.2vw,2.7rem);font-weight:400}.snake-start-button{border:2px solid var(--snake-blue);color:#dceeff;min-width:170px;min-height:52px;font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 15px rgba(var(--snake-blue-rgb), .08), 0 0 8px var(--snake-blue), 0 0 24px rgba(var(--snake-blue-rgb), .6);text-shadow:0 0 9px rgba(var(--snake-blue-rgb), .95);background:#0407111f;font-size:clamp(.72rem,1.2vw,.94rem);font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}.snake-start-button:hover,.snake-start-button:focus-visible{background:rgba(var(--color-cyan-rgb), .05);box-shadow:inset 0 0 18px rgba(var(--snake-blue-rgb), .1), 0 0 10px var(--snake-blue), 0 0 34px rgba(var(--snake-blue-rgb), .82);transform:translateY(-2px)}.snake-console{gap:12px;display:grid}.snake-score-card,.snake-console-card{border:1px solid rgba(var(--snake-blue-rgb), .36);box-shadow:inset 0 0 25px rgba(var(--snake-blue-rgb), .04);background:#03081233}.snake-score-card{justify-items:center;padding:clamp(20px,3vw,34px) 18px;display:grid}.snake-score-card span,.snake-console-card>span{color:rgba(var(--snake-blue-rgb), .82);letter-spacing:.18em;text-transform:uppercase;font-size:.56rem}.snake-score-card strong{color:var(--color-soft-pink);letter-spacing:.06em;text-shadow:0 0 22px rgba(var(--color-neon-pink-rgb), .58);margin:12px 0 9px;font-size:clamp(2.3rem,5.8vw,4.4rem);font-weight:400;line-height:.9}.snake-score-card small{color:#ffffff85;letter-spacing:.08em;font-size:.54rem}.snake-console-card{padding:16px}.snake-console-card p{color:#ffffffad;margin:11px 0 0;font-size:clamp(.57rem,.73vw,.67rem);line-height:1.65}.snake-key-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.snake-control-key,.snake-space-key{border:1px solid rgba(var(--snake-blue-rgb), .48);color:#dceeff;background:rgba(var(--snake-blue-rgb), .07);min-height:40px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -3px 0 rgba(var(--snake-blue-rgb), .13);border-radius:2px;place-items:center;padding:0;font-size:.62rem;transition:color .14s,background .14s,border-color .14s,box-shadow .14s,transform 90ms;display:grid}.snake-control-up{grid-area:1/2}.snake-control-left{grid-area:2/1}.snake-control-down{grid-area:2/2}.snake-control-right{grid-area:2/3}.snake-control-key:hover:not(:disabled),.snake-control-key:focus-visible,.snake-space-key:hover:not(:disabled),.snake-space-key:focus-visible,.snake-control-key[data-active=true]{border-color:rgba(var(--snake-blue-rgb), .9);color:#fff;background:rgba(var(--snake-blue-rgb), .18);box-shadow:inset 0 -2px 0 rgba(var(--snake-blue-rgb), .2), 0 0 12px rgba(var(--snake-blue-rgb), .28)}.snake-control-key:active:not(:disabled),.snake-space-key:active:not(:disabled){box-shadow:inset 0 1px 8px rgba(var(--snake-blue-rgb), .22);transform:translateY(2px)}.snake-control-key:disabled,.snake-space-key:disabled{cursor:not-allowed;opacity:.38}.snake-space-key{width:100%;color:var(--color-cyan);letter-spacing:.12em;text-transform:uppercase;margin-top:12px}.snake-objective-card ol{color:#ffffffad;margin:12px 0 0;padding-left:20px;font-size:clamp(.56rem,.72vw,.66rem);line-height:1.75}@media (width<=900px){.snake-game-layout{grid-template-columns:1fr}.snake-board{margin-inline:auto}.snake-console{grid-template-columns:repeat(2,minmax(0,1fr))}.snake-score-card{grid-row:span 2}}@media (width<=560px){.snake-game{border-radius:13px;padding:13px}.snake-game-header{align-items:center}.snake-game-header .mono-label{display:none}.snake-live-status{padding:8px 10px}.snake-console{grid-template-columns:1fr}.snake-score-card{grid-row:auto}.snake-control-key,.snake-space-key{min-height:46px;font-size:.72rem}.snake-food{font-size:clamp(.58rem,4.5vw,1rem)}}@media (prefers-reduced-motion:reduce){.snake-food{animation:none}}@keyframes snake-food-pulse{0%{transform:scale(.88)}to{transform:scale(1.08)}}.play-scene-page{background-position:50%;background-attachment:fixed;padding-top:clamp(108px,13vh,146px);overflow:visible}.play-scene-page:before{background:linear-gradient(#0207127a,#02071238),radial-gradient(circle at 70% 58%,#0000 10%,#0207126b 78%);position:fixed}.play-game-panel{--play-glass-opacity:.1;background:linear-gradient(145deg, rgba(17, 24, 43, var(--play-glass-opacity)), rgba(5, 8, 20, var(--play-glass-opacity)));-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);width:min(100%,1220px);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 58px rgba(var(--color-cyan-rgb), .025), 0 24px 90px #0000008c, 0 0 34px rgba(var(--color-magenta-rgb), .16);border:1px solid #ebf3f557;border-radius:26px;padding:clamp(9px,1.6vw,18px)}.play-game-panel .snake-game{background:#040b172e;border-color:#69b9ff7a}.play-game-panel .snake-game-header h2,.play-game-panel .snake-board-overlay strong{color:#dceeff;text-shadow:0 0 20px #69b9ff73}.play-game-panel .snake-score-card strong{color:#ff91d5;text-shadow:0 0 22px #ff69c29e}.play-game-panel .snake-score-card,.play-game-panel .snake-console-card,.play-game-panel .snake-live-status{background:#08121f33}@media (width<=700px){.play-scene-page{background-position:66%;background-attachment:scroll;padding:94px 8px 24px}.play-game-panel{border-radius:18px;padding:6px}}.work-scene-page{background-position:50%;background-attachment:fixed;padding-top:clamp(108px,12vh,136px);overflow:visible}.work-scene-page:before{background:linear-gradient(#02071180,#0207114d),radial-gradient(circle at 80% 42%,#0000 12%,#02071161 72%);position:fixed}.work-index-panel{--work-glass-opacity:.1;width:min(100%,1220px);color:var(--color-text);background:linear-gradient(145deg, rgba(17, 24, 43, var(--work-glass-opacity)), rgba(5, 8, 20, var(--work-glass-opacity)));-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 58px rgba(var(--color-cyan-rgb), .025), 0 24px 90px #0000008c, 0 0 34px rgba(var(--color-magenta-rgb), .16);border:1px solid #ecf4f652;border-radius:26px;padding:clamp(24px,3.4vw,44px)}.work-index-header{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:end;gap:30px;margin-bottom:clamp(25px,3vw,38px);display:grid}.work-kicker,.work-project-type{color:var(--color-cyan);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.57rem}.work-index-header h1{color:#f4f8f2;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 24px rgba(var(--color-blue-rgb), .26);margin:12px 0 0;font-size:clamp(1.55rem,3.3vw,3.25rem);font-weight:400;line-height:1.05}.work-index-header>p{color:#f5f8f4a3;margin:0;font-size:clamp(.61rem,.76vw,.7rem);line-height:1.8}.work-project-list{gap:14px;display:grid}.work-project-card{border:1px solid rgba(var(--color-cyan-rgb), .16);background:#08111f2e;border-radius:18px;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);min-height:244px;transition:border-color .18s,transform .18s,background .18s;display:grid;overflow:hidden}.work-project-card:hover{border-color:rgba(var(--color-cyan-rgb), .4);background:#0b17284d;transform:translateY(-2px)}.work-project-image-wrap{min-height:220px;position:relative;overflow:hidden}.work-project-image-wrap:after{content:"";background:linear-gradient(90deg,#0000 58%,#08111f99);position:absolute;inset:0}.work-project-image-wrap img{object-fit:cover;filter:saturate(.85)brightness(.9);width:100%;height:100%;transition:transform .4s,filter .2s}.work-project-card:hover img{filter:saturate()brightness(.98);transform:scale(1.025)}.work-project-image-wrap span{z-index:1;color:#f8fbff;background:#050c189e;border:1px solid #fff3;border-radius:7px;padding:7px 8px;font-size:.55rem;position:absolute;top:14px;left:14px}.work-project-copy{flex-direction:column;align-items:flex-start;padding:clamp(22px,3vw,34px);display:flex}.work-project-copy h2{color:#f5f7f2;letter-spacing:.045em;margin:11px 0 0;font-size:clamp(.95rem,1.65vw,1.35rem);font-weight:400;line-height:1.35}.work-project-description{color:#f5f8f4a3;margin:13px 0 0;font-size:clamp(.57rem,.72vw,.66rem);line-height:1.75}.work-project-tags{flex-wrap:wrap;gap:7px;margin:17px 0 0;padding:0;list-style:none;display:flex}.work-project-tags li{border:1px solid rgba(var(--color-neon-pink-rgb), .24);color:#ebf5e6d1;background:rgba(var(--color-neon-pink-rgb), .08);border-radius:6px;padding:6px 8px;font-size:.5rem}.work-project-link{color:var(--color-cyan);letter-spacing:.08em;margin-top:auto;padding-top:18px;font-size:.58rem;text-decoration:none}.work-project-link:hover,.work-project-link:focus-visible{color:#f0f7e9}@media (width<=760px){.work-scene-page{background-position:66%;background-attachment:scroll;padding:94px 10px 36px}.work-index-panel{border-radius:18px}.work-index-header{grid-template-columns:1fr;gap:14px}.work-project-card{grid-template-columns:1fr}.work-project-image-wrap{aspect-ratio:16/8;min-height:190px}.work-project-image-wrap:after{background:linear-gradient(#0000 62%,#08111f9e)}}@media (prefers-reduced-motion:reduce){.work-project-card,.work-project-image-wrap img{transition:none}}@font-face{font-family:SonyCam Original;src:url(./sonycam-original-DegPjgsV.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--font-pixel:"SonyCam Original", "Cascadia Mono", "Lucida Console", "Courier New", monospace;--font-sans:var(--font-pixel);--font-mono:var(--font-pixel);--color-ink:#07101d;--color-panel:#111b2b;--color-text:#f5f8f4;--color-cyan:#a7e7f6;--color-magenta:#93a8d8;--color-violet:#a9a7d3;--color-neon-pink:#a9c5a4;--color-soft-pink:#edf3e8;--color-blue:#8dbfdf;--color-cyan-rgb:167, 231, 246;--color-magenta-rgb:147, 168, 216;--color-neon-pink-rgb:169, 197, 164;--color-blue-rgb:141, 191, 223}*,:before,:after{box-sizing:border-box;border:0 solid}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border-radius:0;margin:0;padding:0}img,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}strong,b{font-weight:bolder}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-pixel);color:var(--color-text);background:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh}button,input,textarea,select{font-family:var(--font-pixel)}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.mono-label{color:#70798b;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.14em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}