@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.DxajRW_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.DxajRW_variable{--font-display:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}._6lzLDG_className{font-family:Figtree,Figtree Fallback;font-style:normal}._6lzLDG_variable{--font-body:"Figtree", "Figtree Fallback"}
:root{--yellow:#ffd63c;--yellow-soft:#fff1b8;--ink:#161412;--ink-soft:#5b564f;--paper:#fffdf6;--line:#ece6d6;--radius:22px;--gutter:clamp(16px, 4vw, 56px);--max:1320px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3,.display{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;font-weight:600;line-height:1.02}h1{font-size:clamp(44px,8vw,112px)}h2{font-size:clamp(34px,5vw,68px)}h3{font-size:clamp(22px,2.2vw,30px)}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.section{padding:clamp(72px,11vw,150px) 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px;font-size:13px;font-weight:600;display:inline-block}.lede{max-width:34em;color:var(--ink);font-size:clamp(19px,1.7vw,23px);line-height:1.55}.muted{color:var(--ink-soft)}.hl{background:linear-gradient(transparent 58%, var(--yellow) 58%, var(--yellow) 92%, transparent 92%);padding:0 .08em}.melt{mix-blend-mode:multiply}.btn{background:var(--ink);color:var(--paper);transition:transform .4s var(--ease), background .3s;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:600;display:inline-flex}.btn:hover{background:#000;transform:translateY(-3px)rotate(-1.5deg)}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn .arrow{transition:transform .4s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.header{z-index:50;transition:transform .5s var(--ease), background .3s;position:fixed;inset:0 0 auto}.header.hidden{transform:translateY(-100%)}.header.solid{background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .wrap{justify-content:space-between;align-items:center;height:76px;display:flex}.header .logo img{width:auto;height:46px;transition:transform .5s var(--ease)}.header .logo:hover img{transform:rotate(-4deg)scale(1.06)}.nav{align-items:center;gap:6px;display:flex}.nav a{border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;transition:background .3s;position:relative}.nav a:hover{background:var(--yellow-soft)}.nav a.active{background:var(--yellow)}.menu-btn{background:var(--yellow);border-radius:50%;width:44px;height:44px;display:none}.menu-btn span{background:var(--ink);width:18px;height:2px;margin:4px auto;transition:transform .3s;display:block}@media (max-width:820px){.menu-btn{z-index:2;display:block;position:relative}.nav{background:var(--yellow);clip-path:circle(0% at calc(100% - 38px) 38px);transition:clip-path .7s var(--ease);flex-direction:column;justify-content:center;gap:4px;position:fixed;inset:0}.nav.open{clip-path:circle(150% at calc(100% - 38px) 38px)}.nav a{font-family:var(--font-display);font-size:40px;font-weight:600}.nav a.active,.nav a:hover{text-underline-offset:6px;background:0 0;text-decoration:underline;text-decoration-thickness:3px}.menu-btn.open span:first-child{transform:translateY(3px)rotate(45deg)}.menu-btn.open span:last-child{transform:translateY(-3px)rotate(-45deg)}}.curtain{z-index:100;pointer-events:none;background:var(--yellow);place-items:center;display:grid;position:fixed;inset:0}.curtain img{width:min(280px,50vw)}.hero{align-content:center;min-height:100svh;padding-top:90px;display:grid;position:relative}.hero video{aspect-ratio:16/9;object-fit:cover;width:min(1100px,100%);margin:0 auto}.hero-copy{text-align:center;margin-top:-2vw}.hero-copy p{max-width:30em;color:var(--ink-soft);margin:14px auto 0;font-size:clamp(18px,1.6vw,22px)}.scroll-cue{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:13px;position:absolute;bottom:26px;left:50%;translate:-50%}.marquee{background:var(--ink);color:var(--paper);margin:0 -10px;padding:22px 0;overflow:hidden;transform:rotate(-1.5deg)}.marquee-track{gap:40px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-track span{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:40px;font-size:clamp(26px,3.4vw,44px);font-weight:600;display:flex}.marquee-track span:after{content:"✺";color:var(--yellow)}@keyframes marquee{to{transform:translate(-50%)}}.split{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.split img{border-radius:var(--radius)}@media (max-width:820px){.split{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(18px,2.4vw,32px);display:grid}.card{text-align:left;width:100%;display:block}.card-media{border-radius:var(--radius);aspect-ratio:16/10;background:var(--line);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease), filter .5s}.card:hover .card-media img{transform:scale(1.07)}.card-media .play{background:var(--yellow);opacity:0;width:66px;height:66px;transition:scale .5s var(--ease), opacity .3s;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.6}.card:hover .play{opacity:1;scale:1}.card-meta{padding:14px 4px 0}.card-meta h3{font-size:22px}.card-meta p{color:var(--ink-soft);margin-top:4px;font-size:14px}.cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(26px,3vw,44px) clamp(18px,2.4vw,32px);display:grid}.cat{perspective:900px;display:block}.cat-media{aspect-ratio:4/5;border-radius:var(--radius);background:var(--line);transform:rotate(var(--tilt,-2deg));transition:transform .7s var(--ease), box-shadow .7s var(--ease);position:relative;overflow:hidden;box-shadow:0 0 #0000}.cat:nth-child(2n) .cat-media{--tilt:2.5deg}.cat:nth-child(3n) .cat-media{--tilt:-3.5deg}.cat:hover .cat-media{box-shadow:14px 18px 0 var(--yellow);transform:rotate(0)scale(1.03)}.cat-media img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.cat:hover .cat-media img{transform:scale(1.1)}.cat-count{background:var(--paper);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:14px;left:14px}.cat h3{align-items:center;gap:10px;margin-top:20px;display:flex}.cat h3 .arrow{transition:transform .5s var(--ease)}.cat:hover h3 .arrow{transform:translate(8px)rotate(-10deg)}.cat p{color:var(--ink-soft);margin-top:4px;font-size:15px}.services{border-top:2px solid var(--ink);position:relative}.service{border-bottom:2px solid var(--ink);transition:padding .5s var(--ease);grid-template-columns:80px 1fr 1fr auto;align-items:center;gap:24px;padding:clamp(22px,3vw,36px) 8px;display:grid;position:relative}.service:before{content:"";background:var(--yellow);transform-origin:bottom;transition:transform .5s var(--ease);z-index:-1;position:absolute;inset:0;transform:scaleY(0)}.service:hover:before{transform:scaleY(1)}.service:hover{padding-left:24px}.service .num{font-family:var(--font-display);color:var(--ink-soft);font-size:18px}.service h3{font-size:clamp(26px,3.4vw,48px)}.service p{color:var(--ink-soft);max-width:26em;font-size:15px}.service .arrow{transition:transform .5s var(--ease);font-size:28px}.service:hover .arrow{transform:rotate(-45deg)}.service-float{pointer-events:none;z-index:40;width:0;height:0;position:fixed;top:0;left:0}.service-float img{aspect-ratio:4/3;object-fit:cover;border:4px solid var(--paper);opacity:0;border-radius:16px;width:220px;position:absolute;translate:-50% -50%;box-shadow:0 18px 40px #0000002e}@media (max-width:820px){.service{grid-template-columns:44px 1fr auto}.service p{grid-column:2/4}.service-float{display:none}}.lightbox{z-index:90;padding:var(--gutter);background:#161412f7;place-items:center;display:grid;position:fixed;inset:0}.lightbox-inner{width:min(1100px,100%);max-height:100%;color:var(--paper);overflow:auto}.lightbox-frame{aspect-ratio:16/9;background:#000;border:0;border-radius:14px;width:100%}.lightbox-img{border-radius:14px;max-height:76vh;margin:0 auto}.lightbox-info{grid-template-columns:1.4fr 1fr;gap:32px;padding:24px 4px 8px;display:grid}.lightbox-info h3{font-size:30px}.lightbox-info p,.lightbox-info pre{color:#d8d2c4;margin-top:8px;font-size:15px}.lightbox-info pre{white-space:pre-wrap;font-family:inherit}.lightbox-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.lightbox-links a{background:var(--yellow);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.lightbox-process{gap:10px;margin-top:18px;padding-bottom:6px;display:flex;overflow-x:auto}.lightbox-process img{border-radius:10px;width:auto;height:120px}.lightbox-close{background:var(--yellow);width:52px;height:52px;color:var(--ink);z-index:91;transition:transform .4s var(--ease);border-radius:50%;font-size:26px;line-height:1;position:fixed;top:18px;right:18px}.lightbox-close:hover{transform:rotate(90deg)}@media (max-width:820px){.lightbox-info{grid-template-columns:1fr;gap:8px}}.people{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);display:grid}.person-photo{aspect-ratio:4/5;border-radius:var(--radius);background:var(--line);position:relative;overflow:hidden}.person-photo img{object-fit:cover;width:100%;height:100%;transition:opacity .5s, transform .9s var(--ease)}.person-photo video{object-fit:contain;background:var(--yellow-soft);opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.person:hover .person-photo video{opacity:1}.person:hover .person-photo img{transform:scale(1.06)}.person h3{margin-top:20px;font-size:36px}.person .role{color:var(--ink-soft)}.socials{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.socials a{border:2px solid var(--ink);transition:background .3s, transform .4s var(--ease);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}.socials a:hover{background:var(--yellow);transform:translateY(-2px)rotate(-2deg)}@media (max-width:720px){.people{grid-template-columns:1fr}}.brands{flex-wrap:wrap;gap:12px;display:flex}.brands a,.brands span{background:var(--paper);border:2px solid var(--ink);font-family:var(--font-display);transition:transform .4s var(--ease), background .3s;border-radius:999px;padding:12px 22px;font-size:clamp(18px,2vw,26px);font-weight:600}.brands>:hover{background:var(--yellow);transform:rotate(-3deg)scale(1.05)}.kinds{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.kind{border-radius:var(--radius);background:var(--yellow-soft);padding:28px}.kind h3{margin-bottom:10px}.kind p{color:var(--ink-soft);font-size:15px}@media (max-width:820px){.kinds{grid-template-columns:1fr}}.page-head{padding-top:clamp(130px,18vw,210px);padding-bottom:clamp(40px,6vw,80px)}.page-head h1 .word{display:inline-block}.back{gap:8px;margin-bottom:22px;font-weight:600;display:inline-flex}.back:hover{text-decoration:underline}.footer{background:var(--ink);color:var(--paper);border-radius:36px 36px 0 0;margin-top:40px;padding:clamp(64px,9vw,120px) 0 36px}.footer h2{color:var(--paper)}.footer h2 a{color:var(--yellow)}.footer h2 a:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:3px}.footer-row{color:#bdb6a6;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-top:64px;font-size:14px;display:flex}.footer-row nav{flex-wrap:wrap;gap:18px;display:flex}.footer-row a:hover{color:var(--yellow)}[data-reveal]{will-change:transform, opacity}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body{overflow-x:clip}.footer h2 a{overflow-wrap:anywhere}.service-thumbs,.touch-only{display:none}@media (hover:none){.hover-only{display:none}.touch-only{display:inline}.card .play{opacity:.92;scale:.75}.card.is-active .card-media img{transform:scale(1.07)}.card.is-active .play{opacity:1;scale:1}.cat.is-active .cat-media{box-shadow:10px 12px 0 var(--yellow);transform:rotate(0)scale(1.02)}.cat.is-active .cat-media img{transform:scale(1.08)}.cat.is-active h3 .arrow{transform:translate(8px)rotate(-10deg)}.person.is-active .person-photo video{opacity:1}.person.is-active .person-photo img{transform:scale(1.06)}.service.is-active:before{transform:scaleY(1)}.service.is-active .arrow{transform:rotate(-45deg)}.service.is-active .service-thumbs img:first-child{rotate:-6deg}.service.is-active .service-thumbs img:nth-child(3){rotate:5deg}}@media (max-width:820px){body{font-size:16px}.header .wrap{height:64px}.header .logo img{height:38px}.hero{min-height:auto;padding:84px 0 56px}.hero video{width:100vw;max-width:none;margin-left:calc(var(--gutter) * -1)}.hero-copy{margin-top:18px}.hero-copy p{font-size:18px}.scroll-cue{display:none}.marquee{padding:14px 0}.page-head{padding-top:110px;padding-bottom:36px}h1{font-size:clamp(40px,11.5vw,64px)}.service{grid-template-columns:34px 1fr auto;gap:6px 12px;padding:22px 4px}.service:hover{padding-left:4px}.service .arrow{grid-area:1/3;font-size:24px}.service p{grid-area:2/2/auto/4}.service-thumbs{grid-area:3/2/auto/4;gap:8px;margin-top:10px;display:flex}.service-thumbs img{aspect-ratio:4/3;object-fit:cover;width:calc(33.3333% - 5.33333px);transition:rotate .6s var(--ease);border-radius:10px}.cats{gap:40px}.cat-media{aspect-ratio:5/4}.lightbox{align-items:start;padding:72px 12px 12px}.lightbox-close{width:46px;height:46px;top:12px;right:12px}.lightbox-frame{border-radius:10px}.lightbox-info h3{font-size:24px}.person h3{font-size:30px}.brands a,.brands span{padding:10px 18px}.footer{border-radius:26px 26px 0 0}.footer h2{font-size:clamp(28px,8vw,44px)}.footer h2 a{font-size:.72em}.footer-row{flex-direction:column;align-items:start;margin-top:40px}}
