.border-glow{position:absolute;z-index:1;inset:-1px;border-radius:inherit;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px #ff9d82ee) drop-shadow(0 0 11px #ff4b3dc4) drop-shadow(0 0 20px #ed48387a)}.border-glow:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from calc(var(--glow-angle, 45deg) - 180deg),transparent 30%,var(--accent) 43%,#ff9f80 47%,#ffe2c6 50%,#ff9f80 53%,var(--accent) 57%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media(hover:hover)and (pointer:fine){:hover>.border-glow{opacity:var(--glow-strength, 0)}}@media(prefers-reduced-motion:no-preference){.border-glow{transition:opacity .2s ease-out}}.top-collection{border-bottom:1px solid var(--stage-line);background:#120c10}.collection-nav a[aria-current]{color:var(--accent-bright)}.collection-nav a[aria-current]:after{transform:scaleX(1)}.gallery-back{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem .85rem;border:1px solid #ffe0d63b;border-radius:.55rem;background:linear-gradient(135deg,#fce2db17,#fce2db08);color:var(--ink);font-size:.86rem;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}.gallery-back span{color:var(--accent-bright);font-size:1.1rem;line-height:1}.collection-page{padding-block:clamp(1.25rem,4.2vw,3.5rem) 3rem;background:radial-gradient(ellipse at 87% 17%,#59171e87,transparent 56%),linear-gradient(158deg,#1f1015,var(--paper) 72%)}.collection-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(11rem,1fr) minmax(0,2.85fr);align-items:center;gap:clamp(.75rem,2vw,1.7rem);min-height:clamp(24rem,41vw,37.5rem);padding:clamp(1rem,3vw,2.5rem);overflow:clip;border:1px solid var(--stage-line);border-radius:.75rem;background:#191116;box-shadow:0 1.6rem 5rem #0006}.collection-stage:before,.collection-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;pointer-events:none}.collection-backdrop{object-fit:cover;object-position:center 52%;filter:grayscale(.62) contrast(1.08);opacity:.5}.collection-stage:before{content:"";z-index:-1;background:linear-gradient(90deg,#120e13 2%,#140d11dc 24%,transparent 67%,#2009109e),linear-gradient(145deg,#721e247d,transparent 55%,#2d0c15b8),linear-gradient(0deg,#110b12cf,transparent 45%)}.collection-intro{display:flex;flex-direction:column;align-items:start;min-width:0;padding-block:.65rem}.collection-intro:before{content:"";width:2.8rem;height:2px;margin-bottom:1rem;background:var(--accent)}.collection-intro h1{color:var(--ink);font-family:Arial Black,Arial,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(2.3rem,4.15vw,4.1rem);font-weight:900;letter-spacing:-.065em;line-height:1.08;text-wrap:balance}.collection-intro .muted{margin-top:.6rem}.collection-count{margin-top:1.35rem;color:var(--accent-bright);font-size:.82rem;font-variant-numeric:tabular-nums}.collection-gallery{container-type:inline-size;min-width:0}.collection-stage[data-expanded]{grid-template-columns:minmax(0,1fr);gap:1.2rem}.collection-work-stacks{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}.collection-stage[data-expanded] .collection-work-stacks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.collection-stage[data-expanded] .collection-work-stacks .bounce-cards{--card-width: clamp(8.3rem, 15.7cqw, 12.25rem);--card-spread: clamp(3.2rem, 8cqw, 6.6rem);--card-push-distance: min(1.8cqw, 1.25rem);isolation:isolate;overflow:clip;border:1px solid var(--stage-line);border-radius:.6rem;background:radial-gradient(ellipse 56% 68% at center,#d9423729,transparent),#0d080d55}.collection-stage[data-expanded] .collection-work-stacks .bounce-caption strong{font-size:clamp(.85rem,1.45cqw,1.11rem)}.bounce-cards{--card-width: min(39cqw, 20.5rem);--card-height: calc(var(--card-width) / 1.05);--card-spread: min(23cqw, 12rem);--card-push-distance: min(6cqw, 4rem);position:relative;isolation:isolate;display:grid;place-items:center;block-size:calc(var(--card-height) + clamp(5rem,10vw,9rem));margin:0;padding:0;list-style:none;background:radial-gradient(ellipse 54% 67% at center,#d9423733,transparent)}.bounce-slot{z-index:var(--card-layer);grid-area:1 / 1;width:var(--card-width);height:var(--card-height);transform:translate(calc(var(--card-offset) * var(--card-spread)),var(--card-drop)) rotate(var(--card-tilt))}.bounce-slot[data-active]{z-index:3}.bounce-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;height:100%;padding:clamp(.8rem,2.4cqw,1.45rem);border:1px solid #d9c7c45e;border-radius:clamp(.65rem,1.6cqw,1.15rem);background:#1c171a;box-shadow:0 14px 45px #0008;color:var(--ink);text-align:left;cursor:pointer}.bounce-card>*{pointer-events:none}.bounce-card:after,.bounce-cover{border-radius:inherit}.bounce-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0a090ef2,#0a090e18 52%,transparent 70%,#09090d3b)}.bounce-cover{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.bounce-caption{display:grid;gap:.18rem;min-width:0}.bounce-slot[data-align=end]:not([data-active]) .bounce-caption{margin-inline-start:auto;text-align:right}.bounce-caption strong{overflow-wrap:anywhere;font-size:clamp(1rem,2.1cqw,1.65rem);line-height:1.2}.bounce-caption small{color:#e2d5d0;font-size:clamp(.72rem,1.35cqw,.83rem)}.bounce-mark{position:absolute;top:clamp(.55rem,1.5cqw,1rem);left:clamp(.55rem,1.5cqw,1rem);display:grid;place-items:center;width:clamp(1.8rem,3.5cqw,2.45rem);aspect-ratio:1;border:1px solid #f4ebe14d;border-radius:50%;background:#11101692;color:var(--ink);font-size:1rem}.bounce-slot[data-align=end] .bounce-mark{left:auto;right:clamp(.55rem,1.5cqw,1rem)}.play-triangle{width:0;height:0;margin-inline-start:.16em;border-block:.33em solid transparent;border-inline-start:.53em solid currentColor}.collection-related{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.5rem clamp(.9rem,2.6vw,1.5rem);margin-top:clamp(1.15rem,3vw,2.1rem);padding-block:1rem;border-top:1px solid var(--stage-line)}.collection-related h2{font-size:1rem}html:has(.media-dialog[open]){overflow:hidden}.media-dialog{--viewer-inset: clamp(.75rem, 2.2vw, 1.5rem);width:min(70rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1px solid #f7d9d048;border-radius:1rem;overflow:auto;overscroll-behavior:contain;background:linear-gradient(145deg,#33232b,#1c171e 72%);color:var(--ink);box-shadow:inset 0 1px #fff2,0 1.5rem 5rem #060306ad}.media-dialog::backdrop{background:radial-gradient(ellipse at center,#120b1354,#070609b8)}.media-dialog[data-text-only]{width:min(33rem,calc(100% - 2rem))}.media-empty{display:grid;place-items:center;min-height:5rem;margin-top:1rem;border:1px dashed var(--stage-line);border-radius:.5rem;color:var(--muted);font-size:.82rem}.media-empty:first-child{margin-top:0}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.media-dialog{background:radial-gradient(ellipse at 6% 0%,#ff9f8921,transparent 52%),linear-gradient(145deg,#3c2831b8,#18131bb0 72%);-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}.media-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.media-detail{padding:var(--viewer-inset)}.media-header{position:sticky;z-index:1;top:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.8rem,2vw,1.25rem);padding:.65rem var(--viewer-inset);border-bottom:1px solid #ffe0d625;background:linear-gradient(105deg,#291e27d9,#1b161ed1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-header h2{font-size:clamp(1.15rem,2.3vw,1.7rem);line-height:1.25;overflow-wrap:anywhere}.media-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #f4ebe142;border-radius:50%;background:#18171bdc;color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}.media-stage{position:relative;overflow:hidden;border-radius:.5rem;background:#08090c}.photo-stage{display:flex;align-items:center;justify-content:center;height:min(62dvh,42rem);background:#09070c57;box-shadow:inset 0 0 0 1px #ffe0d618}.photo-stage>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.video-stage>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.media-arrow{position:absolute;top:calc(50% - 22px);left:.7rem}.media-arrow-next{right:.7rem;left:auto}.photo-strip{display:flex;align-items:center;gap:.5rem;margin-block:.8rem .45rem;padding:3px;overflow-x:auto}.photo-strip button{flex:none;width:clamp(3rem,8vw,4.75rem);aspect-ratio:1.38;padding:0;border:1px solid transparent;border-radius:.32rem;overflow:hidden;background:#222127;opacity:.67;cursor:pointer}.photo-strip button[aria-pressed=true]{border-color:var(--accent);opacity:1}.photo-strip button:focus-visible{outline-offset:1px}.photo-strip img{display:block;width:100%;height:100%;object-fit:cover}.photo-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;min-height:1.4rem}.photo-tools .media-source{margin:0}.photo-position{margin-inline-start:auto;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.video-stage{width:min(100%,calc(69dvh * (var(--video-aspect, 16 / 9))));aspect-ratio:var(--video-aspect, 16 / 9);margin-inline:auto}.video-start{position:absolute;inset:0;display:grid;justify-items:center;align-content:center;gap:.8rem;width:100%;padding:.5rem;border:0;background:radial-gradient(ellipse at center,#09090e92,#0a0a0e26 65%);color:var(--ink);font-weight:600;cursor:pointer}.video-start:focus-visible{outline-offset:-4px}.video-start-icon{display:grid;place-items:center;width:clamp(3.1rem,7vw,5rem);aspect-ratio:1;border:1px solid #ffbbb480;border-radius:50%;background:var(--accent);box-shadow:0 0 1.8rem #fa53443c;color:#1a0a09;font-size:1.7rem}.media-source{display:inline-block;margin-top:.6rem;color:var(--muted);font-size:.8rem}.media-description,.media-error{margin-top:.65rem;white-space:pre-wrap}.media-description:first-child{margin-top:0}.media-sections{display:flex;flex-wrap:wrap;gap:.75rem}.media-section{flex:1 1 15rem;min-width:0;padding:clamp(.75rem,2vw,1.15rem);border:1px solid #ffe0d625;border-radius:.65rem;background:#100c1354}.media-section[data-has-media]{flex-basis:100%}.media-section h3{margin:0 0 .25rem;font-size:1rem}.media-section .muted{font-size:.88rem}.media-section .media-stage{margin-top:.75rem}.media-section .photo-stage{height:min(44dvh,26rem)}@media(hover:hover)and (pointer:fine){.bounce-card:hover .bounce-mark{border-color:var(--accent);color:var(--accent-bright)}.gallery-back:hover{border-color:#ff9f8b88;background-color:#fa53441c}.media-arrow:hover{background:var(--accent-wash)}.video-start:hover .video-start-icon{background:var(--accent-bright)}.photo-strip button:hover{opacity:1}}@media(prefers-reduced-motion:no-preference){.gallery-back{transition:background-color .2s ease,border-color .2s ease}.gallery-back span{transition:transform .2s ease}.gallery-back:is(:hover,:focus-visible) span{transform:translate(-2px)}.bounce-slot{transition:transform .44s cubic-bezier(.21,.75,.26,1.14)}.bounce-cards:has(.bounce-slot[data-active]) .bounce-slot:not([data-active]){transform:translate(calc(var(--card-offset) * var(--card-spread) + var(--card-push) * var(--card-push-distance)),var(--card-drop)) rotate(var(--card-tilt))}.bounce-slot[data-active]{transform:translate(calc(var(--card-offset) * var(--card-spread)),-7px) scale(1.06)}.bounce-card{animation:card-pop .65s cubic-bezier(.18,.85,.33,1.2) var(--card-delay) both;transition:box-shadow .25s ease}.bounce-slot[data-active] .bounce-card{box-shadow:0 24px 55px #000a}.media-dialog[open]{animation:gallery-enlarge .26s cubic-bezier(.2,.7,.3,1) both}.video-start-icon{transition:transform .2s ease,background-color .2s ease}.video-start:is(:hover,:focus-visible) .video-start-icon{transform:scale(1.08)}}@keyframes card-pop{0%{opacity:0;transform:translateY(15px) scale(.75)}to{opacity:1;transform:none}}@keyframes gallery-enlarge{0%{opacity:0;transform:scale(.91)}to{opacity:1;transform:none}}@media(max-width:920px){.collection-stage{grid-template-columns:minmax(0,1fr);gap:.25rem}.collection-count{margin-top:.65rem}.collection-stage[data-expanded] .collection-work-stacks{grid-template-columns:minmax(0,1fr)}.collection-stage[data-expanded] .collection-work-stacks .bounce-cards{--card-width: min(43cqw, 20.5rem);--card-spread: min(23cqw, 12rem);--card-push-distance: min(3cqw, 2.4rem)}}@media(max-width:620px),(max-width:950px)and (max-height:480px){.top-collection .top-inner{flex-wrap:wrap}.collection-nav{flex:1 1 auto;column-gap:.75rem}.collection-stage{min-height:0;padding:.9rem;gap:.75rem}.collection-intro{padding-block:.25rem}.collection-intro:before{margin-bottom:.65rem}.collection-intro h1{font-size:clamp(1.85rem,7vw,2.65rem)}.collection-work-stacks,.collection-stage[data-expanded] .collection-work-stacks{display:flex;flex-direction:column;gap:.6rem}.bounce-cards,.collection-stage[data-expanded] .collection-work-stacks .bounce-cards{grid-template-columns:minmax(0,1fr);place-items:stretch;block-size:auto;gap:.6rem;padding:0;border:0;background:none;overflow:visible}.bounce-cards .bounce-slot,.bounce-cards:has(.bounce-slot[data-active]) .bounce-slot:not([data-active]){grid-area:auto;width:auto;height:auto;transform:none}.bounce-card{min-height:5.55rem;padding:.75rem 2.75rem .75rem calc(clamp(4.7rem,20vw,7rem) + .75rem);align-items:center;border-radius:.6rem;background:linear-gradient(115deg,#372029,#20171e);box-shadow:none;animation:none}.bounce-card:after{display:none}.bounce-cover{width:clamp(4.7rem,20vw,7rem);border-start-end-radius:0;border-end-end-radius:0}.bounce-slot[data-align=end]:not([data-active]) .bounce-caption{margin-inline-start:0;text-align:left}.bounce-mark,.bounce-slot[data-align=end] .bounce-mark{inset:calc(50% - .9rem) .55rem auto auto}.bounce-caption strong,.collection-stage[data-expanded] .collection-work-stacks .bounce-caption strong{font-size:.95rem}.collection-related{grid-template-columns:minmax(0,1fr)}.media-dialog{--viewer-inset: .8rem;width:calc(100% - 1rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:.8rem}.media-header{gap:.65rem}.media-header .gallery-back{gap:.3rem;padding-inline:.55rem}.photo-stage{height:min(56dvh,29rem);touch-action:pan-y pinch-zoom}.media-arrow{left:.35rem}.media-arrow-next{left:auto;right:.35rem}.photo-tools .media-source{display:inline-flex;align-items:center;min-height:44px}.video-stage{width:min(100%,calc(clamp(10rem,100dvh - 8.5rem,39rem) * var(--video-aspect, 16 / 9)))}}@media(max-width:950px)and (max-height:480px){.photo-stage{height:max(8rem,calc(100dvh - 7.4rem))}.video-stage{width:min(100%,calc(max(7rem,100dvh - 7rem) * var(--video-aspect, 16 / 9)))}}@media(max-width:520px){.top-collection .top-inner{padding-top:.6rem}.collection-nav{flex-basis:100%;justify-content:space-between}}@property --lane-progress{syntax: "<number>"; inherits: true; initial-value: 0;}.wall-viewport{container-type:inline-size;width:min(100%,105rem);block-size:clamp(21rem,min(58svh,40vw),36rem);margin:clamp(.75rem,2vw,1.5rem) auto 0;overflow:auto;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.wall-viewport::-webkit-scrollbar{display:none}.wall-viewport:focus-visible{outline:1px solid var(--accent);outline-offset:-1rem}.wall-viewport[data-dragging],.wall-viewport[data-dragging] .drift-card{cursor:grabbing}.wall-world{--tile-width: clamp(7.4rem, 16cqw, 13.2rem);--tile-height: clamp(7.15rem, 12cqw, 9.4rem);--wall-gap: clamp(1rem, 2.5cqw, 2.05rem);--tile-step: calc(var(--tile-height) + var(--wall-gap));--track-height: calc(var(--wall-rows) * var(--tile-step));display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:2.5rem clamp(2rem,8cqw,7rem)}.wall-viewport[data-group=internship] .wall-world{--tile-width: clamp(7.4rem, 22cqw, 16rem)}.wall-scene{perspective:1100px}.drift-wall{--wall-pitch: 13deg;--wall-yaw: -12deg;--wall-roll: -5deg;display:flex;gap:var(--wall-gap);transform-style:preserve-3d;transform:rotateX(var(--wall-pitch)) rotateY(var(--wall-yaw)) rotate(var(--wall-roll))}.drift-lane{--lane-light: #553238;--tile-travel-time: 6.2s;--lane-stagger: .62;position:relative;block-size:var(--track-height);flex:0 0 var(--tile-width);transform-style:preserve-3d}.drift-lane:nth-child(3n+2){--lane-light: #4d424b;--tile-travel-time: 5.2s;--lane-stagger: .66}.drift-lane:nth-child(3n+3){--lane-light: #603c43;--tile-travel-time: 6.8s;--lane-stagger: .37}.drift-lane:nth-child(2n){--lane-direction: normal}.drift-lane:nth-child(4n){--tile-travel-time: 5.8s;--lane-stagger: .93}.drift-slot{position:absolute;inset:0 0 auto;block-size:var(--tile-height);transform-style:preserve-3d;translate:0 calc(var(--row) * var(--tile-step))}.drift-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.2rem;width:100%;height:100%;padding:1rem clamp(.6rem,1.3cqw,1rem) .65rem;border:1px solid #e5ccd02e;border-radius:.72rem;overflow:hidden;background:radial-gradient(ellipse at 32% -28%,color-mix(in srgb,var(--lane-light) 60%,transparent),transparent 72%),linear-gradient(150deg,#302c35eb,#15141aeb 83%);color:var(--ink);text-align:left;text-decoration:none;box-shadow:inset 0 1px #fff1,inset 0 -1px #0002,0 .5rem 1.7rem #0005;cursor:pointer}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drift-card{background:radial-gradient(ellipse at 32% -28%,color-mix(in srgb,var(--lane-light) 55%,transparent),transparent 72%),linear-gradient(150deg,#37313c96,#1b1a20ae 83%);-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%)}}.drift-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 96% 12%,#d0bfd217,transparent 65%),linear-gradient(0deg,#100e1591,transparent 73%)}.drift-card:has(.drift-image):before{background:linear-gradient(0deg,#100e15f0,#1611191a 80%)}.drift-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.drift-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:clamp(.81rem,1.7cqw,1.13rem);line-height:1.28;overflow-wrap:anywhere}.drift-card .experience-date{font-size:.72rem}.drift-arrow{position:absolute;top:.45rem;right:.7rem;color:#ffdcd6;font-size:1rem}@media(hover:hover)and (pointer:fine){.drift-wall:has(.drift-card:hover) .drift-lane{animation-play-state:paused}.wall-viewport:not([data-dragging]) .drift-card:hover{filter:brightness(1.16)}}@media(prefers-reduced-motion:no-preference){.drift-wall{transform:rotateX(calc(var(--wall-pitch) + var(--pointer-pitch, 0deg))) rotateY(calc(var(--wall-yaw) + var(--pointer-yaw, 0deg))) rotate(var(--wall-roll));transition:transform .25s ease-out}@supports (translate: 0 mod(1px,2px)){.drift-lane{animation:wall-drift calc(var(--tile-travel-time) * var(--wall-rows)) linear infinite var(--lane-direction, reverse);animation-delay:calc(-1 * var(--tile-travel-time) * var(--lane-stagger))}.drift-slot{--position: mod(calc(var(--loop-row) + .5 + var(--lane-progress, 0) + var(--wall-shift, 0)), var(--wall-rows));translate:0 calc((var(--position) - .5) * var(--tile-step));opacity:clamp(0,calc(min(var(--position),var(--wall-rows) - var(--position))*3),1)}}.wall-viewport[data-offscreen] .drift-lane,.drift-wall[data-paused] .drift-lane,.drift-wall:has(.drift-card:focus-visible) .drift-lane,.wall-viewport:active .drift-lane{animation-play-state:paused}.drift-slot:has(.drift-card:focus-visible){opacity:1}.drift-card{transition:transform .3s ease,filter .22s ease}.wall-viewport:not([data-dragging]) .drift-card:is(:hover,:focus-visible){transform:translateZ(37px) translateY(-.2rem)}}@keyframes wall-drift{0%{--lane-progress: 0}to{--lane-progress: var(--wall-rows)}}@media(max-width:620px),(max-width:950px)and (max-height:480px){.wall-viewport{width:calc(100% - 2 * var(--gutter));block-size:auto;margin-block:1rem 2rem;overflow:visible;-webkit-mask-image:none;mask-image:none;cursor:auto}.wall-world,.wall-viewport[data-group=internship] .wall-world{width:100%;min-height:0;padding:0;display:block}.drift-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;transform:none}.drift-lane{display:contents;animation:none}.drift-slot{position:static;order:var(--entry-index);block-size:auto;opacity:1;translate:none}.drift-card{min-height:clamp(7.6rem,40vw,11rem)}.wall-viewport:not([data-dragging]) .drift-card:is(:hover,:focus-visible){transform:none}}@media(prefers-reduced-motion:reduce){.drift-wall{transform:none}}@font-face{font-family:Experience Calligraphy;src:url(./experience-calligraphy-BiARPHy3.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.experience-section{overflow-x:clip;background:radial-gradient(ellipse at 32% 68%,#49202977,transparent 43%),radial-gradient(ellipse at 72% 58%,#53251e65,transparent 44%),linear-gradient(158deg,var(--paper) 10%,#180f14 70%,#100c10)}.experience-flip-hint{color:var(--muted);font-size:.8rem}.experience-lanyards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:clamp(1rem,7vw,7rem);max-width:53rem;padding-inline:clamp(.5rem,3vw,2.5rem)}.lanyard-hanger{--strap-color: #842a36;--badge-color: #291419;--strap-height: min(clamp(4.25rem, 9vw, 7.25rem), 13dvh);--lanyard-rest: -6deg;--lanyard-drop: 10deg;--lanyard-sway: 1.8deg;--lanyard-cycle: 5.8s;--lanyard-phase: -1.1s;width:min(100%,clamp(10rem,34dvh,15.5rem))}.lanyard-hanger[data-group=internship]{--strap-color: #303143;--badge-color: #1d1c2a;--lanyard-rest: 6deg;--lanyard-drop: -10deg;--lanyard-sway: 2.2deg;--lanyard-cycle: 6.7s;--lanyard-phase: -3.8s}.lanyard-rig{position:relative;padding-top:calc(var(--strap-height) + 1.15rem);transform-origin:50% 0;rotate:calc(var(--lanyard-rest) + var(--lanyard-angle, 0deg))}.lanyard-strap{position:absolute;top:0;left:50%;width:clamp(.95rem,2.3vw,1.6rem);height:calc(var(--strap-height) + .15rem);translate:-50%;transform-origin:center top;scale:1 calc(1 + var(--lanyard-stretch, 0));border-inline:1px solid #fff2;border-radius:0 0 .25rem .25rem;background:linear-gradient(90deg,#0008,transparent 18% 68%,#0008),repeating-linear-gradient(140deg,#fff1 0 1px,transparent 1px 3px),linear-gradient(180deg,#110d1299,transparent 48%) var(--strap-color);box-shadow:.3rem 0 .75rem #0005;pointer-events:none}.lanyard-pendant{position:relative;translate:0 calc(var(--strap-height) * var(--lanyard-stretch, 0));transform-origin:50% -1rem}.lanyard-clip{position:absolute;z-index:2;left:50%;bottom:calc(100% - .95rem);width:1.12rem;height:2.2rem;translate:-50%;border:1px solid #fff4;border-radius:.38rem .38rem .44rem .44rem;background:linear-gradient(90deg,#302b2c,#b9b0ac 23%,#686065 48%,#d7cdca 75%,#42383c);box-shadow:0 .15rem .55rem #0009;pointer-events:none}.lanyard-clip:after{content:"";position:absolute;inset:auto 25% .23rem;height:.6rem;border:1px solid #c8b9b6b3;border-radius:50%;background:#262129}.lanyard-badge{position:relative;perspective:52rem;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.lanyard-hanger[data-dragging] .lanyard-badge{cursor:grabbing}.lanyard-tilt{position:relative;transform-style:preserve-3d;transform:rotateY(calc(var(--lanyard-twist, 0deg) - var(--lanyard-angle, 0deg) * .35)) rotateX(calc(var(--lanyard-stretch, 0) * -20deg))}.lanyard-card{display:grid;transform-style:preserve-3d;transform:rotateY(var(--lanyard-face-turn, 0deg))}.lanyard-badge[data-flipped]{--lanyard-face-turn: 180deg}.lanyard-face{grid-area:1 / 1;position:relative;min-width:0;padding:clamp(.45rem,1.3vw,.7rem);border:1px solid #ffe5d65e;border-radius:clamp(.65rem,1.5vw,1rem);background:linear-gradient(142deg,#e9bac62b,transparent 52%),var(--badge-color);box-shadow:inset 0 1px 1px #fff4,0 .25rem #100d13,0 1.3rem 2.7rem #0008;backface-visibility:hidden}.lanyard-back{transform:rotateY(180deg) translateZ(1px)}.lanyard-face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(133deg,#fff1,transparent 35%,#ffe0d40e 49%,transparent 63%);pointer-events:none}.lanyard-flip{position:absolute;z-index:1;inset:0;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:inherit}.lanyard-portrait{display:block;width:100%;height:auto;aspect-ratio:3 / 4;border-radius:.35rem;background:#eeeaeb;object-fit:cover}.lanyard-back-print{display:grid;align-content:center;aspect-ratio:3 / 4;padding:clamp(.65rem,1.7vw,1.25rem);border:1px solid #eac7aa;border-radius:.35rem;background:radial-gradient(ellipse at 26% 18%,#fff5dc,transparent 76%),linear-gradient(153deg,#f4e7d2,#dfc6a7);color:#392b27;font:400 clamp(1.02rem,2vw,1.46rem)/1.64 "Experience Calligraphy","STXingkai","Kaiti SC",KaiTi,serif;text-wrap:pretty}.lanyard-label{display:flex;align-items:center;min-height:3.25rem;padding:.55rem 4.55rem 0 .14rem;pointer-events:none;font-size:clamp(1rem,2.05vw,1.55rem);line-height:1.14;letter-spacing:-.03em}.lanyard-view{position:absolute;z-index:3;right:clamp(.5rem,1.45vw,.82rem);bottom:clamp(.5rem,1.45vw,.82rem);transform:translateZ(2px);backface-visibility:hidden;display:grid;place-items:center;min-height:2.55rem;padding-inline:clamp(.36rem,.8vw,.65rem);border:1px solid #ffb6a56b;border-radius:.4rem;background:linear-gradient(145deg,#fa534440,#fa534415);color:#ffdbd1;font-size:clamp(.66rem,1.05vw,.8rem);font-weight:700;text-decoration:none;white-space:nowrap;pointer-events:auto;cursor:pointer}.experience-page{padding-bottom:0}.experience-gallery{--dome-background: #120d13;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;min-height:calc(100svh - 75px);background:radial-gradient(ellipse at 50% 50%,#4b2125a1,transparent 68%),linear-gradient(165deg,#1b1017,var(--dome-background) 78%)}.experience-gallery[data-group=internship]{background:radial-gradient(ellipse at 50% 50%,#412530b0,transparent 68%),linear-gradient(165deg,#1b1017,var(--dome-background) 78%)}.experience-gallery-header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.65rem 1.5rem;padding-block:clamp(1.45rem,4vh,3rem) .8rem;border-bottom:1px solid var(--stage-line)}.experience-gallery-header h1{font-size:clamp(2.1rem,5vw,4.1rem);font-weight:850;line-height:1.08;letter-spacing:-.05em}.experience-gallery-header .muted{margin-top:.45rem}.experience-gallery-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}.wall-hint{color:var(--muted);font-size:.78rem}.wall-hint span{margin-right:.3rem;color:var(--accent)}.experience-date{color:var(--accent-bright);font-size:.78rem;font-variant-numeric:tabular-nums}@media(hover:hover)and (pointer:fine){.lanyard-badge:hover .lanyard-face{border-color:#f6a494aa}.lanyard-view:hover{color:#fff1eb;background-color:#fa534443}}@media(prefers-reduced-motion:no-preference){.experience-lanyards[data-arrived] .lanyard-rig{animation:lanyard-arrive .85s cubic-bezier(.22,.66,.34,1),lanyard-sway var(--lanyard-cycle) ease-in-out infinite calc(.85s + var(--lanyard-phase))}.experience-lanyards:not([data-visible]) .lanyard-rig,.lanyard-hanger[data-dragging] .lanyard-rig,.lanyard-rig:has(.lanyard-badge :focus-visible){animation-play-state:paused}.lanyard-pendant{rotate:var(--lanyard-hover, 0deg);transition:rotate .56s cubic-bezier(.22,.7,.28,1.36)}.lanyard-card{transition:transform .6s cubic-bezier(.23,.73,.27,1.12)}.lanyard-face,.lanyard-view{transition:border-color .18s ease,background-color .18s ease,filter .18s ease}}@keyframes lanyard-arrive{0%{transform:rotate(var(--lanyard-drop)) translateY(-1.25rem);opacity:.35}55%{transform:rotate(calc(var(--lanyard-drop) * -.35));opacity:1}80%{transform:rotate(calc(var(--lanyard-drop) * .12))}to{transform:none}}@keyframes lanyard-sway{0%,to{rotate:calc(var(--lanyard-rest) - var(--lanyard-sway) + var(--lanyard-angle, 0deg))}47%{rotate:calc(var(--lanyard-rest) + var(--lanyard-sway) + var(--lanyard-angle, 0deg))}}@media(max-width:620px){.experience-lanyards{gap:.85rem;padding-inline:.15rem}.lanyard-hanger{--lanyard-rest: 2.5deg;--lanyard-drop: 4deg;--strap-height: 4.25rem}.lanyard-hanger[data-group=internship]{--lanyard-rest: -2.5deg;--lanyard-drop: -4deg}.lanyard-badge{touch-action:pan-y pinch-zoom}.lanyard-back-print{padding:.55rem;font-size:clamp(.94rem,3.9vw,1.12rem);line-height:1.53}.lanyard-label{justify-content:center;min-height:1.9rem;padding:.35rem 0 0}.lanyard-view{position:relative;inset:auto;min-height:44px;margin-top:.5rem;font-size:.78rem}}@media(max-width:620px),(max-width:950px)and (max-height:480px){.experience-gallery-header{align-items:start}.experience-gallery{align-content:start;grid-template-rows:auto auto}.experience-gallery-controls{display:none}}.skills-section{background:radial-gradient(ellipse at 26% 61%,#581c2666,transparent 45%),radial-gradient(ellipse at 79% 57%,#39253366,transparent 45%),linear-gradient(155deg,#151015,#0d0c11 75%)}.skills-hint{color:var(--muted);font-size:.8rem;text-align:right}@media(any-hover:none){.skills-hint-hover{display:none}}.skills-layout{--skill-gap: clamp(1.4rem, 4vw, 3.8rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--skill-gap);margin-top:clamp(.5rem,1.8vw,1.2rem)}.skill-folder{position:relative;display:flex;flex-direction:column;align-items:center;gap:.65rem;min-width:0;scroll-margin-top:var(--nav-clearance);text-align:center}.skill-folder+.skill-folder:before{content:"";position:absolute;inset:.75rem auto 0 calc(var(--skill-gap) / -2);width:1px;background:linear-gradient(transparent,var(--stage-line) 28%,var(--stage-line) 72%,transparent)}.skill-anchor{position:absolute;inset:0 auto auto 0;scroll-margin-top:var(--nav-clearance)}.skill-description{max-width:29rem}.skill-equipment{color:#bca8a8;font-size:.77rem}.skill-equipment span{margin-inline-start:.4rem;color:var(--ink)}.skills-section .all-works-link{margin-top:1.2rem}.folder-float{--folder-front: #85322f;--folder-edge: #e78a75;--folder-back: #5d2d34;--folder-paper: #e8a195;--pill-surface: #2d1c25;--pill-line: #bd736873;--open-curve: cubic-bezier(.22, 1.28, .48, 1);position:relative;isolation:isolate;display:flex;flex-direction:column-reverse;align-items:center;width:min(100%,29rem);margin:0 auto .1rem;padding-bottom:.55rem}.skill-folder[data-skill=aigc] .folder-float{--folder-front: #38323f;--folder-edge: #b59cae;--folder-back: #3c303f;--folder-paper: #d5b8c7;--pill-surface: #241f2c;--pill-line: #a08baf73}.folder-float:after{content:"";position:absolute;z-index:-1;inset:auto 5% -4%;height:64%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--folder-front) 44%,transparent),transparent 69%);pointer-events:none}.folder-float__title{position:relative;z-index:2;width:min(84%,18.8rem);margin:0}.folder-float__folder{position:relative;display:block;width:100%;height:min(clamp(8rem,12vw,10.2rem),max(6rem,21dvh));padding:0;border:0;border-radius:.9rem;background:transparent;perspective:620px;color:var(--ink);cursor:pointer}.folder-float__back{position:absolute;inset:0 2% .2rem;border:1px solid color-mix(in srgb,var(--folder-edge) 42%,transparent);border-radius:.34rem 1rem .9rem .9rem;background:linear-gradient(150deg,var(--folder-back),#1b131b 86%)}.folder-float__back:before{content:"";position:absolute;left:-1px;bottom:calc(100% - 1px);width:45%;height:1.05rem;border:inherit;border-bottom:0;border-radius:.75rem .5rem 0 0;background:var(--folder-back);clip-path:polygon(0 0,81% 0,100% 100%,0 100%)}.folder-float__paper{position:absolute;inset:11% 9% 18%;border:1px solid #ffe7d88a;border-radius:.5rem;background:linear-gradient(160deg,var(--folder-paper),var(--folder-back));opacity:.25;transform:translateY(8%) rotate(-1.5deg);transition:transform .45s var(--open-curve),opacity .25s ease}.folder-float__front{position:absolute;inset:19% 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;padding:clamp(.9rem,2.3vw,1.45rem);border:1px solid color-mix(in srgb,var(--folder-edge) 60%,transparent);border-radius:.85rem;background:linear-gradient(125deg,#ffddd71a,transparent 51%),linear-gradient(156deg,var(--folder-front),color-mix(in srgb,var(--folder-front) 43%,#120d14) 95%);box-shadow:inset 0 1px #ffdad047,0 .85rem 2.1rem #0703078c;transform-origin:50% 100%;transform:rotateX(-10deg);transition:transform .5s var(--open-curve),border-color .2s ease;font-size:clamp(1.65rem,3.25vw,2.75rem);font-weight:780;line-height:1;letter-spacing:-.045em;text-align:left}.folder-float__icon{flex:none;display:grid;place-items:center;width:1.95rem;aspect-ratio:1;border:1px solid #f4ebe15e;border-radius:50%;background:#1b11193d}.folder-float__icon:before,.folder-float__icon:after{content:"";grid-area:1 / 1;width:.66rem;height:1px;background:currentColor}.folder-float__icon:after{transform:rotate(90deg);transition:transform .2s ease}.folder-float[data-pinned] .folder-float__icon:after{transform:none}.folder-float[data-open] .folder-float__front{transform:rotateX(-31deg)}.folder-float[data-open] .folder-float__paper{opacity:.92;transform:translateY(-11%) rotate(-2.5deg)}.folder-float__folder:hover .folder-float__front,.folder-float__folder:focus-visible .folder-float__front,.skill-folder:target .folder-float__front,.skill-folder:has(.skill-anchor:target) .folder-float__front{border-color:var(--folder-edge)}.folder-float__cloud{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.7rem .82rem;width:100%;min-height:clamp(6rem,20dvh,9.8rem);margin:0;padding:.55rem 1rem 1.3rem;list-style:none;pointer-events:none}.folder-float__slot{display:flex;align-items:center;max-width:100%}.folder-float__pill{--keyword-angle: -3deg;display:block;padding:.48rem .8rem;border:1px solid var(--pill-line);border-radius:100vw;background:linear-gradient(150deg,#fbe6ec0b,transparent 72%),var(--pill-surface);box-shadow:inset 0 1px #ffffff15,0 .28rem .9rem #0503056e;color:var(--ink);font-size:clamp(.75rem,1.08vw,.9rem);font-weight:590;line-height:1.15;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;transform:translate3d(var(--rise-x, 0px),var(--rise-y, 3.5rem),0) scale(.62);transition:transform .36s cubic-bezier(.48,0,.78,.33),opacity .17s ease .11s}.folder-float__slot:nth-child(2n) .folder-float__pill{--keyword-angle: 3deg}.folder-float__slot:nth-child(3n) .folder-float__pill{--keyword-angle: -1deg}.folder-float[data-open] .folder-float__pill{opacity:1;translate:var(--float-x, 0px) var(--float-y, 0px);transform:rotate(var(--keyword-angle));transition:transform .58s var(--open-curve) calc(var(--keyword-order) * 30ms),opacity .24s ease calc(var(--keyword-order) * 30ms);pointer-events:auto;touch-action:none;cursor:grab}.folder-float__cloud[data-dragging] .folder-float__pill{cursor:grabbing}@media(hover:hover)and (pointer:fine){.folder-float[data-open] .folder-float__pill:hover{border-color:var(--folder-edge)}}@media(max-width:700px){.section-block.skills-section{padding-top:calc(var(--nav-clearance) + .45rem)}.skills-section .section-heading{gap:.65rem;padding-bottom:.65rem}.skills-section .section-heading h2{flex:none;font-size:clamp(1.55rem,5vw,1.9rem)}.skills-hint{font-size:.72rem;line-height:1.45}.skills-layout{--skill-gap: .9rem;grid-template-columns:minmax(0,1fr)}.skill-folder{gap:.5rem}.skill-folder+.skill-folder{padding-top:.45rem}.skill-folder+.skill-folder:before{inset:calc(var(--skill-gap) / -2) 0 auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--stage-line) 20%,var(--stage-line) 80%,transparent)}.folder-float{padding-bottom:.3rem}.folder-float__title{width:min(84%,16rem)}.folder-float__folder{height:clamp(4.8rem,20vw,6.2rem)}.folder-float__cloud{min-height:0;padding:.3rem .25rem .65rem;gap:.4rem .48rem}.folder-float__pill{padding:.33rem .55rem}.skills-section .all-works-link{margin-top:.55rem}}@media(prefers-reduced-motion:reduce){.skills-hint-drag{display:none}.folder-float__front,.folder-float__paper,.folder-float__pill,.folder-float__icon:after{transition:none}.folder-float[data-open] .folder-float__pill{cursor:default;pointer-events:none;touch-action:auto;transform:none;transition:none}}.target-cursor{display:none;position:fixed;inset:0;z-index:20;pointer-events:none;color:var(--ink)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){:root[data-target-cursor]:not(:has(dialog[open])),:root[data-target-cursor]:not(:has(dialog[open])) body *{cursor:none!important}:root:not(:has(dialog[open])) .target-cursor[data-visible]{display:block}}.target-cursor__frame,.target-cursor__dot{position:absolute;top:0;left:0;translate:-50% -50%}.target-cursor__frame{transition:width .18s ease-out,height .18s ease-out,transform .11s ease-out}.target-cursor__reticle{position:absolute;inset:0;scale:var(--cursor-squeeze, 1);transition:color .16s ease,scale .15s ease;animation:target-cursor-turn 2.8s linear infinite;filter:drop-shadow(0 0 4px #0009)}.target-cursor[data-locked]{--cursor-corner: 11px;--cursor-radius: 5px;color:var(--accent-bright)}.target-cursor[data-locked] .target-cursor__frame{transition-timing-function:cubic-bezier(.2,.8,.2,1);transition-duration:.18s}.target-cursor[data-locked] .target-cursor__reticle{animation:none}.target-cursor[data-pressed]{--cursor-squeeze: .85}.target-cursor__reticle span{position:absolute;width:var(--cursor-corner, 7px);height:var(--cursor-corner, 7px);border:solid currentColor}.target-cursor__reticle span:nth-child(1){inset:0 auto auto 0;border-width:1.5px 0 0 1.5px;border-top-left-radius:var(--cursor-radius, 2px)}.target-cursor__reticle span:nth-child(2){inset:0 0 auto auto;border-width:1.5px 1.5px 0 0;border-top-right-radius:var(--cursor-radius, 2px)}.target-cursor__reticle span:nth-child(3){inset:auto 0 0 auto;border-width:0 1.5px 1.5px 0;border-bottom-right-radius:var(--cursor-radius, 2px)}.target-cursor__reticle span:nth-child(4){inset:auto auto 0 0;border-width:0 0 1.5px 1.5px;border-bottom-left-radius:var(--cursor-radius, 2px)}.target-cursor__dot{width:4px;height:4px;border-radius:50%;background:currentColor;transform:translate3d(var(--cursor-x),var(--cursor-y),0);scale:var(--cursor-squeeze, 1);transition:scale .15s ease}@keyframes target-cursor-turn{to{rotate:360deg}}:root{color-scheme:dark;--ink: #f4ebe1;--muted: #bdb6b5;--paper: #090b0e;--accent: #fa5344;--accent-bright: color-mix(in srgb, var(--accent), white 16%);--accent-wash: color-mix(in srgb, var(--accent) 19%, #18191e);--stage-line: #e6a6a02a;--nav-clearance: 5.25rem;--gutter: clamp(1.25rem, 6vw, 6rem);font:16px/1.65 system-ui,Microsoft YaHei,sans-serif;scroll-behavior:smooth;scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-underline-offset:.25em}button{font:inherit}:is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:clamp(1.9rem,3.4vw,3.25rem);line-height:1.15}h3{font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.35}main{padding-bottom:3rem}:root:has(main.home){scroll-snap-type:y mandatory;overscroll-behavior-y:none}.home{padding-bottom:0}.home>section{min-block-size:100svh;min-block-size:100dvh;scroll-snap-align:start;scroll-snap-stop:always}.wrap{width:min(1220px,calc(100% - 2 * var(--gutter)));margin-inline:auto}.muted{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.top{background:var(--paper)}.top-overlay{position:absolute;inset:0 0 auto;z-index:4;background:transparent}.top-overlay[data-floating]{position:fixed;top:.7rem}.top-inner,nav{display:flex;flex-wrap:wrap;align-items:center}.top-inner{min-height:74px;justify-content:space-between;gap:.25rem 1.5rem}.top-overlay[data-floating] .top-inner{width:min(1260px,calc(100% - 2 * var(--gutter) + 2.5rem));min-height:60px;padding-inline:1.25rem;border-radius:.8rem;background:#151419f2;box-shadow:0 .6rem 1.8rem #0005}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.top-overlay[data-floating] .top-inner{background:#131115b3;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}}@media(prefers-reduced-motion:no-preference){.top-overlay[data-floating] .top-inner{animation:nav-enter .24s ease-out both}}@keyframes nav-enter{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.brand{font-weight:700;letter-spacing:.12em;text-decoration:none;white-space:nowrap}.brand:before{content:"";display:inline-block;width:.38rem;height:.68rem;margin-right:.55rem;background:var(--accent)}nav{font-size:.87rem;gap:.15rem clamp(.7rem,2.5vw,2.25rem)}nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:#ded5d0;text-decoration:none;white-space:nowrap}nav a:after{content:"";position:absolute;inset:auto 0 .42rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}nav a:focus-visible:after{transform:scaleX(1)}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;padding:clamp(6.15rem,14svh,8.75rem) 0 clamp(2rem,5vh,4.5rem);background:var(--paper)}.hero-video,.hero:before,.hero:after{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-video{z-index:-2;object-fit:cover;object-position:50% center;filter:blur(1.4px) saturate(.84)}.hero:before{content:"";z-index:-1;background:linear-gradient(180deg,#090b0eb8,transparent 30%,transparent 60%,var(--paper) 100%),linear-gradient(90deg,#05060855,transparent 29%,transparent 71%,#05060855),#080a0d7d}.hero:after{content:"";z-index:-1;background:url(./hero-grain-DJRMEtmN.png) repeat;background-size:132px 132px;mix-blend-mode:soft-light;opacity:.19}.hero-layout{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(7rem,24svh,15rem)}.hero-display{color:var(--accent);font-family:Arial Black,Arial,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-weight:900;display:block;font-size:clamp(2rem,9.35vw,8.7rem);line-height:.93;letter-spacing:-.07em;white-space:nowrap}.warp-text{position:relative;width:max-content;max-width:100%}.warp-text-baseline{display:inline-block;width:0;height:0}.warp-text-canvas{position:absolute;inset:-.26em -.18em;display:block;width:calc(100% + .36em);height:calc(100% + .52em);pointer-events:none;visibility:hidden}.warp-text[data-warp-ready] .warp-text-label{opacity:0}.warp-text[data-warp-ready] .warp-text-canvas{visibility:visible}.hero-name{display:block;margin-top:.8rem;color:var(--ink);font:650 clamp(1.4rem,2.65vw,2.15rem)/1.3 system-ui,"Microsoft YaHei",sans-serif;letter-spacing:.14em}.hero-intro{display:grid;gap:.4rem;max-width:34rem;color:var(--ink);font:600 clamp(1.08rem,2.15vw,1.85rem)/1.55 "Songti SC","Noto Serif CJK SC","SimSun",serif;letter-spacing:.055em;text-wrap:pretty}.hero-welcome{color:#f9b4a9;font-size:.78em;font-weight:400}.hero-wave{position:absolute;z-index:0;pointer-events:none;width:clamp(150px,25vw,360px);aspect-ratio:1;border:1px solid #f3d1c1a0;border-radius:50%;animation:wave 1.1s ease-out forwards}.hero-wave:after{content:"";position:absolute;inset:7%;border:1px solid #cfdbff70;border-radius:inherit}@keyframes wave{0%{transform:translate(-50%,-50%) scale(.05);opacity:.9}to{transform:translate(-50%,-50%) scale(1.45);opacity:0}}.section-block{padding-block:calc(var(--nav-clearance) + clamp(.75rem,2.4vh,1.75rem)) clamp(1.4rem,3.2vh,2.8rem)}:is(.experience-section,.skills-section,.portfolio-section,.collection-page){position:relative;isolation:isolate}:is(.experience-section,.skills-section,.portfolio-section,.collection-page):after{content:"";position:absolute;z-index:-1;inset:0;background:url(./hero-grain-DJRMEtmN.png) 0 0 / 132px 132px;mix-blend-mode:soft-light;opacity:.24;pointer-events:none}.section-heading{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:clamp(.95rem,2vw,1.35rem);border-bottom:1px solid var(--stage-line)}.section-heading:after{content:"";position:absolute;inset:auto auto -1px 0;width:clamp(2.5rem,7vw,5.5rem);height:1px;background:var(--accent)}.section-heading h2{font-weight:750;letter-spacing:-.035em}.portfolio-layout{display:grid;gap:clamp(.9rem,2vw,1.6rem);margin-top:clamp(1.1rem,2.8vw,2rem)}.all-works-link{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;text-decoration:none;font-size:.86rem}.all-works-link,.work-arrow{color:var(--accent)}.portfolio-section{background:radial-gradient(ellipse at 86% 45%,#63171f70,transparent 61%),linear-gradient(174deg,#110d11,#1c1014 58%,var(--paper))}.portfolio-layout{grid-template-columns:minmax(16rem,.82fr) minmax(0,1.85fr)}.work-grid{display:grid;gap:clamp(.55rem,1.1vw,.85rem)}.work{position:relative;display:grid;grid-template-columns:clamp(3.8rem,7.8vw,6.3rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.6rem,1.4vw,1rem);min-height:clamp(5.75rem,8.5vw,7.25rem);padding:.55rem clamp(.6rem,1.3vw,.95rem) .55rem .55rem;border:1px solid var(--stage-line);border-radius:.6rem;background:linear-gradient(110deg,#25161b,#151217);text-decoration:none}.work[data-current]{border-color:#fa53447a;background:linear-gradient(110deg,#422027,#20151a)}.work>*{pointer-events:none}.work-thumb{width:100%;aspect-ratio:1.12;border-radius:.28rem;object-fit:cover;background:#110e12}.work-text{grid-column:2}.work h3{font-size:clamp(1.02rem,1.65vw,1.35rem);overflow-wrap:anywhere}.work .muted{margin-top:.3rem;font-size:.78rem;line-height:1.5}.work-arrow{grid-column:3;font-size:1.15rem}.portfolio-feature{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;min-height:19rem;margin:0;padding:clamp(1rem,3vw,2.35rem);overflow:hidden;border:1px solid var(--stage-line);border-radius:.6rem;background:#170f14}.portfolio-feature:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#120c10f2 0%,#120c1033 53%,transparent 70%),linear-gradient(105deg,#4b121c62,transparent 65%)}.feature-cover{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:0}.feature-cover[data-current]{opacity:1}.feature-caption{display:grid;gap:.3rem}.feature-caption strong{font-size:clamp(1.5rem,3vw,2.8rem);line-height:1.2}@media(hover:hover)and (pointer:fine){:is(.brand,nav a):hover{color:var(--accent)}nav a:hover:after{transform:scaleX(1)}.all-works-link:hover{color:var(--accent-bright)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){:is(.brand,nav a,.all-works-link){transition:color .18s ease,transform .18s ease}.all-works-link:hover{transform:translateY(-2px)}nav a:after,.all-works-link span,.work-arrow{transition:transform .18s ease}.work:hover .work-arrow{transform:translate(2px,-2px)}.all-works-link:hover span{transform:translateY(3px)}}@media(prefers-reduced-motion:no-preference){.feature-cover{transition:opacity .28s ease-out}.work{transition:border-color .2s ease-out}}@media(max-width:620px){.top-inner{min-height:60px;gap:.2rem .7rem;padding-block:.3rem}.top-overlay[data-floating]{top:.5rem}.top-overlay[data-floating] .top-inner{width:calc(100% - 1rem);min-height:54px;padding-inline:.75rem}nav{font-size:.81rem}.hero{padding:5.8rem 0 1.5rem}.hero-layout{gap:clamp(7rem,22svh,12rem)}.hero-display{font-size:clamp(1.65rem,10.5vw,4.1rem)}.hero-intro{padding-bottom:env(safe-area-inset-bottom)}.hero-video{object-position:53% center}.hero:before{background:linear-gradient(180deg,#090b0ecc,transparent 36%,transparent 53%,var(--paper) 100%),linear-gradient(90deg,#05060838,transparent 26%,transparent 74%,#05060838),#080a0d7d}.portfolio-layout{grid-template-columns:minmax(0,1fr)}.portfolio-feature{grid-row:1;min-height:clamp(12rem,52vw,18rem)}}@media(max-width:360px){.top-overlay .top-inner{gap:.15rem .55rem}.top-overlay .top-inner nav{gap:.15rem .65rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-wave{animation:none}}
