@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dela-gothic-one-latin-400-normal-AgyGD05y.woff2)format("woff2"),url(/assets/dela-gothic-one-latin-400-normal-qxqiosUh.woff)format("woff")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/familjen-grotesk-latin-400-normal-DOvmqNol.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-400-normal-DYohiwGD.woff)format("woff")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/familjen-grotesk-latin-600-normal-DR8FYmV8.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-600-normal-Cchso0CV.woff)format("woff")}:root{--paper:oklch(95.5% .025 88);--pink:oklch(68% .24 352);--blue:oklch(47% .15 264);--ink:oklch(27% .06 268);--reg:3px;--mixbar-h:92px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:56px;--display:"Dela Gothic One", "Arial Black", sans-serif;--body:"Familjen Grotesk", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html{background:var(--paper);color:var(--ink)}body{font-family:var(--body);background:var(--paper);min-height:100vh;font-size:1rem;line-height:1.45;overflow-x:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#culture{mix-blend-mode:multiply;pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.grain{pointer-events:none;z-index:5;mix-blend-mode:multiply;opacity:.4;background-image:url(/grain.svg);position:fixed;inset:0}.flyer{z-index:1;max-width:1280px;padding:clamp(16px, 3vw, 40px) clamp(16px, 3.5vw, 48px) var(--space-lg);gap:var(--space-lg);grid-template-columns:minmax(0,1fr);grid-template-areas:"presents""name""mixes""prints""jars""cause""tabs";margin:0 auto;display:grid;position:relative}.presents{justify-content:space-between;gap:var(--space-md);text-transform:uppercase;letter-spacing:.12em;color:var(--blue);grid-area:presents;font-size:.72rem;font-weight:600;display:flex}.name{grid-area:name}.mixes{grid-area:mixes}.prints{grid-area:prints}.jars{grid-area:jars}.cause{grid-area:cause}.tabs{grid-area:tabs}.two-ink{font-family:var(--display);letter-spacing:-.02em;font-weight:400;line-height:.86;display:block;position:relative}.two-ink .plate{mix-blend-mode:multiply;display:block}.two-ink .plate+.plate{position:absolute;inset:0}.two-ink .b{color:var(--blue)}.two-ink .p{color:var(--pink);transform:translate(var(--reg), calc(var(--reg) * -.6));animation:7s ease-in-out infinite alternate drift}@keyframes drift{to{transform:translate(calc(var(--reg) * -1.2), var(--reg))}}h1.two-ink{margin-left:-.04em;font-size:clamp(4.6rem,24vw,8rem)}.tagline{max-width:28ch;margin-top:var(--space-md);font-size:clamp(1.05rem,1.6vw,1.35rem)}.tagline em{background:color-mix(in oklch, var(--pink) 45%, transparent);padding:0 .15em;font-style:normal}.bill{align-items:baseline;gap:var(--space-sm);font-size:1rem;font-weight:400;display:flex}.count{font-family:var(--display);color:var(--pink);mix-blend-mode:multiply;font-size:2.6rem;line-height:.8}.what{font-family:var(--display);color:var(--blue);text-transform:uppercase;letter-spacing:.01em;font-size:1.05rem}.lineup{margin-top:var(--space-sm);flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.lineup a{font-family:var(--display);text-transform:uppercase;color:var(--ink);grid-template-columns:1.2rem 1fr;align-items:start;column-gap:.45em;line-height:1;text-decoration:none;display:grid}.lineup li:first-child a{font-size:clamp(1.7rem,3.3vw,3rem)}.lineup li:nth-child(2) a{font-size:clamp(1.35rem,2.5vw,2.25rem)}.lineup li:nth-child(3) a{font-size:clamp(1.15rem,2vw,1.75rem)}.lineup .meta{font-family:var(--body);letter-spacing:.08em;color:var(--blue);grid-column:2;margin-top:3px;font-size:.74rem;font-weight:600}.lineup a:hover .t,.lineup a:focus-visible .t,.lineup a.playing .t{color:var(--pink)}.lineup a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.lineup .play{border:2px solid;border-radius:50%;place-items:center;width:1.2rem;height:1.2rem;margin-top:.12em;font-size:.55rem;display:inline-grid}.objects{gap:var(--space-md);margin-top:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.obj{gap:2px;display:grid}.obj .stage{aspect-ratio:1.15;mix-blend-mode:multiply;cursor:grab;touch-action:pan-y;background:var(--blue);position:relative}.obj .stage[data-ink=pink]{background:var(--pink)}.obj .stage img{object-fit:cover;filter:grayscale()contrast(1.2);mix-blend-mode:screen;width:100%;height:100%;display:block}.obj .stage.is-3d{background:0 0}.obj .stage.is-3d img{display:none}@media (width<1000px){.obj .stage:not(.is-3d){cursor:pointer}}.obj .stage canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.obj .n{color:inherit;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none}.obj .n:hover,.obj .n:focus-visible{color:var(--pink)}.obj .d{color:var(--blue);font-size:.74rem}.jar-body{gap:var(--space-sm);margin-top:var(--space-sm);display:grid}.shelf{align-items:end;gap:var(--space-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.shelf svg{mix-blend-mode:multiply;width:clamp(48px,5vw,72px);height:auto;transition:transform .3s cubic-bezier(.22,1,.36,1);display:block;overflow:visible}.shelf li:only-child svg{width:92px}.jar-btn{all:unset;cursor:pointer;border-radius:6px;display:block}.jar-btn:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.jar-btn[aria-pressed=true] svg{transform:translateY(-4px)}.shelf .more{font-family:var(--display);color:var(--blue);align-self:center}.jar-line{font-family:var(--display);text-transform:uppercase;text-wrap:balance;font-size:1.15rem;line-height:1.1}.jar-body small{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:600}.bub{fill:var(--pink);animation:rise var(--d) linear infinite;animation-delay:var(--delay)}@keyframes rise{0%{opacity:0;transform:translateY(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-150px)}}.cause a{font-family:var(--display);color:var(--ink);margin-top:var(--space-sm);font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.05;text-decoration:none;display:inline-block}.cause a span{color:var(--pink)}.cause a:hover,.cause a:focus-visible{-webkit-text-decoration:underline wavy var(--pink);text-decoration:underline wavy var(--pink);text-underline-offset:.15em}.tabs{border-top:2px dashed var(--blue);margin-top:var(--space-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tabs a{writing-mode:vertical-rl;height:calc(7.2em + 2 * var(--space-md));padding:var(--space-md) var(--space-sm);border-right:2px dashed var(--blue);color:var(--ink);align-items:center;font-size:.8rem;font-weight:600;line-height:1.25;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;transform:rotate(180deg)}.tabs a:hover,.tabs a:focus-visible{color:var(--pink);transform:rotate(178deg)translateY(-6px)}.tabs a:first-child{border-right:0}.tabs a.torn{color:var(--pink);transform:rotate(186deg)translateY(-14px)}#mixbar{z-index:10;height:var(--mixbar-h);visibility:hidden;background:var(--paper);border:2px solid var(--blue);grid-template-rows:60px 1fr;grid-template-columns:1fr auto auto;transition:transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear .6s;display:grid;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(140%)}#mixbar.on{visibility:visible;transition-delay:0s;transform:none}#mixbar iframe{border:0;grid-column:1/-1;display:block}#mixbar .out{color:var(--blue);grid-column:2;align-self:center;padding:2px 8px;font-size:.72rem;font-weight:600}#mixbar .close{min-width:40px;font:600 1.2rem/1 var(--body);color:var(--blue);cursor:pointer;background:0 0;border:0;grid-column:3;padding:0 8px}#mixbar .close:hover,#mixbar .close:focus-visible{color:var(--pink)}#mixbar .close:focus-visible{outline:3px solid var(--pink);outline-offset:-3px}body:has(#mixbar.on) .flyer{padding-bottom:calc(var(--mixbar-h) + 12px + var(--space-md))}html:has(#mixbar.on){scroll-padding-bottom:calc(var(--mixbar-h) + 12px + var(--space-sm))}@media (width>=1000px){.flyer{grid-template:"presents presents presents""name mixes prints""jars mixes prints""cause mixes prints"1fr"tabs tabs tabs"/1.05fr 1fr .95fr;align-content:start;gap:12px clamp(28px,3.5vw,56px);min-height:100svh}h1.two-ink{font-size:clamp(4.4rem,8.4vw,6.7rem)}.lineup li:first-child a{font-size:clamp(1.7rem,2.9vw,2.6rem)}.lineup li:nth-child(2) a{font-size:clamp(1.35rem,2.25vw,2rem)}.lineup li:nth-child(3) a{font-size:clamp(1.15rem,1.85vw,1.6rem)}.cause a{white-space:nowrap;font-size:clamp(1.4rem,2.1vw,2rem)}.shelf svg{width:clamp(44px,4vw,60px)}.shelf li:only-child svg{width:clamp(60px,6vw,84px)}.count{font-size:2.2rem}.tagline{margin-top:var(--space-sm)}.jar-line{font-size:1rem}.tabs{margin-top:0}.tabs a{padding:var(--space-sm);height:calc(7.2em + 2 * var(--space-sm));font-size:.75rem}.mixes,.prints{padding-top:var(--space-sm)}}@media (width>=1000px) and (height<=760px){.obj .stage{aspect-ratio:1.5}}@media (prefers-reduced-motion:reduce){.two-ink .p{animation:none}.bub{display:none}.tabs a,#mixbar,.shelf svg{transition:none}}