:root{color-scheme:light;background:#1c1c20;color:#040405;font-family:Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px}html,body,#root,.content-protection{min-height:100%}body,.protected-content,.protected-content *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,video{-webkit-user-drag:none}.content-protection{position:relative}.protected-content{transition:visibility 0s linear 80ms}.privacy-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:none;background:#000;pointer-events:all}.content-protection.is-covered .protected-content{visibility:hidden}.content-protection.is-covered .privacy-cover{display:block}@media print{html,body,#root,.content-protection{background:#000!important}.protected-content{display:none!important}.privacy-cover{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#000!important}}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}html,body{cursor:default}a,button,.hotspot{cursor:pointer}.portfolio{width:min(100%,1920px);margin-inline:auto;container-type:inline-size;--u: calc(100cqw / 1920);background:#e9e7ed}.artwork{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.hero,.about,.work-index,.more,.contact{position:relative}.hero{height:calc(1999 * var(--u))}.hero>.artwork{position:absolute;top:0;right:0;bottom:0;left:0}.hero-motion-frame{position:absolute;inset:0 auto auto 0;z-index:1;width:100%;height:calc(1500 * var(--u));overflow:hidden;pointer-events:none;background:transparent}.hero-motion{position:absolute;inset:0 auto auto calc(-340.3174603175 * var(--u));display:block;width:calc(2600.634920635 * var(--u));height:calc(1440 * var(--u));max-width:none;object-fit:fill}.hero-header-strip{position:absolute;inset:0 0 auto;z-index:3;height:calc(70 * var(--u));background:url(https://aoliou-1492079429.cos.ap-guangzhou.myqcloud.com/assets/hero.webp) 0 0 / 100% auto no-repeat;pointer-events:none}.hero-navigation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.hero-navigation a{pointer-events:auto}.wordmark-track{position:absolute;top:calc(87 * var(--u));left:0;width:100%;height:calc(1517 * var(--u));pointer-events:none;z-index:2}.wordmark{display:block;width:100%;height:calc(240 * var(--u));position:sticky;top:0;-webkit-user-select:none;user-select:none}.identity-anchor{position:absolute;top:calc(1635 * var(--u))}.hotspot{display:block;position:absolute;border:0;text-decoration:none;cursor:pointer}.hotspot:focus-visible{outline:2px solid #7020ff;outline-offset:3px}.hero-navigation a:hover{background:#7020ff14;border-radius:calc(3 * var(--u))}.scroll-cue{z-index:5;display:grid;place-items:center;color:#fff;font:600 calc(12 * var(--u))/1 Arial,sans-serif;letter-spacing:.08em;text-align:center;text-shadow:0 1px calc(5 * var(--u)) rgb(35 38 60 / 55%)}.scroll-cue span{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));transition:opacity .16s ease,transform .16s ease}.scroll-cue span:after{content:"↓";font-size:calc(18 * var(--u));font-weight:400;line-height:.8}.scroll-cue:hover span,.scroll-cue:focus-visible span{opacity:.72;transform:translateY(calc(2 * var(--u)))}.about{height:calc(930 * var(--u))}.contact-hotspot:hover{outline:1px solid #7020ff;outline-offset:1px}.work-index{height:calc(850 * var(--u));background:#1c1c20}.work-index>.artwork{position:absolute;top:0;right:0;bottom:0;left:0}.project-link{border-radius:calc(32 * var(--u));transition:transform .2s ease,box-shadow .2s ease;transform-origin:center}.project-link>.artwork{border-radius:inherit}.project-link:hover,.project-link:focus-visible{transform:scale(1.025);z-index:2;box-shadow:0 0 0 calc(3 * var(--u)) #752ef5b3}.detail-page{width:min(100%,1920px);margin-inline:auto;background:#f5f4f2}.detail-navigation{position:sticky;top:0;z-index:20;height:54px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:#141417db;color:#f7f5f2;border-bottom:1px solid rgb(255 255 255 / 15%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:600 12px/1 Arial,sans-serif;letter-spacing:.06em}.detail-navigation>a{width:max-content;padding:10px 0;text-decoration:none}.detail-navigation>a:hover,.detail-navigation>a:focus-visible{color:#a974ff}.detail-navigation-title{display:flex;align-items:center;gap:14px;min-width:0}.detail-navigation-title b{color:#a974ff;white-space:nowrap}.detail-navigation-title span{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;opacity:.74}.detail-section-links{justify-self:end;min-width:0;display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.detail-section-links::-webkit-scrollbar{display:none}.detail-section-links a{padding:10px 0;text-decoration:none;font-size:11px;opacity:.72}.detail-section-links a:hover,.detail-section-links a:focus-visible{color:#a974ff;opacity:1}.detail-artwork{width:100%;line-height:0}.detail-section{position:relative;width:100%;line-height:0;scroll-margin-top:54px}.detail-subanchor{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:54px}.detail-artwork img{display:block;width:100%;height:auto;margin:0;-webkit-user-select:none;user-select:none}.brand-detail-page{width:min(100%,1920px);margin-inline:auto;background:#fff}.brand-navigation{grid-template-columns:1fr auto 1fr}.brand-detail-artwork{display:block;width:100%;margin:0;line-height:0;-webkit-user-select:none;user-select:none}.brand-detail-artwork img{display:block;width:100%;height:auto;margin:0}@media(max-width:960px){.detail-navigation-title span{display:none}.detail-navigation{grid-template-columns:auto auto 1fr;padding-inline:14px;gap:14px;font-size:10px}.detail-section-links{gap:12px}}.project-stack{position:relative;background:#1c1c20;isolation:isolate}.project{height:calc(1018 * var(--u));position:sticky;top:0}.project+.project{margin-top:calc(-56 * var(--u))}.project-art{position:absolute}.project-art .artwork{width:100%;height:100%}.case-view:hover{box-shadow:0 calc(1 * var(--u)) 0 #7020ff}.more{width:calc(1914 * var(--u));margin-inline:auto;height:calc(1018 * var(--u));background:#f6f5f2;z-index:5}.more-dada-artwork{position:absolute;left:calc(740.755 * var(--u));top:calc(554 * var(--u));z-index:1;display:block;width:calc(198 * var(--u));height:calc(198 * var(--u));object-fit:cover;-webkit-user-select:none;user-select:none}.more-pickup-artwork{position:absolute;left:calc(1675.375 * var(--u));top:calc(787.18 * var(--u));z-index:1;display:block;width:calc(198 * var(--u));height:calc(198 * var(--u));object-fit:cover;-webkit-user-select:none;user-select:none}.more-project-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.more-project-link{overflow:hidden;pointer-events:auto}.more-project-link:after{content:attr(data-title);position:absolute;inset:calc(16 * var(--u));display:grid;place-items:center;padding:calc(18 * var(--u));background:#040405b8;color:#fff;text-align:center;font:600 calc(18 * var(--u))/1.25 Arial,sans-serif;letter-spacing:.02em;opacity:0;transition:opacity .18s ease}.more-project-link:hover:after,.more-project-link:focus-visible:after{opacity:1}.more-project-link:focus-visible{outline-offset:calc(-4 * var(--u))}.contact{height:calc(599 * var(--u));background:#e9e7ed;z-index:5}.footer-navigation{position:absolute;left:calc(893.5 * var(--u));top:calc(574 * var(--u));width:calc(133 * var(--u));height:calc(9 * var(--u))}.footer-navigation>img{display:block;width:100%;height:100%;filter:brightness(0)}.footer-navigation a{position:absolute;left:calc(var(--glyph-start) * var(--u));top:calc(-12 * var(--u));width:calc(var(--glyph-width) * var(--u));height:calc(33 * var(--u));color:#040405;transition:color .16s ease}.footer-navigation a span{position:absolute;top:calc(12 * var(--u));left:0;width:100%;height:calc(9 * var(--u));background:currentColor;-webkit-mask-image:url(https://aoliou-1492079429.cos.ap-guangzhou.myqcloud.com/assets/footer-nav.png);mask-image:url(https://aoliou-1492079429.cos.ap-guangzhou.myqcloud.com/assets/footer-nav.png);-webkit-mask-size:calc(133 * var(--u)) calc(9 * var(--u));mask-size:calc(133 * var(--u)) calc(9 * var(--u));-webkit-mask-position:calc(-1 * var(--glyph-start) * var(--u)) 0;mask-position:calc(-1 * var(--glyph-start) * var(--u)) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer-navigation a:hover,.footer-navigation a:focus-visible{color:#7020ff}.footer-navigation a:focus-visible{outline:1px solid currentColor;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media(max-width:960px){.case-view{left:calc(20 * var(--u))!important;width:calc(620 * var(--u))!important;height:calc(250 * var(--u))!important;transform:translateY(calc(-90 * var(--u)))}.more-project-link{margin:calc(-18 * var(--u));padding:calc(18 * var(--u))}}