:root{color-scheme:light;background:#1c1c20;color:#040405;font-family:Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}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}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.content-protection{position:relative}.protected-content{transition:visibility 0s linear 80ms}.privacy-cover{position:fixed;inset: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}.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}.hero,.about,.work-index,.more,.contact{position:relative}.hero{height:calc(1999 * var(--u))}.hero>.artwork,.work-index>.artwork{position:absolute;inset: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}.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(/assets/hero.webp) 0 0 / 100% auto no-repeat;pointer-events:none}.hero-navigation{position:absolute;inset:0;z-index:4;pointer-events:none}.hero-navigation a{pointer-events:auto}.hero-navigation a:hover{background:#7020ff14;border-radius:calc(3 * var(--u))}.wordmark-track{position:absolute;top:calc(87 * var(--u));left:0;z-index:2;width:100%;height:calc(1517 * var(--u));pointer-events:none}.wordmark{position:sticky;top:0;display:block;width:100%;height:calc(240 * var(--u))}.identity-anchor{position:absolute;top:calc(1635 * var(--u))}.hotspot{position:absolute;display:block;border:0;text-decoration:none;cursor:pointer}.hotspot:focus-visible{outline:2px solid #7020ff;outline-offset:3px}.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}.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{z-index:2;transform:scale(1.025);box-shadow:0 0 0 calc(3 * var(--u)) #752ef5b3}.project-stack{position:relative;background:#1c1c20;isolation:isolate}.project{position:sticky;top:0;height:calc(1018 * var(--u))}.project+.project{margin-top:calc(-56 * var(--u))}.project-art{position:absolute}.project-art .artwork{width:100%;height:100%}.case-view:after{content:"";position:absolute;left:0;top:70%;width:100%;height:max(1px,calc(1 * var(--u)));background:#7020ff;opacity:0;transform:scaleX(.7);transform-origin:left center;transition:opacity .16s ease,transform .16s ease}.case-view:hover:after,.case-view:focus-visible:after{opacity:1;transform:scaleX(1)}.more{z-index:5;width:calc(1914 * var(--u));height:calc(1018 * var(--u));margin-inline:auto;background:#f6f5f2}.more-dada-artwork,.more-pickup-artwork{position:absolute;z-index:1;display:block;width:calc(198 * var(--u));height:calc(198 * var(--u));object-fit:cover}.more-dada-artwork{left:calc(740.755 * var(--u));top:calc(554 * var(--u))}.more-pickup-artwork{left:calc(1675.375 * var(--u));top:calc(787.18 * var(--u))}.more-project-links{position:absolute;inset: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}.contact{z-index:5;height:calc(599 * var(--u));background:#e9e7ed}.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:url(/assets/footer-nav.png) calc(-1 * var(--glyph-start) * var(--u)) 0 / calc(133 * var(--u)) calc(9 * var(--u)) no-repeat;mask:url(/assets/footer-nav.png) calc(-1 * var(--glyph-start) * var(--u)) 0 / calc(133 * var(--u)) calc(9 * var(--u)) no-repeat}.footer-navigation a:hover,.footer-navigation a:focus-visible{color:#7020ff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.detail-page{width:min(100%,1920px);margin-inline:auto;background:#f5f4f2}.detail-navigation{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:54px;padding:0 24px;color:#f7f5f2;border-bottom:1px solid rgb(255 255 255 / 15%);background:#141417db;-webkit-backdrop-filter:blur(14px);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{display:flex;justify-self:end;min-width:0;gap:16px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.detail-section-links a{padding:10px 0;text-decoration:none;font-size:11px;opacity:.72}.detail-artwork,.brand-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,.brand-detail-artwork img{display:block;width:100%;height:auto;margin:0}.brand-detail-page{width:min(100%,1920px);margin-inline:auto;background:#fff}.brand-navigation{grid-template-columns:1fr auto 1fr}@media(max-width:960px){.detail-navigation{grid-template-columns:auto auto 1fr;gap:14px;padding-inline:14px;font-size:10px}.detail-navigation-title span{display:none}.detail-section-links{gap:12px}.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)))}.case-view:after{left:calc(24 * var(--u));top:50%;width:calc(165 * var(--u))}.case-view:before{content:"";position:absolute;inset:-10px}}@media(hover:none)and (pointer:coarse){.hotspot:focus,.hotspot:focus-visible,.project-link:focus-visible,.more-project-link:focus-visible{outline:none;box-shadow:none}.project-link:hover,.project-link:focus-visible{transform:none}.case-view:hover:after,.case-view:focus-visible:after{opacity:0;transform:scaleX(.7)}.more-project-link:hover:after,.more-project-link:focus-visible:after{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media print{html,body,#root,.content-protection{background:#000!important}.protected-content{display:none!important}.privacy-cover{display:block!important;position:fixed;inset:0;background:#000!important}}
