.scene-shell[data-v-b6e11695]{width:100%;position:relative}.hero-scene[data-v-b6e11695]{aspect-ratio:1;width:100%;position:relative}.scene-float[data-v-b6e11695]{animation:8s ease-in-out infinite scene-float-b6e11695;position:absolute;inset:0}.scene-layer[data-v-b6e11695]{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.orbit-layer[data-v-b6e11695]{opacity:.75;animation:18s ease-in-out infinite orbit-sway-b6e11695}.base-layer[data-v-b6e11695]{z-index:1}.portal-window[data-v-b6e11695]{clip-path:ellipse(17.2% 21.4% at 64% 33%);position:absolute;inset:0}.portal-sky[data-v-b6e11695]{object-fit:fill;transform-origin:50%;width:55%;height:50%;inset:9% auto auto 36%;transform:scale(1.035)}.inner-orbits[data-v-b6e11695]{width:100%;height:100%;position:absolute;inset:0}.star-track[data-v-b6e11695]{fill:none;stroke:#b9dfff;stroke-width:1px;opacity:.3}.star-track.faint[data-v-b6e11695]{opacity:.15}.star-flow[data-v-b6e11695]{fill:none;stroke:#edf8ff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 180 1 310;animation:24s linear infinite starlight-flow-b6e11695}.star-flow.reverse[data-v-b6e11695]{stroke:#9dcfff;stroke-width:2px;animation-duration:31s;animation-direction:reverse}.explorer-body[data-v-b6e11695],.explorer-cape[data-v-b6e11695]{z-index:4;width:55%;height:55%;inset:14% auto auto 20%}.explorer-body[data-v-b6e11695]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 50%,39% 50%,44% 32%,0 32%)}.explorer-cape[data-v-b6e11695]{clip-path:polygon(0 32%,44% 32%,39% 50%,0 50%);transform-origin:44% 32%;filter:url(#preview-cape-wind)}.scene-signature[data-v-b6e11695]{text-align:center;color:#a5b5c9;letter-spacing:.12em;margin:14px 0 0;font-size:12px}.satellite-layer[data-v-b6e11695]{z-index:3;opacity:.84;animation:piece-drift-b6e11695 var(--speed) var(--delay) ease-in-out infinite}.portal-glow[data-v-b6e11695]{z-index:2;pointer-events:none;background:radial-gradient(#a4dfff00 35%,#94d5ff1a 65%,#83c7fa00 75%);border-radius:50%;width:30%;height:37%;animation:6s ease-in-out infinite glow-breathe-b6e11695;position:absolute;top:14%;left:48%}.scene-toggle[data-v-b6e11695]{color:#a5b5c9;font:inherit;cursor:pointer;background:0 0;border:1px solid #83c7fa33;border-radius:20px;margin:12px auto 0;padding:6px 12px;font-size:12px;display:block}.scene-toggle[data-v-b6e11695]:hover{color:#edf4fa;border-color:#83c7fa88}.scene-toggle[data-v-b6e11695]:focus-visible{outline-offset:4px;outline:2px solid #83c7fa}@keyframes scene-float-b6e11695{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}@keyframes piece-drift-b6e11695{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(var(--drift-x), var(--drift-y)) rotate(var(--angle))}}@keyframes orbit-sway-b6e11695{0%,to{opacity:.65;transform:rotate(-1deg)}50%{opacity:.9;transform:rotate(1deg)}}@keyframes glow-breathe-b6e11695{0%,to{opacity:.2}50%{opacity:.7}}@keyframes sky-drift-b6e11695{0%,to{transform:scale(1.035)translate(-2px)}50%{transform:scale(1.055)translate(2px,-2px)}}@keyframes starlight-flow-b6e11695{to{stroke-dashoffset:-986px}}@keyframes cape-wind-b6e11695{0%,to{transform:rotate(-.5deg)skewY(-.5deg)}35%{transform:rotate(.7deg)skewY(.7deg)}65%{transform:rotate(.3deg)skewY(-1deg)}}.is-paused .scene-float[data-v-b6e11695],.is-paused .scene-layer[data-v-b6e11695],.is-paused .portal-glow[data-v-b6e11695],.is-paused .star-flow[data-v-b6e11695],.is-paused .cloud-near[data-v-b6e11695],.is-paused .inner-star[data-v-b6e11695]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.scene-float[data-v-b6e11695],.scene-layer[data-v-b6e11695],.portal-glow[data-v-b6e11695],.star-flow[data-v-b6e11695],.cloud-near[data-v-b6e11695],.inner-star[data-v-b6e11695],.sun-lantern[data-v-b6e11695]{animation:none}.scene-toggle[data-v-b6e11695]{display:none}}.filter-definitions[data-v-b6e11695]{position:absolute}.cloud-depth[data-v-b6e11695]{pointer-events:none;width:55%;height:36%;position:absolute;top:14%;left:37%;overflow:visible;-webkit-mask-image:linear-gradient(#0000 12%,#000 35% 80%,#0000);mask-image:linear-gradient(#0000 12%,#000 35% 80%,#0000)}.cloud-near[data-v-b6e11695]{object-fit:fill;width:125%;height:100%;display:block}.cloud-middle[data-v-b6e11695]{opacity:.5}.cloud-middle .cloud-near[data-v-b6e11695]{animation:18s ease-in-out infinite cloud-far-pass-b6e11695}.cloud-front[data-v-b6e11695]{opacity:.72;top:18%;left:32%}.cloud-front .cloud-near[data-v-b6e11695]{animation:13s ease-in-out infinite cloud-close-pass-b6e11695}@keyframes cloud-far-pass-b6e11695{0%,to{transform:translate(-4%)}50%{transform:translate(-13%,-2%)}}@keyframes cloud-close-pass-b6e11695{0%,to{transform:translate(-14%,1%)}50%{transform:translate(-2%,-3%)}}.orbit-star-core[data-v-b6e11695]{fill:#eff9ff;filter:drop-shadow(0 0 6px #bce7ff)}.orbit-star-core.second[data-v-b6e11695]{fill:#ffe5ae}.orbit-star-halo[data-v-b6e11695]{fill:#d0eaff;opacity:.12;filter:blur(4px)}.sun-lantern[data-v-b6e11695]{mix-blend-mode:screen;background:radial-gradient(#ffdf9c45,#0000 65%);border-radius:50%;width:14%;height:14%;animation:8s ease-in-out infinite sunset-breath-b6e11695;position:absolute;top:30%;left:56%}@keyframes sunset-breath-b6e11695{0%,to{opacity:.5}50%{opacity:1}}.is-paused .sun-lantern[data-v-b6e11695]{animation-play-state:paused}.inner-star[data-v-b6e11695]{fill:#c4e5ff;animation:7s ease-in-out infinite star-shimmer-b6e11695}.thirteenth-star[data-v-b6e11695]{fill:#ffe7b7}@keyframes star-shimmer-b6e11695{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.explorer-cape[data-v-b6e11695]{filter:none}.cloud-near[data-v-b6e11695],.inner-star[data-v-b6e11695],.sun-lantern[data-v-b6e11695]{animation:none}}.explorer-art[data-v-9daa0fc3]{isolation:isolate}.explorer-follow[data-v-9daa0fc3]{will-change:transform;width:100%}@media (prefers-reduced-motion:reduce){.explorer-follow[data-v-9daa0fc3]{transition:none;transform:none!important}}.explorer-ambient[data-v-9daa0fc3]{z-index:-1;pointer-events:none;background:radial-gradient(at 66% 35%,#72b7f417,#0000 47%);position:absolute;inset:8% 0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button svg,a svg{flex-shrink:0}.site{--bg:#f5f8f8;--surface:#fff;--text:#243f46;--muted:#5e747b;--accent:#356b68;--accent-soft:#e5efec;--border:#dce5e5;--section:#edf3f2;--shadow:#233f4610;color:var(--text);background:var(--bg);min-height:100vh;transition:background-color .35s,color .35s}.site.dark{--bg:#122326;--surface:#1a3033;--text:#e5eeeb;--muted:#adbfbc;--accent:#a3d1c5;--accent-soft:#284741;--border:#354a4b;--section:#172b2d;--shadow:#0002;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.container{width:min(1160px,100% - 96px);margin:auto}.site-header{background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:92px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-symbol{letter-spacing:-4px;font:italic 43px/1 Georgia,serif}.brand-symbol>span{color:var(--accent);letter-spacing:0}.brand-text{font-size:14px;font-weight:600}.brand-text small{color:var(--muted);letter-spacing:1px;margin-top:5px;font-size:10px;font-weight:400;display:block}.navigation{color:var(--muted);gap:34px;font-size:13px;display:flex}.navigation a{padding:15px 0;transition:color .2s;position:relative}.navigation a.active,.navigation a:hover{color:var(--accent)}.navigation a.active:after{content:"";background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px;left:50%}.header-actions{align-items:center;gap:16px;display:flex}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;transition:background .2s,transform .3s;display:grid}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.theme-button:hover{transform:rotate(-15deg)}.resume-button{border:1px solid var(--border);background:0 0;border-radius:6px;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;display:flex}.resume-button:hover{background:var(--accent-soft)}.menu-button{display:none}.hero{grid-template-columns:1.12fr 1fr;align-items:center;column-gap:60px;padding-top:82px;display:grid;position:relative}.hero-copy{padding:15px 0 42px;animation:.9s both arrival}.hello{color:var(--accent);align-items:center;gap:11px;margin:0 0 30px;font-size:14px;display:flex}.hello>span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}h1{letter-spacing:-1.3px;margin:0 0 14px;font-size:clamp(36px,3.5vw,50px);font-weight:500;line-height:1.6}.hero-description{color:var(--muted);margin:28px 0 0;font-size:15px;line-height:2.1}.hero-actions{align-items:center;gap:30px;margin-top:34px;display:flex}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:14px 22px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex}.primary{background:var(--accent);color:var(--bg)}.primary:hover{background:color-mix(in srgb,var(--accent) 85%,var(--text));transform:translateY(-2px)}.quiet-link{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.quiet-link:hover{color:var(--accent)}.hero-interests{color:var(--muted);align-items:center;gap:15px;margin-top:40px;font-size:11px;display:flex}.hero-interests i{background:var(--muted);opacity:.5;border-radius:50%;width:3px;height:3px}.artwork{width:100%;padding:8px 30px 15px 15px;animation:1.2s .12s both arrival;position:relative}.landscape-frame{max-width:380px;box-shadow:0 20px 45px var(--shadow),0 2px 3px #20383808;background:#fff;border-radius:110px 110px 7px 7px;padding:10px 10px 0;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(3deg)}.artwork:hover .landscape-frame{transform:rotate(0)translateY(-4px)}.landscape-frame>svg{border-radius:101px 101px 2px 2px;width:100%;height:auto;display:block}.art-label{color:#526764;justify-content:space-between;align-items:center;height:48px;padding:0 7px;font-size:10px;display:flex}.art-label>span:first-child{font:italic 14px Georgia,serif}.art-orbit{border:1px solid var(--border);z-index:-1;border-radius:50%;width:115%;height:82%;position:absolute;top:10%;left:-13%;transform:rotate(-28deg)}.art-note{background:var(--surface);border:1px solid var(--border);box-shadow:0 9px 30px var(--shadow);color:var(--accent);border-radius:7px;align-items:center;gap:14px;padding:13px 22px;font-size:12px;display:flex;position:absolute;bottom:30px;left:-25px;transform:rotate(-5deg)}.note-flower{font-size:34px;line-height:1}.art-note small{color:var(--muted);margin-top:5px;font:italic 12px Georgia,serif;display:block}.art-side{writing-mode:vertical-rl;color:var(--muted);font:italic 12px Georgia,serif;position:absolute;top:40%;right:-30px}.hero-foot{color:var(--muted);border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:22px;padding:36px 0 25px;font-size:11px;display:flex}.hero-foot a{align-items:center;gap:13px;min-height:40px;display:flex}.section-label{color:var(--accent);margin-bottom:20px;font-size:12px;display:block}.section-label>span{color:var(--muted);margin-left:15px;font:italic 13px Georgia,serif}h2{letter-spacing:-.6px;margin:0;font-size:30px;font-weight:500;line-height:1.6}.about{grid-template-columns:1fr 1fr;gap:85px;display:grid}.about-content{padding-top:2px}.about-content p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:2}.about-content .lead{color:var(--text);margin-bottom:17px;font-size:17px}.about-bottom{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.growing{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.growing>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.signature{color:var(--accent);font:italic 31px Georgia,serif;transform:rotate(-8deg)}.projects-section{background:var(--section);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-top{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:37px;display:flex}.filters{border:1px solid var(--border);background:var(--bg);border-radius:7px;gap:6px;padding:4px;display:flex}.filters button{min-height:38px;color:var(--muted);background:0 0;border-radius:4px;padding:9px 17px;font-size:12px;transition:background .2s,color .2s}.filters button.active{background:var(--accent);color:var(--bg)}.filters button:hover:not(.active){background:var(--accent-soft)}.project-grid{grid-template-columns:1fr 1fr;align-items:start;gap:34px;min-height:425px;display:grid;position:relative}.project-card{min-width:0}.project-cover{isolation:isolate;text-align:left;border-radius:10px;width:100%;height:320px;display:block;position:relative;overflow:hidden}.project-cover.website{background:#dbe7e8;padding:0}.browser-art{background:#f8faf8;border:1px solid #c1d2d2;border-radius:7px;width:76%;height:265px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:38px;left:13%;transform:rotate(-7deg);box-shadow:10px 15px 32px #2c535526}.project-cover:hover .browser-art{transform:rotate(-3deg)translateY(-6px)}.browser-bar{border-bottom:1px solid #dce5e3;align-items:center;gap:4px;height:28px;padding:0 11px;display:flex}.browser-bar>span{background:#a5beba;border-radius:50%;width:4px;height:4px}.browser-bar small{color:#829b95;margin:auto;font-size:8px}.browser-body{color:#365a55;height:235px;padding:24px 27px;position:relative;overflow:hidden}.browser-name{margin-bottom:13px;font-size:9px;display:block}.browser-body strong{letter-spacing:-1px;font:36px/1.05 Georgia,serif;display:block}.browser-body strong em{font-weight:400}.browser-lines{background:#c9d8d3;width:100px;height:3px;margin-top:17px;box-shadow:0 7px #dae4de}.browser-orbit{background:#deebe3;border:1px solid #b5cfc3;border-radius:50%;place-items:center;width:134px;height:134px;display:grid;position:absolute;top:53px;right:16px;transform:rotate(15deg)}.browser-orbit:before,.browser-orbit:after{content:"";border:1px solid #a2bcae;border-radius:50%;position:absolute;inset:12px}.browser-orbit:after{inset:26px}.browser-orbit span{font:italic 48px Georgia,serif}.cover-caption{color:#466664;font:italic 11px Georgia,serif;position:absolute;bottom:14px;left:20px}.cover-open{color:#375e59;background:#ffffffb0;border-radius:50%;place-items:center;width:37px;height:37px;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:15px;right:16px}.project-cover:hover .cover-open{background:#fff;transform:translate(2px,-2px)}.town-art{transition:transform .6s;position:absolute;inset:0;overflow:hidden}.project-cover:hover .town-art{transform:scale(1.035)}.town-sun{background:#f0f0d5;border-radius:50%;width:65px;height:65px;position:absolute;top:38px;right:55px}.pixel-cloud{opacity:.8;background:#eef1dd;width:50px;height:10px;position:absolute;box-shadow:10px -10px #eef1dd,20px -20px #eef1dd,40px -10px #eef1dd,50px 0 #eef1dd}.cloud-a{top:58px;left:60px}.cloud-b{top:116px;right:57px;transform:scale(.65)}.town-ground{background:#85a987;border-top:16px solid #a6bd99;position:absolute;inset:172px -40px -100px;transform:rotate(-5deg)}.pixel-house{background:#e8ddbf;width:104px;height:83px;position:absolute;top:133px;left:53%;box-shadow:12px 0 #c7c5a2,0 12px #6c8f70}.roof{background:#4f7366;height:20px;position:absolute;top:-15px;left:-15px;right:-15px;box-shadow:10px -15px 0 -2px #5d8171,20px -30px 0 -6px #6c8e7b,27px -40px 0 -9px #789887}.window{background:#f3d497;border:4px solid #6a8877;width:20px;height:23px;position:absolute;top:23px}.window.one{left:13px}.window.two{right:13px}.door{background:#70937a;width:20px;height:30px;position:absolute;bottom:0;left:42px}.pixel-tree{background:#547d62;width:30px;height:60px;position:absolute;top:131px;box-shadow:0 -15px 0 -5px #6e9676,0 -30px 0 -10px #7fa681}.pixel-tree:after{content:"";background:#7a8064;width:8px;height:23px;position:absolute;top:55px;left:11px}.tree-a{left:30%;transform:scale(1.3)}.tree-b{top:171px;right:9%;transform:scale(.9)}.tree-c{top:175px;left:12%;transform:scale(.7)}.town-path{background:#c5c69f;width:38px;height:130px;position:absolute;top:218px;left:54%;transform:skew(-27deg)}.town-caption{letter-spacing:3px;color:#234c38;text-shadow:0 0 12px #d7e5c977;font-size:25px;position:absolute;bottom:29px;left:28px}.town-caption small{letter-spacing:0;margin-top:8px;font:italic 12px Georgia,serif;display:block}.project-heading{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;display:flex}.project-type{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.project-status{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:4px 9px;font-size:10px}h3{margin:0 0 12px;font-size:22px;font-weight:500}h3 button{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:38px;padding:0;display:flex}h3 button svg{color:var(--muted)}h3 button:hover{color:var(--accent)}.project-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.projects-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:20px;margin-top:36px;padding-top:28px;font-size:11px;display:flex}.projects-foot>span:last-child{font:italic 13px Georgia,serif}.section-aside{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.note-row{text-align:left;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:25px;width:100%;padding:30px 10px;transition:background .2s,padding .25s;display:flex}.note-row:hover{background:var(--section);padding-left:20px;padding-right:20px}.note-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.note-text{flex-direction:column;gap:8px;display:flex}.note-text small{color:var(--accent);font-size:10px}.note-text strong{font-size:18px;font-weight:500}.note-text>span{color:var(--muted);font-size:12px;line-height:1.7}.note-read{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin-left:auto;font-size:12px;display:flex}.contact-section{text-align:center;padding:5px 0 90px}.contact-flower{color:var(--accent);margin-bottom:25px;font-size:52px;line-height:1}.contact-section>p{color:var(--muted);margin-bottom:10px;font-size:12px}.contact-section>span{color:var(--muted);margin-top:12px;font:italic 19px Georgia,serif;display:block}.contact-section>.button{margin-top:30px}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:11px;display:flex}.footer-brand{color:var(--text);gap:10px;font-size:12px}.footer-brand .brand-symbol{letter-spacing:-3px;font-size:31px}.back-top{align-items:center;gap:12px;min-height:44px;display:flex}.reading-progress{background:var(--accent);transform-origin:0;z-index:10;pointer-events:none;width:100%;height:2px;position:fixed;top:0}.skip{z-index:15;background:var(--accent);color:var(--bg);padding:12px;position:fixed;top:-100px;left:15px}.skip:focus{top:15px}.detail-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;width:min(530px,100% - 40px);max-height:85vh;padding:30px;overflow:auto;box-shadow:0 35px 100px #0002}.detail-dialog[open]{animation:.25s ease-out dialog-enter}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15333465}.dialog-top{color:var(--accent);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font-size:12px;display:flex}.detail-dialog h2{margin-bottom:25px;font-size:27px}.detail-dialog p{color:var(--muted);font-size:14px;line-height:1.9}.detail-dialog>.button{margin-top:20px}.project-enter-active,.project-leave-active,.project-move{transition:opacity .25s,transform .3s}.project-enter-from,.project-leave-to{opacity:0;transform:translateY(12px)}.project-leave-active{width:calc(50% - 17px);position:absolute}@keyframes arrival{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (width>=1500px){.hero{column-gap:90px;padding-top:100px}.hero-foot{margin-top:40px}}@media (width<=1050px){.container{width:calc(100% - 64px)}.hero{gap:32px;padding-top:65px}.header-inner{gap:18px}.navigation{gap:24px}.header-actions{gap:8px}.hero-actions{gap:18px}.hero-english{font-size:20px}.art-note{padding:12px 15px;font-size:10px;left:-15px}.art-side{right:-8px}.about{gap:50px}.section{padding-top:75px;padding-bottom:75px}.project-cover{height:275px}.browser-art{width:80%;height:235px;top:30px;left:10%}.browser-body{padding:22px 20px}.browser-body strong{font-size:31px}.browser-orbit{width:105px;height:105px;top:45px;right:12px}.browser-orbit span{font-size:40px}.town-caption{font-size:22px;bottom:25px;left:23px}.contact-section{padding-bottom:70px}}@media (width<=760px){.container{width:calc(100% - 40px)}.header-inner{height:76px}.brand-symbol{font-size:36px}.brand-text{font-size:12px}.brand-text small{font-size:9px}.navigation{background:var(--surface);border:1px solid var(--border);box-shadow:0 15px 30px var(--shadow);border-radius:8px;justify-content:space-between;gap:15px;padding:15px 22px;display:none;position:absolute;top:76px;left:20px;right:20px}.navigation.open{display:flex}.menu-button{display:grid}.header-actions{gap:2px}.resume-button{padding:9px 12px}.theme-button{width:38px}.hero{grid-template-columns:1fr;row-gap:30px;padding-top:50px}.hero-copy{padding:0}.hello{margin-bottom:24px}h1{letter-spacing:-.8px;font-size:clamp(32px,7.8vw,45px);line-height:1.55}.hero-english{font-size:19px}.hero-description{margin-top:23px}.hero-actions{gap:25px;margin-top:26px}.hero-interests{margin-top:28px}.artwork{justify-self:center;max-width:410px;padding:5px 35px 20px 25px}.landscape-frame{max-width:310px;margin:auto}.art-note{bottom:32px;left:0}.art-side{right:5px}.hero-foot{margin-top:0;padding-top:10px}.about{grid-template-columns:1fr;gap:28px}.section{padding-top:58px;padding-bottom:58px}h2{font-size:26px}.section-label{margin-bottom:16px}.about-content p{font-size:13px}.about-content .lead{font-size:16px}.section-top{flex-direction:column;align-items:flex-start;gap:23px;margin-bottom:28px}.project-grid{grid-template-columns:1fr;gap:35px;min-height:0}.project-cover{height:290px}.browser-art{max-width:330px;height:245px;left:50%;transform:translate(-50%)rotate(-7deg)}.project-cover:hover .browser-art{transform:translate(-50%)rotate(-3deg)translateY(-6px)}.browser-body strong{font-size:34px}.project-leave-active{width:100%}.projects-foot{flex-direction:column;gap:12px;margin-top:30px}.note-row{gap:16px;padding:24px 0}.note-row:hover{padding:24px 8px}.note-icon{border-radius:10px;width:44px;height:44px}.note-text strong{font-size:16px}.note-text>span{font-size:11px}.note-read{gap:0;font-size:0}.section-aside{display:none}.contact-section{padding:5px 0 55px}.contact-section h2{font-size:26px}.contact-section>span{font-size:17px}.site-footer{flex-wrap:wrap;gap:12px;padding:22px 0}.back-top{border-top:1px solid var(--border);justify-content:center;width:100%;margin-top:5px;padding-top:12px}.detail-dialog{padding:23px}.detail-dialog h2{font-size:24px}}@media (width<=380px){.brand-text small{display:none}.brand-text{font-size:10px}.brand{gap:8px}.resume-button{padding:8px;font-size:11px}.resume-button svg{display:none}.hero-actions{gap:17px}.button{gap:14px;padding:12px 18px}.quiet-link{font-size:12px}.hero-english{font-size:17px}.art-note{padding:10px 12px}.art-label{font-size:8px}.art-label>span:first-child{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.landscape-frame,.artwork:hover .landscape-frame{transform:rotate(3deg)}}@media (width<=760px){.art-orbit{display:none}}.site{isolation:isolate;--bg:#edf3fc;--surface:#fff;--text:#20364c;--muted:#586e86;--accent:#347fae;--accent-soft:#dceafa;--border:#cddcee;--section:#e5eef9;position:relative}.site.dark{--bg:#081320;--surface:#102237;--text:#edf4fa;--muted:#a5b5c9;--accent:#83c7fa;--accent-soft:#182f48;--border:#283e55;--section:#0e1c2e;--shadow:#0005}.sky-background{z-index:-1;pointer-events:none;background:linear-gradient(150deg,var(--bg),var(--section) 48%,var(--bg) 80%);position:absolute;inset:0;overflow:hidden}.sky-glow{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.glow-blue{background:#1973b4;width:780px;height:700px;top:100px;right:-100px}.glow-purple{opacity:.15;background:#5857a0;width:500px;height:500px;top:1500px;left:-300px}.star-field{opacity:.45;background-image:radial-gradient(circle,#b9dfff88 .8px,#0000 1.2px),radial-gradient(circle,#8fbbde55 1px,#0000 1.4px);background-position:32px 43px,110px 70px;background-size:163px 137px,257px 239px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 43%,#000 75%);mask-image:linear-gradient(#000,#0000 43%,#000 75%)}.site:not(.dark) .star-field{opacity:.1}.site:not(.dark) .sky-glow{opacity:.12}.site-header{background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom-color:color-mix(in srgb,var(--border) 60%,transparent)}.container{width:min(1200px,100% - 96px)}.header-inner{height:98px}.brand-symbol{font-weight:700}.brand-text{font-size:14px}.brand-text small{letter-spacing:.5px}.navigation{gap:36px;font-size:14px}.resume-button{background:color-mix(in srgb,var(--accent-soft) 45%,transparent);border-radius:9px}.hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:20px;min-height:790px;padding-top:68px}.hero-copy{z-index:1;padding:0}.hello{letter-spacing:.5px;margin-bottom:28px;font-size:13px}.identity-title{letter-spacing:-5px;margin:0 0 30px;font:clamp(74px,7.5vw,112px)/.93 Georgia,Times New Roman,serif}.identity-title em{color:var(--accent);font-weight:400}.personal-motto{letter-spacing:1px;margin:0 0 8px;font-size:24px;line-height:1.6}.hero-english{color:var(--muted);margin:0;font:italic 17px/1.7 Georgia,serif}.hero-description{color:var(--muted);margin-top:23px;font-size:14px;line-height:1.9}.hero-actions{margin-top:28px}.button{border-radius:9px;min-height:50px;position:relative}.primary{color:#10273b;background:linear-gradient(110deg,var(--accent),#aad5ff);box-shadow:0 7px 30px #3b9cde18}.primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px #6cbaff40}.hero-interests{color:var(--muted);margin-top:29px}.hero-foot{grid-column:1/-1;align-self:end;margin-top:32px;padding:27px 0}.hero-foot>span:before{content:"✦";color:var(--accent);margin-right:12px}.cosmic-art{align-items:center;width:100%;min-height:545px;animation:1s .15s both arrival;display:grid;position:relative}.planet-halo{aspect-ratio:1;background:radial-gradient(#287bba30,#0000 68%);border-radius:50%;width:95%;position:absolute;top:0;left:5%}.island-parallax{transition:transform .45s ease-out;position:relative}.floating-island{filter:drop-shadow(0 40px 35px #0005);width:115%;height:auto;margin-left:-6%;animation:8s ease-in-out infinite island-drift;display:block}.cosmic-orbit{border:1px solid #5f9ac44a;border-radius:50%;width:100%;height:56%;position:absolute;top:23%;left:0;transform:rotate(-25deg)}.orbit-b{opacity:.5;border-style:dashed;transform:rotate(27deg)}.spark{color:var(--accent);z-index:2;position:absolute}.spark-a{font-size:32px;animation:5s ease-in-out infinite star-breathe;top:5%;right:11%}.spark-b{font-size:23px;top:30%;left:6%}.spark-c{font-size:25px;bottom:20%;right:0}.orbit-caption{background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #6c9dc64a;border-radius:13px;align-items:center;gap:15px;padding:15px 23px;font-size:13px;display:flex;position:absolute;bottom:0;left:14%;transform:rotate(-4deg);box-shadow:0 20px 45px #0002}.orbit-caption small{color:var(--muted);font:italic 12px/1.9 Georgia,serif;display:block}.caption-star{color:var(--accent);font-size:30px}.space-coordinate{color:var(--muted);writing-mode:vertical-rl;letter-spacing:1px;font:italic 11px Georgia,serif;position:absolute;bottom:14%;right:4%}.section{padding-top:88px;padding-bottom:88px}.about{border-bottom:1px solid var(--border);gap:90px}.section-label{color:var(--accent)}.section-label>span{color:var(--muted)}h2{letter-spacing:-.5px;font-size:34px;font-weight:500}.about-content p{font-size:15px;line-height:1.95}.signature{color:var(--accent);font-size:36px}.projects-section{background:0 0}.project-grid{gap:30px}.project-cover{border:1px solid #5686b440;border-radius:16px;height:330px;transition:border-color .3s,box-shadow .3s}.project-cover:hover{border-color:var(--accent);box-shadow:0 14px 40px #06101e55}.project-cover.website{background:radial-gradient(at 70% 20%,#31597b,#152439 75%)}.browser-art{background:#0c1a2b;border-color:#638bad;box-shadow:20px 35px 40px #0005}.browser-bar{border-bottom-color:#304663}.browser-body{color:#edf4fa}.browser-name{color:#97b4cd}.browser-body strong{font-family:Georgia,serif}.browser-body em{color:#83c7fa}.browser-orbit{border-color:#588ab955}.browser-orbit span{color:#8fc7f6}.browser-lines{background:#83c7fa}.cover-caption{color:#b9cde0}.project-cover.town{background:radial-gradient(at 70% 30%,#294b5a,#102334 80%)}.project-island{width:83%;transition:transform .7s;position:absolute;top:-23%;right:-6%}.project-cover:hover .project-island{transform:translateY(-9px)rotate(3deg)}.town-caption{color:#edf4fa;z-index:1;font-size:30px;bottom:45px;left:30px}.town-caption small{color:#b7d3e7}.cover-open{color:#dceeff;background:#ffffff10;border:1px solid #ffffff30}.project-heading{margin-top:23px}.project-status{color:var(--accent);background:var(--accent-soft)}.project-card h3{font-size:23px}.project-card>p{font-size:14px}.projects-foot{border-color:var(--border)}.note-list{border-top:1px solid var(--border)}.note-row{background:0 0}.note-icon{background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:12px}.note-row:hover{background:color-mix(in srgb,var(--surface) 55%,transparent)}.contact-section{border:1px solid var(--border);background:radial-gradient(at 50% 80%,#3b80b51a,#0000 65%);border-radius:22px;margin-bottom:80px;padding:58px 25px 62px;position:relative}.contact-flower{color:var(--accent)}.contact-section h2{font-size:35px}.site-footer{padding-top:28px;padding-bottom:28px}.detail-dialog{background:var(--surface)}.shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#c5e8ff);width:120px;height:1px;animation:14s 4s infinite shoot;position:absolute;top:180px;right:7%;transform:rotate(-30deg)}@keyframes island-drift{50%{transform:translateY(-16px)rotate(1deg)}}@keyframes star-breathe{50%{opacity:.4;transform:scale(.8)}}@keyframes shoot{0%,85%,to{opacity:0;translate:0}87%{opacity:.8}93%{opacity:0;translate:-460px 260px}}@media (width<=1050px){.hero{gap:10px;min-height:720px}.identity-title{font-size:90px}.personal-motto{font-size:20px}.cosmic-art{min-height:450px}.orbit-caption{font-size:12px;left:5%}.hero-description{font-size:13px}.about{gap:45px}.project-cover{height:290px}}@media (width<=760px){.container{width:calc(100% - 40px)}.header-inner{height:76px}.navigation{gap:18px;font-size:13px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:45px}.identity-title{letter-spacing:-4px;font-size:88px}.hello{margin-bottom:26px;font-size:12px}.personal-motto{letter-spacing:0;font-size:20px}.hero-english{font-size:16px}.hero-description{margin-top:21px}.cosmic-art{min-height:365px;margin-top:26px}.floating-island{width:106%;margin-left:-3%}.cosmic-orbit{width:94%;height:55%;top:24%;left:3%}.orbit-caption{padding:11px 17px;bottom:0;left:17%}.space-coordinate{display:none}.hero-foot{margin-top:20px;padding:25px 0}.about{grid-template-columns:1fr;gap:25px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:28px}.project-cover{height:290px}.project-island{width:85%;top:-18%}.contact-section{margin-bottom:40px;padding:40px 18px}.contact-section h2{font-size:26px}.sky-glow{filter:blur(75px);width:480px;height:520px}.glow-blue{top:330px;right:-230px}.brand-text{font-size:12px}}@media (width<=380px){.identity-title{font-size:78px}.personal-motto{font-size:18px}.cosmic-art{min-height:325px}.orbit-caption{font-size:11px;left:12%}}@media (prefers-reduced-motion:reduce){.floating-island,.spark,.shooting-star{animation:none}.island-parallax{transform:none!important}.shooting-star{display:none}}.browser-orbit{background:radial-gradient(circle at 35% 30%,#244f73,#10283e)}:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.4,0,.2,1)}.hero{grid-template-columns:1fr 1.02fr;gap:40px;min-height:830px;padding-top:55px}.hero-copy{animation:none}.hello{color:var(--text);animation:hero-line .8s var(--ease-out) both;align-items:baseline;gap:12px;margin-bottom:27px;display:flex}.hello .name-greeting{width:auto;height:auto;box-shadow:none;color:var(--muted);letter-spacing:1px;background:0 0;border-radius:0;font-size:22px;font-weight:400;display:inline}.hello strong{letter-spacing:2px;font-size:34px;font-weight:500}.hello .name-period{width:auto;height:auto;box-shadow:none;color:var(--accent);background:0 0;display:inline}.identity-title{letter-spacing:-6px;animation:hero-name 1.15s .1s var(--ease-out) both;text-shadow:0 0 60px #a3d7ff08;margin-bottom:32px;font-size:clamp(86px,8.6vw,126px)}.identity-title em{color:#0000;background:linear-gradient(110deg,#86c8fa,#bfdcff 65%,#739ec9);-webkit-background-clip:text;background-clip:text;display:inline-block}.personal-motto{animation:hero-line .85s .26s var(--ease-out) both;font-size:25px}.hero-english{animation:hero-line .85s .35s var(--ease-out) both;font-size:18px}.hero-description{animation:hero-line .85s .42s var(--ease-out) both;font-size:15px}.hero-actions{animation:hero-line .85s .5s var(--ease-out) both}.hero-interests{animation:hero-line .85s .6s var(--ease-out) both}.constellation-canvas{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.cosmic-art{min-height:570px;animation:art-arrive 1.6s .15s var(--ease-out) both}.planet-halo{background:radial-gradient(#3c90db32,#0000 69%);width:120%;top:-3%;left:-10%}.cosmic-orbit{border-color:#7eaece44}.orbit-a:after{content:"";background:#8bcafa;border-radius:50%;width:5px;height:5px;position:absolute;top:17%;left:11%;box-shadow:0 0 14px #8bcafa}.orbit-b{border-style:solid;border-color:#5885bc20}.art-glass-label{letter-spacing:.4px;background:color-mix(in srgb,var(--surface) 65%,transparent);z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #77acd83a;border-radius:11px;padding:14px 20px;font-size:13px;position:absolute;top:-8px;right:0;transform:rotate(5deg)}.art-glass-label small{color:var(--muted);margin-left:14px;font:italic 11px/1.8 Georgia,serif;display:block}.label-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #83c7fa55}.orbit-caption{border-color:#6496c855;bottom:-6px;left:10%}.hero-foot-actions{align-items:center;gap:32px;display:flex}.motion-toggle{color:var(--muted);background:0 0;min-height:44px;padding:0 8px;font-size:12px}.motion-toggle:hover{color:var(--accent)}.project-cover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease-out),box-shadow .35s,border-color .35s;will-change:auto;isolation:isolate}.project-cover:after{content:"";background:radial-gradient(circle 240px at var(--px,50%) var(--py,50%),#b3dfff24,transparent 72%);opacity:0;pointer-events:none;z-index:2;transition:opacity .35s;position:absolute;inset:0}.project-cover:hover:after{opacity:1}.project-cover .cover-open{transition:transform .4s var(--ease-out),background .3s,color .3s}.project-cover:hover .cover-open{color:#0c243b;background:#a0d3ff;transform:rotate(45deg)}.project-cover:hover .cover-open svg{transform:rotate(-45deg)}.filters{gap:5px;position:relative}.filters button{transition:background .3s var(--ease-soft),box-shadow .3s,color .3s;min-height:44px}.filters button.active{box-shadow:0 3px 14px #85c9ff15}.note-row{transition:padding .4s var(--ease-out),background .3s}.note-read svg{transition:transform .4s var(--ease-out)}.note-row:hover .note-read svg{transform:translate(6px)}.navigation a:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.navigation a:hover:before{transform:scaleX(1)}.primary:active{transform:translateY(0)scale(.97)}.button svg{transition:transform .35s var(--ease-out)}.button:hover svg{transform:translate(3px,-1px)}@keyframes hero-line{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-name{0%{opacity:0;filter:blur(7px);transform:translateY(25px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes art-arrive{0%{opacity:0;transform:translateY(20px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}.motion-paused .hero-copy>*,.motion-paused .cosmic-art{animation:none!important}.site:not(.dark) .identity-title em{background:linear-gradient(110deg,#2e709f,#5793bf);-webkit-background-clip:text;background-clip:text}.site:not(.dark) .art-glass-label{border-color:var(--border)}@media (width<=1050px){.hero{gap:15px;min-height:790px}.hello strong{font-size:30px}.hello .name-greeting{font-size:20px}.identity-title{font-size:100px}.cosmic-art{min-height:470px}.personal-motto{font-size:22px}.art-glass-label{padding:10px 14px;font-size:12px;right:10px}}@media (width<=760px){.hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:40px}.hello{margin-bottom:25px}.hello strong{font-size:30px}.hello .name-greeting{font-size:20px}.identity-title{letter-spacing:-5px;margin-bottom:28px;font-size:clamp(80px,23vw,108px)}.personal-motto{font-size:20px}.hero-english{font-size:17px}.hero-description{font-size:15px}.cosmic-art{min-height:370px;margin-top:48px}.art-glass-label{font-size:11px;top:-16px;right:5px}.art-glass-label small{font-size:10px}.hero-foot-actions{gap:12px}.hero-foot,.motion-toggle{font-size:11px}.orbit-caption{bottom:0;left:10%}.about-content p,.project-card>p{font-size:15px}.note-text>span{font-size:13px;line-height:1.8}.section-label{font-size:13px}.project-heading{font-size:12px}.project-cover{transform:none}.hero-foot>span{max-width:140px}.hero-foot>span:before{margin-right:6px}}@media (width<=380px){.hello strong{font-size:28px}.hello .name-greeting{font-size:18px}.identity-title{font-size:80px}.personal-motto{font-size:18px}.hero-foot-actions{gap:5px}.hero-foot>span{max-width:120px}.cosmic-art{min-height:335px}}@media (prefers-reduced-motion:reduce){.hero-copy>*,.cosmic-art{opacity:1;filter:none;transform:none;animation:none!important}.project-cover{transform:none!important}.motion-toggle{display:none}}.cosmic-art{isolation:isolate}.portal-scene{z-index:-1;pointer-events:none;position:absolute;inset:-70px -55px -45px;overflow:hidden;-webkit-mask-image:radial-gradient(#000 40%,#0000 73%);mask-image:radial-gradient(#000 40%,#0000 73%)}.portal-aura{filter:blur(15px);background:radial-gradient(at 51% 49%,#ffa36c24,#0000 36%),radial-gradient(at 55% 35%,#8186ef26,#0000 60%);animation:9s ease-in-out infinite portal-breathe;position:absolute;inset:2% -10%}.light-gate{background:linear-gradient(135deg,#bce7ff,#ae9dff 48%,#ffcea9);border-radius:72px 72px 3px 3px;width:145px;height:310px;padding:2px;position:absolute;top:30px;left:calc(50% - 72px);overflow:hidden;transform:perspective(600px)rotateY(-12deg);box-shadow:0 0 18px #b4dcff70,0 0 80px #8a9fe548,0 0 160px #f6b08620}.gate-inner{border-radius:inherit;background:linear-gradient(#6d89ae15,#9ba8ea19 55%,#ffcb9c65);position:absolute;inset:3px;box-shadow:inset 0 0 20px #c7e7ff36}.gate-flow{background:conic-gradient(#0000 15%,#eff7ff90 25%,#0000 35%,#f9cfb965 55%,#0000 65%);animation:16s linear infinite gate-turn;position:absolute;inset:-100%}.gate-reflection{filter:blur(10px);background:radial-gradient(#ffcd974a,#8dbaf832 35%,#0000 70%);width:220px;height:165px;animation:9s ease-in-out infinite portal-breathe;position:absolute;bottom:24px;left:calc(50% - 110px);transform:perspective(250px)rotateX(55deg)}.distant-ridge{color:#324663;opacity:.35;width:100%;height:180px;position:absolute;bottom:70px;left:0}.light-water{background:repeating-linear-gradient(175deg,#0000 0 9px,#c0d7fc10 10px 11px,#0000 12px 19px);height:55px;animation:8s ease-in-out infinite water-shimmer;position:absolute;bottom:60px;left:12%;right:12%;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.floating-island{filter:drop-shadow(0 35px 35px #0006)drop-shadow(0 -7px 20px #b7dbff18)}.planet-halo{opacity:.75}.sky-background .glow-purple{opacity:.15;background:#776bb7;top:250px;left:auto;right:0}.orbit-caption{box-shadow:0 12px 50px #050e2580}.site:not(.dark) .portal-scene{opacity:.7}.site:not(.dark) .distant-ridge{color:#6985b0}@keyframes portal-breathe{0%,to{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes gate-turn{to{transform:rotate(360deg)}}@keyframes water-shimmer{50%{opacity:.5;transform:translate(8px)}}@media (width<=760px){.portal-scene{inset:-45px -12px -25px}.light-gate{width:110px;height:235px;top:12px;left:calc(50% - 55px)}.distant-ridge{height:120px;bottom:50px}.gate-reflection{height:120px;bottom:0}.light-water{height:40px;bottom:35px}.cosmic-art{margin-top:62px}.art-glass-label{top:-23px}}@media (prefers-reduced-motion:reduce){.portal-aura,.gate-flow,.gate-reflection,.light-water{animation:none!important}}.cinema-rig{height:320svh;min-height:2200px;position:relative}.cinema-stage{isolation:isolate;--intro-fade:1;--intro-rise:0px;--scene-scale:1;--scene-shift:0px;--scene-fade:1;--story-fade:0;--story-shift:65px;--work-fade:0;--work-shift:70px;background:radial-gradient(at 75% 45%,#173b5d55,#0000 58%);height:calc(100svh - 98px);min-height:690px;position:sticky;top:98px;overflow:hidden}.cinema-opening{height:100%}.cinema-stage .hero{align-items:center;height:100%;min-height:0;padding-top:30px;padding-bottom:75px}.cinema-stage .hero-copy{opacity:var(--intro-fade);transform:translateY(var(--intro-rise));will-change:transform,opacity}.cinema-stage .cosmic-art{transform:translateY(var(--scene-shift)) scale(var(--scene-scale));opacity:var(--scene-fade);will-change:transform,opacity;animation:none}.cinema-stage .hero-foot,.cinema-stage .portal-scene{display:none}.cinema-stage .identity-title{font-size:clamp(82px,7.8vw,112px)}.cinema-chapters{color:var(--muted);white-space:nowrap;align-items:center;gap:15px;font-size:12px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.cinema-chapters i{background:var(--border);width:38px;height:1px}.cinema-chapters span{transition:color .3s}.cinema-chapters .active{color:var(--accent)}.cinema-chapters:after{content:"";background:var(--accent);width:100%;height:1px;transform:scaleX(var(--story-progress,0));transform-origin:0;opacity:.6;position:absolute;bottom:-9px;left:0}.cinema-story{text-align:center;opacity:var(--story-fade);transform:translateY(var(--story-shift));pointer-events:none;background:radial-gradient(#081320bb,#0000 72%);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:absolute;inset:0}.cinema-eyebrow{color:var(--accent);margin:0 0 25px;font-size:14px}.cinema-story h2{letter-spacing:2px;font-size:clamp(36px,4.6vw,65px);line-height:1.5}.cinema-story-description{color:var(--muted);margin-top:30px;font-size:17px;line-height:2}.story-interests{gap:12px;margin-top:24px;display:flex}.story-interests span{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:8px 20px;font-size:13px}.cinema-work{opacity:var(--work-fade);transform:translateX(var(--work-shift));pointer-events:none;flex-direction:column;justify-content:center;padding:50px max(48px,50% - 580px) 65px;display:flex;position:absolute;inset:0}.cinema-stage[data-phase="2"] .cinema-work{pointer-events:auto}.cinema-work-heading{margin-bottom:25px}.cinema-work-heading .cinema-eyebrow{margin-bottom:12px}.cinema-work-heading h2{font-size:42px}.cinema-work-heading>p:last-child{color:var(--muted);font-size:15px}.cinema-work-track{gap:25px;display:flex}.cinema-work-card{background:color-mix(in srgb,var(--surface) 90%,transparent);text-align:left;min-width:0;color:var(--text);border:1px solid #45678266;border-radius:18px;flex:1;padding:0 0 22px;transition:transform .3s,border-color .3s;overflow:hidden}.cinema-work-card:hover{border-color:var(--accent);transform:translateY(-5px)}.cinema-card-art{background:radial-gradient(at 50% 80%,#335f89,#102333);place-items:center;height:190px;display:grid;overflow:hidden}.cinema-card-art.town{background:radial-gradient(#244b53,#142635)}.cinema-card-art img{width:255px;margin-top:-15px}.cinema-code-art{color:#cde9ff;font:italic 48px Georgia,serif}.cinema-code-art small{letter-spacing:3px;text-align:center;color:#8ab6d8;margin-top:12px;font:12px Segoe UI,sans-serif;display:block}.cinema-card-type{color:var(--accent);margin:20px 23px 8px;font-size:12px;display:block}.cinema-work-card strong{justify-content:space-between;align-items:center;margin:0 23px;font-size:22px;font-weight:500;display:flex}.cinema-work-card strong>span{color:var(--accent)}.cinema-work-card>p{color:var(--muted);margin:12px 23px 0;font-size:14px;line-height:1.7}.cinema-continue{color:var(--accent);align-self:flex-end;align-items:center;gap:20px;min-height:44px;margin-top:22px;font-size:14px;display:flex}.site:not(.dark) .cinema-story{background:radial-gradient(#edf3fcdd,#0000 75%)}.header-motion{color:var(--muted);background:0 0;min-height:44px;padding:10px;font-size:12px}.header-motion:hover{color:var(--accent)}.cinema-static{height:auto;min-height:0}.cinema-static .cinema-stage{height:auto;position:relative;top:0;overflow:visible}.cinema-static .cinema-opening{height:800px}.cinema-static .hero-copy,.cinema-static .cosmic-art{opacity:1!important;transform:none!important}.cinema-static .cinema-story,.cinema-static .cinema-work{opacity:1;pointer-events:auto;min-height:600px;position:relative;inset:auto;transform:none}.cinema-static .cinema-chapters{display:none}@media (width<=1050px){.cinema-stage .identity-title{font-size:88px}.cinema-stage .personal-motto{font-size:20px}.cinema-stage .hello strong{font-size:30px}.cinema-work{padding:35px 30px 60px}.cinema-card-art{height:170px}}@media (width<=760px){.cinema-rig{height:330svh;min-height:2350px}.cinema-stage{height:calc(100svh - 76px);min-height:730px;top:76px}.cinema-stage .hero{width:100%;padding:0;display:block}.cinema-stage .hero-copy{text-align:center;position:absolute;top:30px;left:20px;right:20px}.cinema-stage .hello{justify-content:center;margin-bottom:20px}.cinema-stage .hello strong{font-size:28px}.cinema-stage .hello .name-greeting{font-size:18px}.cinema-stage .identity-title{margin-bottom:20px;font-size:76px;line-height:.96}.cinema-stage .personal-motto{font-size:18px}.cinema-stage .hero-english{font-size:16px}.cinema-stage .hero-description,.cinema-stage .hero-interests{display:none}.cinema-stage .hero-actions{justify-content:center;gap:20px;position:absolute;top:595px;left:0;right:0}.cinema-stage .cosmic-art{width:290px;height:290px;min-height:290px;transform:translateY(var(--scene-shift)) scale(var(--scene-scale));margin:0;position:absolute;top:325px;left:calc(50% - 145px)}.cinema-stage .art-glass-label{display:none}.cinema-stage .orbit-caption{padding:9px 13px;font-size:10px;bottom:-5px;left:12%}.cinema-stage .caption-star{font-size:23px}.cinema-stage .orbit-caption small{font-size:10px}.cinema-chapters{gap:12px;font-size:11px;bottom:22px}.cinema-story h2{letter-spacing:0;font-size:32px}.cinema-story-description{font-size:15px}.story-interests{gap:7px}.story-interests span{padding:7px 11px;font-size:11px}.cinema-work{padding:30px 20px 55px}.cinema-work-heading h2{font-size:31px}.cinema-work-heading>p:last-child{font-size:13px}.cinema-work-heading .cinema-eyebrow{font-size:12px}.cinema-work-track{flex-direction:column;gap:12px}.cinema-work-card{flex:auto;grid-template-columns:100px 1fr;min-height:150px;padding:0;display:grid}.cinema-card-art{grid-row:1/4;height:100%;min-height:150px}.cinema-card-art img{width:170px;margin-top:0}.cinema-code-art{font-size:19px}.cinema-code-art small{letter-spacing:0;font-size:8px}.cinema-card-type{margin:15px 14px 5px;font-size:11px}.cinema-work-card strong{margin:0 14px;font-size:17px}.cinema-work-card>p{margin:8px 14px 14px;font-size:12px}.cinema-work-heading{margin-bottom:18px}.cinema-continue{margin-top:15px;font-size:13px}.header-motion{padding:8px;font-size:10px}.header-actions{gap:0}.brand-text small{display:none}.resume-button{padding:8px;font-size:11px}.resume-button svg{display:none}.cinema-static{height:auto;min-height:0}.cinema-static .cinema-opening{height:730px}.cinema-static .cinema-story,.cinema-static .cinema-work{min-height:580px}}@media (prefers-reduced-motion:reduce){.cinema-rig{height:auto;min-height:0}.cinema-stage{height:auto;position:relative;top:0;overflow:visible}.cinema-opening{height:800px}.cinema-stage .hero-copy,.cinema-stage .cosmic-art{opacity:1;transform:none}.cinema-story,.cinema-work{opacity:1;pointer-events:auto;min-height:600px;position:relative;inset:auto;transform:none}.cinema-chapters{display:none}}@media (width>=761px){.cinema-rig{height:calc(100svh - 98px);min-height:690px;scroll-margin-top:98px}.cinema-stage{height:100%;min-height:690px;position:relative;top:0}.about,.projects-section,.notes-section{flex-direction:column;justify-content:center;min-height:calc(100svh - 98px);scroll-margin-top:98px;display:flex}.about{align-content:center;display:grid}.contact-section{flex-direction:column;justify-content:center;min-height:calc(100svh - 140px);scroll-margin-top:110px;display:flex}.cinema-chapters button{color:var(--muted);background:0 0;min-height:44px;padding:10px 4px;font-size:12px;transition:color .3s}.cinema-chapters button.active{color:var(--accent)}.cinema-chapters button:hover{color:var(--text)}.cinema-static,.cinema-static .cinema-stage{height:auto}.cinema-static .cinema-opening{height:800px}}@media (width<=760px){.cinema-chapters button{color:var(--muted);background:0 0;padding:10px 2px;font-size:11px}.cinema-chapters button.active{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.cinema-rig{height:auto}.cinema-stage{height:auto;position:relative}}@media (width>=761px){html{scroll-padding-top:98px}.cinema-rig,.about,.projects-section,.notes-section,.contact-section{scroll-margin-top:0}.cinema-rig,.cinema-stage{min-height:0}.cinema-stage .art-glass-label{opacity:var(--intro-fade);transition:opacity .3s}.cinema-stage .orbit-caption,.cinema-stage .space-coordinate{opacity:var(--intro-fade)}.cinema-story{background:radial-gradient(#081320e8,#0000 85%)}.cinema-work{background:linear-gradient(90deg,#081320cf,#08132065);gap:0}.cinema-chapters{z-index:3}.project-grid{min-height:0}.projects-section{padding-top:58px;padding-bottom:58px}.notes-section{padding-top:60px;padding-bottom:60px}.contact-section{border-left:0;border-right:0;border-radius:0;min-height:calc(100svh - 98px);margin-top:0;margin-bottom:0}.site-footer{scroll-margin-top:0}}@media (width>=761px) and (height<=850px){.cinema-stage .hero{padding-top:20px;padding-bottom:60px}.cinema-stage .identity-title{margin-bottom:20px;font-size:82px}.cinema-stage .hello{margin-bottom:18px}.cinema-stage .hello strong{font-size:29px}.cinema-stage .hello .name-greeting{font-size:19px}.cinema-stage .personal-motto{font-size:20px}.cinema-stage .hero-description{margin-top:14px;font-size:13px}.cinema-stage .hero-actions{margin-top:20px}.cinema-stage .hero-interests{margin-top:18px}.cinema-stage .cosmic-art{min-height:440px}.cinema-story h2{font-size:45px}.cinema-story-description{margin-top:15px;font-size:15px}.cinema-work{padding-top:25px;padding-bottom:60px}.cinema-work-heading{margin-bottom:15px}.cinema-work-heading h2{font-size:32px}.cinema-card-art{height:140px}.cinema-work-card>p{font-size:13px}.cinema-card-type{margin-top:15px}.cinema-work-card{padding-bottom:18px}.cinema-continue{margin-top:12px}}@media (width>=761px) and (height<=650px){.cinema-stage .identity-title{font-size:66px}.cinema-stage .hero-description,.cinema-stage .hero-interests{display:none}.cinema-stage .cosmic-art{min-height:350px}.cinema-stage .hello strong{font-size:24px}.cinema-stage .hello .name-greeting{font-size:17px}.cinema-work-heading>p:last-child{display:none}.cinema-card-art{height:100px}.cinema-work-heading h2{font-size:27px}.cinema-work-card strong{font-size:18px}.cinema-story h2{font-size:36px}.story-interests{margin-top:10px}}.cinema-work{transform:translateY(var(--work-shift)) scale(calc(1 - var(--work-shift) / 800px));transform-origin:50%}.contact-section{isolation:isolate;overflow:hidden}.contact-section:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(at 50% 60%,#649dce24,#0000 59%);transition:opacity 1.2s,transform 1.6s cubic-bezier(.22,1,.36,1);position:absolute;inset:5% -10%;transform:scale(.6)}.contact-section:after{content:"";aspect-ratio:1;opacity:0;z-index:-1;pointer-events:none;border:1px solid #83c7fa1c;border-radius:50%;width:min(620px,85%);transition:transform 1.8s cubic-bezier(.22,1,.36,1),opacity 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.contact-section.finale-visible:before{opacity:1;transform:scale(1)}.contact-section.finale-visible:after{opacity:1;transform:translate(-50%,-50%)scale(1.15)}.contact-section.finale-visible .contact-flower{animation:1.1s cubic-bezier(.22,1,.36,1) both finale-star}.contact-section.finale-visible>p{animation:.8s .1s both finale-copy}.contact-section.finale-visible h2{animation:.9s .2s both finale-copy}.contact-section.finale-visible>span{animation:.9s .32s both finale-copy}.contact-section.finale-visible>.button{animation:.9s .45s both finale-copy}@keyframes finale-copy{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes finale-star{0%{opacity:0;transform:rotate(-65deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.motion-paused .contact-section *{animation:none!important}.motion-paused .contact-section:before,.motion-paused .contact-section:after{transition:none}@media (prefers-reduced-motion:reduce){.contact-section *{animation:none!important}.contact-section:before,.contact-section:after{transition:none}}.cinema-work{transform:translateY(var(--work-shift)) scale(var(--work-scale,1))}.cinema-static .cinema-work{transform:none}@media (prefers-reduced-motion:reduce){.cinema-work{transform:none}}.sculpture-art .cosmic-orbit,.sculpture-art .spark,.sculpture-art .space-coordinate{display:none}.sculpture-art .floating-island{filter:drop-shadow(0 28px 40px #0003);width:108%;margin-left:-4%}.sculpture-art .planet-halo{opacity:.55}.sculpture-art .orbit-caption{bottom:1%;left:12%}@media (width<=760px){.sculpture-art .floating-island{width:100%;margin-left:0}.sculpture-art .orbit-caption{left:10%}}