.scrambled-text{display:inline}.scrambled-text__char{will-change:transform;display:inline-block}.specular-button{--sb-radius:999px;--sb-tint:#fff;--sb-tint-opacity:.03;--sb-blur:8px;--sb-text-color:#f5f5f5;color:var(--sb-text-color);border-radius:var(--sb-radius);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #0003}.specular-button:hover{transform:translateY(-1px)}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid var(--sb-text-color);outline-offset:3px}.specular-button__effect{z-index:1;pointer-events:none;position:absolute;inset:-20px}.specular-button__effect canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;display:inherit;position:relative}.text-rotate{vertical-align:baseline;padding-bottom:.16em;display:inline-flex;position:relative;overflow:hidden}.text-rotate-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-rotate__word{display:inline-flex}.text-rotate__character{display:inline-block}.plasma-container{width:100%;height:100%;overflow:hidden}.gooey-nav-container{--color-1:#b7c8d8;--color-2:#9fb4c9;--color-3:#d4e0eb;--color-4:#7a9ab5;--nav-label-size:.78rem;position:relative}.gooey-nav-container .gooey-nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container .gooey-nav ul{z-index:3;color:var(--ink);text-shadow:0 1px 1px #121b2133;gap:clamp(1rem,2.5vw,2.5em);margin:0;padding:0 1em;list-style:none;display:flex;position:relative}.gooey-nav-container .gooey-nav ul li a{font-size:var(--nav-label-size);letter-spacing:.04em;padding:.6em .8em;line-height:normal;display:inline-block}@media (width<=760px){.gooey-nav-container{--nav-label-size:.68rem}.gooey-nav-container .gooey-nav ul{gap:.85rem}.gooey-nav-container .gooey-nav ul li a{padding:.6em}}@media (width<=480px){.gooey-nav-container .gooey-nav ul li:nth-child(3),.gooey-nav-container .gooey-nav ul li:nth-child(4){display:none}}.gooey-nav-container .gooey-nav ul li{cursor:pointer;color:var(--ink);border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container .gooey-nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px var(--accent)}.gooey-nav-container .gooey-nav ul li:after{z-index:-1;content:"";background:var(--ink);opacity:0;border-radius:100vw;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .gooey-nav ul li.active{color:var(--background);text-shadow:none}.gooey-nav-container .gooey-nav ul li.active a{color:#0000;text-shadow:none}.gooey-nav-container .gooey-nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:var(--ink);font-size:var(--nav-label-size);letter-spacing:.04em;line-height:normal;transition:color .3s}.gooey-nav-container .effect.text.active{color:var(--background)}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100)blur();mix-blend-mode:lighten}.gooey-nav-container .effect.filter:after{z-index:-1;content:"";background:var(--ink);opacity:0;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}.true-focus{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;align-items:baseline;gap:.22em;display:inline-flex;position:relative}.true-focus__word{cursor:default;transition-property:filter;transition-timing-function:ease;display:inline-block}.focus-frame{pointer-events:none;position:absolute;top:0;left:0}.focus-frame__corner{border:2px solid var(--focus-border);width:.32em;height:.32em;filter:drop-shadow(0 0 4px var(--focus-glow));position:absolute}.focus-frame__corner--top-left{border-bottom:0;border-right:0;top:-.18em;left:-.18em}.focus-frame__corner--top-right{border-bottom:0;border-left:0;top:-.18em;right:-.18em}.focus-frame__corner--bottom-left{border-top:0;border-right:0;bottom:-.18em;left:-.18em}.focus-frame__corner--bottom-right{border-top:0;border-left:0;bottom:-.18em;right:-.18em}.cylinder-carousel{perspective:35em;place-items:center;width:100%;min-height:22rem;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.cylinder-carousel__track{width:var(--w);height:calc(var(--w) * .72);transform-style:preserve-3d;animation:cylinder-carousel-rotate var(--animation-duration) linear infinite;place-items:center;display:grid;position:relative}.cylinder-carousel__card{width:var(--w);aspect-ratio:4/3;box-sizing:border-box;backface-visibility:hidden;background:#fff;border:1px solid #ffffff3d;border-radius:.55rem;grid-area:1/1;padding:.2rem;transition:scale .18s,box-shadow .18s;position:absolute;overflow:hidden;box-shadow:0 .9rem 2rem #00000080}.cylinder-carousel__image{object-fit:contain;width:100%;height:100%;display:block}.cylinder-carousel__card:hover{z-index:2;scale:1.12;box-shadow:0 1.2rem 2.4rem #000000b3}@keyframes cylinder-carousel-rotate{to{transform:rotateY(1turn)}}@media (prefers-reduced-motion:reduce){.cylinder-carousel__track{animation-duration:128s}}.image-trail{isolation:isolate;cursor:crosshair;background:linear-gradient(135deg,#86a6b81c,#0000 45%),#07090c;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.image-trail__hint{z-index:1;color:var(--text);align-content:end;justify-items:start;gap:.45rem;padding:clamp(1.3rem,3vw,2.5rem);display:grid}.image-trail__hint p{margin:0}.image-trail__hint p:first-child{font-size:clamp(1.2rem,2vw,1.75rem)}.image-trail__hint p:last-child{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.image-trail__images{pointer-events:none;position:absolute;inset:0}.image-trail__item{z-index:2;aspect-ratio:4/3;background:#eaf0f2;border:1px solid #e7eff394;width:clamp(10rem,34%,17rem);margin:0;padding:.28rem;position:absolute;overflow:hidden;box-shadow:0 1rem 2.5rem #0000006b}.image-trail__protected{width:100%;height:100%}.image-trail__image{object-fit:contain;background:#fff;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.image-trail{cursor:default}}.line-robot-demo{touch-action:pan-y;background:#07090c;width:100%;height:100%;min-height:clamp(18rem,34vw,25rem);position:relative;overflow:hidden}.line-robot-demo__canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.line-robot-demo>.image-copyright-mark{top:clamp(.7rem,1.5vw,1rem);bottom:auto;right:clamp(.7rem,1.5vw,1rem)}.line-robot-demo__hint{color:var(--dim);letter-spacing:.1em;pointer-events:none;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.67rem;position:absolute;bottom:clamp(1rem,2vw,1.6rem);right:clamp(1rem,2vw,1.6rem)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f2f2ef;--muted:#979b9f;--dim:#62666b;--background:#08090c;--surface:#0f1115;--surface-raised:#14171c;--line:#ffffff1c;--line-strong:#fff3;--accent:#b7c8d8;--accent-soft:#b7c8d81f;--page-gutter:clamp(1.25rem, 4vw, 4.5rem);--content-width:1240px;font-family:Inter,Helvetica Neue,Helvetica,Arial,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 75% 18%, #3c4d5c21, transparent 34rem), var(--background);margin:0}body,button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure,dl,dd{margin:0}ul{margin:0;padding:0;list-style:none}address{font-style:normal}::selection{color:var(--background);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{z-index:100;color:var(--background);background:var(--ink);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.landing{isolation:isolate;border-bottom:1px solid var(--line);background:#08090c;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.landing__plasma{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing__particle-title{z-index:1;cursor:crosshair;width:min(88vw,70rem);height:clamp(9rem,24vw,18rem);position:relative}.landing__particle-canvas{width:100%;height:100%;display:block}.landing__title{max-width:calc(100vw - (2 * var(--page-gutter)));color:#fff;letter-spacing:-.075em;text-align:center;text-shadow:0 0 60px #c8dbea1a;place-items:center;font-size:clamp(3.3rem,12vw,10rem);font-weight:400;line-height:.9;display:grid;position:absolute;inset:0}.landing__title--sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}.intro-statement{min-height:min(100svh,58rem);padding:clamp(5rem, 11vw, 10rem) var(--page-gutter);border-bottom:1px solid var(--line);background:#0a0b0d;place-items:center;display:grid;position:relative;overflow:hidden}.intro-statement:before{content:"";opacity:.32;pointer-events:none;background:radial-gradient(circle,#b7c8d861 1px,#0000 1.2px) 0 0/.7rem .7rem,linear-gradient(125deg,#0000 48%,#b7c8d814 48.1%,#0000 48.3%);position:absolute;inset:2rem;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.intro-statement__content{z-index:1;text-align:center;width:min(100%,62rem);position:relative}.intro-statement__eyebrow{color:var(--dim);letter-spacing:.2em;margin-bottom:clamp(1.5rem,3vw,3rem);font-family:SFMono-Regular,Consolas,monospace;font-size:.62rem}.intro-statement h2{letter-spacing:-.065em;font-size:clamp(2.5rem,5.7vw,5.5rem);font-weight:400;line-height:.98}.intro-statement h2 em{font-family:Georgia,Times New Roman,serif;font-weight:400}.intro-statement__decrypt--italic{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro-statement__detail{max-width:38rem;color:var(--muted);margin:clamp(2rem,4vw,3.5rem) auto 0;font-size:clamp(.9rem,1.3vw,1.05rem);line-height:1.65}.landing__sound,.status-label{z-index:1;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.64rem;line-height:1;position:absolute}.landing__sound{top:var(--page-gutter);right:var(--page-gutter);cursor:pointer;background:0 0;border:0;padding:0;transition:color .3s}.landing__sound:hover,.landing__sound[aria-pressed=true]{color:var(--accent)}.status-label--system{top:var(--page-gutter);left:var(--page-gutter)}.status-label--scroll{right:var(--page-gutter);bottom:var(--page-gutter)}.status-label--signal{bottom:var(--page-gutter);left:var(--page-gutter)}.site-header{z-index:20;min-height:5rem;padding:0 var(--page-gutter);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090ce0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-header__mark{border:1px solid var(--line-strong);letter-spacing:.08em;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:.68rem;display:grid}.site-nav{color:var(--muted);letter-spacing:.04em;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);font-size:.78rem;display:flex}.site-nav a:hover{color:var(--ink)}.site-nav__contact{color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:.7rem 1rem}.section,.site-footer{width:min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));padding-inline:var(--page-gutter);margin:0 auto}.section{border-bottom:1px solid var(--line);padding-block:clamp(6rem,11vw,10rem);scroll-margin-top:5rem}.section-heading{grid-template-columns:minmax(7rem,.45fr) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(3.5rem,7vw,7rem);display:grid}.eyebrow,.card-index{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.67rem}.section-heading h2{letter-spacing:-.055em;max-width:14ch;font-size:clamp(2.65rem,6vw,6rem);font-weight:400;line-height:.96}.section-heading__introduction{max-width:42rem;color:var(--muted);grid-column:2;margin-top:1.75rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65}.about-layout{grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1.2fr);align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.protected-image{display:block;position:relative;overflow:hidden}.protected-image img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.image-copyright-mark{z-index:4;color:#ffffffc7;letter-spacing:.04em;pointer-events:none;text-shadow:0 1px 2px #000000bf;background:#00000057;border-radius:.2rem;padding:.22rem .38rem;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(.52rem,.8vw,.64rem);line-height:1;position:absolute;bottom:clamp(.4rem,1vw,.65rem);right:clamp(.45rem,1vw,.75rem)}.media-placeholder{color:#ffffff6b;border:1px solid var(--line);background:linear-gradient(145deg, #b7c8d81f, transparent 48%), radial-gradient(circle at 75% 22%, #96b0c530, transparent 28%), var(--surface);place-items:end start;min-height:16rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.media-placeholder:after{content:"";opacity:.16;background-image:linear-gradient(var(--line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--line-strong) 1px, transparent 1px);background-size:3rem 3rem;position:absolute;inset:0}.media-placeholder span{z-index:1;letter-spacing:.12em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:.65rem;position:relative}.media-placeholder--portrait{border-radius:50vw 50vw 1rem 1rem;min-height:clamp(28rem,50vw,42rem)}.about-portrait-frame{aspect-ratio:1;border-radius:50%;align-self:start;width:100%;transform:translateY(-2rem)}.about-portrait{border:1px solid var(--line);object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.about-portrait-frame .image-copyright-mark{bottom:10%;right:12%}.about-copy{padding-bottom:.5rem}.about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,1.8vw,1.25rem);display:grid}.about-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:clamp(1rem,1.4vw,1.25rem);flex-direction:column;min-width:0;min-height:10rem;padding:clamp(1.35rem,2.4vw,2rem);display:flex;overflow:hidden}.about-card--work{grid-column:1/-1;min-height:9.5rem}.about-card--education{padding:clamp(.95rem,1.2vw,1.1rem)}.about-card__label{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.67rem}.about-card__degree{color:var(--ink);letter-spacing:-.04em;overflow-wrap:normal;word-break:normal;margin-top:clamp(.75rem,1vw,1rem);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:400;line-height:1.08}.degree-signal{cursor:default;outline:none;min-height:2.16em;position:relative}.degree-signal:focus-visible{outline:1px solid var(--accent);outline-offset:.25rem}.degree-signal__title,.degree-signal__scene{transition:opacity .18s ease-in-out}.degree-signal__title{display:block}.degree-signal__scene{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.degree-signal__radar,.degree-signal__wave{fill:none;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.15px}.degree-signal__wave{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1px}.degree-signal[data-signal-state=playing] .degree-signal__title{opacity:0}.degree-signal[data-signal-state=playing] .degree-signal__scene{animation:1.8s ease-in-out both degree-signal-scene}.degree-signal[data-signal-state=playing] .degree-signal__wave{animation:1s ease-in-out .26s both degree-signal-wave}.degree-signal[data-signal-state=playing] .degree-signal__radar--receive{animation:.22s ease-in-out 1.3s both degree-signal-receive}@keyframes degree-signal-scene{0%,10%{opacity:0}18%,82%{opacity:1}to{opacity:0}}@keyframes degree-signal-wave{to{stroke-dashoffset:0}}@keyframes degree-signal-receive{50%{opacity:1;stroke:var(--ink);stroke-width:1.9px}}.degree-circuit{cursor:default;outline:none;min-height:2.16em;position:relative}.degree-circuit:focus-visible{outline:1px solid var(--accent);outline-offset:.25rem}.degree-circuit__title,.degree-circuit__scene{transition:opacity .18s ease-in-out}.degree-circuit__title{display:block}.degree-circuit__scene{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.degree-circuit__trace,.degree-circuit__stage,.degree-circuit__device,.degree-circuit__source,.degree-circuit__frame{fill:none;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px}.degree-circuit__frame{stroke:var(--line-strong)}.degree-circuit__current{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;stroke-dasharray:.18 .82;stroke-dashoffset:1px;opacity:0}.degree-circuit__charge{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;opacity:0}.degree-circuit[data-circuit-state=playing] .degree-circuit__title{opacity:0}.degree-circuit[data-circuit-state=playing] .degree-circuit__scene{animation:3.1s ease-in-out both degree-circuit-scene}.degree-circuit[data-circuit-state=playing] .degree-circuit__current--1{animation:.7s ease-in-out .3s both degree-circuit-current}.degree-circuit[data-circuit-state=playing] .degree-circuit__current--2{animation:.7s ease-in-out 1.05s both degree-circuit-current}.degree-circuit[data-circuit-state=playing] .degree-circuit__current--3{animation:.7s ease-in-out 1.8s both degree-circuit-current}.degree-circuit[data-circuit-state=playing] .degree-circuit__stage--one{animation:.82s ease-in-out .3s both degree-circuit-stage}.degree-circuit[data-circuit-state=playing] .degree-circuit__stage--two{animation:.82s ease-in-out 1.05s both degree-circuit-stage}.degree-circuit[data-circuit-state=playing] .degree-circuit__stage--three{animation:.82s ease-in-out 1.8s both degree-circuit-stage}.degree-circuit[data-circuit-state=playing] .degree-circuit__stage--three .degree-circuit__charge{animation:.36s ease-in-out 2.16s both degree-circuit-charge}@keyframes degree-circuit-scene{0%,8%{opacity:0}12%,88%{opacity:1}to{opacity:0}}@keyframes degree-circuit-current{10%,90%{opacity:1}to{stroke-dashoffset:-.18px;opacity:0}}@keyframes degree-circuit-stage{0%{opacity:0;transform:translate(14px)}15%,65%{opacity:1;stroke:var(--accent);stroke-width:1.7px;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@keyframes degree-circuit-charge{45%,75%{opacity:1;stroke-width:1.8px}}.about-card__institution{color:var(--muted);margin-top:.85rem;font-size:.85rem;line-height:1.45}.about-card__logo-slot{justify-content:flex-end;align-items:flex-end;min-height:1.75rem;margin-top:auto;display:flex}.about-card__logo-slot img{object-fit:contain;opacity:.72;width:auto;max-width:7.5rem;max-height:1.75rem;display:block}.about-card__work-copy{max-width:38rem;color:var(--ink);letter-spacing:-.04em;overflow-wrap:normal;word-break:normal;margin-top:clamp(1rem,1.5vw,1.25rem);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:400;line-height:1.08}.about-socials{gap:.85rem;margin-top:1.25rem;display:flex}.about-social-button{width:4rem;height:4rem;color:var(--muted);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.about-social-button .specular-button__label{place-items:center;display:grid}.about-social-button svg{fill:currentColor;width:2.5rem;height:2.5rem}.profile-highlights{border-top:1px solid var(--line);margin-top:clamp(3rem,6vw,6rem);display:grid}.profile-highlights div{border-bottom:1px solid var(--line);grid-template-columns:8rem 1fr;gap:1rem;padding:1.1rem 0;display:grid}.profile-highlights dt{color:var(--dim);text-transform:uppercase;font-size:.75rem}.profile-highlights dd{color:var(--muted)}.project-grid{gap:2rem;display:grid}.section--reveal{opacity:0;will-change:opacity, transform;transition:opacity .68s ease-out,transform .68s cubic-bezier(.16,1,.3,1);transform:translateY(2.5rem)scale(.975)}.section--reveal.section--revealed{opacity:1;transform:translateY(0)scale(1)}.card--reveal{opacity:0;will-change:opacity, transform;transition:opacity .48s ease-out,transform .48s cubic-bezier(.16,1,.3,1);transform:translateY(1.5rem)scale(.985)}.card--reveal.is-revealed{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.section--reveal,.card--reveal,.project-card__content--reveal>:is(.card-index,h3,.project-card__summary,.tag-list,.project-card__actions){opacity:1;transition:none;transform:none}}.project-card{border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);display:grid}.project-card:nth-child(2n){grid-template-columns:minmax(17rem,.65fr) minmax(0,1.35fr)}.project-card:nth-child(2n) .project-card__media{order:2}.project-card__media{border:0;border-right:1px solid var(--line);min-height:clamp(22rem,45vw,35rem)}.project-card__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-cylinder-gallery{background:#07090c;place-items:center;min-width:0;min-height:clamp(18rem,34vw,25rem);padding:clamp(.6rem,1.4vw,1.1rem);display:grid}.project-image-trail{min-width:0;min-height:clamp(18rem,34vw,25rem)}.project-card:nth-child(2n) .project-card__media{border-right:0;border-left:1px solid var(--line)}.project-card__content{flex-direction:column;justify-content:flex-end;min-height:24rem;padding:clamp(1.5rem,4vw,3.5rem);display:flex}.project-card__content--reveal>:is(.card-index,h3,.project-card__summary,.tag-list,.project-card__actions){opacity:0;transition:opacity .5s ease-out,transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(1rem)}.project-card__content--reveal.is-revealed>:is(.card-index,h3,.project-card__summary,.tag-list,.project-card__actions){opacity:1;transform:translateY(0)}.project-card__content--reveal>h3{transition-delay:80ms}.project-card__content--reveal>.project-card__summary{transition-delay:.16s}.project-card__content--reveal>.tag-list{transition-delay:.24s}.project-card__content--reveal>.project-card__actions{transition-delay:.32s}.project-card h3,.ability-card h3,.hobby-card h3{letter-spacing:-.025em;margin-top:auto;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:400}.project-card__content>p:not(.card-index),.ability-card>p:last-child,.hobby-card figcaption>p:last-child{color:var(--muted);margin-top:1rem;line-height:1.65}.project-card__summary{white-space:pre-line}.project-card__summary--rank{opacity:0;transform:translateY(.6rem)}.project-card__summary--rank.is-visible{animation:.5s ease-out both project-summary-enter}.project-rank-highlight{color:#ffe39a;font:inherit;isolation:isolate;background:0 0;padding:0 .08em;display:inline-block;position:relative;overflow:hidden}.project-rank-highlight__text,.project-rank-highlight__star{z-index:1;position:relative}.project-rank-highlight__text{background:linear-gradient(90deg,#bd8215 0% 42%,#ffd867 46%,#fff5b7 49%,#fff 50%,#fff5b7 51%,#ffd867 54%,#bd8215 58% 100%) 100% 0/280% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-rank-highlight__star{color:#ffd15a;opacity:0;font-size:.72em;line-height:1;position:absolute;top:-.64em;right:-.16em}.project-rank-highlight:after{content:"";transform-origin:0;background:#d8f0ffcc;height:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-card__summary--rank.is-visible .project-rank-highlight{animation:.45s ease-out .4s both project-rank-tone}.project-card__summary--rank.is-visible .project-rank-highlight__text{animation:1.9s linear .7s infinite project-rank-text-sweep}.project-card__summary--rank.is-visible .project-rank-highlight:after{animation:.35s ease-out .55s both project-rank-line}.project-card__summary--rank.is-visible .project-rank-highlight__star{animation:1.9s ease-in-out .7s infinite project-rank-star}@keyframes project-summary-enter{to{opacity:1;transform:translateY(0)}}@keyframes project-rank-tone{to{color:#ffe39a;font-family:Georgia,Times New Roman,serif;font-style:italic}}@keyframes project-rank-mask{0%{transform:translate(-105%)}72%{transform:translate(0)}to{transform:translate(105%)}}@keyframes project-rank-text-sweep{0%{filter:drop-shadow(0 0 #ffd34d00);background-position:100% 0}50%{filter:drop-shadow(0 0 .48rem #ffd247f2)}to{filter:drop-shadow(0 0 #ffd34d00);background-position:0 0}}@keyframes project-rank-line{to{opacity:.45;transform:scaleX(1)}}@keyframes project-rank-star{0%,84%,to{opacity:0;transform:scale(.55)rotate(0)}92%{opacity:1;transform:scale(1.2)rotate(22deg)}}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.tag-list li{color:var(--dim);border:1px solid var(--line);text-transform:uppercase;border-radius:999px;padding:.45rem .65rem;font-size:.67rem}.project-card__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.project-card__action{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;padding:.75rem 1rem;font-size:.72rem}.ability-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ability-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:20rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.hobby-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.hobby-card{grid-column:span 4}.hobby-card:nth-child(2){margin-top:6rem}.hobby-card__media{min-height:clamp(24rem,42vw,38rem)}.hobby-model-frame{cursor:grab;touch-action:none;border:1px solid #f5f4ef2e;place-items:center;display:grid;position:relative;overflow:hidden}.hobby-model-frame:active{cursor:grabbing}.hobby-model-frame canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.hobby-model-frame__loading,.hobby-model-frame__hint{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.hobby-model-frame__loading{color:var(--paper)}.hobby-model-frame__hint{z-index:1;color:var(--paper);opacity:.72;pointer-events:none;position:absolute;bottom:1rem;right:1rem}.hobby-card figcaption{padding:1.5rem 0 0}.hobby-card h3{margin-top:1rem}.section--contact{align-content:center;min-height:75vh;display:grid}.section--contact .section-heading{margin-bottom:3rem}.contact-flip{border:1px solid var(--line);background:#ffffff04;border-radius:1.25rem;width:fit-content;margin-left:calc(45% + 1rem);padding:1.15rem;position:relative;box-shadow:inset 0 1px #ffffff0a}.contact-flip__metal{border-radius:inherit;opacity:.46;pointer-events:none;position:absolute;inset:0;overflow:hidden}.liquid-metal{background:#1b242c;overflow:hidden}.liquid-metal__flow{filter:blur(12px);mix-blend-mode:screen;will-change:transform;border-radius:42%;width:150%;height:260%;position:absolute}.liquid-metal__flow--one{background:radial-gradient(at 48% 58%,#d8f0ffe6,#0000 20%),radial-gradient(at 65% 42%,#7da7c2b3,#0000 31%),linear-gradient(125deg,#0000 35%,#ecf8ff99 49%,#0000 61%);animation:13s ease-in-out infinite alternate liquid-metal-flow;top:-95%;left:-36%}.liquid-metal__flow--two{background:radial-gradient(at 46% 44%,#ddf1ff9e,#0000 25%),linear-gradient(34deg,#0000 40%,#6b91a9bf 53%,#0000 65%);animation:16s ease-in-out -5s infinite alternate-reverse liquid-metal-flow;bottom:-110%;right:-42%}@keyframes liquid-metal-flow{0%{transform:translate(-9%,-4%)rotate(-12deg)scale(.94)}to{transform:translate(13%,8%)rotate(17deg)scale(1.08)}}.contact-flip__rail{z-index:1;gap:clamp(.35rem,1vw,.65rem);display:flex;position:relative}.contact-flip__node{width:clamp(2.6rem,4vw,3.4rem);height:clamp(2.6rem,4vw,3.4rem);color:inherit;perspective:900px;display:block;position:relative}a.contact-flip__node:focus-visible{outline-offset:.3rem;border-radius:.65rem;outline:1px solid #d8f0ff}.contact-flip__card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.8,.22,1);transition-delay:var(--flip-delay);display:block;position:relative}.contact-flip:hover .contact-flip__card,.contact-flip__node:focus-visible .contact-flip__card{transform:rotateY(180deg)}.contact-flip__face{backface-visibility:hidden;border-radius:.65rem;place-items:center;display:grid;position:absolute;inset:0}.contact-flip__face--front{border:1px solid var(--line-strong);color:#091016;background:#e5edf5;font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.contact-flip__face--back{color:#091016;background:#d8f0ff;transform:rotateY(180deg)}.contact-flip__face svg{width:46%;height:46%}.contact-flip__node[data-contact-icon=discord] svg{transform:translateY(3px)}.contact-flip__face .contact-flip__xiaohongshu{color:#e33f4a;width:54%;height:54%}.contact-flip__dot{background:currentColor;border-radius:50%;width:.35rem;height:.35rem}.contact-flip__tooltip{z-index:2;border:1px solid var(--line-strong);color:var(--ink);letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;background:#101419;border-radius:.4rem;padding:.4rem .6rem;font-size:.68rem;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + .7rem);left:50%;transform:translate(-50%,.35rem)}.contact-flip__node:hover .contact-flip__tooltip,.contact-flip__node:focus-visible .contact-flip__tooltip{opacity:1;transform:translate(-50%)}.site-footer{color:var(--dim);justify-content:space-between;gap:2rem;padding-block:2rem;font-size:.72rem;display:flex}.site-footer a:hover{color:var(--ink)}@media (width<=900px){.section-heading{grid-template-columns:1fr;row-gap:1.25rem}.section-heading__introduction{grid-column:1}.about-layout,.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.about-layout{align-items:start}.about-card-grid{grid-template-columns:1fr}.about-card--work{grid-column:auto}.media-placeholder--portrait,.about-portrait-frame{width:min(100%,34rem)}.project-card:nth-child(2n) .project-card__media{order:0}.project-card__media,.project-card:nth-child(2n) .project-card__media{border:0;border-bottom:1px solid var(--line)}.project-card__content{min-height:19rem}.hobby-card{grid-column:span 6}.hobby-card:nth-child(2){margin-top:4rem}.hobby-card:last-child{margin-top:-2rem}.contact-flip{margin-left:0}}@media (width<=760px){.landing__title{font-size:clamp(3rem,15vw,5.5rem)}.status-label--system{max-width:8rem}.status-label--signal{display:none}.site-header{min-height:auto;padding-block:1rem}.site-header__mark{flex:none}.site-nav{justify-content:flex-end;gap:.85rem;font-size:.68rem}.site-nav a:nth-child(3),.site-nav a:nth-child(4){display:none}.site-nav__contact{padding:.55rem .75rem}.section{padding-block:5.5rem}.ability-grid{grid-template-columns:1fr}.ability-card{min-height:15rem}.hobby-grid{grid-template-columns:1fr}.hobby-card,.hobby-card:nth-child(2),.hobby-card:last-child{grid-column:1;margin-top:0}.hobby-card__media{min-height:28rem}.site-footer{flex-direction:column}}@media (width<=480px){.landing__sound{top:auto;right:auto;bottom:var(--page-gutter);left:var(--page-gutter)}.site-nav a:not(.site-nav__contact){display:none}.profile-highlights div{grid-template-columns:1fr}.media-placeholder--portrait,.hobby-card__media{min-height:25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.degree-signal[data-signal-state=playing] .degree-signal__scene{opacity:1;animation:none!important}.degree-signal[data-signal-state=playing] .degree-signal__wave,.degree-signal[data-signal-state=playing] .degree-signal__radar--receive{animation:none!important}.degree-circuit[data-circuit-state=playing] .degree-circuit__scene{opacity:1;animation:none!important}.degree-circuit[data-circuit-state=playing] .degree-circuit__current,.degree-circuit[data-circuit-state=playing] .degree-circuit__stage,.degree-circuit[data-circuit-state=playing] .degree-circuit__charge,.degree-circuit[data-circuit-state=playing] .degree-circuit__device{animation:none!important}}