:root{--brand-red: #d13537;--accent-deep: #3a0f0f;--light-surface: rgba(255, 255, 255, .95);--overlay-alpha: .92;--accent-soft-alpha: .15;--color-bg: var(--brand-red);--color-accent: var(--accent-deep);--color-foreground: var(--light-surface);--color-overlay: #d13537ea;--color-accent-soft: #3a0f0f26;--navbar-menu-bg: var(--color-accent);--navbar-menu-fg: var(--color-foreground);--link-hover: var(--color-accent);--focus-outline: var(--color-accent);--shadow-accent: var(--color-accent);--duration-popup-in: .34s;--duration-popup-out: .3s;--duration-content-in: .36s;--duration-content-out: .22s;--duration-shadow-hover: .2s;--duration-transform: .3s;--duration-position: 1.2s;--moving-object-size: 80px;--easing-popup-in: cubic-bezier(.22, .61, .36, 1);--easing-popup-out: cubic-bezier(.55, 0, .1, 1);font-family:Satoshi,sans-serif;line-height:1.5;font-weight:400;color:var(--color-foreground);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-now{--navbar-menu-bg: var(--light-surface);--navbar-menu-fg: var(--brand-red)}.theme-halloween{--color-bg: #000000;--color-foreground: var(--light-surface);--color-accent: #ff7a00;--color-overlay: #000000ea;--color-accent-soft: #ff7a0026;--navbar-menu-bg: var(--light-surface);--navbar-menu-fg: #ff7a00;--link-hover: var(--color-accent);--focus-outline: var(--color-accent);--shadow-accent: var(--color-accent)}.theme-past{--color-bg: var(--light-surface);--color-foreground: var(--brand-red);--color-overlay: #ffffffea;--navbar-menu-bg: var(--brand-red);--navbar-menu-fg: var(--light-surface)}@media (min-width: 768px){:root{--moving-object-size: 96px}}@media (min-width: 1024px){:root{--moving-object-size: 112px}}@media (min-width: 1440px){:root{--moving-object-size: 128px}}a{color:var(--color-foreground);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;min-width:320px;min-height:100vh}.theme-now body,.theme-now,.theme-past body,.theme-past{background-color:var(--color-bg)}#root{margin:0 auto;padding:0 0 2rem}.attention-cue{will-change:transform}.shadow-link{will-change:filter;transition:filter var(--duration-shadow-hover)}.shadow-link:hover{filter:drop-shadow(10px 3px 1px var(--color-accent))}html,body{overflow:hidden}.footer{position:fixed;z-index:1;bottom:0;left:0;right:0;width:100%;padding:4px 8px;display:flex;justify-content:center;align-items:center;pointer-events:none}.footer-nav{display:inline-flex;align-items:center;gap:18px;background:var(--color-overlay);border-radius:9999px;padding:6px 12px;pointer-events:auto;white-space:nowrap;overflow:hidden}.footer-marquee{display:inline-flex;align-items:center;gap:0;animation:footer-scroll 48s linear infinite;will-change:transform}.footer-nav:hover .footer-marquee,.footer-nav:focus-within .footer-marquee,.footer-nav:active .footer-marquee{animation-play-state:paused}.footer-segment-wrapper{display:inline-flex}.footer-segment{display:inline-flex;align-items:center;gap:18px;padding-right:18px}.footer-text{font-size:.95rem}.footer-text,.footer-social{position:relative}.footer-social,.footer-icons{display:inline-flex;align-items:center;gap:0}.footer-icon i{font-size:1.2rem;line-height:1}.footer-icon{color:var(--color-foreground);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9999px}.footer-icon:hover,.footer-icon:focus-visible{color:var(--link-hover);outline:none}@media only screen and (max-width: 768px){.footer{padding:2px 6px}.footer-nav{gap:18px;padding:6px 12px}.footer-social,.footer-icons{gap:0}.footer-icon{width:28px;height:28px}.footer-text{font-size:.95rem}}@media only screen and (max-width: 768px){.footer-marquee{animation-duration:64s}}@keyframes footer-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.question{position:relative;z-index:2;text-align:center;font-size:4em;line-height:.4;font-weight:600;letter-spacing:1px;pointer-events:none}.question p{pointer-events:none}.question .click-target{cursor:pointer;display:inline-block;will-change:transform;transform-origin:center;pointer-events:auto;position:relative;z-index:3}.question .click-target:hover,.question .click-target:focus-visible{text-decoration-thickness:2px;text-underline-offset:3px;transform:scale(1.06)}.question .click-target:focus-visible{outline:2px dotted var(--color-accent);outline-offset:2px}.pulse-once{animation:pulse-subtle 2.4s ease-out 1}@keyframes pulse-subtle{0%{transform:scale(1)}15%{transform:scale(1.12)}35%{transform:scale(1)}55%{transform:scale(1.08)}75%{transform:scale(1)}to{transform:scale(1)}}.question .attention-cue{animation:cue-pop 2s ease-out 1}.l1{margin-left:150px}.l2{text-align:center}.l3{margin-right:150px}.answer-bubble{margin:0 auto;display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;border:2px dashed var(--color-foreground);border-radius:9999px;background:transparent;color:var(--color-foreground);font-weight:500;font-size:clamp(1rem,3.2vw,2.4rem);line-height:.9;letter-spacing:.3px;pointer-events:auto;transition:transform var(--duration-transform) ease,filter var(--duration-shadow-hover);cursor:pointer;max-width:80%;will-change:transform,filter}.answer-bubble .answer-tail{font-size:1.2em}.answer-bubble:hover,.answer-bubble:focus-visible{transform:translateY(-2px) scale(1.03);filter:drop-shadow(6px 2px 0 var(--shadow-accent));outline:none;animation-play-state:paused}.answer-bubble:active{animation-play-state:paused}@keyframes answer-float{0%{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(3px)}75%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes answer-pop-in{0%{transform:scale(.96);filter:drop-shadow(0 0 0 var(--shadow-accent))}55%{transform:scale(1.08);filter:drop-shadow(6px 2px 0 var(--shadow-accent))}to{transform:scale(1);filter:drop-shadow(0 0 0 var(--shadow-accent))}}@media only screen and (max-width: 768px){.question{font-size:3em;line-height:.6}.question p{margin-top:.7em;margin-bottom:.7em}.question .l1{margin-left:24vw}.question .l3{margin-right:24vw}.answer-bubble{font-size:1.6rem;line-height:1.15;padding:.6rem .9rem;max-width:80%}.answer-bubble .answer-tail{font-size:1em}}@keyframes rotate-spin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-spin2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: no-preference){.rotate1{animation:rotate-spin1 infinite 15s linear}.rotate2{animation:rotate-spin2 infinite 8s linear}.answer-bubble.is-floating{animation:answer-float 10s ease-in-out 0s infinite}.answer-bubble.answer-pop-in{animation:answer-pop-in .8s ease-out 1}}.navbar{position:sticky;top:0;z-index:3;background:transparent;color:var(--color-foreground)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar-left .brand{font-weight:700;letter-spacing:.3px}.navbar-center{display:none;gap:1rem}.nav-link{padding:.35rem .6rem;border-radius:4px}.nav-link.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.navbar-right .hamburger{width:40px;height:28px;display:grid;place-items:center;background:transparent;color:inherit;border:1px solid currentColor;border-radius:4px;cursor:pointer}.hamburger-bars{display:inline-block;width:20px;height:12px;background:linear-gradient(currentColor 2px,transparent 0) 0 0/100% 33%,linear-gradient(currentColor 2px,transparent 0) 0 50%/100% 33%,linear-gradient(currentColor 2px,transparent 0) 0 100%/100% 33%}.navbar-menu{display:none;flex-direction:column;gap:.5rem;padding:.5rem 1rem 1rem;background:var(--navbar-menu-bg)}.navbar-menu.open{display:flex}.menu-link{padding:.5rem .25rem;color:var(--navbar-menu-fg)}.navbar-menu .menu-link:hover,.navbar-menu .menu-link:focus-visible{color:var(--link-hover);outline:none}@media only screen and (min-width: 769px){.navbar-center{display:flex}.navbar-right{display:none}.navbar-menu{display:none!important}}.moving-element{position:absolute;z-index:1;transform:translate(-50%,-50%);transition:top var(--duration-position) ease-in-out,left var(--duration-position) ease-in-out;pointer-events:auto}.moving-element a{pointer-events:auto}.moving-element img{width:var(--moving-object-size);height:auto;transition:transform var(--duration-transform) ease,opacity .16s ease;pointer-events:auto;opacity:.75}.moving-element-hover{cursor:pointer}.moving-element-hover:hover{transform:scale(1.5);opacity:1}.moving-element-hover:focus-visible{opacity:1}.moving-element-hover.pinned{opacity:1}.moving-element-hover.attention-cue{animation:cue-pop 2s ease-out 1}@keyframes cue-pop{0%{transform:scale(1)}45%{transform:scale(1.15)}to{transform:scale(1)}}.popup{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;background:var(--color-overlay);overflow:hidden;opacity:0;transition:opacity var(--duration-popup-in) var(--easing-popup-in);will-change:opacity;backface-visibility:hidden;transform:translateZ(0);overscroll-behavior:contain}.popup.visible{opacity:1}.popup.closing{opacity:0;transition:opacity var(--duration-popup-out) var(--easing-popup-out)}.popup-content{max-width:95vw;max-height:92vh;max-height:92dvh;margin-bottom:20px;position:relative;display:inline-flex;flex-direction:column;align-items:center;pointer-events:auto;transform:scale(1);animation:content-pop-in var(--duration-content-in) var(--easing-popup-in) both;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:8px;padding-right:8px;padding-bottom:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.popup-content::-webkit-scrollbar{width:6px;height:6px}.popup-content::-webkit-scrollbar-track{background:transparent}.popup-content::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.closing .popup-content{animation:content-pop-out var(--duration-content-out) var(--easing-popup-out) both}@keyframes content-pop-in{0%{transform:scale(.985);opacity:.96}60%{transform:scale(1.005);opacity:1}to{transform:scale(1);opacity:1}}@keyframes content-pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(.985);opacity:.96}}@media (prefers-reduced-motion: reduce){.popup,.popup.closing,.popup-content,.closing .popup-content{animation:none!important;opacity:1!important;transform:none!important}}.popup-content img{width:100%;height:auto;z-index:10;display:block;max-height:60vh;max-height:60dvh;pointer-events:auto}.popup-content .button{margin-top:0;background-color:var(--color-bg);color:var(--color-accent);border:2px solid var(--color-accent);padding:10px 20px;font-weight:520;cursor:pointer;position:relative;display:inline-block;text-decoration:none;border-radius:4px;transition:all .3s ease;pointer-events:auto}.popup-close{position:absolute;top:0;right:0;width:36px;height:36px;border-radius:9999px;border:2px solid var(--color-accent);background:var(--color-bg);color:var(--color-accent);font-size:24px;line-height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;pointer-events:auto;z-index:20}.popup-close:hover,.popup-close:focus-visible{background:var(--color-accent);color:var(--color-bg);outline:none}.popup-content .button:hover{background-color:var(--color-accent);color:var(--color-bg);transform:translateY(-2px);box-shadow:none}.artist-description{margin:1rem 0;padding:.75rem 1rem;background-color:var(--color-accent-soft);border-left:4px solid var(--color-accent);border-radius:4px;color:var(--color-foreground);font-size:1.1rem;line-height:1.4;font-style:normal;font-weight:420;text-align:center;max-width:100%;white-space:pre-line;pointer-events:auto;overflow-wrap:anywhere}@media only screen and (max-width: 768px){.popup-content{max-width:86vw}.popup-content img{width:auto;max-width:100%;height:auto}.artist-description{font-size:1rem;padding:.5rem .75rem;margin:.75rem 0;text-align:left}.popup-content .button{align-self:flex-start}}@media only screen and (min-width: 768px){.popup-content{max-width:720px;display:inline-flex;flex-direction:column;align-items:center}.popup-content img{width:auto;max-width:100%;margin:0;flex-shrink:0}.artist-description{flex-shrink:0;margin:1rem 0 .5rem;max-width:100%}.popup-content .button{flex-shrink:0;margin-top:.25rem}}.socio-page{min-height:100vh;display:flex;flex-direction:column}.socio-content{width:100%;max-width:1024px;margin:0 auto;padding:1rem;padding-bottom:88px;overflow:auto}.socio-title{margin:1rem 0 .75rem;font-size:clamp(1.5rem,2.5vw,2rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.socio-hero{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 .75rem}.socio-logo{display:inline-block;width:40px}.socio-marquee{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.socio-marquee-inner{display:flex;width:max-content;gap:2rem;animation:socio-marquee-scroll 24s linear infinite}.socio-marquee-track{display:flex;align-items:center;gap:.5rem;padding:0;margin:0;list-style:none}.socio-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;background:var(--color-accent-soft);border:1px solid var(--color-foreground);white-space:nowrap;font-size:.9rem}@keyframes socio-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.socio-marquee-inner{animation:none}}@media only screen and (max-width: 768px){.socio-marquee-inner{animation-duration:32s}}.socio-benefits-list{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;margin:0;list-style:none;opacity:0}@media (prefers-reduced-motion: reduce){.socio-benefits-list{position:static;opacity:1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.socio-benefits-list li{padding:.35rem .6rem;border-radius:999px;background:var(--color-accent-soft);border:1px solid var(--color-foreground);white-space:nowrap;font-size:.9rem}}.socio-iframe-wrapper{position:relative;width:100%;height:min(70vh,900px);background:#f1f2f4;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000040}.socio-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;background-color:transparent}.socio-fallback{margin:.75rem 0 2rem}.socio-inline-link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.socio-inline-link:hover,.socio-inline-link:focus-visible{color:var(--link-hover);outline:none}.socio-page{--navbar-menu-bg: var(--light-surface);--navbar-menu-fg: var(--brand-red)}
