.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{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}}