/* martial.quest - Martial Law Documentary */
:root{--deep-crimson:#6B1D2A;--dark-wine:#3A1520;--near-black:#0D0709;--midnight:#1a0a0a;--pale-ash:#F0E6D3;--steel-blue:#8A9BAE;--muted-red:#2D1118;--warm-cream:#E8DCC8;--ink:#2d1118}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lora',serif;background:var(--midnight);color:var(--pale-ash);overflow-x:hidden}
.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:0.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E")}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--near-black),var(--muted-red));position:relative}
.hero-inner{text-align:center;position:relative;z-index:2}
.hero-title{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(3rem,8vw,7rem);letter-spacing:0.1em;text-transform:uppercase;color:var(--pale-ash);line-height:1}
.dot{color:var(--deep-crimson)}
.hero-sub{font-family:'Space Mono',monospace;font-size:clamp(0.8rem,1.5vw,1rem);letter-spacing:0.2em;color:var(--steel-blue);margin-top:1.5rem;text-transform:uppercase}
.red-line{width:80px;height:2px;background:var(--deep-crimson);margin:2rem auto}
.hero-tagline{font-family:'Lora',serif;font-style:italic;font-size:clamp(0.9rem,1.5vw,1.1rem);color:var(--warm-cream);opacity:0.7;max-width:500px;margin:0 auto}
.section{padding:6rem 2rem;position:relative}
.section-title{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(1.8rem,4vw,3rem);text-align:center;margin-bottom:3rem;letter-spacing:0.05em;color:var(--pale-ash)}
.timeline{background:var(--near-black)}
.timeline-track{max-width:700px;margin:0 auto;border-left:2px solid var(--deep-crimson);padding-left:2rem}
.timeline-entry{margin-bottom:2.5rem;opacity:0;transform:translateX(-20px);transition:opacity 0.6s ease,transform 0.6s ease}
.timeline-entry.visible{opacity:1;transform:translateX(0)}
.year{font-family:'Space Mono',monospace;font-weight:700;font-size:1.2rem;color:var(--deep-crimson);display:block;margin-bottom:0.5rem}
.entry-text{font-size:1rem;line-height:1.75;color:var(--warm-cream);opacity:0.85}
.analysis{background:var(--muted-red)}
.analysis-inner{max-width:1000px;margin:0 auto}
.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.analysis-card{border:1px solid var(--deep-crimson);padding:2rem;background:rgba(13,7,9,0.5);transition:border-color 0.3s}
.analysis-card:hover{border-color:var(--steel-blue)}
.card-heading{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.3rem;color:var(--pale-ash);margin-bottom:0.8rem}
.card-text{font-size:0.95rem;line-height:1.7;color:var(--warm-cream);opacity:0.8}
.voices{background:var(--near-black);padding:8rem 2rem;text-align:center}
.voices-inner{max-width:700px;margin:0 auto}
.voice-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.4;color:var(--pale-ash);border-left:3px solid var(--deep-crimson);padding-left:2rem;text-align:left}
.voice-attr{font-family:'Space Mono',monospace;font-size:0.8rem;color:var(--steel-blue);margin-top:1.5rem;letter-spacing:0.1em}
.footer{padding:3rem 2rem;text-align:center;background:var(--near-black);border-top:1px solid var(--deep-crimson)}
.footer-domain{font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:0.2em;color:var(--steel-blue);text-transform:uppercase}
.footer-note{font-family:'Lora',serif;font-style:italic;font-size:0.85rem;color:var(--warm-cream);opacity:0.5;margin-top:0.5rem}
@media(max-width:768px){.analysis-grid{grid-template-columns:1fr}}