.page{--page-pad: 1.5rem;--chrome-pill-h: 3.25rem;--project-title-size: clamp(1.4rem, 2.8vw, 2.25rem);--project-head-h: max( var(--chrome-pill-h), calc(var(--project-title-size) * 1.2) );--chrome-tray-pad: .5rem;--chrome-tray-inner-h: calc( var(--chrome-pill-h) - 2 * var(--chrome-tray-pad) - 2px );--chrome-row-mid: calc(var(--page-pad) + var(--chrome-pill-h) / 2);position:relative;width:100%;height:100dvh;overflow:hidden;padding:var(--page-pad)}.site-head{position:fixed;inset:var(--grid-offset) 0 auto 0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 var(--grid-offset)}.brand__mark{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-black);color:var(--color-white);border-radius:.4rem;font-family:var(--font-heading);font-weight:700;font-size:1.15rem;font-style:italic;line-height:1}.nav{display:flex;align-items:center;gap:1.5rem}.btn{display:inline-flex;align-items:center;height:2.5rem;padding:0 1.15rem;border-radius:.5rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn--ghost{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-gray-lighter)}.btn--ghost:hover{border-color:var(--color-gray)}.btn--solid{background:var(--color-black);color:var(--color-white)}.btn--solid:hover{background:#000}.lang{display:flex;padding:.125rem;background:var(--color-white-darker);border-radius:.375rem}.lang__item{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.75rem;border-radius:.3333rem;opacity:.3;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;letter-spacing:-.04em;line-height:1;transition:opacity .2s ease,background .2s ease}.lang__item:hover{opacity:.6}.lang__item.is-active{opacity:1;background:var(--color-white-dark)}.s-hero{position:relative;z-index:2;display:flex;flex-direction:column;margin:0;justify-content:center;padding:0;width:100%;height:100%;background:var(--color-white);border-radius:1.5rem;overflow:hidden;text-align:center;cursor:none}.s__fluid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.b-fluid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.b-fluid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.b-cursor{position:absolute;top:0;left:0;z-index:7;pointer-events:none;will-change:transform}.b-cursor:before{content:"";position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--color-accent-lilac);border-radius:50%;transition:width .18s ease,height .18s ease,margin .18s ease,background .18s ease}.b-cursor.is-hover:before{width:40px;height:40px;margin:-20px 0 0 -20px;background:color-mix(in srgb,var(--color-accent-lilac) 55%,transparent)}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;padding:var(--page-pad);text-align:left;pointer-events:none}.chrome__eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.07em;line-height:1.5;text-transform:uppercase;color:var(--color-black)}.chrome__name,.chrome__statement{font-family:var(--font-heading);font-weight:800;line-height:1.04;letter-spacing:-.025em;text-transform:uppercase;color:var(--color-black)}.chrome__name{font-size:clamp(1.25rem,2.7vw,2.45rem)}.chrome__nav,.chrome__lang,.chrome__back,.beat__pad,.cdots__tpl,.picasso__tools,.picasso__palette,.picasso__sizes,.picasso__stickers,.picasso--corner .picasso__reset{background:linear-gradient(180deg,#ffffffbf,#ffffff80);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 30px #1f2d3624,inset 0 1px #ffffffd9}.chrome__nav,.chrome__lang{position:absolute;right:var(--page-pad);display:flex;align-items:center;gap:.3rem;height:var(--chrome-pill-h);padding:var(--chrome-tray-pad);border-radius:999px;pointer-events:auto}.chrome__lang{top:var(--page-pad)}.chrome__nav{bottom:var(--page-pad)}.chrome__link{display:inline-flex;align-items:center;gap:.55rem;height:var(--chrome-tray-inner-h);padding:0 1.35rem;border-radius:999px;font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;color:var(--color-black);filter:none;transition:background .2s ease,opacity .2s ease,filter 0s linear .4s}.chrome__link:hover{opacity:.8;filter:url(#nav-goo);transition:background .2s ease,opacity .2s ease,filter 0s linear 0s}.chrome__link.is-active{filter:url(#nav-goo)}.chrome__link-text{display:inline-block;filter:blur(0);transform:scale(1);transition:filter .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.chrome__link.is-active .chrome__link-text,.chrome__lang-btn.is-active .chrome__link-text,.chrome__link:hover .chrome__link-text,.chrome__lang-btn:hover .chrome__link-text{filter:blur(1.75px);transform:scale(1.12)}.chrome__goo{position:absolute;width:0;height:0;pointer-events:none}.chrome__link.is-active:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--color-accent-light)}.chrome__statement{grid-column:1 / -1;align-self:end;max-width:52%;margin:0;font-size:clamp(1rem,2.15vw,1.95rem)}.chrome__statement span{display:block}.u-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:2;width:100%;padding:0 1.5rem}.s__awards{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-black)}.s__award{display:flex;align-items:center;white-space:nowrap}.s__award:before{display:block;margin:0 .625rem;width:3px;height:3px;background:var(--color-accent);border-radius:999rem;content:""}.s__award:first-child:before{display:none}.u-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s__title{display:flex;justify-content:center;margin:1.5rem auto;width:100%}.s__logo{position:relative;display:block;width:min(56vw,100vh)}.s__mark{display:block;width:100%;height:auto}.s__mark--bg{fill:var(--color-white)}.s__mark--ink{position:absolute;left:0;top:0;fill:var(--color-black)}.s-hero.is-fluid-ready .s__title{opacity:0;transition:opacity 0s linear .35s}.s__text{max-width:27.55em;margin:0 auto;font-size:1.25rem;line-height:1.3;color:var(--color-black);text-wrap:balance}.s__clients{margin-top:3rem}.s__clients-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-black)}.s__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;margin:1rem 0 0;padding:0;list-style:none}.s__logo-item{font-family:var(--font-heading);font-weight:600;font-size:1.15rem;letter-spacing:.01em;color:var(--color-black)}@media (max-width: 767px){.btn--ghost,.lang{display:none}.s__awards{font-size:.75rem}.s__award:last-child{display:none}}.curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;--curtain-fill: var(--color-accent-light);background:var(--curtain-fill);transform:translateY(calc(-100% - 24vh));pointer-events:none;will-change:transform}.curtain:after{content:"";position:absolute;left:0;right:0;top:100%;height:24vh;background:var(--curtain-fill);border-radius:0 0 50% 50%/0 0 100% 100%}.curtain:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24vh;background:var(--curtain-fill);border-radius:50% 50% 0 0/100% 100% 0 0}.chrome__lead{align-self:start}.chrome__back{display:inline-flex;align-items:center;gap:.55rem;height:var(--chrome-pill-h);padding:0 1.35rem 0 1.1rem;color:var(--color-black);font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;border-radius:999px;pointer-events:auto;transition:transform .2s ease,opacity .2s ease}.chrome__back:hover{transform:translate(-2px);opacity:.75}.chrome__back svg{width:1.3rem;height:1.3rem;flex:none}.chrome__title{--title-gutter: 16rem;position:absolute;top:calc(var(--chrome-row-mid) - var(--project-title-size) * .6);left:0;right:0;width:fit-content;max-width:max(0px,calc(100% - var(--title-gutter) * 2));margin:0 auto;font-family:var(--font-heading);font-size:var(--project-title-size);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-1.2em);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:.1s}.chrome__title.is-in{opacity:1;transform:translate(0)}.chrome__lang-btn{display:inline-flex;align-items:center;height:var(--chrome-tray-inner-h);padding:0 1.15rem;border-radius:999px;font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--color-black);transition:background .2s ease,opacity .2s ease}.chrome__lang-btn:not(.is-active):hover{opacity:.8}.chrome__lang-goo{display:inline-block;filter:none;transition:filter 0s linear .4s}.chrome__lang-btn:hover .chrome__lang-goo,.chrome__lang-btn.is-active .chrome__lang-goo{filter:url(#nav-goo);transition:filter 0s linear 0s}.chrome__lang-btn.is-active{background:var(--color-accent-light);color:var(--color-black)}@media (max-width: 767px){.chrome__statement{max-width:100%;padding-bottom:5rem;font-size:clamp(1.05rem,6.2vw,2.1rem);text-wrap:balance;text-align:center;line-height:1.18}.chrome__nav{left:var(--page-pad);right:var(--page-pad);width:max-content;max-width:calc(100% - var(--page-pad) * 2);margin-inline:auto;flex-wrap:nowrap}.chrome__link,.chrome__lang-btn{padding:0 clamp(.3rem,2.2vw,.9rem);font-size:clamp(.7rem,3.5vw,1.05rem)}.chrome__link{gap:.3rem;white-space:nowrap}.chrome__link.is-active .chrome__link-text,.chrome__lang-btn.is-active .chrome__link-text,.chrome__link:hover .chrome__link-text,.chrome__lang-btn:hover .chrome__link-text{transform:scale(1.09)}.chrome__link.is-active .chrome__link-text,.chrome__lang-btn.is-active .chrome__link-text{filter:blur(1px)}.chrome__link:hover .chrome__link-text,.chrome__lang-btn:hover .chrome__link-text{filter:blur(1.35px)}.chrome__link.is-active:before{width:.55rem;height:.55rem}.chrome__back{width:2.75rem;height:2.75rem;padding:0;justify-content:center;border-radius:50%}.chrome__back span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chrome__back svg{width:1.15rem;height:1.15rem}.chrome__title{--title-gutter: 6.5rem}}.about{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;padding:6rem 2rem 3rem;background:var(--color-white);text-align:center}.about__text,.pg__head,.pg__strip{position:relative;z-index:1}.u-trail{position:absolute;left:0;top:0;margin:0;width:min(17rem,26vw);border-radius:1rem;overflow:hidden;background:var(--color-white-darkest);pointer-events:none;opacity:0;transition:opacity .4s ease;will-change:transform}.u-trail.is-following{opacity:1}.pg:has(.pg__card:hover) .u-trail.is-following{opacity:0}.u-trail img{display:block;width:100%;height:auto}@media (hover: none),(prefers-reduced-motion: reduce){.u-trail{position:static;width:min(20rem,70vw);margin:2.5rem auto 0;opacity:1}}.about__inner{width:100%;max-width:52rem}.about__eyebrow,.pg__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--color-black);filter:url(#nav-goo)}.about__eyebrow span,.pg__eyebrow span{display:inline-block;filter:blur(2.1px);transform:scale(1.14);transform-origin:left center}.about__eyebrow:before,.pg__eyebrow:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--color-accent-light)}.about__heading{margin:1.25rem 0 0;font-family:var(--font-heading);font-size:clamp(1.75rem,3.6vw,2.9rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--color-black)}.about__line{display:block;transform:translateY(.5em);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:calc(.12s + var(--i) * .09s)}.about.is-in .about__line{transform:translateY(0);opacity:1}.about__body{max-width:34rem;margin:2rem auto 0;padding-top:2rem;border-top:1px solid var(--color-gray-lighter);font-size:1.05rem;line-height:1.55;color:var(--color-black);opacity:0;transform:translateY(.5em);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:.42s}.about.is-in .about__body{opacity:1;transform:translateY(0)}.about__body p+p{margin-top:1.1em}.about__links{max-width:34rem;margin:2rem auto 0;padding-top:2rem;border-top:1px solid var(--color-gray-lighter);list-style:none;opacity:0;transform:translateY(.5em);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:.42s}.about.is-in .about__links{opacity:1;transform:translateY(0)}.about__link{display:inline-flex;align-items:center;gap:.4rem;margin:.35rem 0;font-family:var(--font-heading);font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:600;letter-spacing:-.01em;color:var(--color-black);transition:opacity .2s ease}@media (hover: hover){.about__link:hover{opacity:.6}}.about__link svg{width:.85em;height:.85em}.about__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.5rem;max-width:34rem;margin:1.25rem auto 0;list-style:none;opacity:0;transition:opacity .6s ease;transition-delay:.54s}.about.is-in .about__meta{opacity:1}.about__meta-link{font-family:var(--font-text);font-size:.875rem;font-weight:500;color:var(--color-black);text-decoration:underline;text-underline-offset:.25em;text-decoration-color:currentColor;transition:color .2s ease,text-decoration-color .2s ease}@media (hover: hover){.about__meta-link:hover{color:var(--color-white);text-decoration-color:currentColor}}.about__meta-link:focus-visible{color:var(--color-black);text-decoration-color:currentColor}.about__sections{max-width:48rem;margin:1.75rem auto 0;text-align:center;text-wrap:balance}.about__section{opacity:0;transform:translateY(.5em);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:calc(.34s + var(--i) * .06s)}.about.is-in .about__section{opacity:1;transform:translateY(0)}.about__section+.about__section{margin-top:1.75rem}.about__section h3{margin:0 0 .5rem;font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--color-black)}.about__section p{margin:0 0 .55rem;font-size:.9375rem;line-height:1.6;color:var(--color-black);overflow-wrap:anywhere}.about__section p:last-child{margin-bottom:0}.pg{--pg-gap: 1.5rem;--pg-inset: 1.5rem;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:8rem 0 0;background:var(--color-white)}.pg__head{padding:0 var(--pg-inset);text-align:left}.pg__heading{margin:.9rem 0 0;font-family:var(--font-heading);font-size:clamp(1.75rem,3.6vw,2.9rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--color-black)}.pg__line{display:block;transform:translateY(.5em);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:calc(.12s + var(--i) * .08s)}.pg.is-in .pg__line{transform:translateY(0);opacity:1}.pg__strip{flex:1 0 auto;display:flex;align-items:center;margin-top:2.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab}.pg__strip::-webkit-scrollbar{display:none}.pg__strip:active{cursor:grabbing}.pg__track{display:flex;gap:var(--pg-gap);padding:0 var(--pg-inset);margin:0;list-style:none;width:100%}.pg__item{flex:0 0 calc((100% - 3 * var(--pg-gap)) / 4);min-width:0;transform:translateY(1rem);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:calc(.35s + var(--i) * .09s)}.pg.is-in .pg__item{transform:translateY(0);opacity:1}.pg__card{position:relative;display:block;width:100%;height:clamp(11rem,20vw,15rem);border-radius:.75rem;overflow:hidden;text-align:left;color:var(--color-black);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:transform .35s cubic-bezier(.22,1,.36,1)}.pg__card:hover{transform:translateY(-6px)}.pg__card-title{position:absolute;left:1rem;bottom:1.6rem;font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}@media (max-width: 767px){.pg__strip{display:block;flex:0 0 auto;overflow:visible;cursor:default}.pg__track{flex-direction:column;width:100%}.pg__item{flex:0 0 auto;width:100%}.pg__card{height:7.5rem}.pg{padding:6rem 0 5rem}}.pg__card-tag{position:absolute;left:1rem;bottom:.9rem;font-size:.625rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;opacity:.85}.project{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;padding:calc(var(--page-pad) + var(--project-head-h) + 1.2rem) 2rem 3rem;background:var(--color-white);text-align:center}.project__inner:has(.picasso){max-width:50rem}.project:has(.cdots),.project:has(.picasso--corner){padding-left:var(--page-pad);padding-right:var(--page-pad);padding-bottom:var(--page-pad)}.project__inner:has(.cdots),.project__inner:has(.picasso--corner){max-width:none;align-self:stretch}.project__inner{width:100%;max-width:46rem;opacity:0;transform:translateY(.6em);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:.1s}.project.is-in .project__inner{opacity:1;transform:translateY(0)}.cdots{display:flex;flex-direction:column;width:100%;min-height:100%;margin:0;--cdots-ink: var(--color-accent-light)}.cdots__head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;align-self:flex-start}.cdots__templates{display:flex;flex-wrap:wrap;gap:.75rem}.cdots__tpl{display:inline-flex;align-items:center;gap:.55rem;height:var(--chrome-pill-h);padding:0 1.35rem;color:var(--color-black);font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;border-radius:999px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.cdots__tpl:not(.is-active):hover{transform:translateY(-2px);opacity:.75}.cdots__tpl.is-active{background:var(--color-accent-light)}.cdots__board{display:block;width:min(100%,calc((100dvh - 10.45rem - var(--chrome-pill-h) - 1.25rem) * 452 / 336));aspect-ratio:452 / 336;margin:auto;background:none;touch-action:none;cursor:crosshair}.cdots__fill{fill:var(--cdots-ink);opacity:.55}.cdots__ink{fill:none;stroke:var(--cdots-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cdots__ink--draft{opacity:.45}.cdots__dot{pointer-events:none}.cdots__ring{fill:var(--color-black);stroke:none}.cdots__dot text{font-family:var(--font-mono);font-size:6.2px;font-weight:700;text-anchor:middle;dominant-baseline:central;fill:var(--color-white);pointer-events:none;-webkit-user-select:none;user-select:none}.cdots__dot--next .cdots__ring{stroke:var(--cdots-ink);stroke-width:2}.cdots__halo{fill:var(--cdots-ink);opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}.cdots__dot--next .cdots__halo{animation:cdots-pulse 1.3s ease-out infinite}@keyframes cdots-pulse{0%{transform:scale(1);opacity:.45}to{transform:scale(2.4);opacity:0}}.cdots__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cdots__redo{width:1.3rem;height:1.3rem;flex:none}.cdots__redo path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.picasso{margin:0 auto;width:100%;max-width:50rem}.picasso--corner{display:flex;flex-direction:column;max-width:none;min-height:100%;margin:0}.picasso--corner .picasso__board{width:min(100%,calc(100dvh - 20.25rem));max-width:none;margin:auto;background:none;border:0;border-radius:0}.picasso__controls{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1.25rem}.picasso__row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.picasso__controls .picasso__tools{margin:0}.picasso--corner .picasso__tools,.picasso--corner .picasso__palette,.picasso--corner .picasso__sizes,.picasso--corner .picasso__stickers,.picasso--corner .picasso__reset{height:var(--chrome-pill-h)}.picasso--corner .picasso__tools,.picasso--corner .picasso__palette,.picasso--corner .picasso__sizes,.picasso--corner .picasso__stickers{padding:0 .5rem;gap:.3rem;margin:0;flex-wrap:nowrap}.picasso--corner .picasso__tool{height:var(--chrome-tray-inner-h);padding:0 1.35rem;font-size:1.0625rem;letter-spacing:-.01em}.picasso--corner .picasso__swatch,.picasso--corner .picasso__size,.picasso--corner .picasso__sticker{width:2.25rem;height:2.25rem}.picasso--corner .picasso__reset{padding:0 1.35rem;font-size:1.0625rem;letter-spacing:-.01em;border:0}.picasso--corner .picasso__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.picasso__tools{display:flex;align-items:center;width:max-content;margin:0 auto 1.15rem;padding:.375rem;gap:.25rem;border-radius:999px}.picasso__tool{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-black);transition:background .2s ease,opacity .2s ease}.picasso__tool:not(.is-active):hover{opacity:.55}.picasso__tool.is-active{background:var(--color-accent-light);color:var(--color-black)}.picasso__tool svg{width:1rem;height:1rem}.picasso__palette{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:.375rem;gap:.375rem;border-radius:999px}.picasso__swatch{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--color-gray-lighter);box-shadow:inset 0 0 0 2px var(--color-white);transition:transform .15s ease,box-shadow .15s ease}.picasso__swatch:hover{transform:translateY(-2px)}.picasso__swatch.is-active{box-shadow:inset 0 0 0 2px var(--color-white),0 0 0 2px var(--color-black)}.picasso__swatch--erase{background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23656565' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 19.5 4 15a1.5 1.5 0 0 1 0-2.1l7.4-7.4a1.5 1.5 0 0 1 2.1 0l4.5 4.5a1.5 1.5 0 0 1 0 2.1L11 19.5Zm0 0H20'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:58%;margin-right:.35rem}.picasso__board{position:relative;aspect-ratio:1;display:block;width:min(100%,32rem);height:auto;margin:0 auto;border-radius:1rem;background:var(--color-white-dark);border:1px solid var(--color-gray-lighter);touch-action:none;overflow:hidden;cursor:pointer}.picasso__canvas,.picasso__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.picasso__art{pointer-events:none;-webkit-user-select:none;user-select:none}.picasso__board.is-brush{cursor:crosshair}.picasso__board.is-sticker{cursor:copy}.picasso__stroke{pointer-events:none}.picasso__stickers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;padding:.375rem;gap:.375rem;border-radius:999px}.picasso__sticker{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;font-size:1.15rem;line-height:1;border-radius:50%;transition:background .2s ease,opacity .2s ease}.picasso__sticker:not(.is-active):hover{opacity:.55}.picasso__sticker.is-active{background:var(--color-accent-light)}.face__base{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.face__sticker{pointer-events:none;-webkit-user-select:none;user-select:none}.face__stamp.is-locked{pointer-events:none}.face__stamp-hit{fill:transparent;cursor:move}.face__stamp{--stamp-edge: var(--color-black)}.face__stamp-box{fill:none;stroke:var(--color-accent-light);stroke-width:.5;stroke-dasharray:1.5 1.2;pointer-events:none}.face__stamp-target{fill:transparent}.face__stamp-handle{cursor:nwse-resize}.face__stamp-rot{cursor:grab}.face__stamp-rot:active{cursor:grabbing}.face__stamp-knob{fill:var(--color-accent-light);stroke:var(--stamp-edge);stroke-width:.45}.face__stamp-rot-glyph{fill:none;stroke:var(--stamp-edge);stroke-width:.42;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.face__stamp-del{cursor:pointer}.face__stamp-del-disc{fill:var(--color-accent-light);stroke:var(--stamp-edge);stroke-width:.45}.face__stamp-del path{stroke:var(--stamp-edge);stroke-width:.55;stroke-linecap:round;pointer-events:none}.picasso__status{margin:0;font-size:.9375rem;color:var(--color-black)}.picasso__reset{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--color-gray-lighter);font-family:var(--font-heading);font-size:.8125rem;font-weight:700;color:var(--color-black);transition:border-color .2s ease,background .2s ease}.picasso__reset:hover{border-color:var(--color-gray);background:var(--color-white)}.picasso__send.is-idle,.picasso__send.is-error{background:var(--color-accent-light)}.picasso__send.is-sent{background:var(--color-accent-light);opacity:1}.picasso__send:disabled{cursor:default}.picasso__send.is-working{opacity:.7}.beat{margin:2rem auto 0;width:100%;max-width:30rem}.beat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.beat__pad{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;aspect-ratio:1;padding:.6rem;border-radius:.9rem;color:var(--color-black);text-align:left;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .06s ease,background .09s ease,box-shadow .12s ease}.beat__pad:hover{transform:translateY(-2px)}.beat__pad.is-hit{background:var(--pad);transform:scale(.93);box-shadow:0 0 0 3px color-mix(in srgb,var(--pad) 35%,#fff),0 8px 20px color-mix(in srgb,var(--pad) 55%,transparent)}.beat__key{font-family:var(--font-mono);font-size:.7rem;font-weight:700;opacity:.6}.beat__label{font-family:var(--font-heading);font-size:.8rem;font-weight:700;line-height:1.05}.beat__hint{margin:1.25rem 0 0;text-align:center;font-size:.8125rem;color:var(--color-black)}@media (max-width: 767px){.pg{padding-top:6rem}.pg__head,.pg__track{padding-left:1.25rem;padding-right:1.25rem}.beat__label{font-size:.7rem}.cdots__head,.cdots__templates,.picasso__row{align-self:center;justify-content:center}.picasso__controls{align-items:center}.cdots__dot{transform-box:fill-box;transform-origin:center;transform:scale(1.35)}.project:has(.cdots),.project:has(.picasso--corner){padding-bottom:calc(var(--page-pad) * 2 + var(--chrome-pill-h) + .75rem)}.picasso--corner .picasso__tool,.picasso--corner .picasso__reset{padding:0 clamp(.3rem,2.2vw,.9rem);font-size:clamp(.7rem,3.5vw,1.05rem)}.picasso--corner .picasso__swatch,.picasso--corner .picasso__size,.picasso--corner .picasso__sticker{width:1.9rem;height:1.9rem}.picasso--corner .picasso__stickers{height:auto;padding:.375rem .5rem;flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.about__line,.about__body,.about__links,.about__meta,.about__section,.pg__line,.pg__item,.project__inner,.chrome__title{transition:none;opacity:1;transform:none}.cdots__dot--next .cdots__halo{animation:none}.chrome__link:not(.is-active):hover,.chrome__link:not(.is-active):hover .chrome__link-text,.chrome__lang-btn:not(.is-active):hover .chrome__lang-goo,.chrome__lang-btn:not(.is-active):hover .chrome__link-text{filter:none}}@media (max-width: 767px){.page{--page-pad: .65rem;--chrome-pill-h: 2.75rem;--project-title-size: clamp(1.05rem, 4.4vw, 1.4rem)}.s-hero{border-radius:1rem}.u-container{padding:0 var(--page-pad)}.s__logo{width:min(92%,100vh)}.chrome__eyebrow{font-size:.75rem}.chrome__name{font-size:clamp(1.4rem,7.6vw,2.3rem)}.chrome__statement span{display:inline}.about{padding:5rem 1.25rem 5.5rem}.about__body{margin-top:1.5rem;padding-top:1.5rem;font-size:.95rem}.project{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:2.5rem}.pg{--pg-inset: 1rem}}@media (hover: none){.b-cursor{display:none}.s-hero{cursor:auto}}@media (hover: none) and (prefers-reduced-motion: no-preference){.u-trail{opacity:0;transform:translateY(.6em);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:.55s}.about.is-in .u-trail,.pg.is-in .u-trail{opacity:1;transform:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:var(--color-white);transition:opacity .5s ease,visibility 0s linear 0s}.loader.is-done{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.loader__pct{margin:0;font-family:var(--font-heading);font-size:clamp(2.5rem,9vw,6rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--color-black);font-variant-numeric:tabular-nums}.s-hero{opacity:0;transition:opacity .7s ease .15s}.page.is-loaded .s-hero{opacity:1}.chrome__eyebrow,.chrome__name,.chrome__statement,.chrome__nav,.chrome__lang{opacity:0;transform:translateY(.75rem);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.page.is-loaded .chrome__eyebrow,.page.is-loaded .chrome__name,.page.is-loaded .chrome__statement,.page.is-loaded .chrome__nav,.page.is-loaded .chrome__lang{opacity:1;transform:none}.page.is-loaded .chrome__eyebrow{transition-delay:.28s}.page.is-loaded .chrome__name{transition-delay:.36s}.page.is-loaded .chrome__statement{transition-delay:.48s}.page.is-loaded .chrome__nav{transition-delay:.58s}.page.is-loaded .chrome__lang{transition-delay:.66s}@media (prefers-reduced-motion: reduce){.loader,.loader.is-done,.s-hero,.chrome__eyebrow,.chrome__name,.chrome__statement,.chrome__nav,.chrome__lang{transition:none}.chrome__eyebrow,.chrome__name,.chrome__statement,.chrome__nav,.chrome__lang{opacity:1;transform:none}}.picasso__sizes{display:flex;align-items:center;justify-content:center;width:fit-content;padding:.375rem;gap:.375rem;border-radius:999px}.picasso__size{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;transition:background .2s ease,opacity .2s ease}.picasso__size:not(.is-active):hover{opacity:.55}.picasso__size.is-active{background:var(--color-accent-light)}.picasso__size-dot{display:block;border-radius:50%;background:var(--color-black)}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/poppins-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/poppins-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-black: #000;--color-white: #fff;--color-white-dark: #fafafa;--color-white-darker: #f1f1f1;--color-white-darkest: #eaeaea;--color-gray-lighter: #dedede;--color-gray-light: #d7d7d7;--color-gray: #a2a2a2;--color-gray-dark: #656565;--color-accent: #7ab648;--color-accent-light: #ccfd99;--color-accent-lilac: #d5bafb;--font-heading: "Poppins", "Helvetica Neue", Arial, sans-serif;--font-text: "Poppins", "Helvetica Neue", Arial, sans-serif;--font-mono: "Space Mono", "SFMono-Regular", ui-monospace, monospace;--grid-offset: 1.5rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{height:100%}body{overflow:hidden;background:var(--color-white);color:var(--color-black);font-family:var(--font-text);font-weight:400;line-height:1.3}::selection{background:var(--color-accent-light);color:var(--color-black)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}