:root{color:#f2ece3;--accent:#b7ff6a;--accent-strong:#90ef51;--accent-soft:#b7ff6a24;--accent-line:#b7ff6a3d;--accent-glow:#b7ff6a24;--surface-cool:#11151885;--surface-cool-top:#fffaf416;--surface-cool-bottom:#ffffff05;--surface-strong:#0c0f11c7;--surface-panel:#13181ca8;--text-primary:#f5f0e8;--text-secondary:#e6e0d9c7;--text-muted:#d8d2ca8a;--font-ui:"Avenir Next", "PingFang TC", "Noto Sans TC", "Segoe UI", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 12%,#fff4e51a,#0000 24%),radial-gradient(circle at 78% 18%,#b7ff6a14,#0000 18%),radial-gradient(circle at 24% 82%,#6879851f,#0000 22%),linear-gradient(145deg,#6a635d 0%,#4a4c4e 28%,#23272b 58%,#101417 100%);font-family:Avenir Next,PingFang TC,Noto Sans TC,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}body:before{content:"";opacity:.22;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:140px 140px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}body:after{content:"";pointer-events:none;background:radial-gradient(circle at 84% 24%,#b7ff6a0f,#0000 16%),radial-gradient(circle at 22% 78%,#b7ff6a0a,#0000 18%),radial-gradient(circle at 68% 58%,#7b8b950f,#0000 24%);position:fixed;inset:0}a{color:inherit}button{font:inherit}#app{min-height:100vh}[data-reveal]{--reveal-delay:0s}.reveal-fade,.reveal-rise{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay);will-change:opacity, transform}.reveal-fade{transform:translateY(14px)}.reveal-rise{transform:translateY(18px)}.reveal-fade.is-visible,.reveal-rise.is-visible{opacity:1;transform:translateY(0)}.page-shell{padding-bottom:48px;position:relative}.page-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#fff6ec0f,#0000 24%),linear-gradient(#0000 0%,#0a0d0f14 100%);position:fixed;inset:0}.hero-shell{min-height:100vh;padding:24px}.hero-panel{background:linear-gradient(#ffffff14,#ffffff05),#201f1e8f;border:1px solid #ffffff24;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(320px,42vw);align-items:center;gap:32px;min-height:calc(100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0707074d,inset 0 1px #ffffff0f}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 18%,#ffffff21,#0000 28%),radial-gradient(circle at 12% 90%,#00000038,#0000 30%);position:absolute;inset:0}.site-nav{z-index:2;justify-content:flex-end;align-items:center;gap:24px;display:flex;position:absolute;top:26px;left:34px;right:34px}.site-links a{text-decoration:none}.site-links{align-items:center;gap:22px;display:flex}.site-links a{letter-spacing:.18em;text-transform:uppercase;color:#ece8e19e;font-size:.8rem;transition:color .25s,text-shadow .25s}.site-links a:hover{color:#f5f0e9;text-shadow:0 0 12px var(--accent-glow)}.hero-copy,.hero-visual{z-index:1;position:relative}.hero-copy{flex-direction:column;justify-content:center;gap:14px;padding:clamp(84px,9vw,118px) clamp(40px,7vw,88px) clamp(40px,7vw,88px);display:flex}.hero-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#ece8e1b8;margin:0;font-size:.8rem}.hero-eyebrow:after{content:"";vertical-align:middle;background:linear-gradient(90deg, var(--accent-line), #ece8e114);width:0;height:1px;margin-left:0;transition:width .25s,margin-left .25s;display:inline-block}.hero-wordmark-wrap{isolation:isolate;width:min(100%,620px);margin:10px 0 8px -10px;position:relative}.hero-wordmark-wrap:before{content:"";z-index:-1;background:radial-gradient(circle, #fff8eb24 0%, var(--accent-soft) 36%, transparent 72%);filter:blur(24px);opacity:.82;border-radius:999px;position:absolute;inset:10% 8% 16% 4%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-wordmark{width:100%;height:auto;filter:brightness(1.22) contrast(1.16) saturate(.92) drop-shadow(0 0 10px #fff4e333) drop-shadow(0 0 22px var(--accent-glow)) drop-shadow(0 12px 28px #0000003d);margin:0;display:block}.hero-title{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#ebf5e4;margin:2px 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem)}.hero-summary{color:#ece8e1d1;max-width:31rem;margin:16px 0 0;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.9}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.hero-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;text-transform:uppercase;color:#ece8e1cc;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px;font-size:.82rem;transition:transform .24s,border-color .24s,box-shadow .24s,color .24s}.hero-meta span:first-child,.hero-meta span:last-child{border-color:var(--accent-line);color:#eef9e7;background:linear-gradient(#b7ff6a1f,#b7ff6a0f),#ffffff0a;box-shadow:0 0 0 1px #b7ff6a0d,0 0 18px #b7ff6a14}.hero-meta span:hover{color:#f5f6ee;border-color:#b7ff6a3d;transform:translateY(-1px);box-shadow:0 0 0 1px #b7ff6a0a,0 0 20px #b7ff6a1a}.hero-visual{justify-content:center;align-items:end;min-height:100%;padding:36px 36px 0 0;display:flex}.portrait-frame{background:linear-gradient(#ffffff14,#ffffff05),#1414148c;border-radius:28px 28px 0 0;width:min(100%,560px);height:min(88vh,920px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,-32px 18px 60px #00000047,-8px 0 28px #b7ff6a0f}.portrait-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0b0b0b80);border-radius:18px;height:22%;position:absolute;inset:auto 18px 18px}.hero-portrait{object-fit:cover;object-position:center top;filter:saturate(.9)contrast(1.04);width:100%;height:100%;display:block}.content-section{padding:0 24px 28px;position:relative}.content-section+.content-section{padding-top:20px}.content-section:before{content:"";opacity:.75;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;inset:0 24px auto}.content-section-about:before{opacity:0}.section-heading{width:min(1120px,100% - 48px);margin:0 auto 22px}.section-heading p{letter-spacing:.22em;text-transform:uppercase;color:#d2f5b1cc;margin:0 0 8px;font-size:.76rem}.section-heading h2{letter-spacing:-.04em;color:var(--text-primary);margin:0;font-size:clamp(2.15rem,4vw,3.2rem);line-height:.98}.section-heading h2:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:999px;width:96px;height:2px;margin-top:14px;display:block}.content-card{background:linear-gradient(180deg, var(--surface-cool-top), var(--surface-cool-bottom)), var(--surface-cool);border:1px solid #ffffff1a;border-radius:30px;width:min(1120px,100% - 48px);margin:0 auto;padding:34px;transition:border-color .25s,transform .25s;box-shadow:0 20px 48px #07070733,inset 0 1px #ffffff0d}.content-card:hover{border-color:#b7ff6a2e;transform:translateY(-2px)}.content-card p{max-width:42rem;color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.92}.about-card{background:radial-gradient(circle at 0% 0%, #fff4e50f, transparent 20%), linear-gradient(180deg, var(--surface-cool-top), var(--surface-cool-bottom)), var(--surface-cool);flex-direction:column;gap:44px;display:flex}.about-block{flex-direction:column;gap:18px;display:flex}.about-intro-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);align-items:start;gap:24px;display:grid}.about-block h3{letter-spacing:.08em;text-transform:uppercase;color:#d2f5b1eb;align-items:center;gap:14px;margin:0;font-size:.78rem;font-weight:600;display:flex}.about-block h3:after{content:"";background:linear-gradient(90deg,#b7ff6a3d,#ffffff0a);flex:1;height:1px}.about-copy{flex-direction:column;gap:18px;display:flex}.about-copy p:first-child{color:#ecf0eceb;max-width:44rem;font-size:1.18rem;line-height:1.9}.about-copy p:not(:first-child){color:#e2ddd6b8}.about-side-note{background:linear-gradient(#fff8ef0f,#ffffff05),#0f121461;border:1px solid #ffffff14;border-radius:22px;padding:18px 18px 20px;box-shadow:inset 0 1px #ffffff0a,0 14px 28px #00000014}.about-side-note-label{letter-spacing:.18em;text-transform:uppercase;color:#d2f5b1c2;margin:0 0 12px;font-size:.72rem}.about-side-note-copy{color:#ece6dec7;margin:0;font-size:.96rem;line-height:1.8}.intro-highlight{color:#f0f7ef;letter-spacing:.01em;text-shadow:0 0 12px #b7ff6a1f;font-weight:700;position:relative}.about-statement{justify-content:center;margin:-2px 0 8px;padding:0;display:flex}.about-statement-image{filter:drop-shadow(0 0 10px #fff4e30f)drop-shadow(0 10px 22px #0000001a);opacity:.84;width:min(100%,760px);height:auto;display:block}.about-detail-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:28px;display:grid}.timeline-list{gap:30px;padding-left:22px;display:grid;position:relative}.timeline-list:before{content:"";background:linear-gradient(180deg, #ffffff0a, var(--accent-line), #ffffff0a);width:1px;position:absolute;top:10px;bottom:10px;left:6px}.timeline-item{min-width:0;padding-left:30px;position:relative}.timeline-item:before{content:"";background:linear-gradient(180deg, #efffe5, var(--accent));width:11px;height:11px;box-shadow:0 0 0 4px #b7ff6a14, 0 0 12px var(--accent-glow);border-radius:999px;position:absolute;top:8px;left:0}.timeline-year{letter-spacing:.18em;text-transform:uppercase;color:#cbebb4e6;white-space:nowrap;background:#b7ff6a0f;border:1px solid #b7ff6a2e;border-radius:999px;align-self:flex-start;margin:0 0 2px;padding:6px 10px;font-size:.78rem;display:inline-flex}.timeline-content{background:0 0;flex-direction:column;gap:5px;padding:0;transition:transform .25s,opacity .25s;display:flex}.timeline-content:hover{opacity:1;transform:translate(6px,-2px)}.timeline-content h4{color:var(--text-primary);max-width:none;margin:0;padding-bottom:10px;font-size:1.16rem;font-weight:600;line-height:1.34;position:relative}.timeline-content h4:after{content:"";background:linear-gradient(90deg,#b7ff6a8c,#0000);width:54px;height:1px;margin-top:9px;transition:width .28s,background .28s;display:block}.timeline-subtitle{letter-spacing:.04em;color:#cfd8d3b8;max-width:none;margin:0;font-size:.92rem}.timeline-item:hover .timeline-year{background:#b7ff6a14;border-color:#b7ff6a47}.timeline-item:hover .timeline-content h4:after{background:linear-gradient(90deg,#b7ff6ac7,#0000);width:72px}.skill-section{flex-direction:column;gap:24px;display:flex}.skill-section-label{letter-spacing:.18em;text-transform:uppercase;color:#c2e8a7d1;margin:0 0 12px;font-size:.74rem}.primary-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.primary-skill-card{background:linear-gradient(#ffffff0b,#ffffff05),#0e121438;border:1px solid #b7ff6a2e;border-radius:22px;padding:20px 20px 18px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffff0a,0 12px 24px #0000001a}.primary-skill-card:hover{border-color:#b7ff6a47;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 16px 30px #00000024}.primary-skill-card:hover .primary-skill-icon,.contact-item:hover .contact-icon{transform:translateY(-1px);box-shadow:0 0 0 1px #b7ff6a0f,0 0 18px #b7ff6a1f}.primary-skill-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.primary-skill-icon{color:#f7ffef;letter-spacing:.08em;background:linear-gradient(#b7ff6a2e,#b7ff6a14),#ffffff0a;border:1px solid #b7ff6a38;border-radius:14px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 10px;font-size:.84rem;font-weight:700;transition:transform .24s,box-shadow .24s;display:inline-flex}.primary-skill-card h4{color:var(--text-primary);margin:0;font-size:1.08rem}.primary-skill-children,.trait-list,.project-roadmap-list{margin:0;padding:0;list-style:none}.primary-skill-children,.trait-list{margin-top:12px}.primary-skill-children li,.trait-list li{color:var(--text-secondary);padding-left:16px;position:relative}.primary-skill-children li+li,.trait-list li+li{margin-top:8px}.primary-skill-children li:before,.trait-list li:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent-glow);border-radius:999px;position:absolute;top:.72em;left:0}.tool-chip-list{flex-wrap:wrap;gap:10px;display:flex}.skill-tools{border-top:1px solid #ffffff0f;padding-top:18px}.tool-chip{color:#dfdcd694;letter-spacing:.03em;background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:8px 12px;font-size:.84rem;transition:border-color .22s,color .22s,transform .22s;display:inline-flex}.tool-chip:hover{color:#f0ebe5d1;border-color:#b7ff6a29;transform:translateY(-1px)}.project-showcase{background:radial-gradient(circle at 88% 14%,#b7ff6a29,#0000 20%),radial-gradient(circle at 14% 82%,#fff4e514,#0000 18%),linear-gradient(#ffffff0e,#ffffff05),#0e121599;flex-direction:column;gap:28px;display:flex;position:relative;overflow:hidden}.project-showcase:before{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(circle,#b7ff6a1f,#0000 68%);border-radius:999px;width:280px;height:280px;position:absolute;inset:auto -6% -22% auto}.project-showcase-intro{z-index:1;max-width:44rem;position:relative}.project-showcase-head{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:end;gap:26px;display:grid;position:relative}.project-showcase-label{letter-spacing:.2em;text-transform:uppercase;color:#d2f5b1d6;margin:0 0 12px;font-size:.78rem}.project-showcase-title{color:var(--text-primary);margin:0;font-size:clamp(1.8rem,2vw,2.35rem);line-height:1.08}.project-showcase-copy{color:#ece6debd;max-width:40rem;margin:16px 0 0}.project-strengths{z-index:1;background:radial-gradient(circle at 100% 0,#b7ff6a12,#0000 22%),linear-gradient(#ffffff0b,#ffffff05),#1116196b;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:14px;padding:18px 18px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 16px 28px #0000001a}.project-feature-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid;position:relative}.project-feature-card{background:linear-gradient(#fff9f30f,#ffffff05),#0e111370;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:24px 22px 20px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 16px 32px #0000001f}.project-feature-card:before{content:"";background:linear-gradient(90deg,#b7ff6a42,#ffffff05);height:1px;position:absolute;inset:0 0 auto}.project-strengths-label,.project-feature-label,.project-list-label{letter-spacing:.18em;text-transform:uppercase;color:#d2f5b1d6;margin:0 0 12px;font-size:.74rem}.project-strengths-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-strength-item{background:linear-gradient(#ffffff0a,#ffffff04),#0d11146b;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:11px;min-height:0;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 6px 14px #0000000d}.project-strength-icon{background:linear-gradient(#b7ff6a17,#b7ff6a08),#b7ff6a08;border:1px solid #b7ff6a29;border-radius:10px;flex:none;width:30px;height:30px;position:relative}.project-strength-icon:before,.project-strength-icon:after{content:"";position:absolute}.project-strength-icon.is-gis:before{border:1.5px solid #e9ffd0d1;border-radius:999px 999px 999px 2px;width:14px;height:14px;top:8px;left:8px;transform:rotate(-45deg)}.project-strength-icon.is-gis:after{background:#e9ffd0d1;border-radius:999px;width:4px;height:4px;top:12px;left:13px}.project-strength-icon.is-flow:before{background:#e9ffd0d1;width:16px;height:2px;top:14px;left:7px;box-shadow:0 -5px #e9ffd06b}.project-strength-icon.is-flow:after{border-top:2px solid #e9ffd0d1;border-right:2px solid #e9ffd0d1;width:7px;height:7px;top:10px;right:7px;transform:rotate(45deg)}.project-strength-icon.is-report:before{border:1.5px solid #e9ffd0d1;border-radius:3px;width:12px;height:15px;top:7px;left:9px}.project-strength-icon.is-report:after{background:#e9ffd0d1;width:8px;height:1.5px;top:11px;left:11px;box-shadow:0 4px #e9ffd0ad,0 8px #e9ffd07a}.project-strength-icon.is-api:before{border-bottom:2px solid #e9ffd0d1;border-left:2px solid #e9ffd0d1;width:6px;height:12px;top:8px;left:7px;transform:rotate(45deg)}.project-strength-icon.is-api:after{border-bottom:2px solid #e9ffd0d1;border-right:2px solid #e9ffd0d1;width:6px;height:12px;top:8px;right:7px;transform:rotate(-45deg)}.project-strength-item p{color:var(--text-primary);margin:0;font-size:.88rem;line-height:1.4}.project-note{color:#d8d2ca2e;letter-spacing:.06em;text-align:right;align-self:flex-end;width:fit-content;max-width:min(100%,28rem);margin:-2px 2px 0 0;font-size:.56rem;line-height:1.3}.project-feature-card h3{color:var(--text-primary);margin:0 0 12px;font-size:1.26rem;line-height:1.15}.project-feature-description{color:#eae3dbb3;max-width:none;margin:0;line-height:1.72}.project-feature-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.project-feature-meta span{color:#ece7e0a3;background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;display:inline-flex}.project-list-block{border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px}.project-list-label{margin-bottom:14px}.project-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.project-list li{color:#ebe5deb8;background:linear-gradient(90deg,#b7ff6a0a,#ffffff05 28%,#ffffff03),#ffffff04;border:1px solid #ffffff0f;border-radius:14px;min-height:100%;padding:14px 16px 14px 34px;line-height:1.56;position:relative}.project-list li:before{content:"";background:linear-gradient(180deg, #f7ffe9, var(--accent));border-radius:999px;width:6px;height:6px;position:absolute;top:20px;left:16px;box-shadow:0 0 0 3px #b7ff6a14,0 0 12px #b7ff6a24}.contact-card{background:radial-gradient(circle at 100% 0,#fff4e514,#0000 18%),linear-gradient(#ffffff0d,#ffffff05),#12141694;flex-direction:column;gap:22px;display:flex}.interests-card{background:radial-gradient(circle at 50% 0,#b7ff6a14,#0000 18%),linear-gradient(#ffffff0d,#ffffff05),#0d12159e;flex-direction:column;gap:34px;display:flex}.interests-intro,.contact-intro{max-width:46rem}.interests-intro{font-size:1.08rem;line-height:1.94}.interest-group{flex-direction:column;gap:18px;display:flex}.interest-group+.interest-group{border-top:1px solid #ffffff0f;padding-top:24px}.interest-heading{flex-direction:column;gap:8px;display:flex}.interest-heading h3{letter-spacing:.18em;text-transform:uppercase;color:#c2e8a7e0;margin:0;font-size:.78rem;font-weight:600}.interest-heading p{color:#e6e0d9b8;max-width:44rem}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.interest-grid-music{grid-template-columns:minmax(0,1fr)}.interest-grid-music .interest-card-music{width:min(100%,880px)}.interest-card{background:linear-gradient(#ffffff0a,#ffffff04),#0d11133d;border:1px solid #b7ff6a24;border-radius:22px;flex-direction:column;gap:14px;min-height:100%;padding:22px 22px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0000001a}.interest-card:hover{border-color:#b7ff6a3d;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 16px 30px #00000024}.interest-badge{letter-spacing:.14em;text-transform:uppercase;color:#d0ecbde0;background:#b7ff6a0f;border:1px solid #b7ff6a2e;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.76rem;display:inline-flex}.interest-card h4{color:var(--text-primary);margin:0;font-size:1.14rem}.interest-card p{max-width:none}.interest-card-tool{position:relative}.interest-card-tool:after{content:"";background:radial-gradient(circle at 35% 35%,#b7ff6a2e,#0000 58%),#ffffff05;border:1px solid #ffffff14;border-radius:999px;width:26px;height:26px;position:absolute;top:18px;right:18px;box-shadow:0 0 16px #b7ff6a14}.interest-card-tool:hover{transform:translateY(-2px)}.interest-card-music{background:radial-gradient(circle at 82% 18%,#b7ff6a2e,#0000 28%),radial-gradient(circle at 18% 88%,#ffffff0f,#0000 24%),linear-gradient(145deg,#12181ae0,#0a0e10c7);border-color:#b7ff6a33;gap:18px;min-height:280px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 40px #00000029}.interest-card-music:hover{border-color:#b7ff6a47;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0f,0 24px 46px #0003,0 0 24px #b7ff6a14}.interest-card-music:before{content:"";filter:blur(28px);pointer-events:none;background:radial-gradient(circle,#b7ff6a24,#0000 70%);border-radius:999px;height:58%;position:absolute;inset:auto -8% -26% 12%}.music-card-top,.music-card-copy,.music-card-cta,.interest-card-music .interest-meta{z-index:1;position:relative}.music-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.music-card-icon{background:linear-gradient(#b7ff6a2e,#b7ff6a0f),#ffffff0a;border:1px solid #b7ff6a33;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 0 0 1px #b7ff6a0a,0 0 24px #b7ff6a14}.music-card-icon svg{width:22px;height:22px}.music-card-copy{flex-direction:column;gap:10px;max-width:33rem;display:flex}.interest-card-music h4{letter-spacing:-.02em;font-size:1.42rem;line-height:1.12}.interest-card-music p{color:#e7eee9cc}.music-card-cta{background:linear-gradient(#b7ff6a24,#b7ff6a0f),#ffffff0a;border:1px solid #b7ff6a38;border-radius:999px;margin-top:2px;padding:12px 16px;box-shadow:0 0 18px #b7ff6a14}.music-card-cta:hover{transform:translate(4px)}.interest-gallery-stage{background:radial-gradient(circle at 50% 0,#b7ff6a1a,#0000 24%),linear-gradient(#fffaf40d,#ffffff05),#0a0e1061;border:1px solid #ffffff14;border-radius:26px;padding:22px 22px 18px;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #00000024}.interest-gallery-copy{flex-direction:column;gap:10px;max-width:38rem;margin-bottom:18px;display:flex}.interest-gallery-kicker{letter-spacing:.18em;text-transform:uppercase;color:#d2f5b1c2;margin:0;font-size:.72rem}.interest-gallery-copy h4{letter-spacing:-.03em;color:#f6f2ecf5;margin:0;font-size:clamp(1.36rem,2vw,1.78rem);line-height:1.08}.interest-gallery-copy p:last-child{color:#e7e2dcb8;max-width:34rem;margin:0}.music-card-cta-text{align-items:center;gap:8px;display:inline-flex}.music-card-cta-text:after{content:"↗";font-size:.94rem;line-height:1}.gallery-modal{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090ab8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.gallery-modal-panel{background:linear-gradient(#ffffff0d,#ffffff05),#0c0f11e0;border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;width:min(980px,100%);max-height:min(90vh,920px);padding:22px;display:grid;position:relative;box-shadow:0 30px 80px #00000057,inset 0 1px #ffffff0d}.gallery-modal-close{z-index:2;color:#ecf0ecd1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;position:absolute;top:18px;right:18px}.gallery-modal-image{object-fit:contain;background:#ffffff05;border-radius:20px;width:100%;max-height:min(78vh,760px)}.gallery-modal-copy{flex-direction:column;justify-content:center;gap:18px;min-width:0;display:flex;position:relative}.gallery-modal-copy h3{color:var(--text-primary);margin:0;font-size:1.42rem;line-height:1.2}.gallery-modal-copy p{max-width:none}.interest-meta{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.interest-meta span{color:#d2dad585;letter-spacing:.03em;background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.interest-cta{letter-spacing:.08em;text-transform:uppercase;color:#c2e8a7c7;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;font-size:.84rem;text-decoration:none;transition:color .24s,transform .24s;display:inline-flex}.interest-cta-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.interest-cta-icon svg{width:16px;height:16px}.interest-cta:hover{color:#edf8e5;transform:translate(2px)}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-item{background:linear-gradient(#ffffff0a,#ffffff05),#0e121433;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s,background-color .25s;display:flex}.contact-item:hover{border-color:var(--accent-line);background:linear-gradient(#b7ff6a14,#ffffff05),#0e12143d;transform:translateY(-2px);box-shadow:0 10px 24px #00000029}.contact-head{align-items:center;gap:10px;display:flex}.contact-icon{background:linear-gradient(#b7ff6a1f,#b7ff6a0f),#ffffff0a;border:1px solid #b7ff6a2e;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .24s,box-shadow .24s;display:inline-flex}.contact-icon svg{width:16px;height:16px}.contact-label{letter-spacing:.18em;text-transform:uppercase;color:#c2e8a7d6;font-size:.74rem}.contact-value{color:var(--text-primary);word-break:break-word;font-size:1rem;line-height:1.5}.to-top-button{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.16em;text-transform:uppercase;color:#f5f0e9e0;opacity:0;pointer-events:none;background:#181716b8;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:12px 16px;font-size:.8rem;text-decoration:none;transition:opacity .25s,transform .25s,border-color .25s,color .25s;display:inline-flex;position:fixed;bottom:28px;right:28px;transform:translateY(12px);box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff0d}.to-top-button.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.to-top-button:hover{border-color:var(--accent-line);color:#fff8f0;box-shadow:0 14px 34px #00000038,0 0 20px #b7ff6a1f,inset 0 1px #ffffff0d}@media (width>=1600px){.hero-panel{grid-template-columns:minmax(0,1.14fr) minmax(520px,.86fr);gap:18px}.hero-copy{padding:clamp(90px,8vw,126px) clamp(56px,6vw,96px) clamp(48px,6vw,88px)}.hero-eyebrow:after{width:168px;margin-left:18px}.hero-wordmark-wrap{width:min(100%,700px);margin:14px 0 10px -8px}.hero-title{letter-spacing:.16em;font-size:clamp(1.1rem,1.2vw,1.4rem)}.hero-summary{max-width:38rem;font-size:clamp(1.08rem,1.1vw,1.24rem);line-height:1.95}.hero-meta{margin-top:16px}.portrait-frame{width:min(100%,620px)}}@media (width>=1200px) and (width<=1599px){.hero-eyebrow:after{width:104px;margin-left:14px}}@media (width>=1101px) and (width<=1480px){.project-showcase-head{grid-template-columns:1fr}.project-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-feature-card:last-child{grid-column:1/-1}}@media (width>=900px) and (width<=1200px){.project-showcase-head{grid-template-columns:1fr}.project-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-feature-card:last-child{grid-column:1/-1}}@media (width<=1100px){.hero-shell{padding:16px}.hero-panel{grid-template-columns:1fr;gap:0;min-height:auto}.site-nav{justify-content:flex-start;top:22px;left:24px;right:24px}.site-links{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f,#ffffff05),#1114166b;border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:10px;box-shadow:0 14px 28px #00000024,inset 0 1px #ffffff0a}.site-links a{letter-spacing:.12em;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;padding:10px 12px}.hero-copy{padding:86px 24px 12px}.hero-wordmark-wrap{width:min(100%,560px);margin:8px 0 6px -6px}.hero-visual{min-height:auto;padding:12px 24px 0}.portrait-frame{width:min(100%,520px);height:min(70vh,780px)}.content-section{padding:0 16px 16px}.content-section:before{inset:0 16px auto}.section-heading,.content-card{width:min(100%,100% - 16px)}.contact-grid,.primary-skill-grid,.interest-grid,.project-feature-grid{grid-template-columns:1fr}.project-showcase-head{grid-template-columns:1fr;gap:22px}.project-showcase-title{font-size:clamp(1.62rem,3.8vw,2rem)}.project-strengths{padding:16px 18px 18px}.project-strengths-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about-intro-layout,.about-detail-grid{grid-template-columns:1fr}.gallery-modal-panel{grid-template-columns:1fr;max-height:88vh;overflow:auto}.about-statement{margin:0}.about-statement-image{width:min(100%,680px)}.timeline-list{gap:22px;padding-left:18px}.timeline-list:before{width:1px;top:10px;bottom:10px;left:8px}.timeline-item{padding-left:24px}.timeline-item:before{top:18px;left:2px}.timeline-content{gap:8px;width:100%;padding-left:0}.to-top-button{bottom:20px;right:20px}}@media (width<=640px){.hero-shell{padding:10px}.hero-panel{border-radius:22px;min-height:calc(100vh - 20px)}.site-nav{justify-content:flex-start;top:18px;left:18px;right:18px}.site-links{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,320px);padding:8px;display:grid}.site-links a{text-align:center;justify-content:center;align-items:center;min-height:42px;padding:10px 8px;font-size:.7rem;display:flex}.hero-copy{gap:14px;padding:92px 18px 10px}.hero-wordmark-wrap{width:100%;margin:6px 0 4px -2px}.hero-summary{line-height:1.75}.hero-meta{gap:8px}.hero-meta span{padding:8px 12px;font-size:.74rem}.hero-visual{padding:6px 14px 0}.portrait-frame{border-radius:22px 22px 0 0;width:100%;height:min(60vh,640px)}.content-section{padding:0 10px 12px}.content-section:before{inset:0 10px auto}.section-heading,.content-card{width:100%}.content-card{border-radius:22px;padding:24px 18px}.project-showcase-head{gap:18px}.project-showcase-label,.project-strengths-label,.project-feature-label,.project-list-label{letter-spacing:.14em}.project-showcase-title{font-size:1.48rem;line-height:1.14}.project-showcase-copy{margin-top:12px;font-size:.96rem;line-height:1.72}.project-strengths{border-radius:20px;gap:12px;padding:16px}.project-strengths-list{grid-template-columns:1fr;gap:8px}.project-strength-item{border-radius:14px;padding:10px 11px}.project-strength-icon{width:28px;height:28px}.project-strength-item p{font-size:.84rem;line-height:1.36}.project-feature-meta span{padding:7px 11px;font-size:.78rem}.about-card{gap:30px}.about-side-note,.interest-gallery-stage{border-radius:20px;padding:18px 16px}.about-block h3{gap:10px}.about-statement-image{opacity:.8;width:100%}.timeline-content h4{font-size:1.02rem}.timeline-subtitle{font-size:.84rem}.project-feature-card,.project-list li,.contact-item,.interest-card{border-radius:18px}.project-feature-card{padding:18px 16px}.project-feature-card h3{font-size:1.12rem}.project-feature-description{line-height:1.64}.project-feature-meta{gap:8px;margin-top:16px}.project-list-block{margin-top:18px;padding-top:16px}.project-list li{padding:13px 14px 13px 34px;font-size:.95rem}.project-list li:before{width:6px;height:6px;top:17px;left:16px}.interest-card{padding:18px 18px 16px}.interest-gallery-copy h4{font-size:1.28rem}.gallery-modal{padding:14px}.gallery-modal-panel{border-radius:22px;padding:16px}.gallery-modal-image{max-height:52vh}.to-top-button{min-width:78px;padding:11px 14px;font-size:.74rem;bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-fade,.reveal-rise,.hero-meta span,.timeline-content h4:after,.primary-skill-icon,.contact-icon,.content-card,.contact-item,.primary-skill-card,.hero-meta span{opacity:1!important;transition:none!important;transform:none!important}}