.experimental #main .about{--about-purple:var(--exp-purple);--about-green:#d0ff45;padding-top:1.5rem;padding-bottom:1rem}[data-theme=light] .experimental #main .about{--about-purple:var(--accent)}.about-profile{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.about-profile__intro{min-width:0}.about-hello{font:750 clamp(1.5rem, 2.7vw, 2.8rem)/1.25 var(--font-sans);letter-spacing:-.04em}.about-name{letter-spacing:-.065em;transform:translate(var(--name-x,0px), var(--name-y,0px));transition:transform .25s var(--exp-ease);margin-top:.35rem;font-size:clamp(2.7rem,5.6vw,6.2rem);font-weight:850;display:inline-block}.about-name__dot{color:var(--accent)}.about-section-label{font:650 1.1rem/1.5 var(--font-sans);justify-content:space-between;margin:2.5rem 0 1rem;display:flex}.about-section-label>span{color:var(--accent)}.about-mosaic{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:.85rem;display:grid}.about-tile{--tile-glow:var(--about-purple);border:1px solid var(--line);background:var(--panel);isolation:isolate;min-width:0;transform:perspective(750px) rotateX(var(--tile-rx,0deg)) rotateY(var(--tile-ry,0deg));transition:border-color .3s, transform .2s var(--exp-ease), box-shadow .3s;border-radius:1rem;padding:1.4rem;position:relative;overflow:hidden}.about-tile:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle 140px at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--tile-glow) 25%, transparent), transparent 100%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.about-tile[data-pointer-active]{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));box-shadow:0 12px 30px color-mix(in srgb, var(--ink) 8%, transparent)}.about-tile[data-pointer-active]:before{opacity:1}.about-tile h4{z-index:1;color:inherit;font:850 clamp(2rem, 3.25vw, 3.4rem)/1.05 var(--font-sans);letter-spacing:-.055em;margin:1.2rem 0;position:relative}.about-tile p{z-index:1;color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8;position:relative}.about-tile--explore{--tile-glow:currentColor;background:var(--exp-purple);color:#15170f}.about-tile__track{z-index:-1;border:1px solid color-mix(in srgb, currentColor 30%, transparent);width:12rem;height:12rem;box-shadow:0 0 0 1.5rem color-mix(in srgb, currentColor 5%, transparent), 0 0 0 3rem color-mix(in srgb, currentColor 4%, transparent);transform:translate(var(--depth-x,0px), var(--depth-y,0px));transition:transform .25s var(--exp-ease);border-radius:50%;position:absolute;top:2rem;right:-7rem}.about-tile--fudan{--tile-glow:currentColor;background:var(--about-green);color:#15170f;flex-direction:column;justify-content:space-between;display:flex}.about-tile.about-tile--fudan{padding-bottom:3rem}.about-tile__seal{z-index:-1;opacity:.4;pointer-events:none;width:9rem;height:6.25rem;transform:translate(var(--depth-x,0px), var(--depth-y,0px));transition:transform .25s var(--exp-ease);position:absolute;top:-1.5rem;right:-1.25rem}.about-tile--curiosity{--tile-glow:currentColor;background:var(--exp-purple-deep);color:#f9faf4;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;display:flex}[data-theme=light] .about-tile--curiosity{background:var(--exp-purple);color:#15170f}.about-tile p,.about-tile--curiosity .about-tile__infinity{color:inherit}[data-theme=light] .about-tile--explore{background:var(--exp-purple-deep);color:#f9faf4}.about-tile__infinity{width:5rem;height:2.5rem;color:var(--about-purple);stroke-dasharray:95 12;stroke-dashoffset:var(--trace,0);transform:translate(var(--depth-x,0px), var(--depth-y,0px));transition:stroke-dashoffset .25s var(--exp-ease), transform .25s var(--exp-ease);flex:0 0 5rem}.about-art{--orbit-color:var(--accent);--tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px;aspect-ratio:1/1.14;isolation:isolate;justify-self:center;width:100%;max-width:36rem;position:relative}.about-art[data-phase="1"]{--orbit-color:var(--about-purple)}.about-art[data-phase="2"]{--orbit-color:var(--ink)}.about-art__space{pointer-events:none;position:absolute;inset:0 0 12%}.about-art__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.4;background-size:3rem 3rem;position:absolute;inset:0;mask-image:radial-gradient(#000,#0000 70%)}.about-art__halo{background:radial-gradient(circle, color-mix(in srgb, var(--orbit-color) 18%, transparent), transparent 68%);transform:translate(var(--shift-x), var(--shift-y));border-radius:50%;transition:background .6s;position:absolute;inset:10%}.about-art__tilt{transform:perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s var(--exp-ease);position:absolute;inset:0}.about-orbit{border:1px solid color-mix(in srgb, var(--orbit-color) 55%, transparent);border-radius:50%;transition:border-color .6s;position:absolute;inset:8%}.about-orbit--outer{border:1px dashed var(--line-strong);animation:48s linear infinite about-orbit;inset:4%}.about-orbit--one{animation:24s linear infinite about-orbit;inset:14% 1%;rotate:-32deg;scale:1 .62}.about-orbit--two{border-color:color-mix(in srgb, var(--about-purple) 65%, transparent);animation:32s linear infinite reverse about-orbit;inset:3% 16%;rotate:35deg;scale:.72 1}.about-orbit i{background:var(--orbit-color);width:.6rem;height:.6rem;box-shadow:0 0 16px color-mix(in srgb, var(--orbit-color) 65%, transparent);border-radius:50%;transition:background .6s;position:absolute;top:50%;left:-.3rem}.about-orbit--outer i{background:var(--about-purple);width:.35rem;height:.35rem;left:-.175rem}.about-orbit--outer i+i{background:var(--accent);left:auto;right:-.175rem}.about-art__cross{color:var(--orbit-color);font:300 1.7rem/1 var(--font-mono);position:absolute}.about-art__cross--one{top:13%;right:14%}.about-art__cross--two{font-size:1rem;bottom:12%;left:14%}.about-art__tag{z-index:2;border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--paper);font:1rem/1.5 var(--font-sans);border-radius:2rem;padding:.35rem .7rem;animation:6s ease-in-out infinite about-float;position:absolute}.about-art__tag--one{top:24%;left:0;rotate:-10deg}.about-art__tag--two{animation-delay:-2s;top:42%;right:0;rotate:8deg}.about-art__tag--three{animation-delay:-4s;bottom:10%;right:12%;rotate:-7deg}.about-portrait-button{z-index:3;aspect-ratio:1;width:46%;transform:translate(-50%, -50%) perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s var(--exp-ease);border-radius:50%;padding:0;position:absolute;top:44%;left:50%}.about-portrait-button:disabled{cursor:default}.about-avatar{object-fit:cover;border:5px solid var(--paper);width:100%;height:100%;box-shadow:0 0 0 1px var(--line-strong), 0 15px 65px color-mix(in srgb, var(--orbit-color) 13%, transparent);transition:box-shadow .35s, scale .35s var(--exp-ease);border-radius:50%;display:block}.about-portrait-button:not(:disabled):is(:hover,:focus-visible) .about-avatar{box-shadow:0 0 0 1px var(--orbit-color), 0 0 60px color-mix(in srgb, var(--orbit-color) 25%, transparent);scale:1.04}.about-portrait-button__ring{border:1px solid var(--orbit-color);opacity:.35;border-radius:50%;transition:border-color .6s;position:absolute;inset:-.65rem}.about-art__sparks{z-index:4;pointer-events:none;position:absolute;inset:0}.about-spark{background:var(--orbit-color);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:44%;left:50%}.about-spark:nth-child(3n){background:var(--about-purple);border-radius:1px;width:.2rem;height:.8rem}.about-art__caption{text-align:center;position:absolute;inset:auto 0 0}.about-art__mode{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.65rem;margin:0;display:flex}.about-art__mode>:first-child{color:var(--orbit-color);font:850 1.3rem/1.2 var(--font-sans);letter-spacing:-.04em}.about-art__mode>:last-child{color:var(--ink-soft);font-size:1rem}.about-art[data-motion-paused] *,.about-art[data-motion-paused] :before,.about-art[data-motion-paused] :after{animation-play-state:paused!important}.about-manifesto{border-top:1px solid var(--line-strong);margin-top:clamp(3.5rem,7vw,7rem);padding-block:1.2rem 2rem;overflow:clip;container-type:inline-size}.about-manifesto__line{font:900 clamp(1rem, 7.2vw, 8.7rem)/1.12 "Arial Black", var(--font-sans);letter-spacing:-.07em;flex-wrap:nowrap;justify-content:space-between;gap:.12em;margin:0;font-size:clamp(1rem,8cqw,8.7rem);display:flex}.about-manifesto__line>span{white-space:nowrap;transition:color .3s, translate .4s var(--exp-ease)}.about-manifesto__line>span:first-child{color:var(--accent)}.about-manifesto__line>span:nth-child(2){color:#0000;-webkit-text-stroke:1px var(--ink-muted)}.about-manifesto__line>span:nth-child(2):hover{color:var(--about-purple);-webkit-text-stroke-color:var(--about-purple)}.about-manifesto__line>span:hover{translate:0 -.06em}.about-manifesto__star{width:.65em;height:.65em;color:var(--about-purple);vertical-align:.04em;transition:rotate .7s var(--exp-ease);margin-left:.1em;display:inline-block}.about-manifesto__line>span:hover .about-manifesto__star{rotate:180deg}@keyframes about-orbit{to{transform:rotate(360deg)}}@keyframes about-float{0%,to{translate:0}50%{translate:0 -.65rem}}@media (width>=90rem){.about-profile{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}}@media (width<=62rem){.about-profile{gap:1.5rem}.about-name{font-size:clamp(2.4rem,5.5vw,3.8rem)}.about-tile{padding:1rem}}@media (width<=48rem){.about-profile{grid-template-columns:minmax(0,1fr);gap:2rem}.about-mosaic{grid-template-columns:minmax(0,1fr)}.about-tile:is(.about-tile--explore,.about-tile--fudan){grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:1.25rem;display:grid}.about-tile.about-tile--fudan{grid-template-columns:minmax(7.5rem,.9fr) minmax(0,1fr);padding-top:2.75rem}.about-tile__seal{width:7rem;height:auto;top:-1rem}.about-tile:is(.about-tile--explore,.about-tile--fudan) h4{margin:0}.about-tile--curiosity{gap:.75rem}.about-tile__infinity{flex-basis:3rem;width:3rem}.about-art{aspect-ratio:1/1.08;grid-row:1;width:min(100%,24rem)}.about-name{font-size:clamp(2.6rem,11vw,5rem)}.about-section-label{margin-top:2rem}}.experimental:has([data-about]) .exp-footer__base{font-size:1rem}@media (prefers-reduced-motion:reduce){.about *,.about :before,.about :after{transition:none!important;animation:none!important}.about-art__tilt,.about-portrait-button{--tilt-x:0deg;--tilt-y:0deg}.about-art__halo{transform:none}.about-name,.about-tile,.about-tile :is(.about-tile__infinity,.about-tile__seal,.about-tile__track){stroke-dashoffset:0;transform:none}.about-tile:before{display:none}.about-portrait-button .about-avatar{scale:1!important}.about-manifesto__line>span:hover{translate:none}}