:root{--portfolio-paper:#fbf2ea;--portfolio-ink:#35131f;--portfolio-rose:#b32d4e;--portfolio-bone:#35131f;--portfolio-night:#fbf2ea}body:has(.portfolio){background:var(--portfolio-paper);overflow-x:hidden}.portfolio{background:var(--portfolio-paper);min-height:600svh;color:var(--portfolio-ink);font-family:var(--font-serif), Georgia, serif;transition:color .3s;position:relative;overflow:clip}.portfolio-stage{z-index:0;background:radial-gradient(circle at 56% 44%,#ffe1d72e,#0000 35%),linear-gradient(130deg,#fbf2ea 0%,#f4d3ca 34%,#eadbea 68%,#f0ecf5 100%);background-position:calc(var(--portfolio-progress) * 100%) 0;background-size:400% 100%;position:fixed;inset:0;overflow:hidden}.portfolio-static-slime{opacity:.92;filter:saturate(1.05);background:radial-gradient(at 38% 18%,#ffe8eef2 0 1.5%,#0000 10%),radial-gradient(at 55% 24%,#ff85a9b8 0 5%,#0000 23%),radial-gradient(at 54% 32%,#e83972 0 12%,#b9164c 44%,#6d0e32 78%,#310817 100%);border-radius:51% 49% 42% 58%/62% 59% 41% 38%;width:min(77vw,78rem);height:min(62vh,42rem);transition:opacity .5s;position:absolute;bottom:-12vh;right:-7vw;transform:rotate(-3deg);box-shadow:inset 2.5rem 1.5rem 5rem #ffbed36b,inset -4rem -3rem 7rem #24021075,0 2rem 8rem #3e051d52}.portfolio-static-slime:after{content:"";filter:blur(9px);background:linear-gradient(165deg,#ffffffbf,#ffb8d014);border-radius:50%;position:absolute;inset:9% 15% 58% 21%;transform:rotate(-8deg)}.portfolio[data-renderer-state=ready] .portfolio-static-slime{opacity:0}.portfolio .storyboard-slime{cursor:crosshair;opacity:1;touch-action:pan-y;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.portfolio[data-renderer-state=loading] .storyboard-slime,.portfolio[data-renderer-state=fallback] .storyboard-slime,.portfolio .storyboard-slime[data-fallback=true]{opacity:0;pointer-events:none}.portfolio .storyboard-slime.is-grabbing{cursor:grabbing;touch-action:none}.portfolio-grain{pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:radial-gradient(#3d162361 .55px,#0000 .75px);background-size:4px 4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.portfolio-header{z-index:4;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;grid-template-columns:1fr auto;align-items:center;gap:1rem;font-size:.67rem;display:grid;position:fixed;inset:1.35rem 1.5rem auto}.portfolio-identity p,.portfolio-identity span{margin:0}.portfolio-identity p{font-weight:700}.portfolio-identity span{opacity:.58}.portfolio-chinese-name{color:var(--portfolio-rose);letter-spacing:.08em;font-family:Songti SC,Noto Serif SC,serif;font-weight:500}.portfolio-contact{color:inherit;pointer-events:auto;border-bottom:1px solid;padding-bottom:.15rem;text-decoration:none}.portfolio-rail{z-index:4;flex-direction:column;gap:.8rem;display:flex;position:fixed;top:50%;right:1.6rem;transform:translateY(-50%)}.portfolio-rail a{color:inherit;font-family:var(--mono);opacity:.34;grid-template-columns:1rem 1.5rem;align-items:center;gap:.45rem;font-size:.62rem;text-decoration:none;transition:opacity .18s;display:grid}.portfolio-rail a[aria-current=step]{opacity:1}.portfolio-rail a span{transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;transform:scaleX(.45)}.portfolio-rail a[aria-current=step] span{transform:scaleX(1)}.portfolio-rail em{font-style:normal}.portfolio-status{z-index:4;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;align-items:center;gap:.6rem;font-size:.64rem;display:flex;position:fixed;bottom:1.4rem;left:1.6rem}.portfolio-status>span{border:1px solid;border-radius:50%;width:.45rem;height:.45rem}.portfolio-status>span.is-live{background:currentColor;box-shadow:0 0 0 .25rem #ffffff1f}.portfolio-sections{z-index:2;pointer-events:none;position:relative}.portfolio-act{box-sizing:border-box;align-items:center;min-height:100svh;padding:0 clamp(1.5rem,7vw,7rem);display:flex}.portfolio-act--play{align-items:flex-start;min-height:200svh}.portfolio-copy{text-wrap:balance;text-shadow:0 1px 24px #fff0e829;pointer-events:auto;width:min(34rem,39vw)}.portfolio-act--work .portfolio-copy{margin-left:auto;margin-right:3vw}.portfolio-copy--work{width:min(58rem,72vw)}.portfolio-copy--work h2{max-width:9ch}.portfolio-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:2rem 0 1.2rem;display:grid}.portfolio-project{min-width:0;color:inherit;flex-direction:column;gap:.45rem;text-decoration:none;display:flex}.portfolio-project img{aspect-ratio:1/1.08;object-fit:cover;filter:saturate(.78)contrast(.96);width:100%;transition:transform .22s,filter .22s;display:block}.portfolio-project:hover img,.portfolio-project:focus-visible img{filter:saturate(1.1)contrast(1.04);transform:translateY(-.35rem)}.portfolio-project-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.62;margin-top:.25rem;font-size:.56rem}.portfolio-project strong{font-size:1rem;font-weight:400;line-height:1}.portfolio-act--feed .portfolio-copy{margin-left:0;margin-right:auto}.portfolio-act--mind .portfolio-copy{align-self:flex-end;margin-bottom:12vh}.portfolio-copy--play{margin-top:19vh;position:sticky;top:19vh}.portfolio-kicker,.portfolio-note{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.portfolio-kicker{margin:0 0 1.3rem;font-size:.7rem}.portfolio-kicker span{opacity:.48;margin-right:.7rem;display:inline-block}.portfolio-copy h1,.portfolio-copy h2{letter-spacing:-.045em;max-width:10ch;margin:0 0 1.35rem;font-size:clamp(3rem,6vw,6.8rem);font-weight:400;line-height:.88}.portfolio-body{max-width:28rem;margin:0 0 1.5rem;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.48}.portfolio-note{opacity:.66;border-top:1px solid;max-width:28rem;margin:0;padding-top:.8rem;font-size:.62rem;line-height:1.55}.portfolio a{color:inherit}.portfolio-feed{overscroll-behavior:contain;scrollbar-width:thin;max-height:46vh;padding-right:.8rem;overflow-y:auto}.portfolio-feed .feed{gap:1.15rem}.portfolio-feed .feed p{font-size:.96rem;line-height:1.35}@media (max-width:760px){.portfolio-header{grid-template-columns:1fr}.portfolio-contact,.portfolio-rail em{display:none}.portfolio-rail{right:1rem}.portfolio-rail a{grid-template-columns:1rem}.portfolio-static-slime{width:122vw;height:54vh;bottom:-4vh;right:-38vw}.portfolio-copy,.portfolio-act--work .portfolio-copy,.portfolio-copy--work{width:min(82vw,29rem);margin-left:0;margin-right:0}.portfolio-copy h1,.portfolio-copy h2{font-size:clamp(3rem,15vw,5rem)}.portfolio-act{align-items:flex-end;padding-bottom:14vh}.portfolio-act--mind .portfolio-copy{align-self:auto;margin-bottom:0}.portfolio-act--play{align-items:flex-start;padding-bottom:0}.portfolio-copy--play{margin-top:17vh;top:17vh}.portfolio-feed{max-height:38vh}.portfolio-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.4rem}.portfolio-project strong{font-size:.88rem}}@media (prefers-reduced-motion:reduce){.portfolio,.portfolio-static-slime,.portfolio .storyboard-slime,.portfolio-rail a,.portfolio-rail a span{transition:none}.portfolio-stage{background-position:0 0}}