:root{--ink:#08090a;--paper:#e8e2d5;--archive:#cfc5ae;--blue:#5e7cff;--yellow:#ffd51c;--muted:#929995;--line:#ffffff26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%;margin:0}body{font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:wait;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:7px}::selection{background:var(--yellow);color:var(--ink)}.world{z-index:0;width:100%;height:100%;position:fixed;inset:0}.ambient-motion{--ambient-accent:#7384bc;--ambient-glow:#668cff;z-index:2;pointer-events:none;opacity:.72;mix-blend-mode:screen;position:fixed;inset:-12%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.ambient-motion:before{content:"";background:radial-gradient(ellipse at 50% 50%, var(--ambient-glow) 0, transparent 54%);opacity:.12;filter:blur(34px);animation:11s ease-in-out infinite alternate ambient-breathe;position:absolute;inset:20% 14%}.ambient-motion:after{content:"";background:repeating-conic-gradient(from 8deg at 50% 50%, transparent 0deg 17deg, var(--ambient-accent) 17.4deg 17.8deg, transparent 18.2deg 34deg);opacity:.055;animation:46s linear infinite reverse ambient-spin;position:absolute;inset:4%;-webkit-mask-image:radial-gradient(#000 0,#0000 68%);mask-image:radial-gradient(#000 0,#0000 68%)}.ambient-mote{background:var(--ambient-accent);width:4px;height:4px;box-shadow:0 0 12px 2px var(--ambient-glow);opacity:.85;border-radius:50%;position:absolute}.mote-a{animation:17s ease-in-out infinite ambient-mote-a;top:34%;left:26%}.mote-b{animation:21s ease-in-out infinite ambient-mote-b;top:28%;left:70%}.mote-c{animation:19s ease-in-out infinite ambient-mote-c;top:70%;left:61%}.mote-d{animation:25s ease-in-out infinite ambient-mote-d;top:72%;left:33%}.experience[data-scene=time] .ambient-motion,.experience[data-scene=experience] .ambient-motion{--ambient-accent:#6d8fff;--ambient-glow:#4f6fe2}.experience[data-scene=certificates] .ambient-motion{--ambient-accent:#d6b679;--ambient-glow:#b88746}.experience[data-scene=projects] .ambient-motion{--ambient-accent:#71c5cc;--ambient-glow:#3f9ca9}.experience[data-scene=reveal] .ambient-motion,.experience[data-scene=contact] .ambient-motion{--ambient-accent:#ffd51c;--ambient-glow:#d69d16}@keyframes ambient-breathe{0%{opacity:.08;transform:scale(.92)translate(-1%,1%)}to{opacity:.2;transform:scale(1.08)translate(1%,-1%)}}@keyframes ambient-spin{to{transform:rotate(360deg)}}@keyframes ambient-mote-a{0%,to{transform:translate(0,0)}50%{transform:translate(17vw,8vh)scale(.7)}}@keyframes ambient-mote-b{0%,to{transform:translate(0,0)scale(.7)}50%{transform:translate(-19vw,16vh)scale(1.3)}}@keyframes ambient-mote-c{0%,to{transform:translate(0,0)scale(1.1)}50%{transform:translate(-12vw,-18vh)scale(.65)}}@keyframes ambient-mote-d{0%,to{transform:translate(0,0)scale(.75)}50%{transform:translate(15vw,-13vh)scale(1.25)}}.boot .ambient-motion:before,.boot .ambient-motion:after,.boot .ambient-mote{animation-play-state:paused}.site-header{z-index:20;background:linear-gradient(#08090a90,#0000);justify-content:space-between;align-items:center;gap:24px;padding:30px 3.6vw;display:flex;position:fixed;inset:0 0 auto}.detail-actions{align-items:center;gap:28px;display:flex}.wordmark{letter-spacing:1.5px;align-items:center;gap:13px;font-size:10px;font-weight:700;line-height:1.35;display:flex}.brand-mark{letter-spacing:-6px;border:1px solid #ffffff40;width:46px;height:46px;padding-left:7px;font-size:34px;line-height:42px}.brand-mark span{color:var(--yellow)}.brand-dot{margin-left:5px;font-size:8px}.site-header nav{gap:clamp(15px,2.5vw,40px);display:flex}.site-header nav a,.edition,.eyebrow,.experience-footer,.entry-meta,.placeholder,.text-button,.detail-page footer{letter-spacing:1.3px;font-family:Courier New,monospace;font-size:10px}.site-header nav a{color:#b8bcb6;padding:10px 0;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--yellow)}.edition{color:#a1a49e}.entry{z-index:4;width:48%;position:fixed;top:22%;left:8%}.eyebrow{color:var(--archive);letter-spacing:2px;margin:0 0 25px;font-size:10px}.entry .eyebrow span{color:#626c70;padding:0 12px}.entry h1{letter-spacing:-.065em;margin:0;font-size:clamp(55px,7.1vw,120px);font-weight:500;line-height:.91}.entry h1>span:not(.period){letter-spacing:-.055em;font-size:.78em}.period{color:var(--yellow)}.entry-caption{color:#aaa99e;white-space:nowrap;font-size:12px;line-height:1.7;position:absolute;bottom:108px;left:68%}.text-button{letter-spacing:1.4px;border-bottom:1px solid #b9b8a975;justify-content:space-between;align-items:center;gap:36px;max-width:100%;min-height:48px;padding:17px 0;line-height:1.5;transition:border-color .2s,color .2s;display:inline-flex}.text-button:hover{color:var(--yellow);border-color:var(--yellow)}.text-button>span{color:var(--yellow);font-size:20px;transition:transform .2s}.text-button:hover>span{transform:translate(3px,-3px)}.begin-button{min-width:240px;margin-top:38px}.entry-meta{letter-spacing:1.5px;color:var(--muted);margin-top:14px;font-size:8px;display:block}.boot .scroll-space{height:100svh}.scroll-space{height:1400svh}.scene-copy{z-index:5;visibility:hidden;opacity:0;pointer-events:none;text-shadow:0 2px 20px #08090a80;width:32%;max-width:480px;transition:opacity .35s,transform .45s,visibility .35s;position:fixed;top:34%;left:8%;transform:translateY(12px)}.scene-copy.active{visibility:visible;opacity:1;pointer-events:auto;transform:none}.boot .scene-copy{visibility:hidden;opacity:0;pointer-events:none}.scene-copy h2{white-space:pre-line;letter-spacing:-.05em;margin:0 0 23px;font-size:clamp(34px,3.65vw,64px);font-weight:400;line-height:1.04}.chapter-number{color:var(--yellow);margin-right:18px;display:inline-block}.body-copy{color:#c1c2b9;max-width:340px;font-size:15px;line-height:1.7}.meta-copy{color:var(--muted);margin-top:26px;font-size:11px;line-height:1.9}.placeholder{letter-spacing:.2px;color:#a7aca7;max-width:290px;font-size:9px;line-height:1.7;display:block}.scene-reveal{width:35%;top:28%}.scene-contact{width:36%;top:27%}.scene-contact h2{font-size:clamp(33px,3.45vw,56px)}.contact-email{letter-spacing:-.5px;margin:26px 0 8px;font-size:clamp(17px,1.8vw,24px);display:block}.contact-links{gap:24px;margin:22px 0 6px;font-size:11px;display:flex}.contact-links small{color:var(--muted);font-size:9px}.copy-status{color:var(--archive);margin-top:12px;font-size:11px;display:block}.experience-footer{z-index:20;color:#a8ada7;background:linear-gradient(#0000,#08090a80);justify-content:space-between;align-items:center;padding:24px 3.6vw;font-size:9px;display:flex;position:fixed;bottom:0;left:0;right:0}.controls{gap:25px;display:flex}.controls button{letter-spacing:1px;padding:12px 0;font-size:9px}.locale-toggle{color:var(--yellow);min-width:30px}.sound-led{background:#66706e;border-radius:50%;width:4px;height:4px;margin-left:5px;display:inline-block}.sound-led.on{background:var(--yellow)}.scroll-cue{letter-spacing:1.4px;align-items:center;gap:16px;font-size:8px;display:flex}.progress-track{background:#ffffff25;width:92px;height:1px;display:block}.progress-track>span{background:var(--yellow);transform-origin:0;height:1px;display:block}.skip{background:var(--paper);color:var(--ink);z-index:100;padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.simple .world,.simple .ambient-motion{display:none}.simple .narrative{max-width:1100px;margin:auto;padding:160px 8% 100px}.simple .scene-copy{visibility:visible;opacity:1;pointer-events:auto;border-bottom:1px solid var(--line);width:100%;max-width:700px;padding:50px 0 80px;position:relative;inset:auto;transform:none}.simple .scene-copy h2{font-size:clamp(36px,5vw,68px)}.simple .experience-footer{position:relative}.simple .site-header{background:var(--ink)}.detail-page{background:radial-gradient(at 80% 65%,#23303060,#0000 55%);min-height:100svh}.detail-content{z-index:4;max-width:1200px;padding:28svh 10vw 15svh;animation:.65s both aperture;position:relative}.detail-content h1{letter-spacing:-.065em;margin:30px 0 45px;font-size:clamp(48px,9vw,140px);font-weight:400}.detail-content>p:not(.eyebrow):not(.meta-copy){color:var(--archive);font-size:18px;line-height:1.7}.detail-rule{background:var(--line);width:100%;height:1px;margin-bottom:35px}.detail-content .text-button{margin-top:35px}.detail-page footer{z-index:4;color:var(--muted);justify-content:space-between;padding:30px 4vw;display:flex;position:relative}.detail-page .ambient-motion{opacity:.56}@keyframes aperture{0%{clip-path:inset(0 0 100%);transform:translateY(12px)}to{clip-path:inset(0);transform:none}}.project-studies{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117b3;border-radius:4px;margin:20px 0 24px;padding:14px 18px}.studies-notice{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-family:monospace;font-size:11px}.studies-list{grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}.studies-list li{color:var(--archive);align-items:center;gap:8px;font-size:12px;display:flex}.study-tag{letter-spacing:.06em;color:var(--ivory);white-space:nowrap;background:#ffffff0f;border-radius:2px;padding:2px 6px;font-family:monospace;font-size:10px}.projects-editorial{margin:32px 0 24px}.studies-diagram-container{border:1px solid var(--line);background:#080c10d9;border-radius:6px;width:100%;max-width:640px;margin-bottom:28px;padding:16px}.studies-diagram{width:100%;height:auto;display:block}.editorial-legend{max-width:640px;margin-bottom:28px}.legend-notice{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-family:monospace;font-size:11px}.legend-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.legend-item{border:1px solid var(--line);background:#ffffff06;border-radius:4px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.legend-badge{color:var(--yellow);background:#ffd51c1f;border-radius:2px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700;line-height:1.4}.legend-item strong{color:var(--ivory);letter-spacing:.04em;margin-bottom:3px;font-size:13px;display:block}.legend-item p{color:var(--archive);margin:0;font-size:12px;line-height:1.4}@media (max-width:700px){.studies-list,.legend-grid{grid-template-columns:1fr}}@media (min-width:1600px){.entry{top:23%}.scene-copy{left:9%}}@media (max-width:1000px){.edition{display:none}.site-header nav{gap:20px}.entry-caption{display:none}.scene-copy{width:39%;left:6%}.scene-contact{width:42%}.scene-projects{width:46%}.scene-projects .studies-list{grid-template-columns:1fr}}@media (max-width:700px){.site-header{align-items:flex-start;padding:20px 6%}.wordmark{gap:9px;font-size:8px}.brand-mark{width:37px;height:37px;font-size:28px;line-height:33px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:0 15px;max-width:205px}.site-header nav a{padding:5px 0;font-size:8px}.detail-actions{flex-direction:column-reverse;align-items:flex-end;gap:14px}.entry{width:86%;top:21%;left:7%}.entry h1{font-size:clamp(60px,14vw,90px)}.entry .eyebrow{font-size:8px}.begin-button{min-width:215px;margin-top:30px}.entry-meta{font-size:7px}.scene-copy,.scene-reveal,.scene-contact{text-shadow:0 2px 12px #08090a;background:linear-gradient(#0000,#08090acc 35%);width:86%;max-width:none;padding:20px 0 0;top:auto;bottom:110px;left:7%}.scene-copy h2,.scene-contact h2{max-width:340px;margin-bottom:12px;font-size:35px}.scene-copy .eyebrow{margin-bottom:13px;font-size:9px}.body-copy{max-width:300px;margin:8px 0;font-size:12px;line-height:1.6}.meta-copy{margin-top:12px;font-size:10px}.text-button{padding:13px 0;font-size:9px}.scene-contact{bottom:102px}.contact-email{margin:14px 0 4px}.contact-links{gap:15px;margin:12px 0 2px}.experience-footer{align-items:flex-end;padding:16px 6%}.footer-owner{max-width:85px;font-size:7px;line-height:1.6}.controls{flex-direction:column;align-items:flex-end;gap:13px}.controls button{padding:3px;font-size:8px}.scroll-cue{gap:8px;max-width:120px;font-size:7px;line-height:1.5}.progress-track{width:38px}.boot .scroll-cue{display:none}.simple .scene-copy{background:0 0;padding:40px 0}.simple .narrative{padding-top:110px}.simple .experience-footer{gap:20px}.simple .scroll-cue{display:none}.detail-content{padding:27svh 8vw 12svh}.detail-content h1{font-size:clamp(43px,11vw,76px)}.detail-page footer{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.experience:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#08090ade 0%,#08090a80 28%,#0000 56%);position:fixed;inset:0}.simple:after{display:none}.scene-copy{z-index:5}.boot .world{opacity:.75}.entry h1{line-height:.92}.scene-contact .placeholder{color:#b8bdb5}.scene-projects,.scene-contact{background:linear-gradient(90deg,#08090ae6 0%,#08090ab8 72%,#0000 100%);padding:22px 24px}@media (max-width:700px){.experience:after{background:linear-gradient(#0000 34%,#08090a88 72%,#08090ae8 100%)}.boot:after{background:linear-gradient(90deg,#08090ad0,#0000)}.site-header nav a,.controls button{min-height:28px}.scene-projects,.scene-contact{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#08090a8c 0%,#08090af2 18%,#08090af8 100%);width:90%;padding:18px;left:5%}.scene-projects{bottom:94px}.scene-projects .project-studies{margin:14px 0 10px;padding:11px 12px}.scene-projects .studies-list{gap:8px 10px}.scene-projects .studies-list li{min-width:0;font-size:10px;line-height:1.35;display:block}.scene-projects .study-tag{width:fit-content;margin-bottom:4px;display:block}}
.diorama .ambient-motion{display:none}.diorama .scene-copy{width:29%;transition:none;top:34%;left:6%}.diorama .scene-copy h2{font-size:clamp(32px,3.2vw,54px)}.diorama .site-header{background:linear-gradient(#0a101dcc,#0000);padding:24px 3.5%}.diorama .site-header nav{gap:28px}.diorama .entry{width:42%;top:31%;left:7%}.diorama .entry h1{font-size:clamp(60px,7.5vw,125px)}.diorama .entry-caption{color:#d4d3c8;margin-top:25px;font-size:14px;position:static}.diorama .entry-meta{color:#c0b99f}.diorama .scene-about{width:26%;top:16%;left:5%}.diorama .scene-about h2{font-size:clamp(29px,2.6vw,44px)}.diorama .scene-experience{background:linear-gradient(90deg,#111a23d9,#111a2300);border-left:1px solid #dfc98a;width:34%;padding:20px;top:auto;bottom:12%;left:5%}.diorama .scene-experience h2{margin-bottom:12px;font-size:clamp(29px,2.6vw,44px)}.diorama .scene-certificates{width:26%;top:21%}.diorama .scene-certificates h2{font-size:clamp(29px,2.8vw,47px)}.diorama .scene-reveal{width:28%;top:20%}.diorama .scene-projects{background:linear-gradient(90deg,#111a23d9,#111a2300);width:32%;padding:20px;top:auto;bottom:12%}.diorama .project-studies{display:none}.diorama .scene-contact{width:31%}.diorama .body-copy{color:#dbded5}.diorama .experience-footer{background:linear-gradient(#0000,#0a101dcc)}.diorama .scroll-space{height:1800svh}.diorama.boot .scroll-space{height:100svh}@media (max-width:700px){.diorama .site-header{padding:16px 5%}.diorama .site-header nav{gap:13px}.diorama .site-header .wordmark{font-size:9px}.diorama .entry{width:86%;top:auto;bottom:14%;left:7%}.diorama .entry h1{font-size:58px}.diorama .entry-caption{margin-top:15px;font-size:12px;display:block}.diorama .begin-button{margin-top:12px}.diorama .scene-copy,.diorama .scene-about,.diorama .scene-experience,.diorama .scene-certificates,.diorama .scene-reveal,.diorama .scene-projects,.diorama .scene-contact{background:linear-gradient(90deg,#101719d9,#10171900);border:0;width:88%;max-width:none;padding:14px 0;top:auto;bottom:12%;left:6%}.diorama .scene-copy h2{max-width:310px;margin-bottom:12px;font-size:31px}.diorama .scene-copy .eyebrow{margin-bottom:12px}.diorama .scene-copy .body-copy{margin:8px 0;font-size:12px;line-height:1.6}.diorama .scene-copy .meta-copy{margin-top:10px;font-size:10px}.diorama .scene-copy .text-button{min-height:38px;padding:8px 0;font-size:10px}.diorama .contact-email{margin:12px 0 5px;font-size:20px}.diorama .contact-links{margin:10px 0 0}.diorama .experience-footer{padding:16px 5%}.diorama .experience-footer .controls{flex-flow:row;gap:12px;display:flex}.diorama .experience-footer .controls button{letter-spacing:.6px;font-size:8px}.diorama .experience-footer .footer-owner{display:none}.diorama .experience-footer .scroll-cue{position:static;transform:none}.diorama .experience-footer .progress-track{width:38px}.diorama .experience-footer .scroll-cue>span:last-child{font-size:8px}}
.ui-v320{--accent:#f4d477;--quiet:#c1c7c5;--margin:clamp(28px, 5vw, 84px);color:#f3efe5}.ui-v320[data-scene=about]{--accent:#dfc698}.ui-v320[data-scene=experience]{--accent:#ffcb74}.ui-v320[data-scene=certificates]{--accent:#ecd080}.ui-v320[data-scene=reveal]{--accent:#a7bfff}.ui-v320[data-scene=projects]{--accent:#a5ddd4}.ui-v320[data-scene=contact]{--accent:#f6cf70}.ui-v320:after{background:linear-gradient(90deg,#080d13e8,#080d1370 30%,#0000 53%)}.ui-v320 .site-header{padding:24px var(--margin);background:linear-gradient(#080d13f0,#080d1390 65%,#0000);gap:20px}.ui-v320 .wordmark{letter-spacing:1.6px;gap:12px;font-size:13px}.ui-v320 .brand-mark{border-color:#e4d6b850;width:40px;height:44px;font-size:32px;line-height:38px}.ui-v320 .site-header nav{background:#101922a6;border:1px solid #ffffff12;border-radius:30px;gap:clamp(18px,2.2vw,36px);padding:0 22px}.ui-v320 .site-header nav a{letter-spacing:1.1px;color:#c5ccc9;align-items:center;min-height:46px;font-size:12px;display:inline-flex;position:relative}.ui-v320 .site-header nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.ui-v320 .site-header nav a:hover,.ui-v320 .site-header nav a[aria-current]{color:#fff6df}.ui-v320 .site-header nav a[aria-current]:after,.ui-v320 .site-header nav a:focus-visible:after{transform:scaleX(1)}.ui-v320 .edition{color:#c1c8c8;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.ui-v320 .edition-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.ui-v320 .entry{left:var(--margin);width:49%;top:32%}.ui-v320 .entry h1{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(64px,7.3vw,116px);line-height:1.04}.ui-v320 .entry h1 .entry-name{letter-spacing:inherit;font-size:1em}.ui-v320 .entry .eyebrow{margin-bottom:28px}.ui-v320 .entry-caption{color:#d5dbd6;margin-top:25px;font-size:17px;line-height:1.7}.ui-v320 .entry-meta{letter-spacing:1px;font-size:11px}.ui-v320 .boot .world{opacity:1}.ui-v320 .scene-copy{left:var(--margin);text-shadow:0 2px 20px #0007;background:0 0;border:0;width:34%;max-width:520px;padding:0;top:31%;bottom:auto}.ui-v320 .scene-copy h2{letter-spacing:-.045em;text-wrap:balance;margin:0 0 22px;font-size:clamp(38px,4.1vw,68px);font-weight:400;line-height:1.08}.ui-v320:lang(zh-Hant) .scene-copy h2{letter-spacing:-.035em;font-size:clamp(36px,3.7vw,59px);line-height:1.24}.ui-v320 .eyebrow{color:#d4d7cb;letter-spacing:1.5px;margin-bottom:24px;font-size:12px;line-height:1.6}.ui-v320 .chapter-number{color:var(--accent);margin-right:14px}.ui-v320 .chapter-rule{background:var(--accent);width:48px;height:2px;margin:0 0 22px;display:block}.ui-v320 .body-copy{color:#e1e4dc;max-width:355px;margin:0 0 18px;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.ui-v320 .meta-copy{color:#c0c9c4;margin:18px 0;font-size:13px;line-height:1.8}.ui-v320 .placeholder{color:#b7c2bf;max-width:350px;font-size:12px;line-height:1.7}.ui-v320 .text-button{border-color:#d4cfb76b;gap:28px;min-height:48px;padding:14px 0;font-size:12px}.ui-v320 .text-button>span{color:var(--accent)}.ui-v320 .begin-button{color:#192026;background:#f0d68e;border:1px solid #ffe7b0;border-radius:3px;min-width:248px;margin-top:26px;padding:15px 20px}.ui-v320 .begin-button>span{color:#192026}.ui-v320 .begin-button:hover{background:#fff0c7}.ui-v320 .next-scene{color:#c7ceca;letter-spacing:.8px;text-align:left;align-items:center;gap:18px;min-height:44px;margin-top:26px;padding:0;font:11px/1.5 Courier New,monospace;display:flex}.ui-v320 .next-scene>span:last-child{width:30px;height:30px;color:var(--accent);border:1px solid #ffffff35;border-radius:50%;place-items:center;transition:transform .2s;display:grid}.ui-v320 .next-scene:hover>span:last-child{border-color:var(--accent);transform:translateY(3px)}.ui-v320 .scene-about{width:30%;top:23%}.ui-v320 .scene-about h2{font-size:clamp(36px,3.7vw,59px)}.ui-v320 .scene-experience{width:31%;top:auto;bottom:18%}.ui-v320 .scene-certificates{width:30%;top:25%}.ui-v320 .scene-reveal{width:35%;top:27%}.ui-v320 .scene-projects{width:32%;top:auto;bottom:18%}.ui-v320 .scene-contact{width:36%;top:23%}.ui-v320 .scene-contact h2{font-size:clamp(36px,3.8vw,61px)}.ui-v320 .contact-email{margin:22px 0 10px;font-size:clamp(22px,2.1vw,32px)}.ui-v320 .contact-links{gap:20px;margin:18px 0 8px;font-size:13px}.ui-v320 .contact-links small{font-size:11px}.ui-v320 .chapter-rail{z-index:15;flex-direction:column;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.ui-v320 .chapter-rail button{place-items:center;width:38px;height:38px;display:grid;position:relative}.ui-v320 .rail-mark{background:#d4dfdb85;border-radius:50%;width:4px;height:4px;transition:transform .25s,background .25s}.ui-v320 .chapter-rail [aria-current] .rail-mark{background:var(--accent);transform:scale(1.6);box-shadow:0 0 0 5px #f4d4771a}.ui-v320 .rail-label{white-space:nowrap;color:#f3efe5;opacity:0;pointer-events:none;background:#0c151e;border:1px solid #ffffff24;padding:7px 10px;font-size:12px;transition:opacity .2s;position:absolute;right:40px}.ui-v320 .chapter-rail button:hover .rail-label,.ui-v320 .chapter-rail button:focus-visible .rail-label{opacity:1}.ui-v320 .experience-footer{padding:18px var(--margin);background:linear-gradient(#0000,#080e17e6 55%);align-items:center;gap:24px;min-height:94px}.ui-v320 .footer-owner{letter-spacing:.5px;flex-direction:column;flex-shrink:0;gap:9px;font-size:11px;display:flex}.ui-v320 .footer-owner b{color:var(--accent);padding-left:7px;font-weight:400}.ui-v320 .version-compare{color:#c0cac7;text-underline-offset:3px;font-size:11px;text-decoration:underline}.ui-v320 .version-compare:hover{color:var(--accent)}.ui-v320 .scroll-cue{letter-spacing:.8px;gap:12px;max-width:none;font-size:11px}.ui-v320 .progress-track{background:#d8e1dd40;width:clamp(48px,6vw,105px);height:2px}.ui-v320 .progress-track>span{background:var(--accent);height:2px}.ui-v320 .progress-title{color:#c7d0c9}.ui-v320 .controls{background:#0e1821b8;border:1px solid #ffffff24;border-radius:6px;flex-direction:row;align-items:center;gap:5px;padding:3px;display:flex}.ui-v320 .controls button{letter-spacing:.6px;border-radius:3px;min-height:40px;padding:10px 12px;font-size:11px}.ui-v320 .controls button:hover{background:#ffffff0d}.ui-v320 .locale-toggle{color:var(--accent)}.ui-v320 .sound-led{width:5px;height:5px}.ui-v320 a:focus-visible,.ui-v320 button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:1100px){.ui-v320 .edition,.ui-v320 .progress-title{display:none}.ui-v320 .site-header nav{gap:20px}.ui-v320 .scene-copy h2{font-size:42px}}@media (max-width:700px){.ui-v320{--margin:22px}.ui-v320:after{background:linear-gradient(#0000 38%,#080f1988 57%,#080f19ed 72%,#080f19fc 100%)}.ui-v320 .site-header{background:linear-gradient(#080e17f2 65%,#0000);grid-template-columns:1fr;gap:12px;padding:16px 20px 12px;display:grid}.ui-v320 .site-header .wordmark{gap:10px;width:fit-content;font-size:12px}.ui-v320 .brand-mark{width:30px;height:31px;padding-left:4px;font-size:25px;line-height:28px}.ui-v320 .site-header nav{background:0 0;border:0;border-bottom:1px solid #ffffff24;border-radius:0;flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%;max-width:none;padding:0;display:flex}.ui-v320 .site-header nav a{letter-spacing:.1px;min-height:40px;padding:6px 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:11px}.ui-v320:lang(zh-Hant) .site-header nav a{letter-spacing:2px;font-size:13px}.ui-v320 .chapter-rail{display:none}.ui-v320 .entry{width:auto;inset:auto 22px 154px}.ui-v320 .entry h1{font-size:clamp(44px,12vw,80px)}.ui-v320 .entry .eyebrow{margin-bottom:15px;font-size:10px}.ui-v320 .entry-caption{margin:14px 0 0;font-size:14px;line-height:1.6;display:block}.ui-v320 .begin-button{min-width:220px;margin-top:18px;padding:12px 16px}.ui-v320 .entry-meta{margin-top:10px;font-size:10px}.ui-v320 .scene-copy{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:calc(100% - 44px);max-width:none;padding:0;top:auto;bottom:142px;left:22px}.ui-v320 .scene-copy h2,.ui-v320:lang(zh-Hant) .scene-copy h2{letter-spacing:-.025em;max-width:100%;margin-bottom:14px;font-size:34px;line-height:1.13}.ui-v320:lang(zh-Hant) .scene-copy h2{line-height:1.23}.ui-v320 .scene-copy .eyebrow{margin-bottom:12px;font-size:11px;line-height:1.4}.ui-v320 .chapter-rule{width:32px;margin-bottom:14px}.ui-v320 .scene-copy .body-copy{max-width:100%;margin:0 0 9px;font-size:14px;line-height:1.6}.ui-v320 .scene-copy .meta-copy{margin:8px 0;font-size:12px;line-height:1.6}.ui-v320 .placeholder{max-width:100%;font-size:11px}.ui-v320 .scene-copy .text-button{min-height:44px;padding:10px 0;font-size:11px}.ui-v320 .next-scene{min-height:36px;margin-top:12px;font-size:10px}.ui-v320 .scene-copy:not(.scene-idea):not(.scene-reveal) .next-scene{display:none}.ui-v320 .contact-email{margin:14px 0 6px;font-size:23px}.ui-v320 .contact-links{gap:18px;margin:10px 0 0;font-size:12px}.ui-v320 .copy-status:empty{display:none}.ui-v320 .experience-footer{padding:12px 22px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#080f19 20%);grid-template-columns:1fr auto;gap:8px 12px;min-height:122px;display:grid}.ui-v320 .experience-footer .footer-owner{gap:6px;max-width:none;font-size:10px;display:flex}.ui-v320 .version-compare{font-size:10px}.ui-v320 .experience-footer .scroll-cue{gap:8px;max-width:none;font-size:10px;display:flex;position:static;transform:none}.ui-v320 .experience-footer .scroll-cue>span:last-child{font-size:10px}.ui-v320 .progress-title{display:none}.ui-v320 .experience-footer .progress-track{width:30px}.ui-v320 .experience-footer .controls{flex-direction:row;grid-column:1/-1;justify-content:space-between;gap:4px;padding:0 8px;display:flex}.ui-v320 .experience-footer .controls button{letter-spacing:.5px;min-height:40px;padding:8px 10px;font-size:11px}}@media (max-height:720px) and (min-width:701px){.ui-v320 .scene-copy{top:23%;bottom:auto}.ui-v320 .scene-copy h2{font-size:42px}.ui-v320 .next-scene{margin-top:12px}.ui-v320 .scene-contact{top:20%}}.ui-v320.simple .narrative{padding-top:140px}.ui-v320.simple .scene-copy{background:0 0;border-bottom:1px solid #ffffff24;width:100%;max-width:720px;padding:48px 0;position:relative;inset:auto}.ui-v320.simple .experience-footer{position:relative}.ui-v320.simple .scroll-cue{display:none}