:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#f5f5f5;background:#000;font-synthesis:none}*{box-sizing:border-box}html{scroll-snap-type:y proximity;scroll-behavior:auto}body{margin:0;min-width:320px;background:#000;-webkit-font-smoothing:antialiased}.screen{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#000;scroll-snap-align:start}.screenshot{display:grid;place-items:center}.screenshot>img{width:100%;height:100%;object-fit:contain}.hotspot{position:absolute;border:0;background:transparent;color:transparent;cursor:pointer}.hero-screen .about{left:4.2%;top:61.2%;width:11%;height:6%;border-radius:50px}.hero-screen .watch{right:4.5%;top:23%;width:12%;height:10%}.hero-screen .work{right:4%;bottom:4%;width:23%;height:27%}.finish-screen .top{inset:0 0 auto auto;width:25%;height:13%}.hotspot:focus-visible{outline:2px solid #fff;outline-offset:2px}.dots{position:fixed;z-index:20;right:18px;top:50%;display:flex;flex-direction:column;gap:9px;transform:translateY(-50%)}.dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#555;cursor:pointer;transition:.2s}.dots button.active{height:24px;border-radius:8px;background:#fff}.about-screen{display:flex;flex-direction:column;align-items:center;padding:12.7vh 5.2vw 10vh}.about-copy{text-align:center}.about-copy h2{font-size:5vw;line-height:1;margin:0 0 3.2vh;font-weight:400}.about-copy h3{font-size:2.65vw;line-height:1.42;margin:0;font-weight:400}.about-copy p{font-size:2.1vw;line-height:1.25;color:#666;margin:2.4vh 0 6.8vh}.card-row{display:grid;grid-template-columns:repeat(8,1fr);gap:1vw;width:100%}.image-card{height:24.7vh;border-radius:9px;background:#c4c4c4;opacity:.95;position:relative;overflow:hidden}.services-screen{display:grid;grid-template-columns:34% 66%;padding:8.2vh 4vw 5vh}.services-screen aside{display:flex;flex-direction:column;font-size:1.55vw}.services-screen aside small{margin-top:auto;font-size:.65vw;color:#aaa}.services-screen aside h2{font-size:3.25vw;line-height:1.18;margin:4vh 0}.service-list article{border-top:1px solid #777}.service-list article:last-child{border-bottom:1px solid #555}.service-list button{width:100%;height:8vh;display:grid;grid-template-columns:24% 1fr 30px;align-items:center;border:0;background:transparent;color:#eee;text-align:left;font:inherit;cursor:pointer}.service-list button span,.service-list button b{font-size:1.65vw;font-weight:400}.service-list button i{font-style:normal;font-size:2.2vw;transition:.3s}.service-list article.open button i{transform:rotate(180deg)}.service-detail{height:22.3vh;display:grid;grid-template-columns:24% 34% 1fr;gap:5%;align-items:start;padding-bottom:2.8vh}.service-detail .solution{font-size:.82vw;color:#aaa;align-self:end}.service-detail .image-card{height:16vh;border-radius:5px;background:#333}.service-detail p{white-space:pre-line;font-size:1vw;line-height:1.35;margin:0;color:#ddd}.service-detail .image-card:before,.service-detail .image-card:after{display:none}.case-screen{display:grid;grid-template-columns:40% 60%;padding:8.5vh 3.8vw 10vh}.case-side{display:flex;flex-direction:column;font-size:1.55vw}.case-copy{margin-top:auto;margin-bottom:1vh}.case-copy h2{font-size:2.2vw;margin:0 0 2vh}.case-copy p{font-size:1.08vw;line-height:1.35;margin:0}.case-image{width:91%;height:79vh;margin-top:1.5vh;background:#4d4d4d}@media(max-width:800px){html{scroll-snap-type:none}.screen{min-height:100svh}.screenshot>img{height:100svh;object-fit:contain}.about-screen{justify-content:center}.about-copy h2{font-size:12vw}.about-copy h3{font-size:5.8vw}.about-copy p{font-size:4.5vw}.card-row{grid-template-columns:repeat(4,1fr);gap:2vw}.image-card{height:17vh}.services-screen{display:block;padding:7vh 6vw}.services-screen aside{font-size:4vw}.services-screen aside small,.services-screen aside h2{display:none}.service-list{margin-top:8vh}.service-list button span,.service-list button b{font-size:4vw}.service-list button i{font-size:7vw}.service-detail{height:auto;grid-template-columns:1fr;padding:0 0 4vh}.service-detail .solution{font-size:3vw}.service-detail p{font-size:3.2vw}.case-screen{display:block;padding:7vh 6vw}.case-side{font-size:4vw}.case-copy{margin:8vh 0 4vh}.case-copy h2{font-size:7vw}.case-copy p{font-size:3.7vw}.case-image{width:100%;height:48vh}.dots{right:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dots button,.service-list button i{transition:none}}.about-screen{padding:7.15vw 5.2vw 5.625vw}.about-copy h2{margin-bottom:1.8vw}.about-copy p{margin:1.35vw 0 3.825vw}.image-card{height:13.9vw}.services-screen{padding:4.61vw 4vw 2.81vw}.services-screen aside h2{margin:2.25vw 0}.service-list button{height:4.5vw}.service-detail{height:auto;max-height:0;min-height:0;overflow:hidden;opacity:0;display:grid;grid-template-columns:24% 34% 1fr;gap:5%;align-items:start;padding:0;transition:max-height .58s cubic-bezier(.22,.61,.36,1),opacity .35s ease,padding .58s ease}.service-list article.open .service-detail{max-height:12.55vw;opacity:1;padding-bottom:1.58vw}.service-detail .image-card{height:9vw}.service-list article,.service-list button{transition:background-color .35s ease}.service-list article:hover{background:#080808}.case-screen{padding:4.78vw 3.8vw 5.625vw}.case-copy h2{margin-bottom:1.125vw}.case-image{height:44.44vw;margin-top:.84vw}.thanks-replace{position:absolute;left:4.7%;top:59.4%;width:31%;height:7.5%;display:flex;align-items:center;padding-left:.7%;background:#050505;color:#929292;font-size:2.65vw;letter-spacing:.01em}@media(max-width:800px){html{scroll-snap-type:y proximity}.screen{width:100%;height:auto;min-height:0;aspect-ratio:16/9}.screenshot>img{width:100%;height:100%;object-fit:contain}.about-screen{justify-content:flex-start}.about-copy h2{font-size:5vw}.about-copy h3{font-size:2.65vw}.about-copy p{font-size:2.1vw}.card-row{grid-template-columns:repeat(8,1fr);gap:1vw}.image-card{height:13.9vw}.services-screen{display:grid;padding:4.61vw 4vw 2.81vw}.services-screen aside{font-size:1.55vw}.services-screen aside small,.services-screen aside h2{display:block}.service-list{margin-top:0}.service-list button span,.service-list button b{font-size:1.65vw}.service-list button i{font-size:2.2vw}.service-detail{grid-template-columns:24% 34% 1fr;padding:0}.service-list article.open .service-detail{padding-bottom:1.58vw}.service-detail .solution{font-size:.82vw}.service-detail p{font-size:1vw}.case-screen{display:grid;padding:4.78vw 3.8vw 5.625vw}.case-side{font-size:1.55vw}.case-copy{margin-top:auto;margin-bottom:.56vw}.case-copy h2{font-size:2.2vw}.case-copy p{font-size:1.08vw}.case-image{width:91%;height:44.44vw}.dots{right:8px}}.service-detail{grid-template-columns:24% 34% 1fr;column-gap:0}.service-detail p{margin-left:12%;max-width:88%}.service-detail .solution{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap}.hero-screen{--reveal-x:50%;--reveal-y:50%;cursor:none}.hero-person{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 32%!important}.hero-ui{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;color:#eee;font-size:1vw;pointer-events:none;mix-blend-mode:difference}.hero-tags{position:absolute;left:3.7%;top:6.2%}.hero-meta{position:absolute;right:3.4%;top:5.8%}.hero-meta span,.hero-work span{display:inline-block;padding:.85vw 1.8vw;border-radius:3vw;background:#191919}.hero-title{position:absolute;left:4.6%;top:17.8%;display:flex;flex-direction:column}.hero-title small{font-size:1.1vw;margin-bottom:.65vw}.hero-title strong,.hero-title b{font-size:5.8vw;line-height:.88}.hero-title b{color:#777}.hero-profile{position:absolute;left:4.6%;top:44.5%;font-size:1.25vw}.hero-profile p{font-size:1.03vw;line-height:1.55}.hero-profile em{display:block;width:10.4vw;padding:.92vw 0;border-radius:3vw;background:#191919;text-align:center;font-size:1.05vw;font-style:normal;margin-top:1.6vw}.hero-watch{position:absolute;right:5.2%;top:24.5%;font-size:1.4vw}.hero-watch small{display:block;text-align:center;font-size:1.2vw;line-height:1.5;margin-top:2vw}.hero-work{position:absolute;right:5.3%;bottom:31%;font-size:1.2vw}.hero-images{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-card{position:absolute;overflow:hidden;border-radius:.55vw;background:#777}.hero-card img{position:absolute;width:100vw!important;height:56.25vw!important;max-width:none;object-fit:cover}.card-one{left:4.45%;bottom:6.5%;width:12.3%;height:23%}.card-one img{left:-4.45vw;bottom:-3.65vw}.card-two{left:17.8%;bottom:6.5%;width:13.2%;height:23%}.card-two img{left:-17.8vw;bottom:-3.65vw}.card-work{right:5.3%;bottom:6%;width:20.8%;height:22.8%}.card-work img{right:-5.3vw;bottom:-3.4vw}.reveal-window,.square-cursor{position:absolute;z-index:8;left:var(--reveal-x);top:var(--reveal-y);width:14vw;aspect-ratio:1.52;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.reveal-window{overflow:hidden;background:#f5f5f5;transition:left 75ms linear,top 75ms linear,opacity .18s ease}.reveal-window img{position:absolute;left:calc(7vw - var(--reveal-x));top:calc(4.605vw - var(--reveal-y));width:100vw!important;height:56.25vw!important;max-width:none;object-fit:cover!important;object-position:center 32%!important}.square-cursor{z-index:10;border:1px solid rgba(255,255,255,.9);transition:left 35ms linear,top 35ms linear,opacity .18s ease}.square-cursor span{position:absolute;left:calc(100% + .7vw);padding:.22vw .42vw;border-radius:1vw;background:#141414d1;font-size:.32vw;white-space:nowrap}.square-cursor span:first-child{top:11%}.square-cursor span:last-child{top:48%}.hero-screen.is-revealing .reveal-window,.hero-screen.is-revealing .square-cursor{opacity:1}.hero-screen.reveal-blocked .reveal-window{opacity:0}.hero-screen .hotspot{z-index:12}.giant-replace{position:absolute;z-index:2;left:4.2%;top:24%;width:91.5%;height:29%;display:flex;align-items:center;background:#050505;color:#777;font-size:10.8vw;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.person-layer{position:absolute!important;z-index:3;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:polygon(48% 11%,55% 13%,58% 30%,61% 51%,58% 93%,43% 94%,41% 53%,44% 30%)}.ending-copy{position:absolute;z-index:4;left:5.3%;top:60.3%;width:22%;padding:1% .9%;background:#050505;color:#aaa}.ending-copy h2{margin:0;font-size:1.85vw;font-weight:400}.ending-copy i{display:block;width:2.8vw;border-top:1px solid #aaa;margin:1.65vw 0}.ending-copy p{font-size:.88vw;line-height:1.5;margin:0 0 1.35vw}.hero-ui{mix-blend-mode:normal!important}.hero-tags,.hero-title,.hero-profile,.hero-watch small,.hero-work{mix-blend-mode:difference}.hero-meta span,.hero-profile em,.hero-watch-label{mix-blend-mode:normal!important;background:#fff!important;color:#090909!important;box-shadow:0 .35vw 1.15vw #0000003d}.hero-meta span{padding:.85vw 1.8vw}.hero-profile em{font-weight:500}.hero-watch-label{padding:1.05vw 1.45vw;border-radius:3vw;min-width:11.8vw;text-align:center;font-size:1.16vw}.hero-watch small{margin-top:1.35vw}.hero-person,.reveal-window img{object-fit:contain!important;object-position:center center!important}.hero-screen.reveal-blocked .reveal-window{opacity:1!important}.about-screen .image-card{height:auto!important;aspect-ratio:1;border-radius:.28vw!important}.case-image{border-radius:1.25vw;overflow:hidden}.finish-screen{position:relative;background:#030303;overflow:hidden}.finish-nav{position:absolute;z-index:5;left:3.7%;right:3.7%;top:6%;font-size:1vw;color:#ddd}.finish-nav span{float:right}.finish-screen .giant-replace{z-index:1;left:4.2%;top:25%;width:91.5%;height:30%;background:transparent;color:#777;font-size:10.6vw}.finish-person-clean{position:absolute;z-index:2;left:34%;top:9%;width:32%;height:84%;object-fit:cover;object-position:center 50%;mix-blend-mode:screen}.finish-screen .ending-copy{z-index:4;background:transparent;left:5.2%;top:60%;width:24%;padding:0}.finish-card{position:absolute;z-index:4;right:5.2%;bottom:7%;width:21%;height:25%;border-radius:1.1vw;background:#4d4d4d}.finish-screen .top{z-index:8}.finish-person-clean{z-index:3!important;top:6%!important;mix-blend-mode:normal!important;clip-path:polygon(43% 15%,58% 16%,67% 36%,70% 100%,29% 100%,31% 38%)}.finish-screen .giant-replace{z-index:4!important}.finish-person-clean{clip-path:none!important;object-fit:contain!important;background:transparent}.finish-screen .ending-copy,.finish-card,.finish-nav{z-index:5!important}.final-artboard{--reveal-x:50%;--reveal-y:50%;cursor:none}.final-artboard .finish-base{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.final-artboard .reveal-window img{object-fit:contain!important;object-position:center!important}.final-artboard.is-revealing .reveal-window,.final-artboard.is-revealing .square-cursor{opacity:1}.final-artboard .hotspot{z-index:12}.about-screen .about-copy,.about-screen .card-row{transform:translateY(2.5vw)}.about-screen .image-card{cursor:pointer;transform:scale(1);transform-origin:center;transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .55s ease,box-shadow .55s ease;will-change:transform}.about-screen .image-card:hover{transform:scale(1.07);filter:brightness(1.08);box-shadow:0 .8vw 2.2vw #ffffff17}.about-screen .card-row{display:flex!important;gap:1vw}.about-screen .image-card{flex:1 1 0;min-width:0;transform:none!important;transition:flex-grow .6s cubic-bezier(.22,.61,.36,1),filter .55s ease,box-shadow .55s ease}.about-screen .image-card:hover{flex-grow:1.3;filter:brightness(1.08);box-shadow:0 .8vw 2.2vw #ffffff17}.about-screen .card-row{display:grid!important;grid-template-columns:repeat(8,1fr);gap:1vw}.about-screen .image-card{z-index:1;transform:scale(1)!important;transition:transform .82s cubic-bezier(.16,1,.3,1),filter .72s ease,box-shadow .72s ease;will-change:transform}.about-screen .image-card:hover{z-index:3;transform:scale(1.4)!important;filter:brightness(1.08);box-shadow:0 .8vw 2.2vw #ffffff1f}.image-card.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.image-card.is-empty{background:#c4c4c4}.case-gallery{width:91%;height:44.44vw;margin-top:.84vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:1.25vw;background:#f2f2f2;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#777 #202020}.case-gallery img{display:block;width:100%;height:auto;object-fit:contain;background:#fff;scroll-snap-align:start}.case-gallery::-webkit-scrollbar{width:.45vw}.case-gallery::-webkit-scrollbar-track{background:#202020}.case-gallery::-webkit-scrollbar-thumb{background:#777;border:.12vw solid #202020;border-radius:1vw}.case-gallery::-webkit-scrollbar-thumb:hover{background:#aaa}@media(max-width:800px){.case-gallery{width:91%;height:44.44vw}}.case-copy p{color:#666}.case-copy p span{display:block;white-space:nowrap}.services-screen{grid-template-rows:1fr}.service-list{align-self:end;width:100%}.services-screen aside{position:relative}.services-screen aside small{position:absolute;left:0;bottom:10vw;margin:0}.services-screen aside .projects-title{position:absolute;left:0;bottom:2.25vw;margin:0;transform:none}.hero-screen .watch{right:4.5%;top:36.5%;width:12%;height:7.5%}.screen.page-entered{animation:page-arrival .82s cubic-bezier(.16,1,.3,1) both}@keyframes page-arrival{0%{opacity:.2;transform:translateY(1.6vw)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.screen.page-entered{animation:none}}.about-screen.page-entered,#page-3.page-entered,.case-screen.page-entered,.hero-screen.page-entered,.finish-screen.page-entered{animation:none}.about-screen:not(.page-entered) .about-copy{opacity:0;transform:translateY(-4vw)}.about-screen.page-entered .about-copy{animation:about-copy-in .95s cubic-bezier(.16,1,.3,1) both}.about-screen:not(.page-entered) .image-card{opacity:0;left:var(--spread-x)}.about-screen.page-entered .image-card{animation:about-card-spread 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--spread-delay)}.about-screen .image-card:nth-child(1){--spread-x:40vw;--spread-delay:.99s}.about-screen .image-card:nth-child(2){--spread-x:29vw;--spread-delay:.91s}.about-screen .image-card:nth-child(3){--spread-x:18vw;--spread-delay:.83s}.about-screen .image-card:nth-child(4){--spread-x:6vw;--spread-delay:.75s}.about-screen .image-card:nth-child(5){--spread-x:-6vw;--spread-delay:.75s}.about-screen .image-card:nth-child(6){--spread-x:-18vw;--spread-delay:.83s}.about-screen .image-card:nth-child(7){--spread-x:-29vw;--spread-delay:.91s}.about-screen .image-card:nth-child(8){--spread-x:-40vw;--spread-delay:.99s}@keyframes about-copy-in{0%{opacity:0;transform:translateY(-4vw);filter:blur(.35vw)}to{opacity:1;transform:translateY(2.5vw);filter:blur(0)}}@keyframes about-card-spread{0%{opacity:0;left:var(--spread-x)}to{opacity:1;left:0}}#page-3:not(.page-entered) aside,#page-3:not(.page-entered) .service-list article{opacity:0;transform:translateY(4vw)}#page-3.page-entered aside{animation:contents-rise .8s cubic-bezier(.16,1,.3,1) both}#page-3.page-entered .service-list article{animation:contents-rise .7s cubic-bezier(.16,1,.3,1) both}#page-3.page-entered .service-list article:nth-child(1){animation-delay:.14s}#page-3.page-entered .service-list article:nth-child(2){animation-delay:.2s}#page-3.page-entered .service-list article:nth-child(3){animation-delay:.26s}#page-3.page-entered .service-list article:nth-child(4){animation-delay:.32s}#page-3.page-entered .service-list article:nth-child(5){animation-delay:.38s}#page-3.page-entered .service-list article:nth-child(6){animation-delay:.44s}#page-3.page-entered .service-list article:nth-child(7){animation-delay:.5s}#page-3.page-entered .service-list article:nth-child(8){animation-delay:.56s}@keyframes contents-rise{0%{opacity:0;transform:translateY(4vw)}to{opacity:1;transform:translateY(0)}}.case-screen:not(.page-entered) .case-side{opacity:0;transform:translate(-4vw);clip-path:inset(0 100% 0 0);filter:blur(.3vw)}.case-screen:not(.page-entered) .case-gallery{opacity:0;transform:translateY(5vw)}.case-screen.page-entered .case-side{animation:case-copy-reveal .9s cubic-bezier(.16,1,.3,1) both}.case-screen.page-entered .case-gallery{animation:case-gallery-rise 1s cubic-bezier(.16,1,.3,1) .72s both}@keyframes case-copy-reveal{0%{opacity:0;transform:translate(-4vw);clip-path:inset(0 100% 0 0);filter:blur(.3vw)}to{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0);filter:blur(0)}}@keyframes case-gallery-rise{0%{opacity:0;transform:translateY(5vw)}to{opacity:1;transform:translateY(0)}}.hero-screen:not(.page-entered) .hero-person-dark,.finish-screen:not(.page-entered) .finish-base{opacity:0;transform:scale(1.08);filter:grayscale(1) brightness(.35) blur(.55vw)}.hero-screen.page-entered .hero-person-dark{animation:hero-art-arrival 1.45s cubic-bezier(.16,1,.3,1) both}.finish-screen.page-entered .finish-base{animation:finish-art-arrival 1.55s cubic-bezier(.16,1,.3,1) both}@keyframes hero-art-arrival{0%{opacity:0;transform:scale(1.08);filter:grayscale(1) brightness(.35) blur(.55vw)}55%{opacity:1;filter:grayscale(.35) brightness(.75) blur(.08vw)}to{opacity:1;transform:scale(1);filter:grayscale(0) brightness(1) blur(0)}}@keyframes finish-art-arrival{0%{opacity:0;transform:scale(.92);filter:grayscale(1) brightness(.3) blur(.6vw)}60%{opacity:1;transform:scale(1.025);filter:grayscale(.25) brightness(.82) blur(.08vw)}to{opacity:1;transform:scale(1);filter:grayscale(0) brightness(1) blur(0)}}@media(prefers-reduced-motion:reduce){.about-screen .about-copy,.about-screen .image-card,#page-3 aside,#page-3 .service-list article,.case-screen .case-side,.case-screen .case-gallery,.hero-screen .hero-person-dark,.finish-screen .finish-base{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;left:0!important}.about-screen .about-copy{transform:translateY(2.5vw)!important}}#page-2.page-entered{animation:none}#page-2 .about-copy{animation:none;transition:opacity 1.15s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.15s ease;will-change:opacity,transform,filter}#page-2 .image-card{animation:none;will-change:left,opacity,transform}#page-2.about-stage-0 .about-copy{opacity:0;transform:translateY(18vw) scale(.96);filter:blur(.55vw)}#page-2.about-stage-1 .about-copy{opacity:1;transform:translateY(11vw) scale(1);filter:blur(0)}#page-2.about-stage-2 .about-copy{opacity:1;transform:translateY(2.5vw) scale(1);filter:blur(0)}#page-2.about-stage-0 .image-card,#page-2.about-stage-1 .image-card{opacity:0;left:var(--spread-x)}#page-2.about-stage-2 .image-card{animation:about-card-spread 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--spread-delay)}#page-4.page-entered{animation:none}#page-4:not(.page-entered) aside,#page-4:not(.page-entered) .service-list article{opacity:0;transform:translateY(4vw)}#page-4.page-entered aside{animation:contents-rise .8s cubic-bezier(.16,1,.3,1) both}#page-4.page-entered .service-list article{animation:contents-rise .7s cubic-bezier(.16,1,.3,1) both}#page-4.page-entered .service-list article:nth-child(1){animation-delay:.14s}#page-4.page-entered .service-list article:nth-child(2){animation-delay:.2s}#page-4.page-entered .service-list article:nth-child(3){animation-delay:.26s}#page-4.page-entered .service-list article:nth-child(4){animation-delay:.32s}#page-4.page-entered .service-list article:nth-child(5){animation-delay:.38s}#page-4.page-entered .service-list article:nth-child(6){animation-delay:.44s}#page-4.page-entered .service-list article:nth-child(7){animation-delay:.5s}#page-4.page-entered .service-list article:nth-child(8){animation-delay:.56s}@media(prefers-reduced-motion:reduce){#page-2 .about-copy,#page-2 .image-card,#page-4 aside,#page-4 .service-list article{animation:none!important;opacity:1!important;filter:none!important;left:0!important}#page-2 .about-copy{transform:translateY(2.5vw)!important}#page-4 aside,#page-4 .service-list article{transform:none!important}}:is(#page-3,#page-4).services-screen aside{animation:none!important;opacity:1!important;transform:none!important}:is(#page-3,#page-4).services-screen:not(.directory-entered) .service-list article{animation:none;opacity:0;transform:translateY(5vw)}:is(#page-3,#page-4).services-screen.directory-entered .service-list article{animation:directory-rise .82s cubic-bezier(.16,1,.3,1) both}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(1){animation-delay:.08s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(2){animation-delay:.14s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(3){animation-delay:.2s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(4){animation-delay:.26s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(5){animation-delay:.32s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(6){animation-delay:.38s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(7){animation-delay:.44s}:is(#page-3,#page-4).services-screen.directory-entered .service-list article:nth-child(8){animation-delay:.5s}@keyframes directory-rise{0%{opacity:0;transform:translateY(5vw)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){:is(#page-3,#page-4).services-screen .service-list article{animation:none!important;opacity:1!important;transform:none!important}}.ai-screen{justify-content:center;padding:0 5.2vw}.ai-screen .ai-copy{margin:0;transform:none}.ai-screen .ai-copy h2,.ai-screen .ai-copy h3{color:#fff}.ai-screen .ai-copy p{margin:2.4vh 0 0}.ai-screen .ai-copy p span{display:block}.ai-screen:not(.page-entered) .ai-copy{opacity:0;transform:translateY(5vw);filter:blur(.35vw)}.ai-screen.page-entered .ai-copy{animation:ai-copy-rise 1.05s cubic-bezier(.16,1,.3,1) both}@keyframes ai-copy-rise{0%{opacity:0;transform:translateY(5vw);filter:blur(.35vw)}to{opacity:1;transform:translateY(0);filter:blur(0)}}:is(#page-4,#page-5).services-screen.page-entered{animation:none}:is(#page-4,#page-5).services-screen aside{animation:none!important;opacity:1!important;transform:none!important}:is(#page-4,#page-5).services-screen:not(.directory-entered) .service-list article{animation:none;opacity:0;transform:translateY(5vw)}:is(#page-4,#page-5).services-screen.directory-entered .service-list article{animation:directory-rise .82s cubic-bezier(.16,1,.3,1) both}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(1){animation-delay:.08s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(2){animation-delay:.14s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(3){animation-delay:.2s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(4){animation-delay:.26s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(5){animation-delay:.32s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(6){animation-delay:.38s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(7){animation-delay:.44s}:is(#page-4,#page-5).services-screen.directory-entered .service-list article:nth-child(8){animation-delay:.5s}@media(prefers-reduced-motion:reduce){.ai-screen .ai-copy,:is(#page-4,#page-5).services-screen .service-list article{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}body.modal-open{overflow:hidden}html{scroll-snap-type:y mandatory}.screen{scroll-snap-stop:always}.screen:not(.portfolio-card-screen){min-height:100svh;aspect-ratio:auto}.portfolio-card-screen{display:block;height:auto;min-height:100vh;aspect-ratio:auto;overflow:visible;padding:4.2vw 5vw 6vw;background:#000;color:#fff}.portfolio-card-header{display:grid;grid-template-columns:1fr auto;align-items:end;min-width:0;margin-bottom:2.2vw;padding-bottom:1.2vw;border-bottom:1px solid #3a3a3a}.portfolio-card-header h2{grid-column:1;margin:0;font-size:4.2vw;line-height:1;letter-spacing:-.05em}.portfolio-card-header p{grid-column:2;grid-row:1;margin:0 0 .2vw;color:#8b8b8b;font-size:.82vw}.project-card-grid{display:flex;flex-direction:column;gap:1.45vw;min-width:0}.project-card{position:relative;display:grid;grid-template-columns:35% 65%;width:100%;min-width:0;aspect-ratio:5.65 / 1;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:1.15vw;background:#ffffff1c;color:#f5f5f5;text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff24,0 .65vw 1.8vw #00000052;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-.28vw);background:#ffffff29;box-shadow:inset 0 1px #fff3,0 .9vw 2.2vw #00000080,0 0 0 1px #ffffff8c;outline:none}.project-card-media{display:flex;min-width:0;height:100%;padding:.55vw .85vw;align-items:center;justify-content:center;background:#ffffff14}.project-card-media img{display:block;width:100%;height:100%;object-fit:contain;transform:translateY(-5px)}.project-card-content{position:relative;display:flex;min-width:0;padding:1vw 1.5vw;flex-direction:column}.project-card-heading{display:flex;flex-direction:column;gap:.3vw}.project-card-number{font-size:2vw;line-height:1;font-weight:400}.project-card-heading strong{font-size:1.35vw;line-height:1.15}.project-card-details{position:absolute;left:1.5vw;right:9vw;bottom:.85vw;display:flex;flex-direction:column;color:#d8d8d8;font-size:.82vw;line-height:1.32;font-weight:500}.project-card-watch{position:absolute;right:1.5vw;bottom:.85vw;min-width:6vw;padding:.7vw 1.2vw;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#000000a8;color:#fff;text-align:center;font-size:.82vw;letter-spacing:.02em}.project-card-word{position:absolute;top:1vw;right:1.5vw;color:#c8c8c8;font-size:.65vw;letter-spacing:.04em}.portfolio-card-screen:not(.page-entered) .project-card{opacity:0;transform:translateY(3vw)}.portfolio-card-screen.page-entered .project-card{animation:project-card-rise .72s cubic-bezier(.16,1,.3,1) both}.portfolio-card-screen.page-entered .project-card:nth-child(2){animation-delay:.08s}.portfolio-card-screen.page-entered .project-card:nth-child(3){animation-delay:.16s}.portfolio-card-screen.page-entered .project-card:nth-child(4){animation-delay:.24s}@keyframes project-card-rise{0%{opacity:0;transform:translateY(3vw)}to{opacity:1;transform:translateY(0)}}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:3vh 3vw;background:#000000d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modal-backdrop-in .28s ease both}.project-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(92vw,1600px);height:92vh;overflow:hidden;border:1px solid #2a2a2a;border-radius:1.1vw;background:#f2f2f2;color:#050505;box-shadow:0 2vw 7vw #000000ad;animation:project-modal-in .48s cubic-bezier(.16,1,.3,1) both;outline:none}.project-modal-header{display:flex;align-items:center;justify-content:space-between;min-height:2.8vw;padding:.55vw 1.25vw;border-bottom:1px solid #3a3a3a;background:#262626;color:#f4f4f4}.project-modal-header>div{display:flex;align-items:baseline;gap:1.2vw}.project-modal-header span{color:#a5a5a5;font-size:.58vw;letter-spacing:.08em}.project-modal-header h2{margin:0;font-size:1.05vw;line-height:1}.project-modal-header button{display:grid;place-items:center;width:1.8vw;height:1.8vw;padding:0;border:0;border-radius:50%;background:#464646;color:#fff;font:inherit;font-size:1.35vw;line-height:1;cursor:pointer}.project-modal-header button:hover,.project-modal-header button:focus-visible{background:#666;outline:2px solid #fff;outline-offset:2px}.project-modal-scroll{overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#111 #dedede;scrollbar-width:thin}.project-modal-scroll img{display:block;width:100%;height:auto;background:#fff}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes project-modal-in{0%{opacity:0;transform:translateY(3vh) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:800px){.portfolio-card-screen{padding:6vw 4vw 8vw}.portfolio-card-header h2{font-size:5vw}.portfolio-card-header p{font-size:1.5vw}.project-card-grid{gap:2vw}.project-card{border-radius:1.6vw}.project-card-number{font-size:2.7vw}.project-card-heading strong{font-size:1.9vw}.project-card-details,.project-card-watch{font-size:1.15vw}.project-card-word{font-size:.9vw}.project-modal-backdrop{padding:1.5vh 2vw}.project-modal{width:96vw;height:94vh;border-radius:2vw}.project-modal-header{padding:1.1vw 1.8vw}.project-modal-header span{font-size:1.25vw}.project-modal-header h2{font-size:2.2vw}.project-modal-header button{width:3.6vw;height:3.6vw;font-size:2.6vw}}@media(prefers-reduced-motion:reduce){.portfolio-card-screen .project-card,.project-modal-backdrop,.project-modal{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}.card-marquee{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}.card-marquee-track{display:flex;width:max-content;gap:1vw;animation:about-card-loop 26s linear infinite;will-change:transform}.card-marquee-group{display:flex;flex:none;gap:1vw}.about-screen .card-marquee .image-card{flex:0 0 11.9vw!important;width:11.9vw;height:13.9vw;transform:none!important;transition:none!important;filter:none!important;box-shadow:none!important}.about-screen .card-marquee .image-card:hover{transform:none!important;filter:none!important;box-shadow:none!important}@keyframes about-card-loop{to{transform:translate(calc(-50% - .5vw))}}@media(prefers-reduced-motion:reduce){.card-marquee-track{animation:none}}#page-2:not(.page-entered) .about-copy,#page-2:not(.page-entered) .card-marquee{opacity:0;transform:translate(-5vw);clip-path:inset(0 100% 0 0);filter:blur(.35vw)}#page-2.page-entered .about-copy,#page-2.page-entered .card-marquee{animation:about-me-unit-in 1.05s cubic-bezier(.16,1,.3,1) both}#page-2 .card-marquee .image-card{animation:none!important;opacity:1!important;left:auto!important}@keyframes about-me-unit-in{0%{opacity:0;transform:translate(-5vw);clip-path:inset(0 100% 0 0);filter:blur(.35vw)}to{opacity:1;transform:translate(0);clip-path:inset(0);filter:blur(0)}}.resume-screen{position:relative;display:block;padding:3.6vw 4.8vw;background:#000;color:#f5f5f5}.resume-kicker{position:absolute;left:4.8vw;top:3.6vw;color:#aaa;font-size:.82vw;letter-spacing:.08em;text-transform:uppercase}.resume-screen>h2{position:absolute;left:4.8vw;bottom:3.5vw;margin:0;max-width:28vw;font-size:5.1vw;line-height:.92;font-weight:400;letter-spacing:-.055em}.resume-list{position:absolute;right:4.8vw;bottom:3.5vw;width:67vw;border-top:1px solid rgba(255,255,255,.55)}.resume-item{border-bottom:1px solid rgba(255,255,255,.28)}.resume-item>button{display:grid;grid-template-columns:7vw 1fr auto;align-items:start;width:100%;padding:1.05vw 0;border:0;background:transparent;color:#f5f5f5;text-align:left;font:inherit;cursor:pointer}.resume-number{font-size:1.55vw;line-height:1}.resume-label{font-size:1.75vw;line-height:1;font-weight:500;letter-spacing:-.025em}.resume-state{padding-top:.12vw;color:#a9a9a9;font-size:.64vw;letter-spacing:.12em}.resume-detail{display:grid;grid-template-columns:7vw 1fr;max-height:0;overflow:hidden;opacity:0;transition:max-height .58s cubic-bezier(.16,1,.3,1),opacity .35s ease,padding .58s cubic-bezier(.16,1,.3,1)}.resume-detail small{grid-column:1;color:#777;font-size:.62vw;line-height:1.25}.resume-detail p{grid-column:2;margin:0;color:#d7d7d7;font-size:.88vw;line-height:1.45}.resume-detail p span{display:block}.resume-item.is-open .resume-detail{max-height:8vw;padding:0 0 1.15vw;opacity:1}.resume-screen:not(.page-entered) .resume-kicker,.resume-screen:not(.page-entered)>h2{opacity:0;transform:translate(-4vw)}.resume-screen:not(.page-entered) .resume-list{opacity:0;transform:translateY(4vw)}.resume-screen.page-entered .resume-kicker,.resume-screen.page-entered>h2{animation:resume-label-in .8s cubic-bezier(.16,1,.3,1) both}.resume-screen.page-entered>h2{animation-delay:.08s}.resume-screen.page-entered .resume-list{animation:resume-list-in .9s .18s cubic-bezier(.16,1,.3,1) both}@keyframes resume-label-in{to{opacity:1;transform:translate(0)}}@keyframes resume-list-in{to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.resume-kicker{font-size:1.2vw}.resume-screen>h2{font-size:5.3vw}.resume-list{width:66vw}.resume-number{font-size:1.8vw}.resume-label{font-size:2vw}.resume-state{font-size:.9vw}.resume-detail small{font-size:.78vw}.resume-detail p{font-size:1.05vw}}@media(prefers-reduced-motion:reduce){.resume-screen .resume-kicker,.resume-screen>h2,.resume-screen .resume-list{animation:none!important;opacity:1!important;transform:none!important}}:root{color:#101010;background:#f2f2f2}html,body,main{background:#f2f2f2;color:#101010}.screen{background:#f2f2f2;color:#101010}.screen:not(.portfolio-card-screen){width:100%;height:auto;min-height:0;aspect-ratio:16/9}.dots button{background:#b7b7b7}.dots button.active{background:#111}.white-hero{--head-x:0vw;--head-y:0vw;--head-r:0deg;position:relative;display:block;overflow:hidden;background:#f2f2f2;cursor:default}.head-turn-layer{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;pointer-events:none;transform:scale(.972);transform-origin:61% 50%}.head-turn-layer video,.head-turn-layer canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.head-turn-layer video{object-fit:fill}.head-turn-layer canvas{display:none;opacity:1}.head-turn-layer.is-interactive video{display:none}.head-turn-layer.is-interactive canvas{display:block}.portfolio-background-accent{position:absolute;z-index:2;left:2%;top:15px;width:11.2%;height:11.2%;background:#e3e5e6;pointer-events:none}.portfolio-art-layer{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;color:#050505;font-family:Arial,Microsoft YaHei,sans-serif;pointer-events:none;transform-origin:center}.hero-art-layer{transform:scale(.9)}.portfolio-art-topbar{position:absolute;top:0;right:0;bottom:0;left:0;font-size:1.22vw;line-height:1;white-space:nowrap}.portfolio-art-tags{position:absolute;left:.66%;top:1.55%;display:flex;gap:2.2vw;align-items:center}.hero-screen .portfolio-art-tags span:first-child,.finish-screen .portfolio-art-tags span:first-child{color:#050505}.portfolio-art-meta{position:absolute;right:13.8%;top:1.55%}.portfolio-art-category{position:absolute;right:0;top:0;display:flex;width:11.38%;height:4.85%;align-items:center;justify-content:center;border-radius:999px;background:#2d2d2d;color:#dedede;font-size:1.12vw;font-weight:400}.hero-art-title{position:absolute;left:.35%;top:16.55%;display:flex;flex-direction:column;font-family:Segoe UI,Arial,Microsoft YaHei,sans-serif;font-size:8.24vw;line-height:.84;font-weight:600;letter-spacing:-.045em;transform:translateY(-3px)}.hero-art-title>span{display:block;transform:scaleX(1.1);transform-origin:left center}.hero-art-title span:nth-child(2){color:#707070}.hero-art-title small{position:absolute;left:31.2vw;top:.1vw;color:#707070;font-size:2vw;line-height:1;font-weight:600;letter-spacing:-.04em;transform:translateY(5px)}.hero-art-profile{position:absolute;left:.66%;top:50.45%;display:flex;flex-direction:column;font-size:1.55vw;line-height:1.38;transform:translateY(5px)}.hero-art-profile strong{margin-bottom:1vw;font-size:1.52vw;font-weight:600}.hero-art-profile span{color:#9e9e9e;font-weight:600}.portfolio-art-side{position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-art-welcome{position:absolute;right:.08%;top:39.7%;font-size:1.28vw;line-height:1.25;text-align:right}.portfolio-art-year{position:absolute;right:0;top:66.55%;display:flex;width:6.15%;height:3.52%;align-items:center;justify-content:center;border-radius:999px;background:#d0d0d0;color:#333;font-size:1.18vw}.hero-art-footer{position:absolute;left:.66%;right:0;bottom:1.55%;display:flex;align-items:flex-end;justify-content:space-between}.hero-art-footer-tags{display:flex;gap:2.05vw;font-size:1.42vw;font-weight:500}.hero-art-footer>strong{font-size:1.78vw;line-height:1;font-weight:500}.hero-ip-person{position:absolute;z-index:6;left:32.5%;top:5%;width:39%;height:95%;overflow:hidden;pointer-events:none}.hero-ip-body,.hero-ip-head-track img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.hero-ip-head-mask{position:absolute;z-index:2;left:19%;top:5%;width:62%;height:43%;border-radius:50%;background:#f2f2f2}.hero-ip-head-track{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;clip-path:ellipse(34% 29% at 50% 27%);transform:translate(var(--head-x),var(--head-y)) rotate(var(--head-r));transform-origin:50% 39%;transition:transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform}.white-hero .hotspot{z-index:10}.white-hero .about{left:5%;top:73%;width:11%;height:5%}.white-hero .watch{right:4%;top:35%;width:13%;height:10%}.white-hero .work{right:3.5%;bottom:4%;width:24%;height:27%}.about-screen{display:flex;justify-content:flex-start;padding:7.15vw 5.2vw 5.625vw;background:#f2f2f2;color:#111}.about-copy h2,.about-copy h3{color:#111}.about-copy h2{font-size:5vw;line-height:1;font-weight:400}.about-copy p{color:#777}.card-marquee{padding:1.8vw 0;margin-top:-1.8vw}.card-marquee:has(.image-card:hover) .card-marquee-track{animation-play-state:paused}.about-screen .card-marquee .image-card{padding:0;border:0;background:#ddd;cursor:pointer;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease!important;transform-origin:center!important}.about-screen .card-marquee .image-card:hover,.about-screen .card-marquee .image-card:focus-visible{z-index:8;transform:scale(1.3)!important;box-shadow:0 1vw 2.8vw #0003!important;outline:none}.resume-screen{padding:3.6vw 4.8vw;background:#f2f2f2;color:#111}.resume-kicker{left:4.8vw;top:3.6vw;color:#555;font-size:.82vw}.resume-screen>h2{position:absolute;left:auto;right:4.8vw;top:3.1vw;bottom:auto;max-width:none;color:#111;font-size:5vw;line-height:1;font-weight:400;letter-spacing:0}.resume-screen>h2>span{display:block;width:max-content;transform:scaleX(1.1);transform-origin:right center}.resume-ip{position:absolute;left:4.8vw;bottom:3.6vw;width:25vw;height:25vw;overflow:hidden;background:transparent;cursor:default}.resume-ip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.resume-ip-single{opacity:1;transform:none}.resume-ip-default{object-position:50% 18%;opacity:1;transform:scale(1.04)}.resume-ip-pout{object-position:center;opacity:0;transform:scale(.96)}.resume-ip:hover .resume-ip-default,.resume-ip:focus-within .resume-ip-default{opacity:0;transform:scale(1.08)}.resume-ip:hover .resume-ip-pout,.resume-ip:focus-within .resume-ip-pout{opacity:1;transform:scale(1)}.resume-list{position:absolute;right:4.8vw;top:auto;bottom:3.6vw;width:62vw;border-top:1px solid #777}.resume-item{padding:0;border-bottom:1px solid #b7b7b7}.resume-item>.resume-toggle{display:grid;grid-template-columns:18vw 1fr;align-items:center;width:100%;padding:1.25vw 0;border:0;background:transparent;color:#111;text-align:left;cursor:pointer}.resume-toggle time{font-size:1.48vw;line-height:1;font-weight:500}.resume-toggle strong{font-size:1.72vw;line-height:1;font-weight:600}.resume-detail{display:block;max-height:0;overflow:hidden;opacity:0;transform:translateY(-.5vw);transition:max-height .55s cubic-bezier(.16,1,.3,1),opacity .3s ease,transform .55s cubic-bezier(.16,1,.3,1)}.resume-item.is-open .resume-detail{max-height:16vw;padding:0 0 1.25vw;opacity:1;transform:translateY(0)}.resume-detail h3{margin:0 0 .55vw 18vw;color:#333;font-size:1.08vw;line-height:1.2;font-weight:600}.resume-detail ol{margin:0 0 0 18vw;padding:0 1.5vw 0 1.2vw;color:#444;font-size:.9vw;line-height:1.48}.resume-detail li{margin:.12vw 0}.resume-screen:not(.page-entered) .resume-ip{opacity:0;transform:translate(-3vw)}.resume-screen.page-entered .resume-ip{animation:resume-label-in .8s cubic-bezier(.16,1,.3,1) both}.resume-screen:not(.page-entered) .resume-list{opacity:0;transform:translateY(8vw)}.resume-screen.page-entered .resume-list{animation:resume-list-in 1.1s .12s cubic-bezier(.16,1,.3,1) both}.portfolio-card-screen{padding:4.2vw 5vw 6vw;background:#f2f2f2;color:#111}.portfolio-card-header{margin-bottom:2.4vw;padding-bottom:1.4vw;border-color:#bdbdbd}.portfolio-card-header h2{color:#111;font-size:5vw;line-height:1;font-weight:400;letter-spacing:0}.portfolio-card-header h2>span{display:block;width:max-content;transform:scaleX(1.1);transform-origin:left center}.portfolio-card-kicker{grid-column:2;grid-row:1;margin:0 0 .2vw;color:#555;font-size:.82vw;line-height:1;letter-spacing:.08em;text-transform:uppercase}.project-card-grid{gap:1.65vw}.project-card{grid-template-columns:35% 65%;aspect-ratio:5.2/1;border:0;border-radius:1.15vw;background:#e5e5e5;color:#111;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.project-card:hover,.project-card:focus-visible{background:#dcdcdc;box-shadow:0 .9vw 2.2vw #0000001f;outline:none}.project-card-media{padding:1.1vw 1.3vw;background:#ededed}.project-card-content{position:relative;display:flex;min-width:0;padding:1.65vw 1.9vw 1.2vw;flex-direction:column}.project-card-heading{display:flex;align-items:baseline;flex-direction:row;gap:.85vw;padding-right:5vw;transform:translateY(calc(-.08vw - 3px))}.project-card-number{display:block;font-size:3vw;line-height:1;transform:translateY(5px)}.project-card-heading strong{display:block;font-size:2.025vw;line-height:1;transform:translateY(2px)}.project-card-bottom{position:absolute!important;z-index:4;left:calc(35% + 1.9vw)!important;right:1.9vw!important;bottom:2vw!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.4vw;width:auto;min-height:4.9vw;margin-top:0;overflow:visible;opacity:1!important;visibility:visible!important}.project-card-details{position:static!important;display:flex!important;min-width:0;right:auto;bottom:auto;color:#333;font-size:1.23vw;line-height:1.36;font-weight:500;opacity:1!important;visibility:visible!important}.project-card-watch{position:relative!important;display:block!important;width:10.6vw;min-width:10.6vw;aspect-ratio:709/180;padding:0;border:0;border-radius:999px;background:transparent;overflow:hidden;opacity:1!important;visibility:visible!important;transform:translateY(5px)}.project-card-watch img{position:absolute;left:-7.2%;top:-27.8%;width:114.55%;height:155%;max-width:none;object-fit:fill}.project-card-watch:after{content:none}.project-card-word{position:absolute!important;top:1.55vw;right:1.9vw;color:#666;font-size:.98vw;transform:translate(-15px,5px)}.finish-screen.final-artboard{position:relative;overflow:hidden;background:#f2f2f2;cursor:crosshair}.finish-art-layer{transform:scale(.9025)}.finish-art-title{position:absolute;left:.12%;top:17.6%;display:flex;flex-direction:column;font-family:Segoe UI,Arial,Microsoft YaHei,sans-serif;font-size:6.6vw;line-height:.82;font-weight:600;letter-spacing:-.04em;transform:translateY(-3px)}.finish-art-title>span{display:block;transform:scaleX(1.1);transform-origin:left center}.finish-art-title span:nth-child(2){color:#707070}.finish-art-title small{position:absolute;left:39.4vw;top:11.2vw;color:#707070;font-size:1.85vw;line-height:1;font-weight:600;letter-spacing:-.04em;transform:translate(-10px,-20px)}.finish-art-copy{position:absolute;left:.38%;bottom:.4%;display:flex;flex-direction:column;align-items:flex-start}.finish-art-copy strong{margin-bottom:2.55vw;color:#707070;font-size:2.05vw;line-height:1;font-weight:500}.finish-art-copy p{margin:0 0 2.05vw;color:#111;font-size:1.45vw;line-height:1.32;font-style:normal;font-weight:500}.finish-art-copy span{color:#707070;font-size:1.5vw;line-height:1;font-weight:500}.finish-art-collection{position:absolute;right:0;bottom:.38%;font-size:1.76vw;line-height:1;font-weight:500}.finish-screen .hotspot{z-index:10}.project-modal-backdrop{background:#ebebebc7}.project-modal{border:0;background:#f2f2f2;color:#111}@media(max-width:800px){html{scroll-snap-type:y mandatory}.screen:not(.portfolio-card-screen){width:100%;height:auto;min-height:0;aspect-ratio:16/9}.about-screen{display:flex;justify-content:flex-start;padding:7.15vw 5.2vw 5.625vw}.about-copy h2{font-size:5vw}.about-copy h3{font-size:2.65vw}.about-copy p{font-size:2.1vw}.portfolio-card-screen{padding:4.2vw 5vw 6vw}.portfolio-card-header h2{font-size:5vw}.portfolio-card-kicker{font-size:.82vw}.project-card-grid{gap:1.65vw}.project-card{border-radius:1.15vw}.project-card-number{font-size:3vw}.project-card-heading strong{font-size:2.025vw}.project-card-details,.project-card-watch{font-size:1.23vw}.project-card-word{font-size:.98vw}.resume-kicker{font-size:.82vw}.resume-screen>h2{font-size:5vw}}