@font-face{font-family:Anonymous;src:url('assets/anonymous-pro.woff');font-display:swap}
@font-face{font-family:Unbounded;src:url('assets/unbounded-semibold.woff');font-weight:600;font-display:swap}
@font-face{font-family:Unbounded;src:url('assets/unbounded-extrabold.woff');font-weight:800;font-display:swap}
:root{--purple:#6725d8;--acid:#c1f600;--ink:#101010;--heading:Unbounded,Arial,sans-serif;--body:Anonymous,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:white;font:400 20px/1.45 var(--body)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:var(--heading);font-weight:800}h2{font-size:clamp(30px,calc(3.4 * var(--layout-unit)),49px);line-height:1.22;letter-spacing:-.045em;text-transform:uppercase}h2 span{color:var(--purple)}.wrap{padding-left:max(28px,calc((100% - 1240px)/2));padding-right:max(28px,calc((100% - 1240px)/2))}.space{padding-top:100px;padding-bottom:100px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:64px;background:var(--purple);color:white;border-bottom:1px solid #ffffff35}.logo{width:155px;height:auto}.header nav{display:flex;align-items:center;gap:26px;font:600 10px/1.5 var(--heading);text-transform:uppercase}.header nav a{padding:14px 0}.header nav a:last-child{color:inherit}.header nav a:hover{color:var(--acid)}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:660px;background:var(--purple);color:white;overflow:hidden;gap:24px}.hero-copy{position:relative;z-index:2;padding:70px 0 90px}.hero-logo{width:520px;max-width:100%;height:auto}.tagline{display:block;margin-top:8px;color:var(--acid);font:400 clamp(26px,calc(3 * var(--layout-unit)),40px)/1.2 var(--body);letter-spacing:.01em}.hero-copy>p{font-size:23px;line-height:1.45;margin-top:34px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:18px 22px;min-height:60px;border:2px solid transparent;border-radius:4px;font:800 11px/1.5 var(--heading);text-transform:uppercase;transition:transform .2s,background .2s}.button span{font-size:23px;line-height:1}.acid{background:var(--acid);color:#101010}.outline{border-color:var(--acid);color:var(--acid)}.button:hover{transform:translateY(-3px);background:white;color:var(--purple)}.hero-art{position:relative;height:100%;min-height:650px;pointer-events:none}.duck-composition{position:absolute;isolation:isolate;width:735px;aspect-ratio:1680/1568;left:-27px;bottom:-80px}.type-duck{position:relative;z-index:2;width:100%;height:auto}.round-text-window{position:absolute;z-index:1;left:13.5%;top:8%;width:22%;translate:-50% -50%;clip-path:polygon(50% 50%,100% 70%,100% 0,0 0,0 100%,50% 100%)}.round-text{width:100%;height:auto;transform:rotate(-20deg);transform-origin:center;animation:round-text-spin 20s linear infinite}@keyframes round-text-spin{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}.about{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.07em;margin-bottom:25px}.about-copy p+p{margin-top:22px}.intro{font-size:25px;font-weight:bold}.duck-divider{--divider-tile-width:1219.047619048px;height:60px;background:#b7fb00 url('assets/duck-strip.4d4a649d1d.webp') repeat-x 0 center;background-size:auto 60px;animation:duck-divider-scroll 20.211875891s linear infinite}@keyframes duck-divider-scroll{to{background-position-x:var(--divider-tile-width)}}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:46px}.text-link{font-size:17px;border-bottom:1px solid var(--purple);padding-bottom:6px}.text-link:hover{color:var(--purple)}.collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.collection{position:relative;display:flex;flex-direction:column;min-width:0;height:350px;border-radius:34px;background:var(--purple);color:white;padding:28px 22px 0;overflow:hidden;transition:transform .2s}.collection:nth-child(2){background:#5721b4}.collection:nth-child(3){background:#7838df}.collection:nth-child(4){background:#452088}.card-copy{z-index:1}.collection h3{font-size:clamp(13px,calc(1.4 * var(--layout-unit)),19px);letter-spacing:-.04em;line-height:1.4}.collection p{font-size:18px;line-height:1.25;margin-top:9px;max-width:215px;min-height:46px}.collection:hover{transform:translateY(-6px)}.card-arrow{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:28px}.production{background:#f5f2fa;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.production-copy>p:last-child{margin-top:30px}.production figure{margin:0;position:relative}.production figure{min-width:0}.production-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#101010}.production-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.production figcaption{font-size:15px;margin-top:14px}.community{position:relative;text-align:center}.community>p{margin:30px auto 35px;font-size:23px}.socials{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.socials a{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px}.socials img{width:68px;height:68px;object-fit:contain;transition:transform .2s}.socials a:hover img{transform:rotate(-10deg) scale(1.1)}.partner{position:relative;display:flex;justify-content:space-between;gap:40px;align-items:center;background:var(--purple);color:white;overflow:hidden}.partner h2 span{color:var(--acid)}.partner p{max-width:690px;margin:28px 0 32px;font-size:23px}.partner-duck{width:250px;height:auto;flex-shrink:0;color:var(--acid)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:35px;padding-bottom:35px;background:#111;color:white;font-size:14px}footer>a:not(:first-child){color:var(--acid)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:10;padding:14px;background:var(--acid);color:black}:focus-visible{outline:3px solid #a62bf4;outline-offset:5px}.hero :focus-visible,.header :focus-visible,.partner :focus-visible{outline-color:white}
@container page (min-width:1500px){.hero{min-height:710px}.hero-art{min-height:710px}}
@container page (max-width:1050px){.header nav{gap:16px;font-size:9px}.hero-copy>p{font-size:21px}.hero{min-height:590px}.hero-art{min-height:590px}.duck-composition{left:-25px;width:630px}.about{gap:35px}.collections{gap:15px}.collection{padding:24px 16px 0;height:330px}.collection p{font-size:16px}.production{gap:30px}.partner-duck{width:170px}}
@container page (max-width:760px){.wrap{padding-left:22px;padding-right:22px}.space{padding-top:65px;padding-bottom:65px}.header{padding-top:12px;padding-bottom:10px;flex-wrap:wrap;gap:8px}.header .logo{width:130px}.header nav{width:100%;gap:18px;overflow-x:auto;white-space:nowrap;font-size:9px}.header nav a{padding:8px 0}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:45px 0 0;max-width:580px}.hero-logo{width:420px}.tagline{font-size:30px}.hero-copy>p{font-size:21px;margin-top:25px}.actions{margin-top:25px}.hero-art{min-height:350px;height:350px;width:min(100%,480px);justify-self:center}.duck-composition{width:100%;left:15%;bottom:-70px}.about,.production{grid-template-columns:1fr;gap:30px}h2{font-size:clamp(26px,calc(5.3 * var(--layout-unit)),39px)}.about-copy p{font-size:20px}.about-copy .intro{font-size:23px}.eyebrow{margin-bottom:18px;font-size:12px}.collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.collection{height:350px;padding:24px 20px 0}.collection h3{font-size:15px}.collection p{font-size:18px}.section-top{align-items:start;flex-direction:column;margin-bottom:30px}.community>p{font-size:20px}.socials{gap:24px}.socials img{width:60px;height:60px}.partner-duck{display:none}.partner p{font-size:20px}footer{flex-wrap:wrap;font-size:13px}footer p{width:55%}.duck-divider{--divider-tile-width:914.285714286px;height:45px;background-size:auto 45px}}
@container page (max-width:420px){.wrap{padding-left:18px;padding-right:18px}.hero-logo{width:100%}.tagline{font-size:26px}.hero-copy>p{font-size:18px}.actions{display:grid;grid-template-columns:1fr}.button{font-size:11px;justify-content:space-between}.hero-art{height:300px;min-height:300px}.collections{gap:12px}.collection{height:280px;padding:20px 12px 0;border-radius:23px}.collection h3{font-size:11px;letter-spacing:-.045em}.collection p{font-size:16px;min-height:58px}.card-arrow{width:32px;height:32px;right:12px;bottom:12px;font-size:23px}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 20px}.community>p{font-size:18px}.partner h2{font-size:25px}footer .logo{width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Mobile navigation stays fully visible without a horizontal scroll strip. */
@container page (max-width:760px){.header nav{flex-wrap:wrap;overflow:visible;gap:4px 20px}.header nav a{min-height:32px;display:flex;align-items:center}}

@container page (max-width:760px){.hero-art{margin-top:60px}}

/* One evenly sized row inside the original collection cards. */
.can-group{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:center;margin:18px -8px 48px}
.can-group img{width:100%;height:auto;aspect-ratio:0.39;object-fit:fill;filter:drop-shadow(1px 3px 2px #0003)}
@container page (max-width:420px){.can-group{gap:4px;margin:12px -5px 42px}}

/* A gentle floating motion for the partner mascot. */
.partner-duck{transform-origin:50% 75%;animation:partner-duck-float 4.8s ease-in-out infinite}
@keyframes partner-duck-float{
  0%,100%{transform:translateY(0) rotate(-5deg)}
  25%{transform:translateY(-12px) rotate(1deg)}
  50%{transform:translateY(-5px) rotate(5deg)}
  75%{transform:translateY(-15px) rotate(-1deg)}
}
@media(prefers-reduced-motion:reduce){.partner-duck{animation:none;transform:none}}

.header-wordmark{font:700 23px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.025em;white-space:nowrap}
@container page (max-width:760px){.header-wordmark{font-size:21px}}

/* The duck stays still; only its speech bubble moves. */
.community{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);column-gap:42px;align-items:center;text-align:left;overflow:hidden}
.community-mascot{grid-column:1;grid-row:1 / 4;width:100%;height:auto;align-self:end;overflow:visible}
.community>h2,.community>p,.community>.socials{grid-column:2}
.community>h2{font-size:clamp(28px,calc(2.8 * var(--layout-unit)),40px)}
.community>p{margin:26px 0 32px}
.community .socials{justify-content:flex-start}
.duck-speech{transform-box:view-box;transform-origin:365px 239px;animation:duck-speech-talk 3.4s ease-in-out infinite}
@keyframes duck-speech-talk{0%,100%{transform:rotate(-3deg) scale(1)}45%{transform:rotate(3deg) scale(1.045)}70%{transform:rotate(0deg) scale(1.015)}}
@container page (max-width:760px){.community{grid-template-columns:1fr;text-align:center;row-gap:0}.community>h2,.community>p,.community>.socials{grid-column:1}.community>h2{grid-row:1}.community>p{grid-row:2}.community>.socials{grid-row:3;justify-content:center}.community-mascot{grid-column:1;grid-row:4;width:220px;justify-self:center;margin-top:30px;margin-bottom:-65px}}
@media(prefers-reduced-motion:reduce){.duck-speech{animation:none;transform:none}}

.duck-trail{position:absolute;right:2%;top:18px;bottom:18px;width:20%;pointer-events:none;color:#a078e6}
.duck-step{position:absolute;width:32%;height:auto;aspect-ratio:1;fill:currentColor}
.duck-trail.is-ready .duck-step{opacity:0}
.duck-trail.is-visible .duck-step{animation:duck-step-appear 6s ease-in-out infinite both;animation-delay:calc(var(--step) * .45s)}
@keyframes duck-step-appear{0%,60%,100%{opacity:0}18%,50%{opacity:.75}}
@container page (max-width:1050px){.duck-trail{width:15%;right:12px}}
@container page (max-width:760px){.duck-trail{width:90px;right:8px;top:auto;bottom:20px;height:220px}}
@media(prefers-reduced-motion:reduce){.duck-trail.is-ready .duck-step{opacity:.75}.duck-trail.is-visible .duck-step{animation:none}}

/* Reserve a separate lane for footprints so text and links never sit beneath them. */
@container page (min-width:761px){.community{padding-right:24%}.community>h2,.community>p,.community>.socials{min-width:0;overflow-wrap:break-word}}
@container page (min-width:761px) and (max-width:1050px){.community{padding-right:calc(15% + 32px);column-gap:28px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr)}}
/* Compact navigation slides in after leaving the top of the homepage. */
.header{position:fixed;z-index:100;top:0;left:0;width:var(--layout-width);min-height:48px;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform .3s ease,visibility .3s}
.header.is-visible{transform:translateY(0);visibility:visible;pointer-events:auto}
.header nav a{padding:10px 0}
.header-wordmark{font-size:20px}
@container page (max-width:760px){.header{padding-top:8px;padding-bottom:6px;gap:2px}.header-wordmark{font-size:18px}.header nav a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}
/* Center the wordmark and navigation together in the header. */
.header{justify-content:center;align-items:center}
.header nav{justify-content:center;align-items:center;text-align:center}
.header-wordmark{text-align:center}
@container page (max-width:760px){.header nav{justify-content:safe center}}
.header-wordmark{font-family:var(--heading);font-weight:800;letter-spacing:-.045em;color:#fff}.header-wordmark span{color:var(--acid)}
.hero .actions .button span{display:none}
.hero{margin-top:var(--header-height,48px)}

/* Universe cards: four distinct worlds, native horizontal gallery, and scroll-linked characters. */

/* Universe cards: supplied artwork, fixed product layering and scroll-revealed characters. */
.universe{overflow:hidden}
.collections{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--purple) #eee;padding:0 0 10px;cursor:grab}
.collections:active{cursor:grabbing}
.collections:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
.collection{isolation:isolate;overflow:hidden;width:100%;height:clamp(320px,calc(25 * var(--layout-unit)),360px);scroll-snap-align:start;scroll-snap-stop:normal;transition:transform .25s ease,box-shadow .25s ease}
.collection--week{background:#24150f url('assets/universe-week.83a7e1a690.webp') center/100% 100% no-repeat!important;color:#fff!important}
.collection--cats{background:#fff url('assets/cats-background.02674f7bd7.webp') center/cover no-repeat!important}
.collection--limited{background:#294e71 url('assets/universe-limited.7aecf4d605.webp') center/100% 100% no-repeat!important}
.collection--collabs{background:#24150f url('assets/universe-collabs.12bae59d96.webp') center/100% 100% no-repeat!important;color:#fff!important}
.collection .card-copy{width:auto;max-width:none;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.collection .card-copy p{min-height:46px;margin-top:9px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.collection h3{font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.14)}
.collection--collabs .card-copy p,.collection--collabs h3{ text-shadow:0 1px 3px rgba(0,0,0,.6)}
.collection:before,.collection:after{content:none!important;display:none!important}
.card-copy{position:relative;z-index:3}
.can-group{position:relative;z-index:2}
.universe-character{position:absolute;z-index:1;bottom:0;height:auto;object-fit:contain;pointer-events:none;user-select:none;opacity:var(--character-opacity,0);transform:translate3d(0,var(--character-y,145%),0);transform-origin:50% 100%;will-change:transform,opacity}
.universe-character--cat{width:53%;max-width:55%;right:24%}
.universe-character--duck{width:44%;max-width:46%;right:12%}
.card-arrow{z-index:3;display:grid;background:var(--acid);color:var(--ink)}
.collection--week,.collection--cats,.collection--limited{color:white}
.collection--collabs .card-arrow{background:var(--acid);color:var(--ink)}
@media(pointer:fine){.collection:hover{transform:translateY(-4px);box-shadow:0 12px 28px #23144124}}
@container page (max-width:1050px){.collections{grid-template-columns:none;grid-auto-columns:48%;grid-auto-flow:column;gap:16px;scroll-padding-inline:2px}.collection{height:auto;aspect-ratio:4/5;min-height:390px}}
@container page (max-width:760px){.universe>.section-top{padding-right:0}.collections{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:14px;padding-right:0;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;scrollbar-width:none}.collections::-webkit-scrollbar{display:none}.collections{width:min(100%,680px);margin-inline:auto}.collection{height:clamp(430px,72svh,620px);padding:24px 20px 0;scroll-snap-align:none}.can-group{margin-top:18px}.universe-character--cat{width:48%;max-width:50%}.universe-character--duck{width:40%;max-width:42%}.collection h3{font-size:19.5px}}
@container page (max-width:420px){.universe>.section-top{padding-right:0}.collections{gap:12px;padding-right:0}.collection{height:clamp(420px,74svh,580px);padding:20px 12px 0}.collection p{min-height:58px}.collection h3{font-size:14.3px}}
@media(max-width:760px){.universe>.section-top{padding-right:0}.collections{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:14px;padding-right:0;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;scrollbar-width:none;width:min(100%,680px);margin-inline:auto}.collections::-webkit-scrollbar{display:none}.collection{height:clamp(430px,72svh,620px);padding:24px 20px 0;scroll-snap-align:none}.universe-character--cat{width:48%;max-width:50%}.universe-character--duck{width:40%;max-width:42%}.collection h3{font-size:19.5px}}
@media(max-width:420px){.universe>.section-top{padding-right:0}.collections{gap:12px;padding-right:0}.collection{height:clamp(420px,74svh,580px);padding:20px 12px 0}.collection p{min-height:58px}.collection h3{font-size:14.3px}}
@media(max-width:760px),(pointer:coarse) and (max-width:1050px){.collections{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:14px;padding-right:0;overflow:visible;scroll-snap-type:none;scrollbar-width:none;width:min(100%,680px);margin-inline:auto}.collections::-webkit-scrollbar{display:none}.collection{height:auto;aspect-ratio:4/5;min-height:420px;padding:24px 20px 0;scroll-snap-align:none}.collection h3{font-size:25px}.collection p{font-size:21px}.universe-character--cat{width:58%;max-width:60%}.universe-character--duck{width:48%;max-width:50%;right:13%}}
@media(max-width:420px){.collection h3{font-size:18.5px}.collection p{font-size:19px}}
@media(pointer:coarse) and (orientation:landscape) and (max-width:1050px){.collections{max-width:480px}}
.collections.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
@media(prefers-reduced-motion:reduce){.universe-character{will-change:auto}.collection{transition:none}}

/* Phone social links: two columns; decorative footprints stay hidden. */
@container page (max-width:760px){
  .community .socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;width:min(100%,340px);margin-inline:auto;justify-items:center}
  .community .socials a{width:100%;min-width:0}
  .community .duck-trail{display:none}
}
@media (pointer:coarse) and (max-width:1050px){
  .community .socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;width:min(100%,340px);margin-inline:auto;justify-items:center}
  .community .socials a{width:100%;min-width:0}
  .community .duck-trail{display:none}
}

/* The cat travels through a small opening just above the rounded card. */
.collections { padding-block-start: 12px; margin-block-start: -12px; }
.collection.collection--cats { overflow: visible; background-size: 100% 100% !important; }
.universe-cat-peek {
  position: absolute;
  z-index: 2;
  top: -9px;
  right: 7%;
  width: 56%;
  overflow: hidden;
  clip-path: inset(clamp(0px, calc(100px - 100px * var(--character-opacity, 0)), 22px) 0 0);
  pointer-events: none;
}
.universe-cat-peek .universe-character--cat {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: none;
  margin-top: -11.85%;
  transform-origin: center;
  transform: translateY(var(--character-y, -110%)) rotate(180deg);
}
.collection--cats .card-copy { z-index: 3; }

#universe .section-top > .button.acid:hover, #universe .section-top > .button.acid:focus-visible{background:var(--purple);color:#fff;border-color:var(--purple)}