@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Montserrat:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap";.drag-sticker{z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.drag-sticker:active{cursor:grabbing}.drag-sticker img{filter:none;height:auto;transition:transform .25s cubic-bezier(.22,1,.36,1);display:block}.drag-sticker:hover img{transform:scale(1.06)rotate(-3deg)}.experience-sticker{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:590px;height:649.49px;margin-left:-295px;position:absolute;left:50%}.experience-sticker:active{cursor:grabbing}.experience-sticker-float{transform-origin:50%;will-change:transform;position:absolute;inset:0}.experience-sticker img{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block;position:absolute}.experience-sticker .bag-base{object-fit:fill;z-index:20;width:100%;height:100%;inset:0;transform:translateY(20px)}.experience-sticker:hover .bag-base{filter:brightness(1.06)}.bag-layer{transform-origin:50%;will-change:transform}@media (width<=850px){.experience-sticker{aspect-ratio:590/649.49;width:100%;height:auto;margin-left:0;left:0}}.experience-timeline{--timeline-content-start:110px;--timeline-list-start:30px;--timeline-arrow-track:76px;color:#fff;text-align:left;width:959px;height:705px;margin:285px 0 0 1px;position:relative}.timeline-stack{position:absolute;inset:0;overflow:hidden}.timeline-card{will-change:transform;background:0 0;padding:0;position:absolute;inset:0}.experience .timeline-card header{justify-content:initial;align-items:initial;text-align:center;width:auto;height:auto;margin:0 0 58px;padding:0;display:block;background:0 0!important;border:0!important}.experience .timeline-card time{padding:0 0 0 var(--timeline-content-start);color:#fffcbd;letter-spacing:2px;text-align:left;margin:0 0 24px;font:500 26px/1.1 Montserrat,Arial,sans-serif;display:block;background:0 0!important;border:0!important}.experience .timeline-company{white-space:nowrap;justify-content:flex-start;align-items:center;gap:22px;width:auto;height:auto;margin-left:102px;padding:0;display:flex;position:relative;background:0 0!important;border:0!important}.experience .timeline-company h3{transform:translate(4px)}.timeline-company img{object-fit:contain;flex:none;width:34px;height:34px;display:block}.timeline-company img:first-child{position:absolute;right:calc(100% + 22px)}.experience .timeline-card h3{color:#b9dbfe;letter-spacing:1px;text-align:center;margin:0;padding:0;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:36px;font-weight:500;line-height:1.25;transform:translate(4px);background:0 0!important;border:0!important}.experience .timeline-card ul{padding:0 0 0 var(--timeline-list-start);gap:40px;margin:0;list-style:none;display:grid}.experience .timeline-card li{grid-template-columns:52px 1fr;align-items:start;gap:24px;margin:0;display:grid}.timeline-card li>img{object-fit:contain;width:46px;height:34px;margin-top:8px;display:block}.timeline-card li p{color:#fff;letter-spacing:.5px;width:721px;max-width:721px;margin:0;font-family:"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-size:26px;font-weight:400;line-height:1.75}@media (width<=850px){.experience-timeline{--timeline-content-start:37px;--timeline-list-start:0px;--timeline-arrow-track:37px;width:100%;height:610px;margin:0 auto}.timeline-card{padding-top:25px}.timeline-card header{margin-bottom:38px}.timeline-card time{letter-spacing:1px;margin-bottom:22px;font-size:18px}.timeline-company{gap:8px}.timeline-company img{width:20px;height:20px}.timeline-card h3{white-space:normal;text-align:center;font-size:22px}.experience .timeline-card ul{gap:24px}.experience .timeline-card li{grid-template-columns:30px 1fr;gap:10px}.timeline-card li>img{width:27px;height:20px;margin-top:5px}.timeline-card li p{width:auto;max-width:none;font-size:14px;line-height:1.7}}.circular-gallery-webgl{cursor:grab;touch-action:pan-y;width:100%;height:100%;overflow:hidden}.circular-gallery-webgl:active{cursor:grabbing}.circular-gallery-webgl canvas{width:100%;height:100%;display:block}.image-trail{cursor:default;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.image-trail__item{aspect-ratio:3/4;opacity:0;pointer-events:none;will-change:transform, opacity;width:300px;position:absolute;top:0;left:0;overflow:visible}.project-pages .image-trail__item img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:18px;width:100%;max-width:none;height:100%;display:block;box-shadow:0 18px 45px #00000052}:root{--blue:#0055cb;--pale:#c9d8f7;--cream:#fffff8;--yellow:#fffcbb;--dark:#333332}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--blue);margin:0;font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}#root{width:100%}.site-frame{width:100%;overflow:hidden}.site-canvas{zoom:var(--canvas-scale,1);width:1920px}main{width:1920px;margin:0 auto}a{color:inherit}header{background:var(--pale);border-bottom:2px solid var(--blue);justify-content:flex-end;align-items:center;height:86px;padding:0 80px;display:flex}.nav{gap:53px;display:flex}.nav a{letter-spacing:2px;font-size:16px;font-weight:700;text-decoration:none}.hero{background:var(--pale);grid-template-rows:732px;grid-template-columns:990px 930px;height:732px;min-height:732px;max-height:732px;display:grid;position:relative;overflow:visible}.hero-copy,.hero-art{height:732px;min-height:0;max-height:732px;overflow:hidden}.hero-copy{padding:257px 109px}.hero h1{letter-spacing:-2px;margin:0 0 22px;font-size:50px;line-height:1.5}.blur-text__unit{opacity:0;filter:blur(9px);animation:.65s cubic-bezier(.22,1,.36,1) forwards blur-text-in;animation-delay:var(--blur-delay);display:inline-block;transform:translateY(-.8em)}.hero p{margin:0;font-size:16px;line-height:1.35;animation:.75s ease-out 1.6s both copy-reveal}.hero-art{background:#fbf8f1}.hero-art img{object-fit:fill;width:930px;height:732px;max-height:732px;display:block}.hero-sticker{z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:246px;height:auto;transform:translate(var(--drag-x),var(--drag-y)) rotate(-4deg);transform-origin:22% 76%;filter:drop-shadow(0 12px 8px #0003);transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s;animation:.85s cubic-bezier(.22,1,.36,1) .65s both sticker-arrive;position:absolute;bottom:-77px;left:270px}.hero-sticker:hover{filter:drop-shadow(0 22px 14px #00000047)}.hero-sticker.is-dragging{cursor:grabbing;transform:translate(var(--drag-x),var(--drag-y)) rotate(7deg) scale(1.07);filter:drop-shadow(0 22px 14px #00000047);transition:none}.works{--works-title-gap:60px;--work-card-width:326px;--work-card-row-gap:72px;--work-card-column-gap:59px;height:1401px;padding-top:68px}.title-works{width:430px;height:73px;margin:0 auto var(--works-title-gap);display:block}.work-grid{grid-template-columns:repeat(3,var(--work-card-width));gap:var(--work-card-row-gap) var(--work-card-column-gap);width:1096px;margin:auto;display:grid}.work-card{text-decoration:none}.work-card>img{width:var(--work-card-width);object-fit:cover;border-radius:7px;height:380px;display:block}.work-card h3{border-bottom:2px solid var(--blue);margin:16px 0 9px;padding-bottom:8px;font-size:24px;line-height:33px}.work-card h3 b{float:right;font-family:Arial,sans-serif;font-size:30px;font-weight:400}.work-card p{margin:0;font-size:12px;line-height:1.35}.experience{height:1000px;color:var(--cream);background:#10110e;border-top:0;grid-template-columns:960px 960px;gap:0;padding:0;display:grid}.sticker{object-fit:contain;align-self:center;width:634px;height:689px}.title-experience{z-index:35;pointer-events:none;width:500px;height:auto;margin:0;display:block;position:absolute;top:258px;left:230px}.company{white-space:nowrap;margin:109px 0 48px;font-family:"Alibaba PuHuiTi 3.0",Alibaba PuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-size:28px;font-weight:700;line-height:39px}.company span{vertical-align:middle;background:#ffffb8;border-radius:50%;width:46px;height:46px;margin-right:17px;display:inline-block}.company time{margin-left:30px}.experience .sticker{transform:translate(-10px)}.experience-sticker-zone{transform-origin:50% 48%;width:960px;height:1000px;position:relative;overflow:visible;transform:rotate(-3deg)}@media (width>=851px){.experience{height:2140px}.works{--works-title-gap:70px;--work-card-width:360px;--work-card-row-gap:60px;--work-card-column-gap:60px;background:linear-gradient(to bottom,var(--cream) 0 2238px,#b9dbff 2238px 100%);height:2296px;padding-top:134px}.work-grid{width:1200px}.work-card>img{height:420px}.work-card h3{justify-content:space-between;align-items:center;margin:28px 0 10px;padding-bottom:14px;font-size:32px;line-height:39px;display:flex}.work-card h3 b{float:none;width:46px;height:34px;font-size:0;display:block}.work-card h3 b img{object-fit:contain;width:46px;height:34px;display:block}.work-card p{font-size:18px;line-height:27px}.experience{z-index:1;background:#10110e;border-top:0;min-height:100vh;position:relative;width:1920px!important;max-width:none!important;height:1000px!important;max-height:none!important}.experience:after{display:none}.experience-copy{justify-content:flex-start;align-self:start;align-items:center;width:960px;height:1000px;display:flex;position:relative;top:auto}.experience-sticker-zone{align-self:start;width:960px;height:1000px;position:relative;top:auto}.contact{--contact-heading-gap:130px;--contact-row-gap:30px;--contact-row-font-size:32px;border-top:0;height:752px}.contact-copy{padding:150px 140px}.contact h3{margin:var(--contact-heading-gap) 0 25px;font-size:36px;line-height:44px}.contact-copy>a,.contact-copy>a.wide{font-size:var(--contact-row-font-size);padding:10px 0;line-height:40px}.contact h3 img{object-fit:fill;width:46px;height:34px}.contact-copy>a,.contact-copy>a.wide{grid-template-columns:max-content 1fr 46px}.contact-copy>a img{object-fit:fill;width:46px;height:34px}}@media (width<=850px){.experience .sticker{transform:none}.experience-sticker-zone{height:auto;position:relative;top:auto}}.contact{--contact-heading-gap:125px;--contact-row-gap:30px;--contact-row-font-size:28px;border-top:2px solid var(--blue);grid-template-columns:960px 960px;height:749px;display:grid}.contact-copy{padding:91px 140px}.title-contact{width:400px;max-width:none;height:73px;display:block}.contact h3{margin:var(--contact-heading-gap) 0 13px;font-size:30px;line-height:37px;position:relative}.contact h3 img{object-fit:fill;width:25px;height:39px;position:absolute;top:6px;right:0}.contact-copy>a,.contact-copy>a.wide{column-gap:var(--contact-row-gap);border-bottom:2px solid var(--blue);font-size:var(--contact-row-font-size);grid-template-columns:max-content 1fr 25px;align-items:center;padding:11px 0;line-height:35px;text-decoration:none;display:grid}.contact-copy i{white-space:nowrap;font-style:italic}.contact-copy>a img{object-fit:fill;justify-self:end;width:25px;height:39px}.contact-art{border-left:2px solid var(--blue);background:#fff;position:relative;overflow:hidden}.contact-art>.contact-art-bg{width:833px;height:580px;margin:81px 0 0 41px}.contact-art .drag-sticker{box-shadow:none;top:0;left:0}.contact-art .drag-sticker img{margin:0;filter:none!important;box-shadow:none!important}.software{background:var(--yellow);align-items:center;gap:49px;height:400px;padding:0 140px;display:flex;overflow:hidden}.title-software{object-fit:contain;flex:none;width:226px;height:116px}.logo-viewport{flex:none;width:1365px;height:120px;overflow:hidden}.logo-track{width:max-content;height:120px;animation:logo-scroll var(--logo-scroll-duration,25s) linear infinite;align-items:center;gap:60px;display:flex}.logo-track:hover{animation-play-state:paused}.logo-track img{object-fit:contain;flex:none;width:auto;max-width:none;height:74px;transition:transform .25s;display:block}.logo-track img:hover{transform:scale(1.14)}footer{border-top:2px solid var(--blue);background:repeating-linear-gradient(0deg,#0000 0 19px,#edf0ef 20px),repeating-linear-gradient(90deg,#0000 0 19px,#edf0ef 20px);justify-content:center;height:294px;padding-top:42px;display:flex;position:relative;overflow:hidden}footer .brand{object-fit:contain;width:600px;height:220px;position:absolute;bottom:-18px;left:660px}.brand-star{object-fit:contain;opacity:0;transform-origin:50%;pointer-events:none;width:96.66px;height:78.05px;position:absolute;top:99px;left:883.59px}footer.footer-visible .brand-star{animation:.72s cubic-bezier(.22,1,.36,1) forwards footer-star-arrive}.footer-credit{align-items:center;gap:12px;display:flex;position:absolute;bottom:29px;right:60px}.footer-credit small{font:12px Montserrat,Arial,sans-serif}.footer-credit .pin{flex:none;width:40px;height:34px}@keyframes blur-text-in{to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes copy-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sticker-arrive{0%{opacity:0;transform:translate(-45px,35px)rotate(-19deg)scale(.82)}to{opacity:1;transform:translate(var(--drag-x),var(--drag-y)) rotate(-4deg) scale(1)}}@keyframes logo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes footer-star-arrive{0%{opacity:0;transform:translateY(18px)rotate(-8deg)scale(.86)}62%{opacity:1;transform:translateY(-3px)rotate(-3deg)scale(1.03)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.blur-text__unit,.hero p,.hero-sticker,.logo-track,.brand-star{opacity:1;filter:none;animation:none!important}}.project-detail{background:var(--cream);width:1920px;min-height:100vh;margin:0 auto}.project-detail-head{color:var(--blue);border-bottom:2px solid var(--blue);padding:130px 360px 100px}.project-detail-head p{letter-spacing:3px;margin:0 0 24px;font-size:18px;font-weight:700}.project-detail-head h1{margin:0;font-size:96px;line-height:1}.project-detail-head span{margin-top:28px;font-size:26px;display:block}.project-pages{width:1920px}.project-pages img{width:1920px;height:auto;display:block}.ip-makeover{width:1920px;height:1534px;position:relative;overflow:hidden}.ip-makeover>img{width:1920px;height:1534px;position:absolute;inset:0}.ip-makeover-gallery{z-index:1;background:0 0;width:100%;height:900px;position:absolute;top:330px;left:0}.ip-default-page{width:1920px;height:1752px;position:relative;overflow:hidden}.ip-default-page>img:first-child{width:1920px;height:1752px;position:absolute;inset:0}.ip-default-carousel{z-index:1;width:1680px;height:520px;position:absolute;top:650px;left:120px;overflow:hidden}.ip-default-track{will-change:transform;gap:36px;width:max-content;animation:12s linear infinite ip-default-scroll;display:flex}.ip-default-track img{border-radius:22px;flex:none;max-width:none;width:370px!important;height:auto!important;display:block!important}.ip-default-phone{z-index:2;pointer-events:none;max-width:none;position:absolute;bottom:70px;left:285px;width:1380px!important;height:auto!important}@keyframes ip-default-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 18px))}}.ip-inspiration{width:1920px;height:1400px;position:relative;overflow:hidden}.ip-inspiration>img{width:1920px;height:1400px;position:absolute;inset:0}.ip-inspiration-trail{z-index:1;width:100%;height:100%;position:absolute;inset:0}.work-card h3 b{transform-origin:50%;transition:transform .22s cubic-bezier(.22,1,.36,1)}.work-card:hover h3 b{transform:scale(1.1)}@media (width<=850px){main{width:100%;overflow:hidden}header{height:64px;padding:0 20px}.nav{gap:14px}.nav a{letter-spacing:.6px;font-size:9px}.hero{grid-template-rows:auto;grid-template-columns:1fr;height:auto;min-height:0;max-height:none}.hero-copy{height:auto;max-height:none;padding:85px 28px 90px}.hero h1{font-size:35px}.hero-art{height:auto;max-height:none}.hero-art img{width:100%;height:auto}.works{height:auto;padding:55px 24px}.title-works{width:215px;height:auto;margin-bottom:35px}.work-grid{grid-template-columns:1fr 1fr;gap:36px 18px;width:100%}.work-card>img{aspect-ratio:325/380;width:100%;height:auto}.work-card h3{font-size:16px;line-height:21px}.work-card p{font-size:9px}.experience{grid-template-columns:1fr;gap:20px;height:auto;padding:70px 25px}.experience-sticker-zone{aspect-ratio:634/689;width:100%;height:auto}.sticker{width:100%;height:auto}.title-experience{width:187px;height:auto;margin-top:0}.title-contact{width:200px;height:auto;margin-top:0}.company{white-space:normal;margin:45px 0 25px;font-size:15px;line-height:21px}.company time{margin:12px 0 0 47px;display:block}.company span{width:23px;height:23px}.experience ul{font-size:14px;line-height:1.9}.experience li{margin-bottom:12px}.contact{grid-template-columns:1fr;height:auto}.contact-copy{padding:70px 25px}.title-contact{width:200px;height:auto}.contact h3{margin-top:55px;font-size:20px}.contact h3 img{width:15px;height:auto}.contact-copy>a,.contact-copy>a.wide{grid-template-columns:max-content 1fr 20px;column-gap:15px;font-size:14px;line-height:20px}.contact-copy>a img{width:20px;height:auto}.contact-art{border-left:0;border-top:2px solid var(--blue)}.contact-art>.contact-art-bg{width:100%;height:auto;margin:0}.software{gap:20px;height:auto;min-height:220px;padding:50px 25px}.title-software{width:113px;height:auto}.software-icons{transform-origin:0;margin-right:-807px;transform:scale(.5)}footer{height:210px}footer .brand{width:340px;height:auto;bottom:-10px;left:50%;transform:translate(-50%)}footer small{font-size:7px;bottom:12px;right:38px}footer .pin{width:20px;height:17px;bottom:10px;left:auto;right:12px}}@media (width>=851px){.hero{grid-template-rows:672px;grid-template-columns:993px 927px;height:672px;min-height:672px;max-height:672px}.hero-copy,.hero-art{height:672px;min-height:672px;max-height:672px}.hero-art img{object-fit:cover;width:927px;height:672px;max-height:672px}.hero-sticker{width:400px;height:auto;top:auto;bottom:-120px;left:260px}.contact h3{justify-content:space-between;align-items:center;display:flex}.contact h3 img,.contact-copy>a img{object-fit:fill;width:34px;height:46px;position:static}.contact-copy>a,.contact-copy>a.wide{grid-template-columns:max-content 1fr 34px}}.sticker-stage{z-index:3;pointer-events:none;width:1920px;height:912px;position:absolute;top:0;left:0}.sticker-stage .drag-sticker{pointer-events:auto}@media (width<=850px){.sticker-stage{width:100%;height:100%}.sticker-stage .drag-sticker{transform-origin:0 0;transform:scale(.55)}}.work-card h3>span{transform-origin:0;transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.work-card:hover h3>span{transform:scale(1.055)}.hero,.hero-art{border-bottom:2px solid var(--blue)}.footer-credit{text-decoration:none}