@font-face{font-family:Caprasimo;src:url(/assets/Caprasimo-Regular.ttf) format("truetype");font-display:block;font-weight:400;font-style:normal}.site-shell{height:100svh;min-height:580px;isolation:isolate;background:var(--paper)}.site-shell[data-intro-active=true] .portfolio-page{opacity:0;pointer-events:none}.site-shell[data-intro-active=true].is-revealing .portfolio-page{opacity:1}.intro-sequence{--intro-duration:7.6s;--mint:#38b699;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;background:transparent;color:#080809;contain:paint}.intro-poster{position:absolute;top:0;right:0;bottom:0;left:0;background:#fdfdfc;overflow:hidden}.intro-title-composition{position:absolute;top:0;right:0;bottom:0;left:0}.intro-title{position:absolute;left:50%;top:5%;width:96%;margin:0;transform:translate(-50%);font-family:Caprasimo,Georgia,serif;font-size:17.8vw;font-weight:400;line-height:1.18;letter-spacing:-.075em;white-space:nowrap;text-align:center}.intro-word{display:block;transform-origin:50% 50%}.intro-word-solid{position:relative;opacity:0;transform:translateY(-.75em)}.intro-word-outline{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(.14em);color:transparent;-webkit-text-stroke:1px #858580}.intro-letter{display:inline-block;transform-origin:50% 65%}.intro-letter-1{transform:rotate(-12deg) scale(.93,1.28);position:relative;z-index:1}.intro-word-solid .intro-letter-1{color:var(--paper);-webkit-text-stroke:.026em #080809}.intro-copyright{position:absolute;right:-.4%;top:.12em;font:400 .105em/1 Arial,sans-serif;letter-spacing:0}.intro-signature{position:absolute;left:1%;top:calc(5% + 15vw);font-family:Freestyle Script,Segoe Script,Brush Script MT,cursive;font-size:clamp(42px,12vw,210px);font-weight:400;font-style:normal;line-height:1.2;letter-spacing:-.07em;color:var(--mint);transform:rotate(-15deg) scaleX(1.5);transform-origin:0 50%;opacity:0;clip-path:inset(0 100% 0 0);pointer-events:none}.intro-enter{position:absolute;right:3%;top:calc(5% + 21vw);font-size:clamp(13px,1.45vw,24px);font-weight:300;padding:14px 0;color:#777772;opacity:0;letter-spacing:.04em;transition:color .2s}.intro-enter:hover{color:var(--mint)}.intro-auto-cursor{position:absolute;left:58%;top:55%;width:32px;height:32px;pointer-events:none;opacity:0;transform-origin:4px 1px}.intro-auto-cursor img{display:block;width:32px;height:32px;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.intro-year{position:absolute;right:3.7%;top:37%;padding:8px 6px 7px;background:#080809;color:#fdfdfc;font-size:clamp(16px,2.15vw,34px);font-weight:700;line-height:.85;letter-spacing:-.09em;transform:perspective(400px) rotateY(-12deg) rotate(1deg)}.intro-year>span{display:block}.intro-year small{font-size:9px;display:block;text-align:right;padding-top:4px;letter-spacing:0;font-weight:400}.intro-contact{position:absolute;left:3%;bottom:5.5%;display:flex;flex-direction:column;gap:3px;font-size:clamp(8px,.72vw,12px);line-height:1.1;letter-spacing:-.02em;color:#676761}.intro-credit{position:absolute;right:3.7%;bottom:5.5%;font-size:clamp(7px,.65vw,10px);letter-spacing:-.02em;color:#676761}.intro-skip{position:absolute;right:30px;top:25px;z-index:4;font-size:10px;letter-spacing:.05em;color:#777772;padding:9px 12px;transition:color .2s}.intro-skip:hover{color:var(--mint)}.intro-shutter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.intro-shutter-panel{position:absolute;left:0;width:100%;height:50.1%;background:#080809;will-change:transform}.intro-shutter-top{top:0;transform:translate(-101%)}.intro-shutter-bottom{bottom:0;transform:translate(101%)}.intro-character-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;opacity:0}.intro-character-motion{height:clamp(240px,46vh,420px);aspect-ratio:1024/1536;transform-origin:50% 80%;will-change:transform}.intro-character{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.intro-timeline{position:absolute;top:0;right:0;bottom:0;left:0}.intro-sequence:not(.is-playing) .intro-title,.intro-sequence:not(.is-playing) .intro-caption,.intro-sequence:not(.is-playing) .intro-year{visibility:hidden}.is-playing .intro-title-composition{animation:intro-composition var(--intro-duration) cubic-bezier(.65,0,.25,1) both}.is-playing .intro-word-solid{animation:intro-solid var(--intro-duration) cubic-bezier(.2,.75,.25,1) both}.is-playing .intro-word-outline{animation:intro-outline var(--intro-duration) cubic-bezier(.65,0,.25,1) both}.is-playing .intro-signature{animation:intro-signature var(--intro-duration) cubic-bezier(.4,0,.2,1) both}.is-playing .intro-enter{animation:intro-enter var(--intro-duration) ease both}.is-playing .intro-auto-cursor{animation:intro-auto-cursor var(--intro-duration) cubic-bezier(.22,1,.36,1) both}.is-playing .intro-year{animation:intro-year var(--intro-duration) cubic-bezier(.65,0,.25,1) both}.is-playing .intro-poster{animation:intro-poster var(--intro-duration) linear both}.is-playing .intro-shutter-top{animation:intro-shutter-top var(--intro-duration) cubic-bezier(.65,0,.25,1) both}.is-playing .intro-shutter-bottom{animation:intro-shutter-bottom var(--intro-duration) cubic-bezier(.65,0,.25,1) both}.is-playing .intro-character-scene{animation:intro-character-scene var(--intro-duration) linear both}.is-playing .intro-character-motion{animation:intro-character-motion var(--intro-duration) cubic-bezier(.22,1,.36,1) both}.is-playing .intro-timeline *{animation-delay:var(--intro-play-offset,0ms)}.intro-sequence[data-phase=shutter] .intro-skip,.intro-sequence[data-phase=character] .intro-skip{color:#bfbfba}.intro-sequence[data-phase=reveal] .intro-skip{opacity:0;pointer-events:none}.intro-sequence[data-preview=true] *{animation-delay:var(--intro-preview-time)!important;animation-play-state:paused!important}@keyframes intro-composition{0%,42%{transform:translateY(0) scale(1)}59%,to{transform:translateY(17%) scale(.8)}}@keyframes intro-solid{0%{transform:translateY(-.75em);opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1)}14%,25%{transform:translateY(0);opacity:1}33%{transform:translate(-13%);opacity:1}44%,to{transform:translate(0);opacity:1}}@keyframes intro-outline{0%,8%{transform:translateY(.14em)}20%,25%{transform:translateY(.14em)}33%{transform:translate(9%,.14em)}44%,to{transform:translateY(.14em)}}@keyframes intro-signature{0%,36%{opacity:0;clip-path:inset(0 100% 0 0)}42%{opacity:.75;clip-path:inset(0 65% 0 0)}57%,to{opacity:.75;clip-path:inset(0 0 0 0)}}@keyframes intro-enter{0%,48%{opacity:0;transform:translateY(8px)}58%,62%{opacity:1;transform:translateY(0) scale(1);color:#777772}63%{opacity:1;transform:translateY(0) scale(.97);color:#080809}65%,to{opacity:1;transform:translateY(0) scale(1);color:#777772}}@keyframes intro-auto-cursor{0%,51%{opacity:0;transform:translate(64px,66px) scale(1)}59%,62%{opacity:1;transform:translate(0) scale(1)}63%{opacity:1;transform:translate(0) scale(.82)}65%,67%{opacity:1;transform:translate(0) scale(1)}69%,to{opacity:0;transform:translate(0) scale(1)}}@keyframes intro-year{0%,6%{opacity:0;transform:perspective(400px) rotateY(80deg)}18%,43%{opacity:1;transform:perspective(400px) rotateY(-12deg) rotate(1deg) translateY(0)}59%,to{opacity:1;transform:perspective(400px) rotateY(-12deg) rotate(1deg) translateY(43vh)}}@keyframes intro-poster{0%,75%{opacity:1}75.1%,to{opacity:0}}@keyframes intro-shutter-top{0%,67%{transform:translate(-101%)}75%,89%{transform:translate(0)}to{transform:translate(101%)}}@keyframes intro-shutter-bottom{0%,67%{transform:translate(101%)}75%,89%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes intro-character-scene{0%,73%{opacity:0}75%,89%{opacity:1}91%,to{opacity:0}}@keyframes intro-character-motion{0%,73%{transform:translateY(9px) scale(.96)}78%,89%{transform:translateY(0) scale(1)}94%,to{transform:translateY(0) scale(1)}}@media(max-width:760px){.intro-title{top:24%;width:97%;font-size:14.2vw;letter-spacing:-.078em}.intro-caption{top:calc(24% + 18vw);font-size:20px}.intro-signature{top:calc(24% + 15vw);font-size:11vw;left:5%}.intro-enter{top:calc(24% + 23vw);right:7%;font-size:13px}.intro-year{top:44%;right:6%;font-size:22px;padding:7px 5px 5px}.intro-contact{left:6%;bottom:6.5%;font-size:8px}.intro-credit{right:6%;bottom:6.5%;font-size:7px}.intro-skip{right:15px;top:18px}.intro-character-motion{height:230px}.site-shell{min-height:600px}@keyframes intro-composition{0%,42%{transform:translateY(0) scale(1)}59%,to{transform:translateY(13%) scale(.88)}}@keyframes intro-year{0%,6%{opacity:0;transform:perspective(400px) rotateY(80deg)}18%,43%{opacity:1;transform:perspective(400px) rotateY(-12deg) rotate(1deg)}59%,to{opacity:1;transform:perspective(400px) rotateY(-12deg) rotate(1deg) translateY(35vh)}}}@media(prefers-reduced-motion:reduce){.intro-title-composition{transform:translateY(29%) scale(.8)}.intro-caption{opacity:1}.intro-word-solid{transform:none}.intro-signature{opacity:.75;clip-path:none}.intro-enter{opacity:1}.intro-year{top:auto;bottom:8%}.site-shell[data-intro-active=true].is-revealing .portfolio-page{opacity:1}}@media(prefers-reduced-motion:reduce){.intro-sequence:not(.is-playing) .intro-title,.intro-sequence:not(.is-playing) .intro-caption,.intro-sequence:not(.is-playing) .intro-year{visibility:visible}.intro-word-solid{opacity:1}}.card-story{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100svh;min-height:650px;background:var(--paper);color:var(--ink);contain:layout paint}.folder-stage-ground{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#121311;opacity:0;pointer-events:none;will-change:opacity}.card-story[data-phase=still] .creative-title{color:#f7f7f5}.creative-title{position:absolute;z-index:130;left:50%;top:20%;width:90%;margin:0;text-align:center;font-family:Arial,Microsoft YaHei,sans-serif;font-size:clamp(36px,4.5vw,70px);line-height:1.16;letter-spacing:-.055em;font-weight:500;pointer-events:none;will-change:transform,opacity}.creative-title span{display:block}.creative-tags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:130;pointer-events:none;will-change:opacity}.creative-tags span{position:absolute;top:43%;left:18.5%;padding:9px 14px;background:#3165d9;color:#fff;border-radius:40px;font-size:clamp(10px,1vw,15px);letter-spacing:-.025em;transform:rotate(-9deg)}.creative-tags span+span{left:auto;right:15%;top:44.5%;background:#639c87;transform:rotate(11deg)}.story-work{position:absolute;top:0;left:0;display:block;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:50% 50%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;touch-action:pan-y;opacity:0}.story-work{border-radius:12px;filter:drop-shadow(0 13px 13px #2922231a)}.story-work img{display:block;width:100%;height:auto;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none}.story-work:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px #00000009;pointer-events:none}.story-work:hover img,.story-work:focus-visible img{filter:brightness(1.035)}.portfolio-stamp{position:absolute;top:0;left:0;display:block;padding:0;border:0;background:transparent;aspect-ratio:.72;opacity:0;pointer-events:none;will-change:transform,opacity;transform-origin:50% 50%;filter:drop-shadow(0 15px 13px #00000040);touch-action:pan-y}.portfolio-stamp[data-ready=true]{pointer-events:auto}.stamp-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;transform:perspective(850px) translateY(0) rotateX(0) rotateY(0) rotate(0) scale(1);transition:transform .3s cubic-bezier(.2,.75,.25,1),filter .25s;transform-origin:50% 60%}@media(hover:hover){.portfolio-stamp[data-ready=true]:hover .stamp-face{transform:perspective(850px) translateY(-3%) rotateX(var(--stamp-rotate-x,0deg)) rotateY(var(--stamp-rotate-y,0deg)) rotate(var(--stamp-rotate-z,0deg)) scale(1.015)}}.portfolio-stamp:focus-visible{outline:2px solid #fff;outline-offset:7px}.portfolio-stamp:focus-visible .stamp-face{transform:translateY(-3%) scale(1.015)}.stamp-original{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.stamp-neon{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;display:block;border-radius:11px;pointer-events:none;opacity:0;transition:opacity .25s}.stamp-neon-ambient,.stamp-neon-core,.stamp-neon-bloom,.stamp-neon-stroke{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;pointer-events:none}.stamp-neon-ambient{border:1px solid #e3c89570;box-shadow:0 0 7px #d7b67830}.stamp-neon-stroke{padding:1.4px;background:radial-gradient(ellipse 35% 28% at var(--ring-x,50%) var(--ring-y,0%),#fff9eb 0%,#fff0d5 18%,#e7c88b99 45%,transparent 80%),radial-gradient(ellipse 46% 38% at var(--trail-x,30%) var(--trail-y,0%),#d9b77799,transparent 78%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.stamp-neon-core{filter:drop-shadow(0 0 2px #fff0d7cc)}.stamp-neon-bloom{filter:blur(3.5px) drop-shadow(0 0 10px #e9c68b99);opacity:.85}.portfolio-stamp[data-ready=true][data-lit=true] .stamp-neon{opacity:1}.catalog-title{position:absolute;left:50%;top:18%;z-index:155;width:90%;margin:0;text-align:center;font-family:Arial,Microsoft YaHei,sans-serif;font-size:clamp(30px,3.25vw,50px);font-weight:650;letter-spacing:.04em;line-height:1.2;color:#fdfdfc;opacity:0;pointer-events:none;will-change:transform,opacity}.creative-folder{position:absolute;top:0;left:0;z-index:120;display:block;border:0;padding:0;background:transparent;aspect-ratio:3/2;transform-origin:50% 50%;will-change:transform,opacity;opacity:0;touch-action:pan-y}.folder-back{position:absolute;top:0;left:0;z-index:10;display:block;height:auto;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform,opacity}.folder-art{position:relative;z-index:2;display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;clip-path:inset(25% 0 0 0)}.folder-inserts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0}.folder-insert{position:absolute;display:block;top:12%;left:17%;width:18%;aspect-ratio:.72;transform:rotate(-8deg)}.folder-insert.insert-1{top:9%;left:29%;transform:rotate(-4deg)}.folder-insert.insert-2{top:7.5%;left:41%;transform:rotate(0)}.folder-insert.insert-3{top:9.5%;left:53%;transform:rotate(4deg)}.folder-insert.insert-4{top:12.5%;left:65%;transform:rotate(8deg)}.folder-stamp-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.folder-pupil{position:absolute;z-index:3;width:3.3%;height:auto;left:32.7%;top:45.1%;pointer-events:none;will-change:transform;transform:translate(-50%,-50%)}.folder-pupil.pupil-1{left:37.8%;top:43.6%}.creative-folder:focus-visible{outline:2px solid var(--orange);outline-offset:-22px;border-radius:30px}.card-story[data-phase=arrival] .story-work,.card-story[data-phase=collect] .story-work,.card-story[data-phase=folder] .story-work{pointer-events:none}.story-asset-note{position:absolute;bottom:66px;left:0;right:0;text-align:center;font-size:13px;color:var(--muted);z-index:150}.card-story[data-phase=folder] .story-asset-note{color:#f7f7f5}.scroll-next{position:absolute;right:5.5%;bottom:115px;z-index:4;display:flex;gap:18px;align-items:center;padding:16px 0;font-size:14px;color:var(--ink)}.scroll-next img{width:19px;height:19px;object-fit:contain;image-rendering:pixelated;transform:rotate(135deg);transition:transform .25s}.scroll-next:hover img{transform:translateY(4px) rotate(135deg)}.story-viewer{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#111;padding:86px 4vw 80px;color:var(--paper)}.story-viewer>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.story-viewer-bar{position:absolute;top:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:20px}.story-viewer-bar button{padding:12px 0;color:inherit}.story-viewer-controls{position:absolute;bottom:18px;display:flex;align-items:center;gap:30px;font-size:14px}.story-viewer-controls button{padding:14px;color:inherit}.site-shell{height:auto;min-height:100svh}.portfolio-content{margin:0}@media(max-width:760px){.card-story{min-height:650px}.creative-title{top:21%;font-size:clamp(35px,8.5vw,56px);letter-spacing:-.05em}.creative-tags span{top:40%;left:9%;padding:7px 10px;font-size:10px}.creative-tags span+span{top:40.5%;right:7%}.story-work{border-radius:7px;filter:drop-shadow(0 8px 7px #2922231a)}.catalog-title{top:22%;font-size:32px}.scroll-next{right:24px;bottom:181px;gap:9px;font-size:12px;padding:10px 0}.scroll-next img{width:15px;height:15px}.story-viewer{padding:80px 10px 70px}.story-viewer-bar{left:20px;right:20px;font-size:12px}}@media(prefers-reduced-motion:reduce){.story-work,.portfolio-stamp,.creative-title,.creative-folder,.folder-pupil,.catalog-title{will-change:auto}.stamp-face,.scroll-next img{transition:none}.portfolio-stamp[data-ready=true]:hover .stamp-face,.portfolio-stamp:focus-visible .stamp-face{transform:none}}.portfolio-ending{position:relative;isolation:isolate;height:100svh;min-height:400px;overflow:hidden;background:#000;color:#f4f3f0}.closing-credit-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 84%,transparent 100%)}.closing-copy{position:absolute;top:0;left:0;right:0;width:min(880px,calc(100% - 56px));margin-inline:auto;text-align:center;transform:translate3d(0,100svh,0);opacity:0;will-change:transform;font-family:Arial,Helvetica Neue,Microsoft YaHei,sans-serif}.closing-copy h2{margin:0 0 64px;font-size:clamp(24px,2.35vw,38px);font-weight:500;line-height:1.7;letter-spacing:.055em;text-wrap:balance}.closing-copy p{margin:0 0 44px;font-size:clamp(17px,1.42vw,22px);font-weight:400;line-height:2.15;letter-spacing:.055em;text-wrap:pretty}.closing-copy .closing-last-line{margin-top:58px;margin-bottom:0;font-weight:500;color:#fff}.closing-thanks{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.portfolio-ending[data-phase=thanks] .closing-copy{will-change:auto}.portfolio-ending[data-reduced=true]{height:auto;min-height:100svh}.portfolio-ending[data-reduced=true] .closing-credit-window{position:relative;-webkit-mask-image:none;mask-image:none}.portfolio-ending[data-reduced=true] .closing-copy{position:relative;padding-block:100px;will-change:auto}.portfolio-ending[data-reduced=true] .closing-thanks{position:relative;height:auto;max-height:100svh}@media(max-width:760px){.closing-copy{width:calc(100% - 44px)}.closing-copy h2{margin-bottom:48px;font-size:24px;letter-spacing:.04em}.closing-copy p{margin-bottom:36px;font-size:17px;line-height:2.1;letter-spacing:.035em}.closing-copy .closing-last-line{margin-top:42px}}.badge-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;visibility:hidden}.badge-fallback[data-active=true]{opacity:1;visibility:visible}.fallback-badge-position{position:absolute;left:50%;top:50%;width:36%;transform:translate(calc(-50% + var(--fallback-x)),calc(-50% + var(--fallback-y))) rotate(var(--fallback-roll));transition:transform .45s cubic-bezier(.22,.8,.3,1)}.fallback-badge-card{position:relative;display:block;width:100%;padding:0 0 63.28%;border-radius:4%;background:#19191b;border:1px solid #6e6e70;box-shadow:3px 4px #161618,inset 0 1px 2px #fff5;overflow:visible;pointer-events:auto;touch-action:none;cursor:grab}.fallback-badge-card:active{cursor:grabbing}.fallback-badge-art{position:absolute;top:11.2%;left:1.5%;width:97%;height:auto;display:block;user-select:none;-webkit-user-select:none}.fallback-badge-header{position:absolute;top:4.6%;left:2.5%;right:2.5%;display:flex;justify-content:space-between;color:#b8b8ba;font-size:clamp(3px,.35vw,10px);font-weight:400;line-height:1}.fallback-eyelet{position:absolute;top:1%;left:48%;width:4%;padding-bottom:4%;border-radius:50%;border:2px solid #d5d6d7;background:#101112;box-shadow:0 0 0 1px #777,inset 0 0 1px 1px #777}.fallback-strap{position:absolute;left:47.8%;bottom:100%;height:60vh;width:4.4%;background:var(--fallback-strap);color:#fff;overflow:hidden}.fallback-strap span{position:absolute;bottom:20%;left:50%;writing-mode:vertical-rl;white-space:nowrap;transform:translate(-50%) rotate(180deg);font-size:clamp(3px,.4vw,9px)}.fallback-clip{position:absolute;left:47.4%;bottom:99%;width:5.2%;height:15%;border:3px solid #a7a8aa;border-radius:40%;background:#d6d7d8;box-shadow:inset 0 0 0 1px #fff}.badge-stage[data-compatible=true]{visibility:hidden}@media(max-width:1100px){.fallback-badge-position{width:44%}}@media(max-width:760px){.fallback-badge-position{width:81%;top:49%}.fallback-badge-header{font-size:1.05vw}.fallback-strap span{font-size:1.1vw}}@media(prefers-reduced-motion:reduce){.fallback-badge-position{transition:none}}:root{font-family:Arial,Helvetica Neue,Microsoft YaHei,sans-serif;color:#252525;background:#fdfdfc;font-synthesis:none;--paper:#fdfdfc;--ink:#252525;--muted:#777772;--ghost:#f0efed;--orange:#cf5838}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:6px}a{color:inherit;text-decoration:none}button{border:0;background:none}.portfolio-page{position:relative;isolation:isolate;width:100%;height:100svh;min-height:580px;overflow:hidden;background:var(--paper)}.page-header{position:absolute;z-index:3;top:38px;left:5.5%;right:5.5%;display:flex;align-items:center;gap:18px;pointer-events:none}.page-header a{pointer-events:auto}.wordmark{font-size:30px;font-weight:800;letter-spacing:-1.9px}.header-rule{display:inline-block;width:51px;height:1px;background:#bdbdb8}.studio-type{font-size:8px;line-height:1.65;letter-spacing:1.4px;color:var(--muted)}.edition{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:8px;letter-spacing:1.35px;color:var(--muted)}.edition .header-rule{width:44px}.stage-note{position:absolute;left:5.5%;top:19%;display:flex;align-items:center;gap:15px;z-index:0}.asterisk{font-size:27px;color:#72726d}.stage-note p,.right-note p{margin:0;font-size:9px;line-height:1.8;letter-spacing:1.7px}.right-note{position:absolute;right:5.5%;top:26%;text-align:right;color:var(--muted)}.right-note>span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:13px}.right-note p{font-size:8px;line-height:1.8;letter-spacing:1.1px}.backdrop-word{position:absolute;z-index:0;left:0;right:0;top:50%;transform:translateY(-52%);margin:0;color:var(--ghost);font-size:15.6vw;font-weight:900;letter-spacing:-.066em;line-height:1;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.badge-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none}.badge-stage canvas{display:block;width:100%;height:100%;outline-offset:-8px;touch-action:none}.loading-note,.error-note{position:absolute;top:52%;width:100%;text-align:center;font-size:12px;color:var(--muted);z-index:2}.error-note button{display:block;margin:20px auto;text-decoration:underline}.page-footer{position:absolute;z-index:3;bottom:36px;left:5.5%;right:5.5%;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.identity{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:1px}.identity span+span{font-size:8px;color:var(--muted);letter-spacing:.6px}.interaction-panel{position:absolute;left:50%;bottom:0;transform:translate(-50%);text-align:center;pointer-events:auto}.interaction-hint{margin:0 0 17px;font-size:10px;white-space:nowrap;color:var(--muted);letter-spacing:1.1px}.interaction-hint span{padding:0 7px}.controls{display:flex;justify-content:center;align-items:center;gap:19px;white-space:nowrap}.swatches{display:flex;align-items:center;gap:11px}.swatch{position:relative;display:block;padding:0;width:14px;height:14px;border-radius:50%;background:var(--swatch);transition:transform .2s}.swatch:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.swatch.selected:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #bcbcb6;border-radius:50%}.swatch:hover{transform:scale(1.15)}.control-divider{width:1px;height:14px;background:#d6d6d0}.text-control{padding:4px 0;font-size:10px;color:var(--muted);transition:color .2s}.text-control:hover{color:var(--ink)}.footer-signature{font-size:8px;letter-spacing:1.4px;margin:0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.image-viewer{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#111e;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 5vw 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer>img{display:block;max-width:100%;max-height:calc(100svh - 140px);object-fit:contain;box-shadow:0 20px 80px #0005}.viewer-bar{position:absolute;left:5vw;right:5vw;top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#f5f5f2;font-size:11px;letter-spacing:1px}.viewer-bar>div{display:flex;gap:25px}.viewer-bar button{padding:10px 0;color:inherit}.viewer-close{font-size:14px}.viewer-switch{font-size:11px}.is-ready .loading-note{display:none}@media(min-width:1600px){.page-header{top:45px}.page-footer{bottom:44px}.wordmark{font-size:34px}}@media(max-width:760px){.portfolio-page{min-height:600px}.page-header{top:25px;left:24px;right:24px;gap:12px}.wordmark{font-size:26px}.page-header>.header-rule{width:26px}.studio-type{font-size:7px;letter-spacing:1px}.edition{font-size:7px;letter-spacing:1px;gap:0}.edition>span:first-child,.edition>.header-rule{display:none}.stage-note{left:26px;top:17%;gap:9px}.asterisk{font-size:23px}.stage-note p{font-size:8px;letter-spacing:1.4px}.right-note{right:25px;top:20%}.right-note>span{font-size:7px;letter-spacing:1.5px;margin-bottom:8px}.right-note p{font-size:7px;letter-spacing:.65px}.backdrop-word{font-size:16vw;top:47%;letter-spacing:-.065em}.page-footer{bottom:24px;left:25px;right:25px;align-items:flex-end}.interaction-panel{bottom:57px}.interaction-hint{font-size:9px;letter-spacing:.5px;margin-bottom:18px}.controls{gap:17px}.swatches{gap:14px}.swatch{width:15px;height:15px}.text-control{font-size:11px;padding:8px 0}.identity{font-size:10px;gap:0;flex-direction:column;align-items:flex-start;line-height:1.8}.identity span+span{font-size:8px}.footer-signature{max-width:120px;font-size:7px;line-height:1.8;text-align:right}.image-viewer{padding:80px 12px 30px}.viewer-bar{left:20px;right:20px;font-size:9px;letter-spacing:0}.viewer-bar>div{gap:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.asterisk{width:24px;height:28px;object-fit:contain;mix-blend-mode:multiply}@media(max-width:760px){.asterisk{width:20px;height:24px}}.wordmark{font-size:27px;letter-spacing:-1.7px;white-space:nowrap}.footer-outro{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.replay-intro{pointer-events:auto;font-size:9px;color:var(--muted);padding:6px 0;transition:color .2s}.replay-intro:hover{color:var(--orange)}@media(max-width:760px){.wordmark{font-size:23px;letter-spacing:-1.5px}.footer-outro{gap:6px}.replay-intro{font-size:9px}}.interaction-hint{font-size:20px;line-height:1.5;letter-spacing:.5px;color:#6d6d67}@media(max-width:760px){.interaction-hint{font-size:18px;line-height:1.5;letter-spacing:0}.interaction-hint span{padding:0 2px}}