:root{--ink:#382f30;--blue:#e6d6ca;--paper:#faf7f2;--accent:#bdd7ed;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid #87563f;outline-offset:6px}.skip{position:fixed;top:-70px;left:20px;background:var(--paper);padding:14px;z-index:20}.skip:focus{top:15px}header{position:absolute;top:0;left:0;width:100%;padding:30px 4.3%;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{font-size:35px;font-weight:700;letter-spacing:-2px}.brand span{display:inline-block;font-size:23px;margin-left:7px;vertical-align:top}.journal{font-size:15px;padding:10px 0}.journal span{display:inline-block;margin-left:20px;transition:transform .25s var(--ease)}.journal:hover span{transform:translate(3px,-3px)}.hero{height:850px;min-height:740px;max-height:1100px;height:100svh;background:var(--blue);position:relative;overflow:hidden;isolation:isolate}.hero h1{position:absolute;top:14%;left:4%;width:92%;margin:0;font-size:clamp(80px,13.6vw,215px);line-height:1.04;letter-spacing:-.055em;font-weight:500;white-space:nowrap;transform:translateX(var(--tx,0px));transition:transform .65s var(--ease);z-index:0}.name-period{color:#faf7f2}.portrait{position:absolute;margin:0;bottom:0;left:50%;width:min(54vw,740px);transform:translateX(-50%);z-index:1}.portrait img{width:100%;height:auto;display:block;transform:translate(var(--px,0px),var(--py,0px)) rotate(var(--pr,0deg));transform-origin:center bottom;transition:transform .7s var(--ease)}.intro{position:absolute;left:4.6%;top:48%;z-index:2}.intro>p:first-child{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(27px,2.7vw,44px);line-height:1.18;margin:0 0 20px;letter-spacing:-.035em}.intro-small{font-size:15px;line-height:1.6}.hero-note{position:absolute;right:4.5%;top:54%;z-index:2}.hero-note>span{font-size:13px}.hero-note p{font-size:23px;line-height:1.35}.work-link{position:absolute;bottom:35px;left:4.5%;display:flex;align-items:center;gap:22px;font-size:14px;z-index:3}.round-arrow{display:grid;place-items:center;background:var(--accent);border-radius:50%;width:52px;height:52px;font-size:25px;transition:transform .3s var(--ease)}.work-link:hover .round-arrow{transform:translateY(5px)}.work{padding:105px 5% 80px}.work-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:80px}.work-intro h2{font-size:clamp(40px,4.7vw,68px);font-weight:500;line-height:1.09;letter-spacing:-.045em;margin:0}.work-intro em{font-family:'Source Serif 4',Georgia,serif;font-weight:400}.work-intro>p{font-size:16px;line-height:1.6;margin:0 0 5px}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.project-heading h3{font-size:46px;font-weight:500;letter-spacing:-.04em;margin:0 0 5px}.project-heading p{font-size:17px;margin:0}.stage{font-size:13px;background:#e8ddd2;padding:10px 16px;border-radius:30px}.project-image{position:relative;background:#e8e9e2}.image-link{display:block;overflow:hidden;position:relative}.image-link>img{display:block;width:100%;height:min(66vw,820px);object-fit:contain;transition:transform .7s var(--ease)}.image-link:hover>img{transform:scale(1.025)}.view-bubble{position:absolute;left:var(--bx,50%);top:var(--by,50%);width:105px;height:105px;border-radius:50%;background:var(--accent);display:grid;place-content:center;text-align:center;font-size:16px;line-height:1.3;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .18s,transform .3s var(--ease)}.image-link:hover .view-bubble{opacity:1;transform:translate(-50%,-50%) scale(1)}.image-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:5px;background:var(--paper);border-radius:40px;display:flex;gap:4px}.image-controls[hidden]{display:none}.image-controls button{border:0;background:transparent;color:var(--ink);border-radius:30px;padding:11px 22px;cursor:pointer;font-size:13px;white-space:nowrap;transition:background .2s}.image-controls button[aria-pressed=true]{background:var(--ink);color:white}.image-controls button:active{transform:scale(.97)}.project-bottom{display:flex;justify-content:space-between;align-items:start;padding:27px 0;gap:50px}.project-bottom p{max-width:570px;line-height:1.7;font-size:17px;margin:0}.project-link{flex-shrink:0;padding:8px 0;border-bottom:1px solid var(--ink);font-size:16px}.project-link span{margin-left:35px;display:inline-block;transition:transform .25s var(--ease)}.project-link:hover span{transform:translate(3px,-3px)}.preview-note{padding-top:65px;font-size:14px;line-height:1.7}.preview-note p{color:#6c5a52;margin:0}.preview-note a{text-decoration:underline;text-underline-offset:5px}footer{background:var(--ink);color:var(--paper);padding:70px 5% 35px}footer>a{font-size:clamp(32px,5vw,72px);letter-spacing:-.035em;display:flex;justify-content:space-between;align-items:center}footer>a span{color:var(--accent)}footer>div{display:flex;gap:40px;align-items:center;margin-top:65px;font-size:13px}footer>div>span{margin-right:auto}footer a:hover{text-decoration:underline;text-underline-offset:7px}@view-transition{navigation:auto}::view-transition-old(root){animation:out .2s ease-out}::view-transition-new(root){animation:in .35s ease-out}@keyframes out{to{opacity:0}}@keyframes in{from{opacity:0;transform:translateY(6px)}}@media(min-width:1700px){.hero{max-height:1100px}}@media(max-width:900px){.hero{min-height:720px;max-height:900px}.hero h1{top:18%;font-size:13.5vw}.portrait{width:74vw}.intro{top:37%}.intro>p:first-child{font-size:30px}.hero-note{top:40%;right:4%}.hero-note p{font-size:18px}.hero-note>span{font-size:11px}.intro-small{font-size:13px}.work-intro{gap:35px}.project-bottom p{max-width:65%}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:30px}.journal{font-size:13px}.journal span{margin-left:10px}.hero{height:810px;min-height:740px;max-height:none}.hero h1{top:120px;left:5%;font-size:13.5vw;width:90%;letter-spacing:-.05em}.intro{top:219px;left:7%}.intro>p:first-child{font-size:32px}.intro-small{font-size:14px;line-height:1.5}.hero-note{display:none}.portrait{width:110%;bottom:0;max-width:540px}.work-link{left:auto;right:6%;bottom:24px;gap:8px}.work-link>span:first-child{width:67px;font-size:12px;background:var(--blue);padding:4px}.round-arrow{height:45px;width:45px}.work{padding:65px 6%}.work-intro{display:block;margin-bottom:55px}.work-intro h2{font-size:43px}.work-intro>p{margin-top:25px;font-size:14px}.project-heading{align-items:start;gap:15px}.project-heading h3{font-size:36px}.project-heading p{font-size:14px}.stage{font-size:11px;padding:9px 11px;max-width:110px;text-align:center}.image-link>img{height:83vw;object-fit:contain}.image-controls{bottom:12px}.image-controls button{padding:9px 16px}.project-bottom{display:block;padding-top:22px}.project-bottom p{max-width:100%;font-size:16px}.project-link{display:inline-block;margin-top:20px}.preview-note{padding-top:40px}footer{padding:45px 6% 25px}footer>div{gap:20px;flex-wrap:wrap;margin-top:45px}footer>div>span{width:100%}.view-bubble{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.portrait img,.hero h1,.image-link:hover>img{transform:none!important}}

.project-index{padding-bottom:120px}.project-rows{border-top:1px solid #c8b9ae}.project-row{display:grid;grid-template-columns:1fr 230px 70px;align-items:center;gap:30px;padding:42px 5px;border-bottom:1px solid #c8b9ae;transition:padding .4s var(--ease),background .3s}.project-row h3{font-size:clamp(30px,4vw,57px);font-weight:500;letter-spacing:-.04em;margin:0 0 9px}.project-row p{margin:0;font-size:15px}.row-stage{font-size:12px;line-height:1.5}.row-arrow{height:58px;width:58px;display:grid;place-items:center;border-radius:50%;font-size:30px;transition:background .25s,transform .3s var(--ease)}.project-row:hover,.project-row:focus-visible{padding-left:24px;background:#eee4dc}.project-row:hover .row-arrow,.project-row:focus-visible .row-arrow{background:var(--accent);transform:rotate(45deg)}@media(max-width:600px){.project-index{padding-bottom:70px}.project-row{grid-template-columns:1fr 42px;gap:15px;padding:30px 0}.project-row h3{font-size:31px}.project-row p{font-size:13px}.row-stage{grid-column:1;grid-row:2;font-size:11px}.row-arrow{grid-column:2;grid-row:1 / 3;width:40px;height:40px;font-size:25px}.project-row:hover,.project-row:focus-visible{padding-left:8px}}

.portrait-art{position:relative;transform:translate(var(--px,0px),var(--py,0px)) rotate(var(--pr,0deg));transform-origin:center bottom;transition:transform .7s var(--ease)}.portrait .portrait-art>img{transform:none;transition:none}.gaze{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pupil{transition:transform .12s ease-out}@media(prefers-reduced-motion:reduce){.portrait-art,.pupil{transform:none!important}}

.portrait{width:auto;height:79%;bottom:0}.portrait-art{height:100%}.portrait .portrait-art>img{width:auto;height:100%;max-width:none}.character-credit{position:absolute;bottom:17px;left:calc(100% + 30px);width:200px;font-size:10px;line-height:1.6}.character-credit span{display:block}.character-credit a{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.portrait{height:72%;width:auto}.character-credit{left:calc(100% + 8px);width:140px}}@media(max-width:600px){.portrait{height:55%;width:auto;bottom:0}.character-credit{left:50%;transform:translateX(-50%);bottom:3px;width:220px;text-align:center;font-size:8px;background:#e6d6cae8}.character-credit span{display:none}}

.top-nav{display:flex;align-items:center;gap:32px}.menu-trigger,.menu-close{border:0;background:none;color:inherit;cursor:pointer;font:inherit;padding:12px}.menu-trigger{font-size:14px}.menu-trigger span{margin-left:12px}.magnetic{transition:transform .3s var(--ease)}.site-menu{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(560px,100%);max-width:100%;border:0;padding:40px;background:var(--ink);color:var(--paper)}.site-menu::backdrop{background:#28232466}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-top h2{font:18px 'DM Sans',sans-serif}.site-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:60px 0}.site-menu nav a{font-size:clamp(24px,3vw,38px);padding:20px 0;display:flex;justify-content:space-between;border-bottom:1px solid #9e8c82}.site-menu nav a:hover{color:var(--accent)}.site-menu>p{font-size:13px}.site-menu[open]{animation:menu-in .45s var(--ease)}@keyframes menu-in{from{transform:translateX(100%)}}body:has(.site-menu[open]){overflow:hidden}.project-row{position:relative}.row-preview{position:absolute;z-index:4;width:240px;height:180px;left:var(--hover-x,65%);top:50%;transform:translate(-50%,-50%) rotate(-4deg) scale(.94);opacity:0;pointer-events:none;transition:opacity .2s,transform .35s var(--ease);box-shadow:0 15px 30px #382f3020}.row-preview img{width:100%;height:100%;object-fit:contain;background:#e8e1da}@media(hover:hover) and (pointer:fine){.project-row:hover .row-preview{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}}.beyond{padding:70px 5% 100px;background:#eee4dc;display:grid;grid-template-columns:1fr 1fr;gap:45px}.beyond h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.04em;font-weight:500;line-height:1.07;margin:0 0 25px}.beyond em{font-family:'Source Serif 4',serif;font-weight:400}.beyond p{font-size:16px;line-height:1.6}.simple-link{display:inline-block;margin-top:22px;border-bottom:1px solid;padding-bottom:6px}.journal-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:filter .3s}.journal-preview:hover img{filter:brightness(1.1)}.journal-preview span{display:block;font-size:13px;margin-top:14px}.other-link{grid-column:1/-1;display:flex;justify-content:space-between;font-size:30px;padding-top:35px;border-top:1px solid #c8b9ae}.other-link span{font-size:15px;align-self:center}.review-label{font-size:11px;color:#e6d6ca;margin-top:28px}.footer-links{flex-wrap:wrap}.brand:hover span{color:#87563f}.brand:hover{filter:drop-shadow(2px 0 0 #bdd7ed)}@media(max-width:600px){.top-nav{gap:10px}.menu-trigger{padding:8px;font-size:12px}.menu-trigger span{margin-left:5px}.site-menu{padding:25px}.site-menu nav{margin:35px 0}.site-menu nav a{font-size:27px}.row-preview{display:none}.beyond{padding:55px 6%;grid-template-columns:1fr;gap:35px}.other-link{font-size:26px;gap:20px}.other-link span{font-size:12px}.footer-links{gap:20px}}@media(prefers-reduced-motion:reduce){.site-menu[open]{animation:none}.row-preview{display:none}.magnetic{transform:none!important}}

.hero h1{font-size:clamp(72px,12vw,195px)}@media(max-width:900px){.hero h1{font-size:12vw}}@media(max-width:600px){.hero h1{font-size:12vw}}

.pointer-preview{position:fixed;z-index:30;width:280px;height:210px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-3deg);transition:opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1);box-shadow:0 16px 40px #382f3025;background:#e8e1da;will-change:left,top,transform}.pointer-preview img{width:100%;height:100%;object-fit:contain;display:block}.pointer-preview.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}.hero h1{translate:var(--scroll-name,0px) 0}.hero .portrait{translate:0 var(--scroll-person,0px)}.compact-beyond{display:block;padding:0 5% 80px;background:var(--paper)}.beyond-entry{display:grid;grid-template-columns:1fr auto 55px;align-items:center;gap:30px;border-top:1px solid #c8b9ae;border-bottom:1px solid #c8b9ae;padding:40px 5px;transition:background .3s,padding .4s var(--ease)}.beyond-entry h2{font:500 clamp(26px,3.5vw,48px)/1.1 'DM Sans',sans-serif;margin:0;letter-spacing:-.04em}.beyond-entry>span{font-size:13px}.beyond-entry .beyond-arrow{font-size:35px;text-align:right}.beyond-entry:hover{background:#eee4dc;padding-left:22px}.beyond-collection{padding-bottom:90px}.collection-entry{display:grid;grid-template-columns:340px 1fr 40px;gap:45px;align-items:center;padding:40px 0;border-top:1px solid #c8b9ae}.collection-entry:last-child{border-bottom:1px solid #c8b9ae}.collection-media{height:220px;overflow:hidden;background:var(--field)}.collection-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.collection-entry:last-child img{object-fit:contain}.collection-entry:hover img{transform:scale(1.04)}.collection-entry h2{margin:0 0 18px}.collection-entry p{font-size:15px;max-width:38ch}.collection-entry>span{font-size:35px}.inner-page .collection-entry h2{font-size:40px}@media(max-width:900px){.collection-entry{grid-template-columns:230px 1fr 25px;gap:25px}.collection-media{height:180px}}@media(max-width:600px){.pointer-preview{display:none}.compact-beyond{padding:0 6% 60px}.beyond-entry{grid-template-columns:1fr 30px;gap:14px;padding:28px 0}.beyond-entry h2{font-size:29px}.beyond-entry>span:not(.beyond-arrow){grid-column:1;grid-row:2;font-size:12px}.beyond-entry .beyond-arrow{grid-column:2;grid-row:1/3;font-size:28px}.collection-entry{grid-template-columns:1fr 30px;gap:20px;padding:30px 0}.collection-media{grid-column:1/-1;height:210px}.collection-entry h2{font-size:31px!important}.collection-entry p{font-size:14px}.hero h1{translate:calc(var(--scroll-name,0px) * .4) 0}}@media(prefers-reduced-motion:reduce){.pointer-preview{display:none}.hero h1,.hero .portrait{translate:none!important}}

.pointer-preview img{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1)}.pointer-preview img.current{opacity:1;transform:scale(1)}

.preview-click{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--accent);color:var(--ink);font:500 20px/1 "DM Sans",sans-serif;box-shadow:0 5px 18px #382f3020;pointer-events:none}

.preview-click{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;color:#fff;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:44px;font-weight:700;font-style:italic;letter-spacing:-.025em;transform:translate(-50%,-50%) rotate(-9deg);text-shadow:0 2px 2px #382f30,1px 0 #382f30,-1px 0 #382f30,0 -1px #382f30}

.preview-click{font-family:"Source Serif 4",Georgia,serif;font-size:48px;font-weight:400;font-style:italic;letter-spacing:-.035em;transform:translate(-50%,-50%);color:#382f30;text-shadow:0 2px 12px #ffffffb3}

.kinetic-name{border:0;background:none;padding:0;margin:0;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;cursor:pointer;white-space:nowrap;display:inline-block;text-align:left}.name-letter{display:inline-block;transform:translateY(var(--letter-y,0px)) rotate(var(--letter-r,0deg)) scale(var(--letter-s,1));transition:transform .65s cubic-bezier(.16,1,.3,1);transform-origin:50% 80%}.hero:has(.kinetic-name:focus-visible) .portrait{pointer-events:none}.kinetic-name:focus-visible{outline-offset:14px}.kinetic-name:active{color:#87563f}@media(prefers-reduced-motion:reduce){.name-letter{transform:none!important}}

.hero h1{top:13%;font-size:clamp(85px,13vw,200px);width:auto;max-width:92%;line-height:1}.kinetic-name{display:block}.name-line{display:block;width:max-content;max-width:100%}.name-chinese{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:.57em;letter-spacing:.09em;line-height:1.3;margin-top:.12em;font-weight:500}.name-english{letter-spacing:-.055em}@media(max-width:900px){.hero h1{font-size:15vw;top:15%}}@media(max-width:600px){.hero h1{top:115px;left:6%;font-size:18vw}.name-chinese{font-size:.56em;margin-top:.16em}.intro{top:300px}.portrait{height:48%}.hero{height:850px;min-height:850px}}

.name-line{position:relative}.name-letter{transition:none!important;transform:none;transform-origin:50% 65%;will-change:transform}.name-english{letter-spacing:-.035em}.kinetic-name{touch-action:manipulation}.kinetic-name:active{color:inherit}@media(prefers-reduced-motion:reduce){.name-letter{will-change:auto}}

.elastic-word{display:inline-block;position:relative;white-space:nowrap;font:inherit;letter-spacing:inherit}.elastic-letter,header .elastic-word .elastic-letter,.journal .elastic-word .elastic-letter,.brand .elastic-word .elastic-letter{display:inline-block;position:relative;font:inherit;letter-spacing:inherit;margin:0;vertical-align:baseline;transition:none!important;transform-origin:50% 65%}.hero .elastic-letter{will-change:transform}@media(prefers-reduced-motion:reduce){.elastic-letter{transform:none!important;will-change:auto}}

/* Elastic wrappers must not inherit decorative span layout rules. */
.hero .character-credit .elastic-word,.hero .character-credit .elastic-letter{display:inline-block;position:relative;inset:auto;width:auto;height:auto;margin:0;transform-origin:50% 65%;font:inherit;letter-spacing:inherit;vertical-align:baseline}
header .journal .elastic-word,header .brand>.elastic-word{display:inline-block;margin:0;vertical-align:baseline;font:inherit;letter-spacing:inherit}
.hero .character-credit>span{display:block}

:root{--muted:#6c5a52;--rust:#87563f}.preview-click{text-shadow:0 2px 12px #ffffffc0}.name-period{color:#fffdf9}.site-menu nav a:hover{color:#bdd7ed}.review-label,.inner-page footer .review-label{color:#e6d6ca}

.misaka-spark{position:fixed;z-index:8;width:30px;height:39px;pointer-events:none;fill:none;stroke:#f7fcff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #74addc);opacity:0}@media(prefers-reduced-motion:reduce),(hover:none){.misaka-spark{display:none}}

/* Character palette: warm uniform, slate-violet skirt, copper hair, cool electric accent. */
:root{--slate:#686577;--slate-ink:#494654;--copper:#965d46;--electric:#286b9b;--accent:#bddcf1}
.hero{background:#e6d6ca}.hero-note>span{color:#754a37}.hero-note p{color:var(--slate-ink)}.name-chinese{color:#655769}.project-index{background:#f7f3ed}.project-row:nth-child(2n):hover{background:#e7e4ed}.project-row:nth-child(2n+1):hover{background:#ede0d5}.project-row:hover .row-arrow{background:#d3dfef;color:#315b7b}.compact-beyond{background:#e7e4ed;padding-top:15px}.beyond-entry{border-color:#b6afc2}.beyond-entry:hover{background:#dcd7e7}.beyond-entry .beyond-arrow{color:#735248}footer{background:#494654}.inner-page footer{background:#494654}.site-menu{background:#494654}.menu-trigger{color:#674936}.round-arrow{background:#bddcf1;color:#315b7b}.simple-link,.project-link{color:#825039}.brand span{color:#825039}.brand:hover{filter:drop-shadow(2px 0 0 #86bde5)}.inner-page .page-heading h1{color:#655769}.photo-filters button[aria-pressed=true]{background:#655769;border-color:#655769}.photo-lightbox{background:#292733f7}.photo-lightbox::backdrop{background:#292733}.photo-lightbox button:focus-visible{outline-color:#bddcf1}
.electric-burst{position:fixed;width:340px;height:340px;z-index:1000;pointer-events:none;overflow:visible;transform:translate(-50%,-50%)}.electric-burst path{fill:none;stroke-linecap:round;stroke-linejoin:round}.electric-aura{stroke:#70b9ed;stroke-width:7;opacity:.28;filter:blur(3px)}.electric-edge{stroke:#397fbd;stroke-width:3.6;opacity:.9}.electric-core{stroke:#f6fcff;stroke-width:1.55}.electric-static{width:15px;height:22px;vertical-align:middle;stroke:#397fbd;fill:none;stroke-width:1.8;stroke-linejoin:round}.footer-invite>span{color:#bddcf1}@media(max-width:600px){.electric-burst{width:250px;height:250px}}@media(prefers-reduced-motion:reduce){.electric-burst{display:none}}

/* Keep text anchors fixed. Only individual, bounded squash/stretch is animated. */
.hero h1{translate:none!important;transform:none!important}.name-letter,.elastic-letter{transform-origin:50% 65%}.kinetic-name{isolation:isolate}@media(min-width:901px){.intro{top:52%}}

/* Stability first: original font metrics and unsplit native text. */
.hero h1{transform:none!important;translate:none!important;transition:none!important}.hero h1 .name-line{display:block;transform:none!important;animation:none!important}.hero .name-english{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.055em}.hero .name-chinese{font-family:'Microsoft YaHei','PingFang SC',sans-serif}.intro,.hero-note,header,.character-credit{animation:none}.electric-burst{width:88px!important;height:88px!important}.electric-aura{stroke:#8dc9f1;stroke-width:4;opacity:.32;filter:blur(1.3px)}.electric-edge{stroke:#619bc7;stroke-width:1.9;opacity:.8}.electric-core{stroke:#f4fbff;stroke-width:.9}

.electric-burst .electric-aura{stroke-width:10;filter:blur(3px)}.electric-burst .electric-edge{stroke-width:5.5;opacity:.9}.electric-burst .electric-core{stroke-width:2.6}

.type-glyph,.type-word{display:inline-block;font:inherit;letter-spacing:inherit;vertical-align:baseline;transform-origin:50% 50%;transition:none!important}.type-word{white-space:nowrap}.hero #name,.hero .intro,.hero .hero-note{opacity:var(--hero-copy-alpha,1)}.scroll-copy{opacity:var(--copy-alpha,1)}.hero h1 .type-glyph{animation:none!important}@media(prefers-reduced-motion:reduce){.type-glyph,.type-word{transform:none!important}.scroll-copy,.hero #name,.hero .intro,.hero .hero-note{opacity:1!important}}

.attract-glyph{display:inline-block;font:inherit;letter-spacing:inherit;transition:none!important;transform-origin:50% 50%}.attract-copy{transition:none!important}@media(prefers-reduced-motion:reduce){.attract-glyph,.attract-copy{transform:none!important}}

.magnet-text{display:inline-block;font:inherit;letter-spacing:inherit;line-height:inherit;transform-origin:50% 50%;transition:none!important;will-change:transform}.intro .magnet-text,.hero-note .magnet-text{display:block}.name-line{overflow:visible}@media(prefers-reduced-motion:reduce){.magnet-text{transform:none!important;will-change:auto}}