.portfolite-hero.portfolio-cover-2026{box-sizing:border-box;color:#fff;isolation:isolate;background:#000;place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.portfolio-cover-2026__mobile-background{display:none}@media (width<=700px){.portfolio-cover-2026__mobile-background{z-index:0;pointer-events:none;background:radial-gradient(42% 38% at 18% 22%,#4257ff94,#0000 72%),radial-gradient(38% 44% at 76% 28%,#ef48b080,#0000 74%),radial-gradient(48% 36% at 51% 78%,#2acebc6b,#0000 75%),linear-gradient(128deg,#071025 0%,#1c0e2d 48%,#06211e 100%);display:block;position:absolute;inset:0;overflow:hidden}.portfolio-cover-2026__mobile-background-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .32s;display:block}.portfolio-cover-2026__mobile-background.is-ready .portfolio-cover-2026__mobile-background-video{opacity:1}.portfolio-cover-2026__mobile-background-fallback{filter:saturate(.88)blur(12px);opacity:.82;background:radial-gradient(42% 38% at 18% 22%,#4257ff94,#0000 72%) 0 18%/128% 132%,radial-gradient(38% 44% at 76% 28%,#ef48b080,#0000 74%) 100% 0/138% 128%,radial-gradient(48% 36% at 51% 78%,#2acebc6b,#0000 75%) 42% 100%/140% 138%;animation:14s ease-in-out infinite alternate portfolio-cover-mobile-wave;position:absolute;inset:-16%}.portfolio-cover-2026__mobile-background.is-ready .portfolio-cover-2026__mobile-background-fallback{opacity:.18}.portfolio-cover-2026__wave{opacity:.36;mix-blend-mode:screen}.portfolio-cover-2026__reference{z-index:2;mix-blend-mode:screen}.portfolio-cover-2026__art{opacity:.92}}@keyframes portfolio-cover-mobile-wave{0%{background-position:0 18%,100% 0,42% 100%;transform:scale(1.02)rotate(-1deg)}to{background-position:92% 78%,10% 86%,66% 8%;transform:scale(1.09)rotate(1deg)}}.portfolio-cover-2026__reference{z-index:1;width:92%;margin:0;position:relative}@media (width>=901px){.portfolite-hero.portfolio-cover-2026{min-height:calc(100svh + 120px)}}.portfolio-cover-2026__art{z-index:1;width:100%;max-width:none;height:auto;margin:0;display:block;position:relative}.portfolio-cover-2026__portrait-colors{z-index:3;pointer-events:none;position:absolute;inset:0}.portfolio-cover-2026__portrait-color{aspect-ratio:480/625;opacity:0;object-fit:cover;pointer-events:auto;width:8.151%;height:auto;transition:opacity .18s;display:block;position:absolute}.portfolio-cover-2026__portrait-color--one{top:67.884%;left:62.117%}.portfolio-cover-2026__portrait-color--two{top:67.884%;left:70.641%}.portfolio-cover-2026__portrait-color--three{top:67.884%;left:79.166%}@media (hover:hover) and (pointer:fine){.portfolio-cover-2026__portrait-color:hover{opacity:1}}@media (prefers-reduced-motion:reduce){.portfolio-cover-2026__portrait-color{transition-duration:0s}}.portfolio-cover-2026__atmosphere,.portfolio-cover-2026__atmosphere:before,.portfolio-cover-2026__atmosphere:after{position:absolute;inset:0}.portfolio-cover-2026__atmosphere{z-index:0;background:#080808;overflow:hidden}.portfolio-cover-2026__atmosphere:before{content:none}.portfolio-cover-2026__atmosphere:after{content:"";z-index:3;opacity:.12;pointer-events:none;background:linear-gradient(90deg,#0000006b,#0000 23% 77%,#0000006b),radial-gradient(70% 62% at 50% 48%,#0000 28%,#00000070 100%)}.portfolio-cover-2026__wave{z-index:0;opacity:1;filter:blur(2px);mix-blend-mode:normal;pointer-events:none;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.015)}.portfolio-cover-2026__line-clip{z-index:2;pointer-events:none;position:absolute;inset:9.94% 9.92% 9.91% 9.93%;overflow:hidden}.portfolio-cover-2026__clock-line{transform-origin:50%;will-change:transform;background:#ffffff4d;width:145%;height:1px;animation:18s linear infinite portfolio-cover-clock;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(35deg)}@keyframes portfolio-cover-clock{0%{transform:translate(-50%,-50%)rotate(35deg)}to{transform:translate(-50%,-50%)rotate(395deg)}}.portfolite-hero.portfolio-cover-2026{transform:translate3d(0, var(--cover-parallax,0px), 0);will-change:transform}.portfolio-cover-2026__board{z-index:4;background:#000;width:min(90vw,1540px);height:min(900px,100svh - 20px);min-height:780px;position:relative;overflow:hidden}.portfolio-cover-2026__crosshair,.portfolio-cover-2026__sweep{z-index:1;pointer-events:none;position:absolute;inset:0}.portfolio-cover-2026__crosshair:before,.portfolio-cover-2026__crosshair:after{content:"";background:#ffffff3d;position:absolute}.portfolio-cover-2026__crosshair:before{width:1px;top:0;bottom:0;left:50%}.portfolio-cover-2026__crosshair:after{height:1px;top:50%;left:0;right:0}.portfolio-cover-2026__sweep:before{content:"";transform-origin:50%;will-change:transform;background:#ffffff4d;width:160%;height:1px;animation:18s linear infinite portfolio-cover-sweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(35deg)}.portfolio-cover-2026__intro,.portfolio-cover-2026__services,.portfolio-cover-2026__title,.portfolio-cover-2026__portraits,.portfolio-cover-2026__year{z-index:3;position:absolute}.portfolio-cover-2026__intro{color:#ffffff8f;width:min(34%,510px);top:5.7%;left:4.4%}.portfolio-cover-2026__intro h1{color:inherit;letter-spacing:0;margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:clamp(18px,1.75vw,31px);font-weight:430;line-height:1.38}.portfolio-cover-2026__intro p{letter-spacing:0;max-width:440px;margin:clamp(22px,2.1vw,40px) 0 0;font:400 clamp(13px,1.25vw,22px)/1.17 Arial,Helvetica,sans-serif}.portfolio-cover-2026__services{color:#ffffff8f;letter-spacing:0;text-transform:uppercase;gap:clamp(28px,3.1vh,54px);width:12.5%;font:600 clamp(10px,1.02vw,19px)/.92 Arial,Helvetica,sans-serif;display:grid;top:5.8%;right:3.65%}.portfolio-cover-2026__services span{display:block}.portfolio-cover-2026__title{color:#ffffffd6;letter-spacing:-.055em;margin:0;font:700 clamp(62px,5.75vw,112px)/.9 Arial,Helvetica,sans-serif;bottom:5.7%;left:4.4%}.portfolio-cover-2026__title span{display:block}.portfolio-cover-2026__portraits{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,.62vw,13px);width:31.2%;display:grid;bottom:5.7%;right:3.7%}.portfolio-cover-2026__portraits figure{aspect-ratio:.76;background:#161616;margin:0;overflow:hidden}.portfolio-cover-2026__portraits img{object-fit:cover;filter:grayscale()contrast(1.07);width:100%;height:100%;margin:0;display:block}.portfolio-cover-2026__year{place-items:center;width:clamp(178px,16vw,310px);height:clamp(72px,7vw,136px);display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-cover-2026__year strong{z-index:2;color:#fff;letter-spacing:-.055em;font:800 clamp(39px,3.7vw,72px)/1 Arial,Helvetica,sans-serif}.portfolio-cover-2026__year i{border:7px solid #ffffffad;border-right-width:0;width:18%;height:82%;position:absolute;top:9%}.portfolio-cover-2026__year i:first-child{left:0}.portfolio-cover-2026__year i:last-child{border-width:7px 7px 7px 0;right:0}@keyframes portfolio-cover-sweep{0%{transform:translate(-50%,-50%)rotate(35deg)}to{transform:translate(-50%,-50%)rotate(395deg)}}@media (width<=900px){.portfolio-cover-2026__board{width:calc(100vw - 32px);height:calc(100svh - 88px);min-height:650px}.portfolio-cover-2026__intro{width:52%;top:5%;left:5%}.portfolio-cover-2026__intro h1{font-size:clamp(17px,4.5vw,26px)}.portfolio-cover-2026__intro p{margin-top:18px;font-size:clamp(11px,2.8vw,15px)}.portfolio-cover-2026__services{gap:27px;width:25%;font-size:clamp(8px,2.35vw,12px);top:5%;right:5%}.portfolio-cover-2026__title{font-size:clamp(49px,13.6vw,82px);bottom:4.5%;left:5%}.portfolio-cover-2026__portraits{width:58%;bottom:4.5%;right:5%}.portfolio-cover-2026__year{width:clamp(158px,44vw,230px);top:52%}.portfolio-cover-2026__year strong{font-size:clamp(36px,10vw,54px)}}@media (width<=560px){.portfolite-hero.portfolio-cover-2026{min-height:0}.portfolio-cover-2026__reference{align-self:center}.portfolio-cover-2026__board{width:calc(100vw - 24px);height:calc(100svh - 64px);min-height:680px}.portfolio-cover-2026__intro{width:61%}.portfolio-cover-2026__intro h1{white-space:nowrap;font-size:10px;line-height:1.42}.portfolio-cover-2026__intro p{max-width:210px;font-size:10px;line-height:1.24}.portfolio-cover-2026__services{width:28%;font-size:8px}.portfolio-cover-2026__title{font-size:clamp(46px,14.5vw,65px);bottom:4.5%}.portfolio-cover-2026__portraits{width:65%}.portfolio-cover-2026__year i{border-width:5px 0 5px 5px}.portfolio-cover-2026__year i:last-child{border-width:5px 5px 5px 0}}@media (width<=700px){.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__mobile-background{z-index:0;width:auto;height:auto;display:block;position:absolute;inset:0}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__reference{z-index:2;mix-blend-mode:screen;position:relative}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__art{opacity:.92}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__wave{z-index:1;opacity:.36;mix-blend-mode:screen}}@media (prefers-reduced-motion:reduce){.portfolio-cover-2026__sweep:before{animation:none}}@media (width<=700px){html,body{scrollbar-color:#ffffff61 #000;background:#000!important}html::-webkit-scrollbar{background:#000;width:5px}body::-webkit-scrollbar{background:#000;width:5px}html::-webkit-scrollbar-track{background:#000}body::-webkit-scrollbar-track{background:#000}html::-webkit-scrollbar-thumb{background:#ffffff61;border-radius:999px}body::-webkit-scrollbar-thumb{background:#ffffff61;border-radius:999px}.portfolite-hero.portfolio-cover-2026{isolation:isolate!important;background:#000!important;place-items:center!important;min-height:max(760px,100svh)!important;display:grid!important;position:relative!important;overflow:hidden!important}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__mobile-background{display:none!important}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__reference{z-index:1!important;mix-blend-mode:normal!important;width:92%!important;margin:0!important;position:relative!important}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__black-board{z-index:0;pointer-events:none;background:#000;display:block;position:absolute;inset:9.94% 9.92% 9.91% 9.93%}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__art{z-index:1;opacity:1!important}.portfolite-hero.portfolio-cover-2026 .portfolio-cover-2026__wave{z-index:0!important;opacity:1!important;mix-blend-mode:normal!important}}html{scrollbar-gutter:stable}html.is-hhh-opening{overscroll-behavior:none;scrollbar-color:transparent transparent;height:100%;overflow-y:scroll}html.is-hhh-opening body{overscroll-behavior:none;height:100%;overflow:hidden}html.is-hhh-opening::-webkit-scrollbar{background:0 0;width:15px}html.is-hhh-opening::-webkit-scrollbar-track{background:#050505}html.is-hhh-opening::-webkit-scrollbar-thumb{background:0 0}.hhh-opening{z-index:2147483000;color:#fff;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hhh-opening__veil{z-index:1;opacity:.92;will-change:opacity;background:#050505;position:absolute;inset:0}.hhh-opening__word-stage{z-index:3;pointer-events:none;position:absolute;inset:0}.hhh-opening__word-box{aspect-ratio:1600/1117;will-change:width, height, transform, opacity;background:0 0;place-items:center;width:clamp(64px,7vw,112px);display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.hhh-opening__word-text{z-index:2;color:#ffffffbd;letter-spacing:.07em;will-change:transform, opacity, filter;background:#000;place-items:center;font:500 clamp(12px,1.2vw,18px)/1 Arial,Helvetica,sans-serif;display:grid;position:absolute;inset:0}.hhh-opening__cover-thumb{z-index:1;opacity:0;will-change:opacity;background:0 0;position:absolute;inset:0;overflow:hidden}.hhh-opening__cover-thumb img{object-fit:cover;width:100%;height:100%;margin:0;display:block}html.hhh-cover-opening-hidden .portfolio-cover-2026__art,html.hhh-cover-opening-hidden .portfolio-cover-2026__portrait-colors,html.hhh-cover-opening-hidden .portfolio-cover-2026__line-clip,html.hhh-cover-opening-hidden .portfolio-cover-2026__black-board{opacity:0!important;visibility:hidden!important}html.is-hhh-opening .portfolite-header,html.is-hhh-opening .cursor-ring,html.is-hhh-opening .cursor-dot,html.is-hhh-opening .hhh-global-nav,html.is-hhh-opening .hhh-global-cursor{pointer-events:none;opacity:0!important}@media (width<=700px),(pointer:coarse){.hhh-opening__word-box{width:72px}.hhh-opening__word-text{font-size:13px}.hhh-opening__cover-thumb img{opacity:.92}}@media (prefers-reduced-motion:reduce){.hhh-opening{display:none}}