:root{--pink:#ec008c;--black:#080808;--white:#fff;--grey:#d7d7d7;--soft:#f3f3f3;--max:1440px;--pad:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-hyphens:none;hyphens:none}body{margin:0;background:var(--black);color:var(--white);font-family:"Noto Sans",Arial,sans-serif;cursor:default}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}::selection{background:var(--pink);color:#fff}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);mix-blend-mode:difference;color:#fff}.logo-link{display:flex;align-items:center}.logo-link img{object-fit:contain}.nav{display:flex;gap:clamp(16px,2.4vw,38px);align-items:center}.nav a{font-size:12px;letter-spacing:.11em;text-transform:uppercase;position:relative;padding:8px 0}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--pink);transition:right .25s}.nav a.active::after,.nav a:hover::after{right:0}.menu-button{display:none;background:0 0;border:0;color:#fff;font-size:24px}.page{min-height:100vh}.hero{min-height:100vh;display:grid;align-items:end;padding:140px var(--pad) 56px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:1250px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:18px}.display{font-size:clamp(60px,11vw,180px);line-height:.82;letter-spacing:-.075em;font-weight:900;margin:0}.display .pink{color:var(--pink)}.section{padding:clamp(90px,12vw,180px) var(--pad)}.section.light{background:#fff;color:#080808}.section.pink{background:var(--pink);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,28px)}.project{background:#ececec;color:#080808;min-height:420px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:24px}.project:first-child{grid-column:span 7;min-height:620px}.project:nth-child(2),.project:nth-child(3){grid-column:span 5}.project:nth-child(4){grid-column:span 7;min-height:620px}.project::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(236,0,140,.95) 0 7%,transparent 7.5%),linear-gradient(135deg,#f7f7f7 0 52%,#d2d2d2 52%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project:nth-child(2)::before{background:linear-gradient(45deg,#080808 0 50%,#ec008c 50%)}.project:nth-child(3)::before{background:repeating-linear-gradient(90deg,#fff 0 28px,#080808 28px 56px)}.project:nth-child(4)::before{background:radial-gradient(circle at center,#ec008c 0 20%,#fff 20.2% 40%,#080808 40.2%)}.project:hover::before{transform:scale(1.05) rotate(.5deg)}.project-meta{position:relative;z-index:2;background:#fff;padding:12px 14px;max-width:280px}.project-meta strong{display:block;font-size:17px}.project-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer{padding:32px var(--pad);border-top:1px solid #333;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.page-hero{min-height:72vh;padding-top:170px}.page-hero .display{max-width:1250px}.placeholder-note{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:30px 0 0}.cursor-bird{position:fixed;width:18px;height:18px;border:2px solid var(--pink);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s,width .2s,height .2s}.cursor-bird.active{width:34px;height:34px;background:rgba(236,0,140,.15)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media (max-width:850px){.nav{position:fixed;inset:0;background:#080808;display:none;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--pad);gap:28px}.nav.open{display:flex}.nav a{font-size:clamp(34px,9vw,66px);letter-spacing:-.04em;text-transform:none;font-weight:800}.menu-button{display:block;z-index:3}.project,.project:first-child,.project:nth-child(2),.project:nth-child(3),.project:nth-child(4){grid-column:span 12;min-height:440px}.footer{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.project.has-image::before{display:none}.project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.project--ea4u{background:#69cbea}.project--ea4u .project-image{padding:34px 18% 26px;transform:rotate(1deg) scale(.98)}.project--ea4u:hover .project-image{transform:rotate(-1deg) scale(1.035)}.project--ea4u .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.14)}.project-view{display:block!important;margin-top:12px;color:var(--pink);font-weight:700}@media (max-width:850px){.project--ea4u .project-image{padding:28px 16% 22px}}.project--escape{background:#e8f6f4}.project--escape .project-image{padding:0;object-fit:cover;object-position:center 44%;transform:scale(1.002)}.project--escape:hover .project-image{transform:scale(1.045)}.project--escape .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.14)}@media (max-width:850px){.project--escape .project-image{object-position:center 42%}}.footer-logo{display:block;flex:0 0 auto;line-height:0}.footer-logo img{display:block;width:100%;height:auto}.project--goodlaw{background:#f5f1e9}.project--goodlaw .project-image{padding:clamp(32px,4vw,58px) 5% 38px;object-fit:contain;transform:scale(1.015)}.project--goodlaw:hover .project-image{transform:scale(1.055)}.project--goodlaw .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.14)}@media (max-width:850px){.logo-link{width:84px;height:58px}.logo-link img{max-height:58px}.footer-logo{width:70px}.project--goodlaw .project-image{padding:34px 4% 30px}}@media (max-width:560px){.project--goodlaw .project-image{padding:26px 2% 28px}}.footer-logo{width:92px}@media (max-width:850px){.logo-link{width:96px;height:66px}.logo-link img{max-height:66px}.footer-logo{width:84px}}.project--drapp{background:#f4f7f7}.project--drapp .project-image{padding:clamp(18px,2.5vw,38px);object-fit:contain;transform:scale(.985)}.project--drapp:hover .project-image{transform:scale(1.025)}.project--drapp .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.14)}@media (max-width:850px){.project--drapp .project-image{padding:22px 3%}}@media (max-width:560px){.project--drapp .project-image{padding:18px 2%}}.logo-link{width:183.6px;height:125.8px}.logo-link img{max-height:125.8px}@media (max-width:850px){.logo-link{width:163.2px;height:112.2px}.logo-link img{max-height:112.2px}}.project:nth-child(5){grid-column:span 7;min-height:620px}.project:nth-child(6){grid-column:span 5}.project--eco{background:#df704f}.project--eco .project-image{padding:34px 4%;object-fit:contain;transform:scale(1.01)}.project--eco:hover .project-image{transform:scale(1.045)}.project--eco .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.16)}.project--magazine{background:#f4d827}.project--magazine .project-image{padding:26px 4%;object-fit:contain;transform:rotate(-.5deg) scale(1.01)}.project--magazine:hover .project-image{transform:rotate(.5deg) scale(1.045)}.project--magazine .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.16)}@media (max-width:850px){.project,.project:first-child,.project:nth-child(2),.project:nth-child(3),.project:nth-child(4),.project:nth-child(5),.project:nth-child(6){grid-column:span 12;min-height:440px}.project--eco .project-image,.project--magazine .project-image{padding:24px 2%}}.project:nth-child(7){grid-column:span 12;min-height:620px}.project--hbg{background:#3f5132}.project--hbg .project-image{padding:0;object-fit:cover;object-position:center 51%;transform:scale(1.002)}.project--hbg:hover .project-image{transform:scale(1.045)}.project--hbg .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.18)}@media (max-width:850px){.project,.project:first-child,.project:nth-child(2),.project:nth-child(3),.project:nth-child(4),.project:nth-child(5),.project:nth-child(6),.project:nth-child(7){grid-column:span 12;min-height:440px}}@media (max-width:560px){.project--hbg .project-image{object-position:center}}.project:nth-child(8){grid-column:span 12;min-height:620px}.project--swim{background:#2fa9b5}.project--swim .project-image{padding:28px 4%;object-fit:contain;transform:scale(1.01)}.project--swim:hover .project-image{transform:scale(1.045)}.project--swim .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.17)}@media (max-width:850px){.project,.project:first-child,.project:nth-child(2),.project:nth-child(3),.project:nth-child(4),.project:nth-child(5),.project:nth-child(6),.project:nth-child(7),.project:nth-child(8){grid-column:span 12;min-height:440px}.project--swim .project-image{padding:24px 2%}}.project:nth-child(9){grid-column:span 12;min-height:620px}.project--game{background:#351619}.project--game .project-image{padding:24px 3%;object-fit:contain;transform:scale(1.01)}.project--game:hover .project-image{transform:scale(1.045) rotate(.25deg)}.project--game .project-meta{box-shadow:0 10px 40px rgba(0,0,0,.22)}@media (max-width:850px){.project,.project:first-child,.project:nth-child(2),.project:nth-child(3),.project:nth-child(4),.project:nth-child(5),.project:nth-child(6),.project:nth-child(7),.project:nth-child(8),.project:nth-child(9){grid-column:span 12;min-height:440px}.project--game .project-image{padding:22px 1.5%}}.project:nth-child(10),.project:nth-child(11),.project:nth-child(12),.project:nth-child(13),.project:nth-child(14),.project:nth-child(15){grid-column:span 12;min-height:620px}.project--botanic{background:#2f6fa4}.project--botanic .project-image{padding:28px 7%;object-fit:contain;transform:scale(1.01) rotate(-.3deg)}.project--botanic:hover .project-image{transform:scale(1.045) rotate(.3deg)}.project--dataviz{background:#e20b88}.project--dataviz .project-image{padding:26px 5%;object-fit:contain;transform:scale(1.01)}.project--dataviz:hover .project-image{transform:scale(1.045)}.project--cosy{background:#80cbb0}.project--cosy .project-image{padding:24px 4%;object-fit:contain;transform:scale(1.01)}.project--cosy:hover .project-image{transform:scale(1.04)}.project--qmv{background:linear-gradient(135deg,#ed1558,#f7c515)}.project--qmv .project-image{padding:22px 4%;object-fit:contain;transform:scale(1.01)}.project--qmv:hover .project-image{transform:scale(1.045)}.project--kawana{background:#0b3044}.project--kawana .project-image{padding:18px 5%;object-fit:contain;transform:scale(1.01)}.project--kawana:hover .project-image{transform:scale(1.045)}.project--squirrel{background:#1d915c}.project--squirrel .project-image{padding:30px 31%;object-fit:contain;transform:scale(1.01)}.project--squirrel:hover .project-image{transform:scale(1.055)}body,button,input,textarea{-webkit-hyphens:none;hyphens:none;word-break:normal}.case-brand-copy h2,.case-copy h2,.case-section-heading h2,.case-title,.contact-title,.deliverable h3,.display,.news-item h3,.project-meta strong,.section-title,.service h3,.story-copy h2,h1,h2,h3,h4,h5,h6{-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}.case-facts,.case-hero-meta,.contact-copy,.hero-note,.project-meta span,figcaption,li,p{-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:pretty;orphans:2;widows:2}@media (max-width:850px){.project,.project:nth-child(10),.project:nth-child(11),.project:nth-child(12),.project:nth-child(13),.project:nth-child(14),.project:nth-child(15){grid-column:span 12;min-height:440px}.project--squirrel .project-image{padding:24px 24%}}.portfolio-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px);align-items:stretch}.portfolio-index-grid .project,.portfolio-index-grid .project:nth-child(n){grid-column:auto;min-height:0;aspect-ratio:1/1;padding:clamp(16px,1.25vw,22px)}.portfolio-index-grid .project-meta{width:calc(100% - clamp(32px,2.5vw,44px));max-width:none;min-height:116px;padding:15px 16px 14px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 10px 34px rgba(0,0,0,.15)}.portfolio-index-grid .project-meta strong{font-size:clamp(15px,1.15vw,18px);line-height:1.12;margin-bottom:5px}.portfolio-index-grid .project-meta span{line-height:1.4}.portfolio-index-grid .project-view{margin-top:8px}.portfolio-index-grid .project-image{object-position:center}.portfolio-index-grid .project--squirrel .project-image{padding:24px 24% 136px}.portfolio-index-grid .project--ea4u .project-image{padding:26px 16% 124px}.portfolio-index-grid .project--botanic .project-image{padding:24px 8% 128px}.portfolio-index-grid .project--kawana .project-image{padding:22px 5% 124px}@media (max-width:1100px){.portfolio-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-index-grid .project-meta strong{font-size:17px}}@media (max-width:650px){.portfolio-index-grid{grid-template-columns:1fr;gap:18px}.portfolio-index-grid .project,.portfolio-index-grid .project:nth-child(n){aspect-ratio:1/1;min-height:0}.portfolio-index-grid .project-meta{width:calc(100% - 32px);min-height:108px}.portfolio-index-grid .project--squirrel .project-image{padding:22px 25% 126px}.portfolio-index-grid .project--ea4u .project-image{padding:24px 17% 118px}.portfolio-index-grid .project--botanic .project-image{padding:22px 9% 122px}.portfolio-index-grid .project--kawana .project-image{padding:20px 4% 118px}}@media (max-width:850px){body.menu-open{overflow:hidden;overscroll-behavior:none;touch-action:none}.site-header.menu-open{z-index:2000;color:#fff;mix-blend-mode:normal;isolation:isolate}.site-header.menu-open .logo-link,.site-header.menu-open .menu-button{position:relative;z-index:2002}.site-header.menu-open .menu-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;line-height:1}.nav{display:flex;position:fixed;inset:0;z-index:2001;min-height:100vh;min-height:100dvh;padding:max(112px,calc(env(safe-area-inset-top) + 90px)) var(--pad) max(42px,env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:clamp(20px,4.8vh,34px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#080808;color:#fff;mix-blend-mode:normal;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform .42s cubic-bezier(.22,.8,.22,1),opacity .25s,visibility 0s linear .42s}.nav::before{content:"Menu";display:block;margin-bottom:clamp(8px,2vh,18px);color:var(--pink);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.nav.open{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}.nav a{width:100%;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font-size:clamp(32px,9.5vw,58px);line-height:.98;letter-spacing:-.045em;text-transform:none;font-weight:800}.nav a::after{right:100%;bottom:-1px}.nav a.active::after,.nav a:focus-visible::after,.nav a:hover::after{right:0}}@media (max-width:850px) and (max-height:620px){.nav{padding-top:max(92px,calc(env(safe-area-inset-top) + 76px));gap:14px}.nav::before{margin-bottom:2px}.nav a{font-size:clamp(28px,8vw,42px);padding-bottom:8px}}@media (prefers-reduced-motion:reduce) and (max-width:850px){.nav{transition:none}}@supports (content-visibility:auto){.footer,main.page>.section:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 900px}}.hero .reveal,.page-hero .reveal,.case-hero .reveal,.contact-wrap>div:first-child.reveal{opacity:1;transform:none;transition:none}.hero-mascot__character,.mascot-bird__heading,.mascot-cat__heading,.mascot-bird__image,.mascot-cat__image{backface-visibility:hidden;-webkit-backface-visibility:hidden}