:root{--blue:#5bcefa;--pink:#f5a9b8;--ink:#273444;--paper:#fbfbfa;--line:#dfe6ea;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans SC',sans-serif;overflow-x:hidden}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(251,251,250,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(39,52,68,.08)}.brand{font-weight:800;letter-spacing:-.06em;font-size:18px;color:var(--ink);text-decoration:none}.brand span{color:var(--pink);margin:0 3px}.site-header nav{display:flex;gap:30px;font-size:12px}.site-header nav a,.header-link{color:var(--ink);text-decoration:none}.header-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:4px}.header-link span{color:var(--pink);margin-left:8px}.section-wrap{width:min(1220px,calc(100% - 48px));margin:auto}.hero{min-height:100dvh;padding-top:120px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.kicker,.section-label{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#6f7f8c}.hero h1{font-size:clamp(56px,8vw,116px);line-height:.96;letter-spacing:-.07em;margin:22px 0 28px;font-weight:800}.hero h1 em,.about h2 em,.skills h2 em,.work h2 em,.closing h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--blue),var(--pink));-webkit-background-clip:text;background-clip:text}.hero-lede{max-width:420px;font-size:16px;line-height:1.8;color:#667380}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:22px;text-decoration:none;padding:15px 20px;border-radius:999px;font-size:12px;transition:.3s}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(39,52,68,.2)}.text-link{font-size:12px;color:var(--ink);text-decoration:none}.text-link span{margin-left:8px;color:var(--pink)}.hero-art{height:620px;position:relative;display:grid;place-items:center}.hero-image{width:min(78%,430px);aspect-ratio:4/5;border-radius:45% 45% 22% 22%;overflow:hidden;position:relative;z-index:2;background:linear-gradient(150deg,#dff5ff,#ffe3ea)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.orbit{position:absolute;border:1px solid rgba(91,206,250,.4);border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:88%;height:55%}.orbit-b{width:74%;height:78%;border-color:rgba(245,169,184,.5);transform:rotate(38deg)}.hero-note{position:absolute;font:500 10px 'DM Mono',monospace;line-height:1.5;color:#71808b;z-index:3}.hero-note span{font-size:8px;color:#a4adb3}.note-top{top:16%;right:0}.note-bottom{bottom:14%;left:5%}.hero-scroll{position:absolute;bottom:24px;left:0;font:500 10px 'DM Mono',monospace;letter-spacing:.12em;color:#7f8a92}.hero-scroll span{display:inline-block;width:50px;height:1px;background:var(--ink);vertical-align:middle;margin-left:12px}.about{padding:170px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:52px}.about h2,.skills h2,.work h2,.closing h2{font-size:clamp(44px,6vw,82px);line-height:1;letter-spacing:-.07em;margin:0}.about-copy{max-width:470px}.large-copy{font-size:28px;line-height:1.3;margin:0 0 22px}.about-copy>p:not(.large-copy){color:#6d7a84;line-height:1.8}.trait-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.trait-cloud span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:11px;background:#fff}.skills{padding:120px 0 180px}.skills-head{display:flex;justify-content:space-between;align-items:end;margin:50px 0 70px}.skills-head p{max-width:270px;color:#74818b;font-size:13px;line-height:1.7}.skill-row{display:grid;grid-template-columns:55px 1.2fr 1fr 1.3fr 38px;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:13px}.skill-row:last-child{border-bottom:1px solid var(--line)}.skill-index,.skill-detail{font:11px 'DM Mono',monospace;color:#8b98a0}.skill-meter{height:4px;background:#e8eef1;border-radius:5px;overflow:hidden}.skill-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--pink));border-radius:inherit}.skill-row b{font:500 12px 'DM Mono',monospace;text-align:right}.work{padding:110px 0 150px;background:#eef6f8}.work-intro{margin-bottom:64px}.work-intro h2{margin:22px 0 16px}.work-intro p{color:#72828a;font-size:13px}.work-track{display:flex;gap:22px;width:max-content;padding-left:max(24px,calc((100vw - 1220px)/2));padding-right:24px}.work-card{width:min(72vw,430px);height:530px;border-radius:var(--radius);padding:25px;position:relative;overflow:hidden;flex-shrink:0;transition:transform .35s,box-shadow .35s}.work-card:hover{transform:scale(1.035) rotate(.5deg);box-shadow:0 24px 50px rgba(65,105,120,.2)}.card-blue{background:#bceafa}.card-pink{background:#f8c8d2}.card-lilac{background:#ddd5f2}.card-ink{background:#273444;color:#fff}.card-top{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;opacity:.65}.work-card h3{position:absolute;bottom:80px;left:25px;font-size:50px;line-height:.9;letter-spacing:-.07em;margin:0}.work-card p{position:absolute;bottom:27px;left:25px;max-width:250px;font-size:12px;line-height:1.5;opacity:.75}.card-arrow{position:absolute;right:25px;bottom:25px;font-size:25px}.lcd{margin-top:105px;background:#23303a;color:#e8f6ed;padding:20px;font:12px 'DM Mono',monospace;display:grid;gap:12px;transform:rotate(-3deg)}.lcd strong{font-size:23px}.lcd small{opacity:.65}.chart{height:150px;margin:90px 10px 0;display:flex;align-items:end;gap:10px}.chart i{width:30px;background:#273444;border-radius:5px 5px 0 0;height:var(--h,60%)}.chart i:nth-child(1){--h:45%}.chart i:nth-child(2){--h:72%}.chart i:nth-child(3){--h:58%}.chart i:nth-child(4){--h:88%}.chart i:nth-child(5){--h:66%}.chart i:nth-child(6){--h:100%}.chart b{font:38px 'DM Mono',monospace;margin-left:auto;align-self:start}.vn-scene{margin-top:92px;height:132px;padding:16px;background:linear-gradient(140deg,#aeb5d9,#f3c7d3);display:flex;flex-direction:column;justify-content:space-between;font:11px 'DM Mono',monospace}.vn-scene strong{font:20px 'Noto Sans SC',sans-serif}.arcade{margin-top:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:145px;border:1px solid rgba(255,255,255,.25);font:11px 'DM Mono',monospace}.arcade strong{font:42px Manrope,sans-serif;letter-spacing:-.08em}.arcade small{color:var(--pink)}.closing{min-height:620px;padding:150px 0;display:grid;grid-template-columns:1fr 1.5fr;align-items:center}.closing-mark{font-size:clamp(150px,25vw,330px);font-weight:800;letter-spacing:-.12em;color:#e5edf0}.closing h2{margin:22px 0 34px}.site-footer{padding:26px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:#82909a}.audio-toggle{position:fixed;z-index:21;right:24px;bottom:24px;border:0;background:#fff;border-radius:999px;padding:11px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(91,206,250,.2);cursor:pointer;color:var(--ink)}.bars{display:flex;gap:2px;height:15px;align-items:center}.bars i{display:block;width:2px;height:6px;background:var(--pink);transition:.2s}.audio-toggle.playing .bars i{animation:bar .7s ease-in-out infinite alternate}.audio-toggle.playing .bars i:nth-child(2){animation-delay:.15s}.audio-toggle.playing .bars i:nth-child(3){animation-delay:.3s}.audio-toggle.playing .bars i:nth-child(4){animation-delay:.45s}.audio-label{font:10px 'DM Mono',monospace}.cursor,.cursor-ring{position:fixed;pointer-events:none;z-index:99;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:multiply}.cursor{width:8px;height:8px;background:var(--pink)}.cursor-ring{width:32px;height:32px;border:1px solid rgba(91,206,250,.7);transition:width .2s,height .2s}.loader{position:fixed;inset:0;z-index:100;background:var(--paper);display:grid;place-items:center;align-content:center;gap:20px}.loader-mark{display:flex;gap:7px}.loader-mark span{width:36px;height:36px;border-radius:50%;display:block}.loader-mark span:first-child{background:var(--blue)}.loader-mark span:last-child{background:var(--pink);margin-left:-15px}.loader p{font:10px 'DM Mono',monospace;color:#80909a}@keyframes bar{to{height:15px}}@media(max-width:760px){.site-header{height:64px;padding:0 18px}.site-header nav{display:none}.section-wrap{width:calc(100% - 36px)}.hero{padding-top:95px;display:block}.hero-copy{position:relative;z-index:3}.hero h1{font-size:62px}.hero-art{height:430px;margin-top:-10px}.hero-image{width:65%;}.hero-note{font-size:9px}.about,.skills{padding:105px 0}.about-grid{display:block}.about-copy{margin-top:42px}.skills-head{display:block;margin:35px 0 50px}.skills-head p{margin-top:22px}.skill-row{grid-template-columns:30px 1fr 34px;gap:10px}.skill-detail{display:none}.skill-meter{grid-column:2 / 3}.work{padding:90px 0}.work-track{display:grid;width:auto;padding:0 18px;gap:16px}.work-card{width:100%;height:420px}.work-card h3{font-size:42px}.closing{min-height:520px;padding:100px 0;display:block}.closing-mark{font-size:150px;margin-bottom:40px}.site-footer{width:calc(100% - 36px);flex-wrap:wrap;gap:12px}.cursor,.cursor-ring{display:none}}
/* Full-character presentation and compact social identity row. */
.hero-image img{object-fit:contain!important;object-position:center bottom!important;display:block}
.social-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.social-links a{display:inline-flex;align-items:center;gap:7px;color:#63727d;text-decoration:none;font:11px 'DM Mono',monospace;transition:color .2s,transform .2s}.social-links a:hover{color:var(--ink);transform:translateY(-2px)}.social-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #cbd7dc;border-radius:50%;font-size:8px;color:var(--ink);background:#fff}