@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap";:root{--bg-color: #000000;--obsidian: #0a0a0a;--charcoal: #161617;--emergency-red: #ff3b30;--warfare-red: #d70015;--glass-bg: rgba(22, 22, 23, .7);--glass-border: rgba(255, 255, 255, .08);--text-primary: #f5f5f7;--text-secondary: #86868b;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--section-gap: 8rem;--container-max: 1100px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;position:relative}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.5}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}nav{height:100px;display:flex;align-items:center;position:relative;z-index:1000;width:100%}.nav-content-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{height:80px;width:auto;filter:drop-shadow(0 0 15px rgba(255,255,255,.1)) brightness(1.1);transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .3s ease;letter-spacing:-.01em;text-transform:uppercase;font-family:Inter,sans-serif}.nav-link:hover{color:var(--text-primary)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;z-index:1001}@media(max-width:900px){nav{height:80px}.nav-logo{height:60px}.mobile-menu-toggle{display:block}.nav-links{position:fixed;top:0;right:0;width:80%;height:100vh;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:2.5rem;padding:2rem;border-left:1px solid var(--glass-border);transform:translate(100%);visibility:hidden;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility .4s,opacity .4s ease}.nav-links.mobile-open{transform:translate(0);visibility:visible;opacity:1;pointer-events:all}.nav-link{font-size:1.5rem}.donate-btn{width:100%;text-align:center;padding:15px!important}}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto);gap:1.5rem;margin-bottom:var(--section-gap)}.bento-card{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:28px;padding:2.5rem;display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .3s ease;min-height:300px}.bento-card:hover{border-color:rgba(var(--glow-rgb, 255, 59, 48),.8);box-shadow:0 0 50px rgba(var(--glow-rgb, 255, 59, 48),.35),inset 0 0 20px rgba(var(--glow-rgb, 255, 59, 48),.15)}h1{font-size:clamp(2.2rem,10vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem}h2{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}@media(max-width:1024px){.container{padding:0 1.25rem}.bento-grid{display:flex;flex-direction:column;gap:1.25rem}.bento-card{padding:1.5rem;min-height:auto;aspect-ratio:auto!important;width:100%}[class*=span-],[class*=row-]{grid-column:auto!important;grid-row:auto!important}}@media(max-width:600px){.cinematic-section{padding:6rem 0!important;min-height:60vh}h1{font-size:2.2rem;line-height:1.2}.narrative-text{font-size:.95rem;margin:1rem 0;line-height:1.6}.hero-button-container{margin-top:2rem}}.emergency-text{color:var(--emergency-red);text-transform:uppercase;font-weight:800;font-size:.8rem;letter-spacing:.12em;margin-bottom:1rem;display:block;text-shadow:0 2px 4px rgba(0,0,0,.3)}.donate-btn{background:var(--emergency-red);color:#fff;padding:10px 22px;border-radius:20px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;white-space:nowrap}.donate-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #ff3b304d}.span-full{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.row-4{grid-row:span 4}.row-3{grid-row:span 3}.row-6{grid-row:span 6}.hero-card{grid-column:span 12!important;grid-row:span 6!important;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,#1a1a1a,#000)}.hero-card img{height:clamp(100px,15vw,200px);margin-bottom:2rem}.stencil-text{font-weight:500;letter-spacing:.2em;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn 1s cubic-bezier(.16,1,.3,1) forwards}.thumb-hover{transition:all .5s cubic-bezier(.16,1,.3,1)}.thumb-hover:hover{transform:scale(1.02);border-color:#ff3b3080!important}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none}.thumb-hover:hover .play-overlay{transform:translate(-50%,-50%) scale(1.1);background:#ff3b3033}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/dark-matter.png)}.cinematic-section{position:relative;width:100%;padding:12rem 0;min-height:80vh;display:flex;align-items:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.cinematic-section.graphic-hero{padding:0!important;min-height:auto!important;aspect-ratio:16/9;background-attachment:scroll}.graphic-hero .cinematic-content{padding:12% 2rem}.cinematic-content{max-width:var(--container-max);margin:0 auto;padding:0 2rem;position:relative;z-index:2;width:100%}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000c,#0003,#000c);z-index:1}.reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.narrative-text{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6;color:#fff;font-weight:500;max-width:800px;margin:2rem 0;text-shadow:0 4px 12px rgba(0,0,0,.5)}h1,.narrative-text,.emergency-text{text-shadow:0 2px 20px rgba(0,0,0,.5)}.parallax-container{height:600px;overflow:hidden;position:relative;border-radius:40px;margin-bottom:var(--section-gap)}@media(max-width:1024px){.cinematic-section{background-attachment:scroll;padding:8rem 0;min-height:60vh}.cinematic-section.graphic-hero{aspect-ratio:auto;padding:8rem 0!important}.narrative-text{font-size:1.1rem}}