.portfolio-page{background-color:var(--paper);background-image:url(/paper.webp.webp);background-position:50%;background-size:cover;grid-template-rows:143px minmax(0,1fr);width:100%;min-height:max(700px,100svh);display:grid;overflow:hidden}@media (width>=901px){.portfolio-page{grid-template-rows:250px minmax(0,1fr);min-height:calc(max(700px,100svh) + 107px)}}.portfolio-heading{color:var(--ink);font-family:"Dela Gothic One", var(--font-main);align-items:end;margin:0;padding:0 22px 11px;font-size:60pt;font-weight:400;line-height:.86;display:flex}.portfolio-list{border-top:1px solid var(--accent);grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;display:grid}.portfolio-row{border-bottom:1px solid var(--accent);min-height:0;color:var(--ink);background:var(--accent);perspective:1100px;position:relative;overflow:hidden}.portfolio-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:0}.portfolio-cube{width:100%;height:100%;transform:translateZ(calc(var(--portfolio-cube-depth,100px) * -.5)) rotateX(0deg);transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1);display:block;position:relative}.portfolio-row:hover .portfolio-cube,.portfolio-row:focus-visible .portfolio-cube{transform:translateZ(calc(var(--portfolio-cube-depth,100px) * -.5)) rotateX(90deg)}.portfolio-cube-face{backface-visibility:hidden;transform-style:preserve-3d;grid-template-columns:42.4% 37% 20.6%;align-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.portfolio-cube-front{background-color:var(--paper);transform:rotateX(0deg) translateZ(calc(var(--portfolio-cube-depth,100px) * .5));background-image:url(/paper.webp.webp);background-position:50%;background-size:cover}.portfolio-cube-back{color:var(--paper);background:var(--accent);transform:rotateX(-90deg) translateZ(calc(var(--portfolio-cube-depth,100px) * .5))}.portfolio-number,.portfolio-name,.portfolio-name-en{min-width:0}.portfolio-number{color:var(--accent);font-family:"Dela Gothic One", var(--font-main);padding-left:22px;font-size:60pt;font-weight:400;line-height:.86}.portfolio-name{white-space:nowrap;font-family:MiSans,Microsoft YaHei,PingFang SC,sans-serif;font-size:77pt;font-weight:900;line-height:.82}.portfolio-name-en{font-family:"Dela Gothic One", var(--font-main);white-space:nowrap;font-size:12pt;font-weight:400;line-height:1}.portfolio-cube-back .portfolio-number{color:var(--paper)}.rolling-text{height:1em;line-height:1;display:block;overflow:hidden}.rolling-text>span:nth-child(2){display:none}@media (width<=900px){.portfolio-page,.portfolio-row,.portfolio-cube-front{background-color:#0000;background-image:none}.portfolio-page{grid-template-rows:116px minmax(584px,1fr)}.portfolio-heading{padding:0 18px 13px;font-size:34pt}.portfolio-cube-face{grid-template-columns:26% 44% 30%}.portfolio-number{padding-left:18px;font-size:clamp(25pt,9vw,38pt)}.portfolio-name{font-size:clamp(29pt,11vw,46pt)}.portfolio-name-en{white-space:normal;padding-right:10px;font-size:clamp(7pt,2.4vw,10pt)}}@media (prefers-reduced-motion:reduce){.portfolio-cube{transition-duration:0s}}.team-entry-animation[hidden]{display:none}.team-entry-animation{--team-entry-seal-progress:0%;--team-entry-video-scale:1;--team-entry-video-shift-x:0px;--team-entry-video-shift-y:0px;--team-entry-video-pullback-scale:1;z-index:220;width:100%;height:var(--team-entry-stage-height,700px);isolation:isolate;opacity:0;pointer-events:none;perspective:1400px;-webkit-user-select:none;user-select:none;background:0 0;transition:opacity .42s;position:absolute;inset:0;overflow:hidden}.team-entry-animation.is-visible{opacity:1;pointer-events:auto}.team-entry-animation.is-complete{opacity:0;pointer-events:none}.team-entry-animation:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 44%,#ffffff47,#0000 38%);position:absolute;inset:0}.team-entry-model-layer,.team-entry-video,.team-entry-opening-flash,.team-entry-card-stage,.team-entry-seal-control{position:absolute;inset:0}.team-entry-model-layer{z-index:20;opacity:1;filter:none;transform-origin:50%;transition:opacity .3s,transform .56s cubic-bezier(.18,.78,.2,1),filter .32s;transform:translate(0,0)scale(1)}.team-entry-model-layer.is-handoff{opacity:0;filter:brightness(1.38)blur(2px);transform:translateY(23%)scale(2.9)}.team-entry-model-canvas{cursor:grab;overscroll-behavior:contain;touch-action:none;width:100%;height:100%;display:block}.team-entry-model-canvas:active{cursor:grabbing}.team-entry-model-loading{color:#3d3d3d85;font-family:var(--font-main);letter-spacing:.18em;white-space:nowrap;margin:230px 0 0;font-size:9px;font-weight:800;transition:opacity .22s;position:absolute;top:50%;left:50%;transform:translate(-50%)}.team-entry-animation[data-team-entry-state=inspect] .team-entry-model-loading,.team-entry-animation[data-team-entry-state=opening] .team-entry-model-loading,.team-entry-animation[data-team-entry-state=opened] .team-entry-model-loading{opacity:0}.team-entry-video{z-index:30;object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;transform:translate3d(var(--team-entry-video-shift-x), var(--team-entry-video-shift-y), 0) scale(var(--team-entry-video-scale));transform-origin:50%;will-change:transform, opacity;border:0;transition:opacity .19s,transform .52s cubic-bezier(.2,.74,.2,1);display:block}.team-entry-video-canvas{z-index:30;opacity:0;pointer-events:none;will-change:transform, opacity;width:100%;height:100%;transition:opacity .19s,transform .52s cubic-bezier(.2,.74,.2,1);display:none;position:absolute;inset:0}.team-entry-animation.uses-keyed-mobile-video .team-entry-video{visibility:visible;opacity:0}.team-entry-animation.uses-keyed-mobile-video .team-entry-video-canvas{display:block}.team-entry-animation.uses-keyed-mobile-video .team-entry-video.is-visible+.team-entry-video-canvas{opacity:1}.team-entry-animation.uses-keyed-mobile-video .team-entry-video.is-pulling-back+.team-entry-video-canvas{transform:scale(var(--team-entry-video-pullback-scale))}.team-entry-animation.uses-keyed-mobile-video .team-entry-video.is-fading+.team-entry-video-canvas{opacity:0}.team-entry-video.is-visible{opacity:1}.team-entry-video.is-pulling-back{transform:translate3d(0, 0, 0) scale(var(--team-entry-video-pullback-scale))}.team-entry-video.is-fading{opacity:0;transition-duration:.3s,.52s}.team-entry-opening-flash{z-index:42;opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:24vmin;height:24vmin;top:50%;left:50%;transform:translate(-50%,-50%)scale(.15);box-shadow:0 0 50px 28px #ffffffe0,0 0 170px 90px #e62f6e57,0 0 250px 130px #5be1ff29}.team-entry-opening-flash.is-active{animation:.72s cubic-bezier(.18,.72,.18,1) both team-entry-flash}.team-entry-card-stage{z-index:50;opacity:0;pointer-events:none;transform-style:flat}.team-entry-card-stage.is-visible{opacity:1}.team-entry-card-stage.is-handed-off{visibility:hidden;opacity:0}.team-entry-title-clone{z-index:140;object-fit:cover;object-position:center;opacity:0;filter:blur(8px)brightness(1.45);transition:opacity .6s .18s,filter .6s .18s,transform .6s cubic-bezier(.18,.78,.2,1) .18s;display:block;position:absolute;transform:translateY(-14px)}.team-entry-title-clone.is-visible{opacity:1;filter:none;transform:translateY(0)}.team-entry-card-clone{object-fit:fill;opacity:0;filter:drop-shadow(0 18px 20px #39182a38);backface-visibility:hidden;transform-origin:0 0;will-change:transform, opacity;border-radius:11px;max-width:none;display:block;position:absolute}.team-entry-seal-control{z-index:72;pointer-events:none;transition:opacity .24s,transform .32s}.team-entry-animation[data-team-entry-state=loading] .team-entry-seal-control{opacity:0;visibility:hidden}.team-entry-animation[data-team-entry-state=opening] .team-entry-seal-control,.team-entry-animation[data-team-entry-state=opened] .team-entry-seal-control{opacity:0;pointer-events:none;transform:translateY(-18px)}.team-entry-inspect-hint,.team-entry-seal-hint{top:var(--team-entry-pack-hint-y,calc(50% + 260px));color:#3d3d3d99;width:max-content;font-family:var(--font-main);letter-spacing:.12em;margin:0;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.team-entry-seal-hint{display:none}.team-entry-seal-track{top:var(--team-entry-seal-y,24%);width:var(--team-entry-seal-width,min(340px, 42vw));cursor:ew-resize;pointer-events:auto;touch-action:none;outline:0;height:58px;position:absolute;left:50%;transform:translate(-50%,-50%)}.team-entry-seal-label{color:#fff;font-family:var(--font-main);letter-spacing:.14em;opacity:var(--team-entry-prompt-opacity,1);text-shadow:0 2px 8px #390a1eb3;white-space:nowrap;font-size:11px;font-weight:600;transition:opacity .1s;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.team-entry-seal-dash,.team-entry-seal-progress{display:none}.team-entry-seal-handle{top:50%;left:var(--team-entry-seal-progress);background:#290a149e;border:1px solid #fffffff2;border-radius:50%;place-items:center;width:24px;height:24px;transition:background-color .16s,box-shadow .16s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 14px #31071947,inset 0 0 0 1px #ffffff1a}.team-entry-seal-handle:before{color:#fff;content:"→";font-family:Arial,sans-serif;font-size:11px;font-weight:3300;line-height:1;transform:translateY(-1px)}.team-entry-seal-track:hover .team-entry-seal-handle,.team-entry-seal-track:focus-visible .team-entry-seal-handle{background:#e62f6ed6;box-shadow:0 7px 16px #31071957,0 0 16px #ffffff47,inset 0 0 0 1px #ffffff24}.team-entry-play,.team-entry-skip{z-index:90;color:var(--text-main);font-family:var(--font-main);cursor:pointer;-webkit-backdrop-filter:blur(9px);background:#f3efe4d1;border:1px solid #3d3d3d3d;position:absolute}.team-entry-replay{z-index:175;color:var(--text-main);font-family:var(--font-main);cursor:pointer;-webkit-backdrop-filter:blur(9px);opacity:.72;background:#f3efe4d1;border:1px solid #3d3d3d3d;border-radius:999px;padding:8px 13px;font-size:11px;transition:opacity .16s,transform .16s;display:none;position:absolute;bottom:20px;right:24px}.studio-section.team-entry-interactive-enabled.team-content-revealed .team-entry-replay{display:block}.team-entry-replay:hover,.team-entry-replay:focus-visible{opacity:1;transform:translateY(-2px)}.team-entry-replay:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.team-entry-play{border-radius:999px;min-width:132px;padding:12px 18px;font-size:13px;top:50%;left:50%;transform:translate(-50%,-50%)}.team-entry-play[hidden]{display:none}.team-entry-skip{opacity:.72;border-radius:999px;padding:8px 13px;font-size:11px;transition:opacity .16s;bottom:22px;right:24px}.team-entry-skip:hover,.team-entry-skip:focus-visible{opacity:1}.team-entry-play:focus-visible,.team-entry-skip:focus-visible,.team-entry-seal-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-section.team-entry-interactive-enabled.team-content-revealed .studio-heading,.studio-section.team-entry-interactive-enabled.team-content-revealed .team-grid,.studio-section.team-entry-interactive-enabled.team-content-revealed .team-carousel-button{visibility:visible;opacity:1;transition:none;animation:none!important}@keyframes team-entry-dash-pulse{0%,to{opacity:.35}50%{opacity:.86}}@keyframes team-entry-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}40%{opacity:.94;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(7)}}@media (width>=901px){.team-entry-video{object-fit:cover;object-position:center center}}@media (width<=900px){.studio-section.team-pack-intro-enabled.team-entry-interactive-enabled:not(.team-content-revealed),.studio-section.team-pack-intro-enabled.team-entry-interactive-enabled:not(.team-content-revealed) .studio-artboard{overflow:hidden;height:max(640px,100svh)!important;min-height:max(640px,100svh)!important}.team-entry-animation{width:100%;height:100%;min-height:100%}.team-entry-video{object-fit:cover;object-position:center center}.team-entry-model-loading{margin-top:min(220px,29svh)}.team-entry-inspect-hint,.team-entry-seal-hint{text-align:center;max-width:calc(100vw - 32px);font-size:9px}.team-entry-seal-label{font-size:11px;left:40px}.team-entry-seal-handle{width:42px;height:42px}.team-entry-seal-handle:before{font-size:11px}.team-entry-skip{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));position:fixed}.team-entry-replay{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));position:absolute}.team-entry-card-clone{border-radius:9px}}@media (prefers-reduced-motion:reduce){.team-entry-animation,.team-entry-model-layer,.team-entry-video,.team-entry-title-clone{transition:none}.team-entry-seal-dash,.team-entry-opening-flash{animation:none}}
