:root{--color-primary: #FFD700;--color-accent: #D32F2F;--color-dark: #0a0a0a;--color-light: #fff;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--font-heading: 'Bangers', cursive;--font-body: system-ui, -apple-system, 'Segoe UI', roboto, sans-serif;--text-xs: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);--text-sm: clamp(1rem, 0.9rem + 0.35vw, 1.125rem);--text-base: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);--text-lg: clamp(1.375rem, 1.15rem + 1vw, 1.75rem);--text-xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--text-2xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--text-3xl: clamp(3rem, 2.25rem + 3vw, 5rem);--text-hero: clamp(3.5rem, 3vw + 2rem, 7rem);--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.7;--shadow-comic: 8px 8px 0px var(--color-dark);--shadow-comic-hover: 12px 12px 0px var(--color-accent);--shadow-nav: 5px 5px 0px rgb(0 0 0 / 20%);--border-thin: 2px solid var(--color-dark);--border-medium: 3px solid var(--color-dark);--border-thick: 4px solid var(--color-dark);--transition-fast: 0.2s ease;--transition-base: 0.3s ease;--container-max: 1400px;--container-narrow: 1200px}[lang=ar]{--font-heading: 'Lalezar', cursive;--font-body: 'Segoe UI', 'Tahoma', geneva, verdana, sans-serif;font-family:var(--font-body)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow:hidden scroll;scroll-snap-type:y mandatory;height:100vh}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--text-base);font-weight:500;line-height:var(--leading-relaxed);background-color:var(--color-primary);color:var(--color-dark);overflow-x:hidden;position:relative;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.nav-link,.btn{font-family:var(--font-heading);font-weight:400;letter-spacing:.1em;text-transform:uppercase;line-height:var(--leading-tight)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin-bottom:var(--space-sm)}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}strong,b{font-weight:700}.sky-container{position:fixed;inset:0;width:100%;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.meteor{position:absolute;top:50%;left:100%;height:3px;width:clamp(80px,15vw,300px);background:linear-gradient(-45deg, transparent, var(--color-dark), transparent);opacity:0;filter:drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));animation:meteor-fall ease-in infinite}.meteor:nth-child(1){top:15%;width:clamp(100px,20vw,300px);animation-duration:4s;animation-delay:0s}.meteor:nth-child(2){top:35%;width:clamp(80px,15vw,200px);animation-duration:6s;animation-delay:2s}.meteor:nth-child(3){top:60%;width:clamp(120px,25vw,400px);animation-duration:5s;animation-delay:1s}.meteor:nth-child(4){top:80%;width:clamp(90px,18vw,250px);animation-duration:7s;animation-delay:3s}.meteor:nth-child(5){top:10%;width:clamp(60px,12vw,150px);animation-duration:3.5s;animation-delay:5s}@keyframes meteor-fall{0%{transform:rotate(-45deg) translateX(0);opacity:0}10%{opacity:1}100%{transform:rotate(-45deg) translateX(-2000px);opacity:0}}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes pulse-glow{0%,100%{color:inherit}50%{color:var(--color-accent)}}@keyframes float-badge{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.bg-dark{background:var(--color-dark);color:var(--color-light)}.bg-light{background:var(--color-light);color:var(--color-dark)}.bg-primary{background:var(--color-primary)}.text-start{text-align:start}.padding-block-xl{padding-block:var(--space-xl)}.card-padding-lg{padding:var(--space-lg);position:relative}.container-max{max-width:var(--container-max);margin:0 auto}.container-narrow{max-width:var(--container-narrow);margin:0 auto}.flex-wrap-center{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xl)}.flex-column-400{flex:1 1 400px}.flex-column-300{flex:1 1 300px;text-align:center}.grid-responsive-sm{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}@media(width <= 400px){.grid-responsive-sm{grid-template-columns:1fr}}section,.hero-container,.site-footer{scroll-snap-align:start;scroll-snap-stop:always}.floating-nav{position:fixed;top:var(--space-lg);left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.95);padding-block:var(--space-xs);padding-inline:var(--space-lg);border-radius:50px;border:var(--border-medium);box-shadow:var(--shadow-nav);z-index:1000;display:flex;gap:clamp(.5rem,2vw,1rem);backdrop-filter:blur(5px);width:max-content;max-width:90vw}.nav-link{text-decoration:none;color:var(--color-dark);font-size:clamp(.9rem,2vw,1.4rem);font-weight:500;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,1.5vw,1rem);transition:color var(--transition-base)}.nav-link:hover{color:var(--color-accent)}.nav-link--lang{background:var(--color-accent);border-radius:25px}.nav-link--lang:hover{background:var(--color-dark);color:var(--color-light)}@media(width <= 768px){.floating-nav{padding-inline:var(--space-md);gap:var(--space-xs)}}.site-footer{background:var(--color-dark);color:var(--color-light);position:relative;z-index:10;border-block-start:10px solid var(--color-accent)}.footer-main{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);max-width:var(--container-max);margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-title{font-size:var(--text-3xl);color:var(--color-primary);margin:0;line-height:1}.footer-tagline{font-size:var(--text-base);opacity:.8;margin:0}.footer-social-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-lg);border-top:1px solid hsla(0,0%,100%,.1)}.footer-social-row a{color:var(--color-primary);transition:transform var(--transition-fast),color var(--transition-fast)}.footer-social-row a:hover{transform:scale(1.2) rotate(-5deg);color:var(--color-light)}.footer-social-row svg{width:36px;height:36px}.footer-menu{display:flex;flex-direction:column;align-items:flex-start}@media(width <= 600px){.footer-menu{align-items:center}.footer-menu-list{text-align:center}}.footer-menu-heading{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-md);font-family:var(--font-heading);letter-spacing:.1em}.footer-menu-list{list-style:none;margin:0;padding:0;text-align:start}.footer-menu-list li{margin-bottom:var(--space-xs)}.footer-menu-list a{color:var(--color-light);text-decoration:none;font-size:var(--text-base);transition:color var(--transition-fast),padding-inline-end var(--transition-fast);display:inline-block}.footer-menu-list a:hover{color:var(--color-primary);padding-inline-end:var(--space-xs)}.footer-copyright-bar{text-align:center;padding:var(--space-md) var(--space-lg);border-top:1px solid hsla(0,0%,100%,.1);font-size:var(--text-sm);opacity:.7}.footer-copyright-bar p{margin:0}.footer-mega-brand{background:var(--color-primary);padding:var(--space-xl) var(--space-lg);overflow:hidden;text-align:center}.mega-brand-text{font-family:var(--font-heading);font-size:clamp(2rem,12vw,12rem);color:var(--color-dark);direction:ltr;letter-spacing:.05em;display:block;line-height:1;text-shadow:4px 4px 0 var(--color-light),8px 8px 0 var(--color-accent);transition:letter-spacing .4s ease,text-shadow .4s ease,transform .4s ease;cursor:default;user-select:none;animation:brand-pulse 4s ease-in-out infinite}@media(hover: hover){.mega-brand-text:hover{letter-spacing:.08em;text-shadow:6px 6px 0 var(--color-light),12px 12px 0 var(--color-accent),18px 18px 30px rgba(0,0,0,.3);transform:scale(1.02)}}@keyframes brand-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.01)}}@media(width <= 600px){.footer-brand{align-items:center;text-align:center}.footer-menu{align-items:center}.footer-menu-list{text-align:center}}.btn-small{background:var(--color-dark);color:var(--color-light);padding-block:var(--space-xs);padding-inline:var(--space-lg);text-decoration:none;display:inline-block;font-size:var(--text-base);font-family:var(--font-heading);transition:background var(--transition-fast)}.btn-small:hover{background:var(--color-accent)}.btn-chaos{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-accent);color:var(--color-light);padding:var(--space-sm) var(--space-lg);font-family:var(--font-heading);font-size:var(--text-lg);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border:var(--border-medium);box-shadow:var(--shadow-comic);transition:all var(--transition-fast);position:relative;overflow:hidden;will-change:transform}.btn-chaos::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transform:translateX(-100%);transition:transform .5s}.btn-chaos:hover::before{transform:translateX(100%)}.btn-chaos:hover{transform:translateY(-3px);box-shadow:var(--shadow-comic-hover);background:var(--color-dark)}.btn-arrow{transition:transform var(--transition-fast)}.btn-chaos:hover .btn-arrow{transform:translateX(5px)}.hero-container{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:2;padding-block-start:80px}.bg-text-layer{position:absolute;font-family:var(--font-heading);font-size:20vw;color:rgba(0,0,0,0);-webkit-text-stroke:3px rgba(0,0,0,.1);z-index:1;white-space:nowrap;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.hero-content{z-index:3;text-align:center;max-width:900px;position:relative;padding-inline:var(--space-sm)}.hero-badge{background:var(--color-dark);color:var(--color-primary);padding-block:var(--space-xs);padding-inline:var(--space-md);font-weight:900;transform:rotate(-2deg);display:inline-block;margin-block-end:var(--space-md);border:2px solid var(--color-light);font-size:var(--text-base)}.hero-title{font-size:var(--text-hero);line-height:.9;text-shadow:6px 6px 0 var(--color-light);margin-block-end:var(--space-md)}.hero-subtitle{font-size:var(--text-lg);font-weight:700;background:hsla(0,0%,100%,.8);padding-block:var(--space-xs);padding-inline:var(--space-sm);display:inline-block;border:var(--border-thin)}.hero-char-img{z-index:2;height:60vh;width:auto;max-width:100%;filter:drop-shadow(20px 20px 0 rgba(0, 0, 0, 0.15));margin-block-start:calc(var(--space-sm)*-1);transition:transform .1s ease-out;will-change:transform}.marquee-strip{background:var(--color-accent);color:var(--color-light);padding-block:var(--space-sm);transform:rotate(2deg) scale(1.05);border-block:4px solid var(--color-dark);overflow:hidden;white-space:nowrap;position:relative;z-index:10}.marquee-content{display:inline-block;font-family:var(--font-heading);font-size:var(--text-2xl);animation:scroll 25s linear infinite}.poster-card{display:block;position:relative;background:var(--color-light);border:5px solid var(--color-dark);overflow:hidden;text-decoration:none;color:var(--color-dark);transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow .4s ease;box-shadow:6px 6px 0 var(--color-dark)}.poster-card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:12px 12px 0 var(--color-accent)}.poster-card__image{position:relative;height:280px;overflow:hidden}.poster-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.poster-card:hover .poster-card__image img{transform:scale(1.08)}.poster-card__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);pointer-events:none}.poster-card__badge{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:1.8rem;background:var(--color-primary);border:3px solid var(--color-dark);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--color-dark);animation:badge-bob 2.5s ease-in-out infinite;z-index:10}@keyframes badge-bob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(5deg)}}.poster-card__title{position:absolute;bottom:var(--space-md);left:var(--space-md);margin:0;z-index:5;transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.poster-card:hover .poster-card__title{transform:translateY(-130px) scale(0.9)}.speech-bubble{display:inline-block;background:var(--color-primary);color:var(--color-dark);font-family:var(--font-heading);font-size:var(--text-xl);padding:var(--space-xs) var(--space-md);border:3px solid var(--color-dark);border-radius:20px 20px 20px 5px;position:relative;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--color-dark);transition:transform .3s ease,box-shadow .3s ease}.poster-card:hover .speech-bubble{transform:rotate(0deg) scale(1.05);box-shadow:6px 6px 0 var(--color-accent)}.speech-bubble::after{content:"";position:absolute;bottom:-10px;left:15px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid var(--color-dark);border-top:8px solid var(--color-primary)}.poster-card__info{position:absolute;bottom:0;left:0;right:0;background:var(--color-dark);color:var(--color-light);padding:var(--space-md);transform:translateY(100%);transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.poster-card:hover .poster-card__info{transform:translateY(0)}.poster-card__info p{margin:0;font-size:var(--text-base);line-height:1.6}.resident-card{position:relative;background:var(--color-light);border:var(--border-thick);box-shadow:var(--shadow-comic);transition:transform var(--transition-base),box-shadow var(--transition-base);margin-top:60px}.resident-card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:var(--shadow-comic-hover);z-index:10}.resident-img-wrapper{position:relative;height:200px;margin-top:-60px;margin-inline:var(--space-md);background:var(--color-primary);border:var(--border-medium);border-radius:50% 50% 0 0;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.resident-img-wrapper img{width:120%;max-width:250px;height:auto;filter:drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.2));transition:transform var(--transition-base);margin-bottom:-10px}@media(width <= 480px){.resident-card{margin-top:40px}.resident-img-wrapper{height:160px;margin-top:-40px}.resident-img-wrapper img{max-width:180px}}.resident-card:hover .resident-img-wrapper img{transform:scale(1.1) translateY(-10px)}.resident-content{padding:var(--space-lg);text-align:center;position:relative;z-index:2;background:var(--color-light)}.resident-name{font-size:var(--text-2xl);text-transform:uppercase;line-height:1;margin-bottom:var(--space-xs);transform:rotate(-2deg);display:inline-block}.resident-role{display:inline-block;background:var(--color-dark);color:var(--color-primary);padding:4px 12px;font-family:var(--font-heading);font-size:var(--text-sm);transform:rotate(2deg);margin-bottom:var(--space-md);border:1px solid var(--color-light)}.resident-card:nth-child(2) .resident-img-wrapper{background:var(--color-accent)}.resident-card:nth-child(2) .resident-name{transform:rotate(2deg)}.resident-card:nth-child(3) .resident-img-wrapper{background:#4ecdc4}.character-highlight{position:relative;display:inline-block;cursor:pointer}.highlight-text{background:var(--color-primary);padding-inline:6px;padding-block:2px;font-weight:700;border-radius:4px;transition:all var(--transition-fast);position:relative}.character-highlight:hover .highlight-text{background:var(--color-accent);color:var(--color-light);transform:scale(1.05)}.character-tooltip{position:absolute;bottom:130%;left:0;right:auto;transform:scale(0.9);background:var(--color-dark);color:var(--color-light);padding:8px 12px;border-radius:6px;font-size:var(--text-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100;box-shadow:0 4px 15px rgba(0,0,0,.3);border:2px solid var(--color-primary);max-width:calc(100vw - 20px)}.character-tooltip::after{content:"";position:absolute;top:100%;left:20px;border:6px solid rgba(0,0,0,0);border-top-color:var(--color-dark)}.character-highlight:hover .character-tooltip{opacity:1;visibility:visible;transform:scale(1)}.tooltip-title{display:inline-block;width:fit-content;background:var(--color-accent);color:var(--color-light);font-family:var(--font-heading);font-size:var(--text-xs);padding:2px 6px;border-radius:3px;margin-block-end:4px}.tooltip-desc{display:block;color:hsla(0,0%,100%,.9);font-size:var(--text-xs)}.pulse-text{font-style:normal;font-weight:700;animation:pulse-glow 2s ease-in-out infinite}.floating-badge{position:absolute;background:var(--color-dark);color:var(--color-primary);padding:var(--space-xs) var(--space-sm);font-family:var(--font-heading);font-size:var(--text-base);border-radius:50px;border:2px solid var(--color-primary);z-index:10;animation:float-badge 3s ease-in-out infinite}.floating-badge--bottom-right{bottom:-15px;right:-10px}.floating-badge--bottom-right-light{bottom:-15px;right:-10px;background:var(--color-light);color:var(--color-dark)}.floating-badge--relative{position:relative;animation:float-badge 4s infinite}.badge-1{top:-15px;right:-15px;animation-delay:0s}.badge-2{bottom:20px;left:-20px;animation-delay:1.5s}.lore-image-wrapper{position:relative}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 50%);display:flex;align-items:flex-end;justify-content:center;padding-block-end:var(--space-lg);opacity:0;transition:opacity var(--transition-base)}.image-overlay span{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;transform:translateY(20px);transition:transform var(--transition-base)}.lore-image-box:hover .image-overlay{opacity:1}.lore-image-box:hover .image-overlay span{transform:translateY(0)}@media(width >= 640px){.character-tooltip{left:50%;transform:translateX(-50%) scale(0.9)}.character-tooltip::after{left:50%;transform:translateX(-50%)}.character-highlight:hover .character-tooltip{transform:translateX(-50%) scale(1)}}@media(hover: hover){.feature-card{box-shadow:var(--shadow-comic)}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-comic-hover)}}@media(width <= 768px){.bg-text-layer{display:none}.marquee-strip{transform:rotate(2deg);margin-inline-start:-5%;width:110%}}.section-lore{min-height:100vh;display:flex;align-items:center;padding-block:var(--space-xl);padding-inline:10%;background:var(--color-light);position:relative;z-index:5;border-block-end:5px solid var(--color-dark)}@media(width <= 768px){.section-lore{padding-inline:var(--space-md)}}.section-lore .lore-grid{width:100%}.lore-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 400px), 1fr));gap:var(--space-xl);align-items:center;max-width:var(--container-max);margin-inline:auto}.lore-text h2{font-size:var(--text-3xl);margin-block-end:var(--space-md);color:var(--color-accent);text-shadow:3px 3px 0 var(--color-dark)}.lore-text p{font-size:var(--text-base);margin-block-end:var(--space-md);line-height:1.7}.lore-text strong{background:var(--color-primary);padding-inline:5px}.lore-image-box{position:relative;border:var(--border-thick);box-shadow:var(--shadow-comic);background:var(--color-dark);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.lore-image-box img{width:100%;height:auto;display:block;border:2px solid var(--color-light);transition:transform var(--transition-base)}.lore-image-box:hover img{transform:scale(1.02)}.lore-image-box:hover{transform:rotate(-1deg) scale(1.02);box-shadow:var(--shadow-comic-hover)}.lore-cta{margin-block-start:var(--space-lg)}.section-features{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-xl);padding-inline:var(--space-sm);background:var(--color-primary);z-index:5;position:relative;text-align:center;overflow:visible}.section-features:has(.city-collage){padding-bottom:120px}.section-features>h2{font-size:var(--text-3xl);margin-block-end:var(--space-sm)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-block-start:var(--space-xl);max-width:var(--container-max);margin-inline:auto;width:100%;padding-inline:0}@media(width >= 600px){.features-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}}@media(width >= 1024px){.features-grid{grid-template-columns:repeat(3, 1fr)}}.city-collage{position:relative;width:100%;max-width:var(--container-max);margin:var(--space-xl) auto 0;container-type:inline-size;container-name:city-collage;margin-bottom:var(--space-xl)}.collage-item{display:block;text-decoration:none;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);filter:drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.3));background:var(--color-light);padding:var(--space-xs) var(--space-xs) var(--space-lg);border:2px solid var(--color-dark)}.collage-item:hover{z-index:10;transform:scale(1.1) rotate(0deg);filter:drop-shadow(15px 15px 25px rgba(0, 0, 0, 0.4))}.collage-image{width:100%;height:300px;object-fit:cover;border:2px solid var(--color-dark);display:block}.collage-caption{font-family:var(--font-heading);color:var(--color-dark);font-size:var(--text-xl);text-align:center;margin-top:var(--space-sm);transform:rotate(-2deg)}@container city-collage (max-width: 900px){.city-collage{height:auto;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md);align-items:center}.collage-item{position:relative;width:100%;max-width:400px;transform:rotate(0deg)}.collage-item:nth-child(even){transform:rotate(2deg)}}@container city-collage (min-width: 901px){.city-collage{display:block;height:1000px;min-height:1000px}.collage-item{position:absolute;width:350px;height:auto}.collage-item--residents{top:2%;left:50%;transform:translateX(-50%) rotate(3deg);z-index:2}.collage-item--map{top:15%;left:8%;transform:rotate(-8deg);z-index:1}.collage-item--manifesto{top:25%;right:5%;transform:rotate(6deg);z-index:1}}.about-page{--pop-yellow: #FFD700;--pop-red: #D32F2F;--pop-black: #0a0a0a;--pop-white: #fff;--comic-border: 4px solid var(--pop-black);--comic-shadow: 6px 6px 0 var(--pop-black);--comic-shadow-lg: 10px 10px 0 var(--pop-black);--dot-size: 3px;--dot-gap: 8px;--dot-color: rgba(0, 0, 0, 0.1)}.pop-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.pop-hero__polite{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);background:var(--pop-white);text-align:center}.pop-hero__polite-title{font-family:var(--font-heading);font-size:var(--text-hero);color:var(--pop-black);text-transform:uppercase;letter-spacing:.05em;line-height:var(--leading-tight)}.pop-hero__polite-subtitle{font-size:var(--text-lg);color:var(--pop-black);opacity:.7;margin-top:var(--space-sm)}.pop-hero__chaos{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);background:var(--pop-yellow);text-align:center;position:relative;background-image:radial-gradient(circle, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap);background-position:0 0}.pop-hero__chaos-title{font-family:var(--font-heading);font-size:var(--text-hero);color:var(--pop-black);text-transform:uppercase;letter-spacing:.05em;line-height:var(--leading-tight);text-shadow:3px 3px 0 var(--pop-red),-2px -2px 0 var(--pop-white)}.pop-hero__chaos-subtitle{font-size:var(--text-lg);color:var(--pop-black);margin-top:var(--space-sm);font-weight:700}.pop-hero__boundary{position:absolute;top:0;left:50%;width:8px;height:100%;background:var(--pop-black);transform:skewX(-5deg);z-index:10}.pop-hero__scroll-hint{position:absolute;bottom:var(--space-lg);left:50%;transform:translateX(-50%);font-size:var(--text-sm);color:var(--pop-black);animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@media(max-width: 768px){.pop-hero{grid-template-columns:1fr;min-height:auto}.pop-hero__polite,.pop-hero__chaos{min-height:50svh;padding:var(--space-xl) var(--space-md)}.pop-hero__boundary{left:0;top:50%;width:100%;height:8px;transform:skewY(-2deg)}}.comic-strip{padding:var(--space-2xl) var(--space-md);background:var(--pop-white)}.comic-strip__title{font-family:var(--font-heading);font-size:var(--text-3xl);text-align:center;color:var(--pop-black);margin-bottom:var(--space-xl);text-transform:uppercase}.comic-strip__panels{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--space-lg);max-width:var(--container-max);margin:0 auto}.comic-panel{position:relative;background:var(--pop-yellow);border:var(--comic-border);box-shadow:var(--comic-shadow);padding:var(--space-xl);background-image:radial-gradient(circle, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap)}.comic-panel--accent{background-color:var(--pop-red);color:var(--pop-white);background-image:radial-gradient(circle, rgba(255, 255, 255, 0.1) var(--dot-size), transparent var(--dot-size))}.comic-panel__number{position:absolute;top:-15px;left:var(--space-sm);background:var(--pop-black);color:var(--pop-yellow);font-family:var(--font-heading);font-size:var(--text-lg);padding:.25rem .75rem;border:2px solid var(--pop-black)}.comic-panel__title{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-sm);text-transform:uppercase}.comic-panel__text{font-size:var(--text-base);line-height:var(--leading-relaxed)}.comic-panel--speech{position:relative;border-radius:20px}.comic-panel--speech::after{content:"";position:absolute;bottom:-20px;left:30px;width:0;height:0;border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);border-top:25px solid var(--pop-black)}.comic-panel--speech::before{content:"";position:absolute;bottom:-14px;left:34px;width:0;height:0;border-left:16px solid rgba(0,0,0,0);border-right:16px solid rgba(0,0,0,0);border-top:20px solid var(--pop-yellow);z-index:1}.comic-sfx{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--pop-red);text-transform:uppercase;display:inline-block;transform:rotate(-5deg);text-shadow:2px 2px 0 var(--pop-yellow),4px 4px 0 var(--pop-black)}.comic-panel--accent .comic-sfx{color:var(--pop-yellow);text-shadow:2px 2px 0 var(--pop-black)}.comic-panel--accent::before{border-top-color:var(--pop-red)}.wanted-section{padding:var(--space-2xl) var(--space-md);background:linear-gradient(135deg, #8B4513 0%, #654321 100%);position:relative}.wanted-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, rgba(0, 0, 0, 0.05) 1px, transparent 1px);background-size:4px 4px;pointer-events:none}.wanted-section__title{font-family:var(--font-heading);font-size:var(--text-3xl);text-align:center;color:var(--pop-yellow);margin-bottom:var(--space-xl);text-transform:uppercase;text-shadow:3px 3px 0 var(--pop-black)}.wanted-posters{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;max-width:var(--container-max);margin:0 auto;perspective:1000px}.wanted-poster{position:relative;width:300px;background:beige;border:3px solid var(--pop-black);box-shadow:var(--comic-shadow-lg);padding:var(--space-md);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.wanted-poster::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-2deg);width:80px;height:25px;background:rgba(255,255,200,.7);border:1px solid rgba(0,0,0,.2)}.wanted-poster:hover{transform:translateY(-10px) rotate(2deg);box-shadow:15px 15px 0 var(--pop-black);z-index:10}.wanted-poster:nth-child(1){transform:rotate(-3deg)}.wanted-poster:nth-child(2){transform:rotate(1deg)}.wanted-poster:nth-child(3){transform:rotate(-2deg)}.wanted-poster:nth-child(1):hover{transform:translateY(-10px) rotate(-1deg)}.wanted-poster:nth-child(2):hover{transform:translateY(-10px) rotate(3deg)}.wanted-poster:nth-child(3):hover{transform:translateY(-10px) rotate(0deg)}.wanted-poster__header{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--pop-black);text-transform:uppercase;margin-bottom:var(--space-xs);letter-spacing:.1em}.wanted-poster__image{width:200px;height:200px;margin:0 auto var(--space-sm);border:var(--comic-border);background:var(--pop-white);object-fit:cover}.wanted-poster__name{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--pop-black);margin-bottom:var(--space-2xs)}.wanted-poster__role{display:inline-block;font-family:var(--font-heading);font-size:var(--text-sm);background:var(--pop-red);color:var(--pop-white);padding:.25rem .75rem;transform:rotate(-2deg);margin-bottom:var(--space-sm)}.wanted-poster__role--primary{background:var(--pop-yellow);color:var(--pop-black)}.wanted-poster__role--accent{background:#ff6b35;color:var(--pop-white)}.wanted-poster__desc{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--pop-black)}.wanted-poster__reward{margin-top:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-lg);color:var(--pop-red);text-transform:uppercase}@media(max-width: 768px){.wanted-posters{flex-direction:column;align-items:center;gap:var(--space-2xl)}.wanted-poster{transform:rotate(0) !important}.wanted-poster:hover{transform:translateY(-5px) !important}}.city-map{padding:var(--space-2xl) var(--space-md);background:var(--pop-black);position:relative;overflow:hidden}.city-map__title{font-family:var(--font-heading);font-size:var(--text-3xl);text-align:center;color:var(--pop-yellow);margin-bottom:var(--space-xl);text-transform:uppercase}.city-map__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr));gap:var(--space-md);max-width:900px;margin:0 auto;padding-inline:var(--space-sm)}.city-block{position:relative;aspect-ratio:1;background:var(--pop-yellow);border:var(--comic-border);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-sm);text-align:center;text-decoration:none;color:var(--pop-black);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.city-block:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,215,0,.5);z-index:5}.city-block--accent{background:var(--pop-red);color:var(--pop-white)}.city-block__icon{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.city-block__name{font-family:var(--font-heading);font-size:var(--text-lg);text-transform:uppercase}.city-block__desc{font-size:var(--text-xs);opacity:.8;margin-top:var(--space-2xs)}.city-block--pulse::after{content:"";position:absolute;inset:-5px;border:2px solid var(--pop-yellow);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.manifesto{padding:var(--space-2xl) var(--space-md);background:var(--pop-yellow);position:relative;text-align:center;clip-path:polygon(0% 5%, 5% 0%, 10% 4%, 15% 1%, 20% 3%, 25% 0%, 30% 4%, 35% 2%, 40% 5%, 45% 1%, 50% 3%, 55% 0%, 60% 4%, 65% 1%, 70% 5%, 75% 2%, 80% 4%, 85% 0%, 90% 3%, 95% 1%, 100% 4%, 100% 100%, 0% 100%);background-image:radial-gradient(circle, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap)}.manifesto__title{font-family:var(--font-heading);font-size:var(--text-hero);color:var(--pop-black);text-transform:uppercase;margin-bottom:var(--space-md);text-shadow:3px 3px 0 var(--pop-red),6px 6px 0 var(--pop-black)}.manifesto__text{font-size:var(--text-lg);color:var(--pop-black);max-width:600px;margin:0 auto var(--space-lg);line-height:var(--leading-relaxed)}.manifesto__cta{display:inline-block;font-family:var(--font-heading);font-size:var(--text-xl);background:var(--pop-black);color:var(--pop-yellow);padding:var(--space-sm) var(--space-xl);border:4px solid var(--pop-black);text-decoration:none;text-transform:uppercase;box-shadow:var(--comic-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.manifesto__cta:hover{transform:translate(-4px, -4px);box-shadow:10px 10px 0 var(--pop-red)}.manifesto__socials{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap}.manifesto__social-link{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--pop-black);text-decoration:none;padding:var(--space-xs) var(--space-sm);border:2px solid var(--pop-black);background:var(--pop-white);transition:transform var(--transition-fast),background var(--transition-fast)}.manifesto__social-link:hover{background:var(--pop-red);color:var(--pop-white);transform:rotate(-3deg) scale(1.1)}@media(prefers-reduced-motion: reduce){.pop-hero__scroll-hint,.city-block--pulse::after{animation:none}.wanted-poster,.city-block,.manifesto__cta,.manifesto__social-link{transition:none}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}@media(width <= 768px){.contact-grid{grid-template-columns:1fr}}.contact-form-wrapper{background:var(--color-light);padding:var(--space-lg);border:var(--border-thick);box-shadow:var(--shadow-comic)}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-family:var(--font-heading);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{padding:var(--space-sm);font-size:var(--text-base);font-family:inherit;border:var(--border-medium);background:var(--color-light);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent)}.form-group textarea{resize:vertical;min-height:120px}.contact-social-wrapper{background:var(--color-dark);color:var(--color-light);padding:var(--space-lg);border:var(--border-thick);box-shadow:var(--shadow-comic)}.contact-social-wrapper .section-title--accent{color:var(--color-primary)}.contact-social-list{list-style:none;margin:var(--space-lg) 0 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.contact-social-list li a{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-light);text-decoration:none;padding:var(--space-xs) var(--space-sm);border:2px solid rgba(0,0,0,0);transition:all var(--transition-fast)}.contact-social-list li a:hover{border-color:var(--color-primary);background:rgba(255,215,0,.1);color:var(--color-primary);transform:translateX(5px)}.social-icon{font-size:var(--text-xl)}.social-name{font-size:var(--text-base)}.hero-container--small{min-height:50vh;padding-block-start:120px}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 450px), 1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.legal-card{background:var(--color-light);border:var(--border-thick);padding:var(--space-lg);padding-top:var(--space-xl);margin-top:var(--space-lg);position:relative;text-align:start;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.legal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-comic)}.legal-card__icon{position:absolute;top:calc(var(--space-md)*-1);left:var(--space-md);width:50px;height:50px;background:var(--color-primary);border:var(--border-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:3px 3px 0 var(--color-dark);z-index:2}.legal-card__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-dark);margin-top:var(--space-sm);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.legal-card__text{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm)}.legal-card__list{margin:var(--space-sm) 0 0;padding-inline-start:var(--space-lg)}.legal-card__list li{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-xs);position:relative}.legal-card__list li::marker{color:var(--color-accent);font-weight:bold}.legal-card--accept{border-left:6px solid #2e7d32}.legal-card--accept::before{content:"✓ APPROVED";position:absolute;bottom:10px;right:10px;font-family:var(--font-heading);font-size:3rem;color:rgba(46,125,50,.1);transform:rotate(-15deg);pointer-events:none}.legal-card--warning{border-color:var(--color-accent);transform:rotate(-1deg)}.legal-card--warning::before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:repeating-linear-gradient(-45deg, var(--color-accent), var(--color-accent) 8px, transparent 8px, transparent 16px);opacity:.3}.legal-card--warning:hover{transform:rotate(-1deg) translateY(-5px)}.legal-card--fun{transform:rotate(2deg);border-color:var(--color-primary)}.legal-card--fun::before{content:"POW!";position:absolute;top:15px;right:15px;font-family:var(--font-heading);font-size:1.5rem;color:var(--color-accent);transform:rotate(15deg);opacity:.3}.legal-card--fun:hover{transform:rotate(2deg) translateY(-5px) scale(1.02)}.legal-card--official{border-color:var(--color-primary);border-width:5px}.legal-card--official::before{content:"©";position:absolute;bottom:10px;right:20px;font-size:5rem;color:rgba(255,215,0,.2);font-weight:bold}.legal-card--caution::before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg, var(--color-primary), var(--color-primary) 20px, var(--color-dark) 20px, var(--color-dark) 40px)}.legal-card--caution .legal-card__icon{background:var(--color-primary);font-size:1.8rem}.legal-card--refresh{border-style:dashed;border-color:var(--color-dark)}.legal-card--refresh .legal-card__icon{animation:spin-slow 8s linear infinite}@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.legal-card--intro{border-left:6px solid #1976d2}.legal-card--intro::before{content:"👋";position:absolute;bottom:10px;right:15px;font-size:4rem;opacity:.15}.legal-card--collect::before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 10px, transparent 10px, transparent 20px)}.legal-card--collect::after{content:"👁️";position:absolute;bottom:10px;right:15px;font-size:3rem;opacity:.2}.legal-card--use::before{content:"⚙️";position:absolute;bottom:5px;right:10px;font-size:5rem;opacity:.1}.legal-card--cookies{border-color:#8d6e63}.legal-card--cookies::before{content:"🍪";position:absolute;bottom:10px;right:20px;font-size:4rem;opacity:.2;transform:rotate(-15deg)}.legal-card--cookies::after{content:"🍪";position:absolute;top:50px;right:80px;font-size:2rem;opacity:.1;transform:rotate(20deg)}.legal-card--secure{border-left:6px solid #2e7d32}.legal-card--secure::before{content:"🔒";position:absolute;bottom:10px;right:20px;font-size:4rem;opacity:.15}.legal-card--thirdparty::before{content:"🔗";position:absolute;bottom:10px;right:20px;font-size:3.5rem;opacity:.15}.legal-card--thirdparty::after{content:"↗️";position:absolute;top:50px;right:15px;font-size:2rem;opacity:.2}.legal-card--rights{border-left:6px solid var(--color-accent)}.legal-card--rights::before{content:"✊";position:absolute;bottom:10px;right:20px;font-size:4rem;opacity:.15}.legal-card--satire{border-radius:20px 0;border-color:#9c27b0}.legal-card--satire::before{content:"🃏";position:absolute;bottom:10px;right:15px;font-size:4rem;opacity:.2;transform:rotate(10deg)}.legal-card--fiction{border-image:linear-gradient(45deg, #f0c, #33f) 1}.legal-card--fiction::before{content:"🦄";position:absolute;bottom:10px;right:15px;font-size:4rem;opacity:.2}.legal-card--noadvice{border-top:6px solid #d32f2f}.legal-card--noadvice::before{content:"🩺";position:absolute;bottom:10px;right:15px;font-size:4rem;opacity:.15}.legal-card--external::before{content:"🌀";position:absolute;top:50%;right:10px;font-size:8rem;opacity:.05;transform:translateY(-50%) rotate(0deg);animation:spin-slow 20s linear infinite}.legal-card--accuracy{border-style:dotted}.legal-card--accuracy::before{content:"📝";position:absolute;bottom:10px;right:15px;font-size:4rem;opacity:.2;transform:rotate(-10deg)}.legal-card--liability{border-bottom:6px solid #ff5722}.legal-card--liability::before{content:"🔥";position:absolute;bottom:15px;right:15px;font-size:4rem;opacity:.2}.legal-cta{display:flex;align-items:center;gap:var(--space-lg);background:var(--color-dark);color:var(--color-light);padding:var(--space-lg) var(--space-xl);border:var(--border-thick);box-shadow:var(--shadow-comic)}.legal-cta__icon{font-size:3rem;flex-shrink:0}.legal-cta__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-primary);margin:0 0 var(--space-xs);text-transform:uppercase}.legal-cta__text{font-size:var(--text-base);margin:0}.legal-cta__link{color:var(--color-primary);font-weight:bold;text-decoration:underline;transition:color var(--transition-fast)}.legal-cta__link:hover{color:var(--color-light)}@media(width <= 600px){.legal-cta{flex-direction:column;align-items:flex-start}}.legal-content{background:var(--color-light);padding:var(--space-xl);border:var(--border-thick);box-shadow:var(--shadow-comic)}.legal-updated{font-size:var(--text-sm);color:var(--color-accent);font-weight:bold;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px dashed var(--color-dark)}.legal-content h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-dark);margin-top:var(--space-xl);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.legal-content h2:first-of-type{margin-top:0}.legal-content p{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.legal-content ul{margin:var(--space-md) 0;padding-inline-start:var(--space-lg)}.legal-content li{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-xs)}.legal-content a{color:var(--color-accent);text-decoration:underline;transition:color var(--transition-fast)}.legal-content a:hover{color:var(--color-dark)}:root{--color-primary: #FFD700;--color-accent: #D32F2F;--color-dark: #0a0a0a;--color-light: #fff;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--font-heading: 'Bangers', cursive;--font-body: system-ui, -apple-system, 'Segoe UI', roboto, sans-serif;--text-xs: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);--text-sm: clamp(1rem, 0.9rem + 0.35vw, 1.125rem);--text-base: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);--text-lg: clamp(1.375rem, 1.15rem + 1vw, 1.75rem);--text-xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--text-2xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--text-3xl: clamp(3rem, 2.25rem + 3vw, 5rem);--text-hero: clamp(3.5rem, 3vw + 2rem, 7rem);--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.7;--shadow-comic: 8px 8px 0px var(--color-dark);--shadow-comic-hover: 12px 12px 0px var(--color-accent);--shadow-nav: 5px 5px 0px rgb(0 0 0 / 20%);--border-thin: 2px solid var(--color-dark);--border-medium: 3px solid var(--color-dark);--border-thick: 4px solid var(--color-dark);--transition-fast: 0.2s ease;--transition-base: 0.3s ease;--container-max: 1400px;--container-narrow: 1200px}[lang=ar]{--font-heading: 'Lalezar', cursive;--font-body: 'Segoe UI', 'Tahoma', geneva, verdana, sans-serif;font-family:var(--font-body)}.stories-page{background-color:var(--color-light);min-height:100vh}.stories-page__hero{position:relative;height:60vh;min-height:400px;background-color:var(--color-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:var(--border-thick);clip-path:polygon(0 0, 100% 0, 100% 95%, 0 100%)}.stories-page__hero .hero-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--color-dark) 20%, transparent 20%),linear-gradient(45deg, transparent 48%, var(--color-dark) 48%, var(--color-dark) 52%, transparent 52%);background-size:20px 20px,40px 40px;background-position:0 0,0 0;opacity:.1;animation:pattern-pan 60s linear infinite}.stories-page__hero .hero-content{position:relative;z-index:10;text-align:center;transform:rotate(-3deg)}.stories-page__hero .hero-title{font-family:var(--font-heading);font-size:clamp(4rem,15vw,10rem);line-height:.8;color:var(--color-dark);text-transform:uppercase;text-shadow:6px 6px 0 var(--color-light);margin-bottom:var(--space-md)}.stories-page__hero .hero-title .text-stroke{display:block;color:rgba(0,0,0,0);-webkit-text-stroke:3px var(--color-accent);font-size:.6em;transform:translateX(20px)}.stories-page__hero .hero-subtitle{background:var(--color-dark);color:var(--color-light);display:inline-block;padding:var(--space-xs) var(--space-lg);font-size:var(--text-lg);font-weight:bold;box-shadow:6px 6px 0 var(--color-accent)}@keyframes pattern-pan{from{background-position:0 0,0 0}to{background-position:100px 100px,0 0}}.stories-hud{position:sticky;top:20px;z-index:100;margin:-30px auto var(--space-xl);max-width:1200px;padding:0 var(--space-md)}.stories-hud__container{background:var(--color-dark);color:var(--color-light);padding:var(--space-sm);border-radius:50px;display:flex;align-items:center;gap:var(--space-md);box-shadow:0 10px 20px rgba(0,0,0,.3);border:2px solid var(--color-light);transition:all .3s ease}.stories-hud__container:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.4)}.stories-hud__container.is-open{border-radius:20px;flex-wrap:wrap}.stories-hud__container.is-open .hud-filters{display:flex;width:100%;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid hsla(0,0%,100%,.2);flex-wrap:wrap;justify-content:center;animation:fade-in .3s ease}.hud-search{background:hsla(0,0%,100%,.1);border-radius:30px;padding:0 var(--space-md);display:flex;align-items:center;flex:1;max-width:300px}.hud-search input{background:rgba(0,0,0,0);border:none;color:var(--color-light);padding:var(--space-sm);width:100%;font-weight:bold}.hud-search input::placeholder{color:hsla(0,0%,100%,.5)}.hud-search input:focus{outline:none}.hud-filters{display:flex;gap:var(--space-xs);align-items:center}@media(width <= 768px){.hud-filters{display:none}}.hud-pill{background:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:var(--color-light);padding:6px 16px;border-radius:20px;font-weight:bold;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:.9rem}.hud-pill:hover{background:hsla(0,0%,100%,.1)}.hud-pill.active{background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary)}.hud-pill.mood-pill{font-size:1.2rem;padding:4px 10px}.hud-separator{width:2px;height:20px;background:hsla(0,0%,100%,.2);margin:0 var(--space-xs)}.hud-toggle{display:none;background:rgba(0,0,0,0);border:none;color:var(--color-light);font-weight:bold;font-family:var(--font-heading);font-size:var(--text-lg);cursor:pointer}@media(width <= 768px){.hud-toggle{display:block;margin-left:auto}}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stories-wall{padding:var(--space-xl) var(--space-md);max-width:1400px;margin:0 auto}.stories-wall__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-lg)}@media(width <= 1100px){.stories-wall__grid{grid-template-columns:repeat(2, 1fr)}}@media(width <= 600px){.stories-wall__grid{grid-template-columns:1fr}}.wall-card{position:relative;perspective:1000px;height:auto}.wall-card__link{text-decoration:none;color:inherit;display:block;height:100%;cursor:pointer}.wall-card__inner{background:var(--color-light);border:3px solid var(--color-dark);height:100%;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.wall-card__inner:hover{transform:translateY(-10px);box-shadow:10px 10px 0 var(--color-dark);border-color:var(--color-accent)}.wall-card__inner:hover .wall-card__visual img{transform:scale(1.05)}.wall-card__inner:hover .wall-card__mood{transform:scale(1.1) rotate(10deg);box-shadow:4px 4px 0 var(--color-accent)}.wall-card__visual{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-bottom:3px solid var(--color-dark);background:var(--color-dark)}.wall-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.wall-card__overlay{position:absolute;inset:0;background:linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.3));z-index:1}.wall-card__badge{position:absolute;top:15px;left:15px;background:var(--color-primary);border:2px solid var(--color-dark);padding:4px 12px;font-weight:900;text-transform:uppercase;font-size:.85rem;z-index:2;box-shadow:4px 4px 0 rgba(0,0,0,.2)}.wall-card__content{padding:var(--space-md) var(--space-lg);flex:1;display:flex;flex-direction:column;justify-content:flex-start;background:var(--color-light);position:relative;min-height:120px}.wall-card__mood{position:absolute;top:0;right:20px;transform:translateY(-50%);width:50px;height:50px;background:var(--color-light);border:3px solid var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;z-index:10;box-shadow:3px 3px 0 var(--color-dark);transition:transform .3s ease,box-shadow .3s ease}.wall-card__tags{display:flex;gap:8px;margin-bottom:var(--space-xs)}.wall-card__tags .tag{font-size:.75rem;font-weight:bold;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.wall-card__title{font-family:var(--font-heading);font-size:1.75rem;line-height:1;color:var(--color-dark);margin:0;padding-right:30px}.chaos-cinema{min-block-size:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 80%, rgba(211, 47, 47, 0.1) 0%, transparent 50%),radial-gradient(circle, #0a0a0a 1px, transparent 1px);background-color:var(--color-primary);background-size:100% 100%,4px 4px;padding-block:clamp(2rem,5vw,4rem);padding-inline:clamp(1rem,3vw,2rem)}.cinema-hero{max-inline-size:1200px;inline-size:100%;display:grid;gap:clamp(2rem,4vw,3rem);text-align:center;position:relative;z-index:2}.cinema-hero__bg-text{position:absolute;inset-block-start:-2rem;inset-inline-start:50%;translate:-50% 0;font-size:clamp(4rem,15vw,12rem);font-weight:900;color:rgba(10,10,10,.05);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;pointer-events:none;z-index:-1}.cinema-hero__badge{display:inline-block;padding:.5rem 1.5rem;background:var(--color-accent);color:var(--color-light);font-weight:700;font-size:clamp(.875rem,2vw,1rem);text-transform:uppercase;letter-spacing:.15em;box-shadow:4px 4px 0 rgba(10,10,10,.9),8px 8px 0 rgba(10,10,10,.3);rotate:-2deg;animation:badge-float 3s ease-in-out infinite}@keyframes badge-float{0%,100%{translate:0 0}50%{translate:0 -8px}}.cinema-hero__title{font-size:clamp(2.5rem,8vw,6rem);font-weight:900;color:var(--color-light);text-transform:uppercase;line-height:.9;letter-spacing:.05em;text-shadow:-3px -3px 0 var(--color-dark),3px -3px 0 var(--color-dark),-3px 3px 0 var(--color-dark),3px 3px 0 var(--color-dark),0 6px 12px rgba(0,0,0,.5)}.cinema-hero__subtitle{font-size:clamp(1.5rem,4vw,2.25rem);color:var(--color-dark);font-weight:700;max-inline-size:40ch;margin-inline:auto;text-shadow:-3px -3px 0 var(--color-light),3px -3px 0 var(--color-light),-3px 3px 0 var(--color-light),3px 3px 0 var(--color-light),-3px 0 0 var(--color-light),3px 0 0 var(--color-light),0 -3px 0 var(--color-light),0 3px 0 var(--color-light)}.marquee-sign{background:var(--color-dark);padding-block:clamp(1rem,2vw,1.5rem);overflow:hidden;position:relative;border:4px solid var(--color-light);box-shadow:0 0 20px rgba(255,215,0,.6),inset 0 0 20px rgba(255,215,0,.3);animation:marquee-glow 2s ease-in-out infinite}@keyframes marquee-glow{0%,100%{box-shadow:0 0 20px rgba(255,215,0,.6),inset 0 0 20px rgba(255,215,0,.3)}50%{box-shadow:0 0 40px rgba(255,215,0,.9),inset 0 0 40px rgba(255,215,0,.5)}}.marquee-sign__track{display:flex;gap:2rem;animation:marquee-scroll 20s linear infinite}@keyframes marquee-scroll{from{translate:0 0}to{translate:-50% 0}}.marquee-sign__text{font-size:clamp(1.25rem,3vw,2rem);font-weight:900;color:var(--color-primary);text-transform:uppercase;white-space:nowrap;letter-spacing:.2em;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4)}.cinema-doors{display:grid;gap:clamp(1.5rem,3vw,2.5rem);perspective:1000px}.cinema-door{position:relative;padding:clamp(2rem,4vw,3rem);background:linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);border:6px solid var(--color-dark);box-shadow:8px 8px 0 rgba(10,10,10,.9),12px 12px 20px rgba(0,0,0,.5);transform-style:preserve-3d;transform:rotateX(2deg);transition:transform .3s ease}.cinema-door:hover{transform:rotateX(0deg) scale(1.02)}.cinema-door__label{font-size:clamp(1.5rem,4vw,3rem);font-weight:900;color:var(--color-accent);text-transform:uppercase;text-align:center;letter-spacing:.1em;text-shadow:-2px -2px 0 var(--color-light),2px -2px 0 var(--color-light),-2px 2px 0 var(--color-light),2px 2px 0 var(--color-light)}.cinema-door__note{margin-block-start:1rem;font-size:clamp(.875rem,2vw,1.125rem);color:var(--color-light);text-align:center;opacity:.8}.ticket-booth{background:var(--color-primary);padding:clamp(1.5rem,3vw,2.5rem);border:4px solid var(--color-dark);position:relative;box-shadow:6px 6px 0 var(--color-dark),10px 10px 0 rgba(10,10,10,.3);rotate:1deg;transition:all .3s ease;cursor:pointer}.ticket-booth:hover{rotate:-1deg;translate:-2px -2px;box-shadow:8px 8px 0 var(--color-dark),12px 12px 0 rgba(10,10,10,.3)}.ticket-booth:active{animation:shake .5s ease}@keyframes shake{0%,100%{translate:0 0}25%{translate:-5px 0}75%{translate:5px 0}}.ticket-booth__dialog{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--color-dark);text-align:center;line-height:1.5}.glitch-effect{position:relative}.glitch-effect::before,.glitch-effect::after{content:attr(data-text);position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}.glitch-effect::before{animation:glitch-1 2s infinite;color:var(--color-accent);z-index:-1}.glitch-effect::after{animation:glitch-2 2s infinite;color:var(--color-primary);z-index:-2}@keyframes glitch-1{0%,100%{translate:0 0;opacity:0}10%{translate:-2px -2px;opacity:.8}20%{translate:2px 2px;opacity:0}}@keyframes glitch-2{0%,100%{translate:0 0;opacity:0}15%{translate:2px -2px;opacity:.8}25%{translate:-2px 2px;opacity:0}}.vhs-shelf{display:flex;gap:clamp(1rem,2vw,1.5rem);flex-wrap:wrap;justify-content:center;padding-block-start:clamp(2rem,4vw,3rem)}.vhs-tape{inline-size:clamp(120px,15vw,180px);block-size:clamp(80px,10vw,120px);background:linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);border:3px solid var(--color-dark);position:relative;transform-style:preserve-3d;transform:rotateY(-10deg) rotateX(5deg);box-shadow:4px 4px 0 rgba(10,10,10,.8),8px 8px 15px rgba(0,0,0,.4);transition:transform .3s ease}.vhs-tape:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.05)}.vhs-tape::before{content:"";position:absolute;inset-block-start:10%;inset-inline-start:10%;inline-size:80%;block-size:80%;background:var(--color-primary);opacity:.1}.vhs-tape__label{position:absolute;inset-block-end:.5rem;inset-inline:.5rem;font-size:clamp(.625rem,1.5vw,.75rem);font-weight:700;color:var(--color-light);text-align:center;text-transform:uppercase}.popcorn-prop{position:fixed;inset-block-end:2rem;inset-inline-end:2rem;inline-size:clamp(80px,10vw,120px);block-size:clamp(100px,12vw,150px);cursor:pointer;z-index:10;animation:popcorn-bounce 2s ease-in-out infinite}.popcorn-prop:hover{animation:popcorn-spill .5s ease forwards}@keyframes popcorn-bounce{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes popcorn-spill{0%{rotate:0deg}100%{rotate:45deg;translate:10px -10px}}.popcorn-prop__bucket{inline-size:100%;block-size:100%;background:linear-gradient(180deg, var(--color-primary) 0%, #d4a600 100%);border:3px solid var(--color-dark);position:relative;clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);box-shadow:4px 4px 0 var(--color-dark),6px 6px 10px rgba(0,0,0,.3)}.popcorn-prop__label{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;font-size:clamp(.625rem,1.5vw,.875rem);font-weight:900;color:var(--color-dark);text-transform:uppercase;rotate:-5deg}@media(hover: none){.ticket-booth:active,.popcorn-prop:active{animation:shake .3s ease}}.marquee-strip--bulletin{background:var(--color-accent);color:var(--color-light);border-block:var(--border-thick)}.bulletin-board{position:relative;min-block-size:100vh;background:linear-gradient(135deg, #8b7355 0%, #6b5a47 100%);overflow:hidden;padding-block:var(--space-2xl);padding-inline:var(--space-md)}.bulletin-board__bg-text{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%, -50%) scale(1.5);font-family:var(--font-heading);font-size:clamp(8rem,20vw,20rem);color:rgba(0,0,0,.08);letter-spacing:.1em;user-select:none;pointer-events:none;white-space:nowrap;z-index:1}.bulletin-board__cork{position:relative;max-inline-size:var(--container-max);margin-inline:auto;min-block-size:clamp(600px,80vh,1000px);background:repeating-linear-gradient(90deg, #b8956c 0px, #a8855c 2px, #b8956c 4px),repeating-linear-gradient(0deg, #b8956c 0px, #c8a57c 2px, #b8956c 4px),radial-gradient(circle at 20% 30%, #c8a57c 0%, #b8956c 100%);border:var(--border-thick);border-radius:4px;box-shadow:inset 0 0 100px rgba(0,0,0,.2),0 20px 40px rgba(0,0,0,.3);padding:var(--space-xl);z-index:2}.bulletin-board__yarn{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;z-index:3}.yarn-string{stroke-linecap:round;animation:drawString 2s ease-out forwards}.yarn-string:nth-child(1){animation-delay:.5s}.yarn-string:nth-child(2){animation-delay:1s}.yarn-string:nth-child(3){animation-delay:1.5s}.yarn-string:nth-child(4){animation-delay:2s}@keyframes drawString{to{stroke-dashoffset:0}}.bulletin-board__items{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));gap:var(--space-xl);min-block-size:600px;z-index:4}.pinned-item{position:relative;transform:rotate(var(--rotation, 0deg));transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;min-inline-size:clamp(200px,25vw,350px)}@supports(inset-block-start: var(--top)){.pinned-item[style*="--top"]{position:absolute;inset-block-start:var(--top, auto);inset-block-end:var(--bottom, auto);inset-inline-start:var(--left, auto);inset-inline-end:var(--right, auto)}}.pinned-item:hover{transform:rotate(calc(var(--rotation, 0deg) + 2deg)) translateY(-10px) scale(1.05);z-index:10}.pinned-item__tooltip{position:absolute;inset-block-start:-60px;inset-inline-start:50%;transform:translateX(-50%);background:var(--color-dark);color:var(--color-light);padding:var(--space-xs) var(--space-sm);border-radius:4px;font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100}.pinned-item:hover .pinned-item__tooltip{opacity:1}.pushpin{position:absolute;inset-block-start:-8px;inset-inline-start:50%;transform:translateX(-50%);inline-size:20px;block-size:20px;background:radial-gradient(circle at 30% 30%, #ff6b6b, var(--color-accent));border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3),inset -2px -2px 4px rgba(0,0,0,.2),inset 2px 2px 4px hsla(0,0%,100%,.3);z-index:5;transition:transform var(--transition-fast)}.pinned-item:hover .pushpin{transform:translateX(-50%) rotateY(180deg)}.polaroid{background:var(--color-light);padding:var(--space-sm);padding-block-end:var(--space-lg);box-shadow:var(--shadow-comic);border:1px solid #ddd}.polaroid__image{aspect-ratio:4/3;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border:2px solid #eee}.polaroid__placeholder{font-size:clamp(3rem,8vw,5rem)}.polaroid__caption{margin-block-start:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-lg);text-align:center;color:var(--color-dark)}.newspaper-clip{background:#f5f5f0;padding:var(--space-md);border:1px solid #d0d0c0;box-shadow:var(--shadow-comic);clip-path:polygon(0% 0%, 95% 0%, 100% 5%, 100% 95%, 97% 100%, 5% 100%, 0% 98%)}.newspaper-clip__header{font-size:var(--text-xs);font-weight:bold;color:#666;margin-block-end:var(--space-xs);text-transform:uppercase}.newspaper-clip__headline{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--leading-tight);margin-block-end:var(--space-sm);color:var(--color-dark);transition:text-shadow .1s}.pinned-item--newspaper:hover .newspaper-clip__headline{animation:glitchText .3s infinite}@keyframes glitchText{0%,100%{text-shadow:2px 2px 0 var(--color-accent),-2px -2px 0 var(--color-primary)}25%{text-shadow:-2px 2px 0 var(--color-accent),2px -2px 0 var(--color-primary)}50%{text-shadow:2px -2px 0 var(--color-accent),-2px 2px 0 var(--color-primary)}75%{text-shadow:-2px -2px 0 var(--color-accent),2px 2px 0 var(--color-primary)}}.newspaper-clip__excerpt{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#333}.sticky-note{background:linear-gradient(135deg, var(--color-primary) 0%, #ffd600 100%);padding:var(--space-md);box-shadow:var(--shadow-comic);min-block-size:180px;position:relative;border:1px solid #e6c200}.sticky-note::after{content:"";position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:40px;block-size:40px;background:linear-gradient(225deg, #f0d080 45%, transparent 50%);box-shadow:-2px 2px 4px rgba(0,0,0,.2);transition:transform var(--transition-fast)}.pinned-item--sticky:hover .sticky-note::after{transform:translate(5px, 5px) scale(1.2)}.sticky-note__title{font-family:var(--font-heading);font-size:var(--text-xl);margin-block-end:var(--space-sm);color:var(--color-dark)}.sticky-note__text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#333}.classified-doc{background:#f8f4e8;padding:var(--space-lg);border:2px solid #8b4513;box-shadow:var(--shadow-comic);position:relative;min-block-size:200px;max-inline-size:clamp(300px,50vw,500px)}.pinned-item--classified{max-inline-size:clamp(300px,50vw,500px)}.classified-doc__stamp{position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-lg);color:darkred;border:3px solid darkred;padding:var(--space-xs) var(--space-sm);transform:rotate(15deg);opacity:.7}.classified-doc__header{font-family:var(--font-heading);font-size:var(--text-xl);margin-block-end:var(--space-md);color:var(--color-dark)}.classified-doc__content p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-block-end:var(--space-sm)}.redacted-line{background:linear-gradient(90deg, transparent 0%, var(--color-dark) 10%, var(--color-dark) 90%, transparent 100%);block-size:1.2em;margin-block:var(--space-xs)}.coming-soon-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-12deg);z-index:20;pointer-events:none}.coming-soon-stamp__text{display:block;font-family:var(--font-heading);font-size:clamp(4rem,12vw,8rem);min-inline-size:clamp(300px,40vw,600px);color:rgba(211,47,47,.6);text-shadow:3px 3px 0 rgba(0,0,0,.1),-1px -1px 0 hsla(0,0%,100%,.5);letter-spacing:.05em;border:8px solid rgba(211,47,47,.6);padding:var(--space-md) var(--space-xl);filter:drop-shadow(0 0 20px rgba(211, 47, 47, 0.4));animation:stampPulse 3s ease-in-out infinite}@keyframes stampPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}.bulletin-board__info{max-inline-size:var(--container-narrow);margin-inline:auto;margin-block-start:var(--space-2xl);text-align:center;color:var(--color-light);z-index:2;position:relative}.bulletin-board__info h2{font-family:var(--font-heading);font-size:var(--text-3xl);margin-block-end:var(--space-md)}.bulletin-board__info p{font-size:var(--text-lg);line-height:var(--leading-relaxed);max-inline-size:60ch;margin-inline:auto}.vhs-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg, transparent 0px, transparent 2px, rgba(0, 0, 0, 0.03) 2px, rgba(0, 0, 0, 0.03) 4px);opacity:.5}