/* Original composition inspired by the quiet, grain-based direction at ikale.io. */
:root[data-theme=dark]{color-scheme:dark;--bg:#0b0c10;--paper:#121318;--ink:#eeeef2;--muted:#a0a1ad;--accent:#9993ff;--line:#ffffff14;--soft:#ffffff06;--soft2:#252532;--art-ink:#c2bcff;--art-a:#171620;--art-b:#555066;--art-c:#2d2b39;--art-d:#aaa4bd}
:root[data-theme=light]{color-scheme:light;--bg:#f7f7f8;--paper:#ffffff;--ink:#24252c;--muted:#6d6f7c;--accent:#6459ce;--line:#23243a1c;--soft:#23243a04;--soft2:#e6e5ed;--art-ink:#5c5583;--art-a:#f4f3f8;--art-b:#b3abc9;--art-c:#d2cee0;--art-d:#faf9fc}
body{isolation:isolate;background:var(--bg)}.wrap{max-width:960px;width:calc(100% - 64px)}.site-header{position:absolute;max-width:none;width:calc(100% - 64px);height:88px;color:var(--ink)}.brand{font-size:13px;font-weight:500;letter-spacing:.02em}.brand-mark,.brand-sub{display:none}.site-header nav{font-size:11px;gap:28px;color:var(--muted)}.theme-toggle{background:var(--soft);border:1px solid var(--line);color:var(--ink);width:33px;height:33px;display:grid;place-items:center;padding:0}.theme-icon{font-size:20px;font-weight:300;line-height:1}
.hero.full-hero{background:transparent;color:var(--ink);isolation:auto;overflow:visible;padding:130px 24px 140px}.hero-art.immersive-art{position:fixed;inset:0;z-index:-1;background:var(--bg);width:100%;height:100%;pointer-events:none}.immersive-art .shader-fallback{background:radial-gradient(ellipse at 50% 50%,#77718d12,transparent 65%),radial-gradient(circle,var(--muted) .45px,transparent .6px),var(--bg);background-size:auto,4px 4px,auto;opacity:.45}.hero-wash{background:radial-gradient(ellipse at 50% 42%,var(--bg) 0%,transparent 52%);opacity:.25}.cursor-glow{width:650px;height:650px;margin-left:-325px;margin-top:-325px;background:radial-gradient(circle,#7668ff33,transparent 60%);mix-blend-mode:screen}.cursor-glow.visible{opacity:.8}[data-theme=light] .cursor-glow{mix-blend-mode:multiply;background:radial-gradient(circle,#a59ae52a,transparent 60%)}
.avatar-placeholder{height:96px;width:96px;margin-bottom:26px;border:1px solid #ffffff26;background:#1c1b2466;box-shadow:0 0 0 6px #ffffff03,0 12px 50px #00000025;color:var(--ink)}.avatar-placeholder span{font-size:62px;color:#e0dced;margin-left:-8px;margin-top:-10px}[data-theme=light] .avatar-placeholder{background:#ffffff80;border-color:#9994b72e;box-shadow:0 0 0 6px #ffffff30,0 12px 45px #22223310}[data-theme=light] .avatar-placeholder span{color:#6f6687}
.hero.full-hero h1{font-size:clamp(48px,4.5vw,66px);font-weight:600;letter-spacing:-.04em;color:var(--ink);margin:0 0 19px}.name-period{color:var(--accent)}.full-hero .hero-description{font-size:15px;letter-spacing:.02em;color:var(--ink);line-height:2.1}.full-hero .hero-description span{font-size:12px;color:var(--muted);letter-spacing:0}.hero-links{display:flex;justify-content:center;gap:11px;margin-top:24px;pointer-events:auto}.hero-links a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--muted);backdrop-filter:blur(8px);transition:color .2s,transform .2s,border-color .2s}.hero-links a:hover{transform:translateY(-3px);color:var(--accent);border-color:var(--accent)}.hero-links svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}
.section{position:relative;padding-top:75px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:25px;font-family:"Songti SC","STSong","SimSun",serif;font-weight:600}.section-heading .eyebrow{font-size:8px;letter-spacing:.17em}.section-caption{font-size:11px}.project-grid{grid-template-columns:1fr 1fr;gap:16px}.project-card{padding:25px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 46%,transparent);border-radius:11px;backdrop-filter:blur(12px);transition:transform .3s,border-color .3s,background .3s}.project-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--paper) 70%,transparent)}.project-image{display:none}.project-meta{padding:0;min-height:110px}.project-meta h3{font-size:17px}.project-meta p{font-size:12px;line-height:1.9}.project-kind{font-size:9px}.project-number{font-size:10px;color:var(--accent)}
.notes-list{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:color-mix(in srgb,var(--paper) 35%,transparent);backdrop-filter:blur(12px)}.note-row{padding:25px 24px;grid-template-columns:80px 1fr 104px 18px;gap:15px}.note-row:last-child{border-bottom:0}.note-row:hover{background:var(--soft)}.note-row h3{font-size:14px}.note-row p{font-size:11px}.note-status{font-size:9px}.note-category{font-size:9px}.life-category{color:#aaa0ba}.sample-notice{font-size:9px;opacity:.8}.note-filters button{font-size:10px}.note-filters .active{background:var(--soft2);color:var(--accent)}
.about-section{max-width:960px;position:relative;margin-top:75px;padding:36px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 40%,transparent);backdrop-filter:blur(12px);border-radius:11px;gap:35px}.about-left h2{font-size:28px}.about-right p{font-size:12px}.about-signature{font-size:14px}.site-footer{margin-top:85px;position:relative;font-size:9px}.dialog-note{background:var(--soft2)}dialog::backdrop{background:#00000099}.dialog-body h2{font-size:26px}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 40px);height:74px}.site-header nav{gap:22px}.hero.full-hero{padding:125px 24px 140px;min-height:100svh}.hero.full-hero h1{font-size:54px}.avatar-placeholder{width:88px;height:88px}.avatar-placeholder span{font-size:58px}.full-hero .hero-description{font-size:13px}.full-hero .hero-description span{font-size:11px}.project-grid{grid-template-columns:1fr}.section{padding-top:55px}.section-heading h2{font-size:24px}.project-card{padding:23px}.project-meta{min-height:100px}.note-row{grid-template-columns:1fr 20px;padding:22px 20px;gap:6px}.note-row h3{font-size:14px}.note-row p{font-size:10px}.about-section{margin-top:55px;padding:27px;gap:20px}.about-left h2{font-size:29px}.about-right p{font-size:11px}.site-footer{margin-top:55px}.cursor-glow{width:440px;height:440px;margin-left:-220px;margin-top:-220px}}
@media(max-height:700px){.hero.full-hero{padding:105px 24px 110px;min-height:100svh}.avatar-placeholder{width:64px;height:64px;margin-bottom:20px}.avatar-placeholder span{font-size:44px}.hero.full-hero h1{font-size:48px;margin-bottom:14px}.full-hero .hero-description{font-size:12px}.full-hero .hero-description span{font-size:10px}.hero-links{margin-top:20px}.hero-links a{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.cursor-glow{display:none}.project-card,.hero-links a{transition:none!important}}