:root{--cork: #b8956a;--cork-dark: #8a6d4a;--cork-light: #d4b08c;--cork-bg: #6b4c30;--string-red: #c23030;--string-glow: rgba(194, 48, 48, .3);--paper-white: #f0ebe0;--paper-cream: #e8dcc8;--paper-yellow: #f5e6a0;--newspaper: #d8d0c0;--pin-red: #cc3333;--pin-blue: #3366aa;--pin-green: #44884a;--pin-yellow: #cc9922;--ink-dark: #1a1410;--ink-blue: #1a2a5a;--ink-red: #8a1a1a;--marker-red: #cc2222;--severity-1: #44884a;--severity-2: #88a444;--severity-3: #cc9922;--severity-4: #cc6622;--severity-5: #cc3333;--text-dark: #111;--text-mid: #333;--text-light: #ddd;--text-on-dark: #f0ebe0;--font-handwriting: "Caveat", cursive;--font-typewriter: "Special Elite", monospace;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--cork-bg);color:var(--text-dark);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;min-height:100vh;background:radial-gradient(ellipse 130% 100% at 50% 30%,#6b5038,#5a4228 40%,#4a3620,#3e2e1a);background-attachment:fixed}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:cover}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cork-bg)}::-webkit-scrollbar-thumb{background:var(--cork-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cork)}::selection{background:#c230304d;color:var(--text-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pinDrop{0%{opacity:0;transform:translateY(-30px) scale(.5)}60%{transform:translateY(3px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scribble{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes paperSlap{0%{opacity:0;transform:rotate(var(--rot, -2deg)) scale(.8) translateY(-20px)}70%{transform:rotate(var(--rot, -2deg)) scale(1.02) translateY(2px)}to{opacity:1;transform:rotate(var(--rot, -2deg)) scale(1) translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--string-glow)}50%{box-shadow:0 0 20px var(--string-glow)}}@keyframes waveform{0%,to{height:4px}50%{height:24px}}@keyframes string-pulse{0%,to{opacity:.7}50%{opacity:1}}.string-pulse{animation:string-pulse 1.5s ease-in-out infinite}@keyframes card-select{0%{transform:rotate(var(--rot, 0deg)) scale(1)}30%{transform:rotate(0) scale(1.08) translateY(-10px);box-shadow:8px 14px 35px #00000080}60%{transform:rotate(0) scale(1.12) translateY(-16px)}to{transform:rotate(0) scale(1.15) translateY(-20px);opacity:.7}}.card-select{animation:card-select .6s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes folder-arrive{0%{transform:rotate(-8deg) scale(.85) translateY(-30px);opacity:.5}40%{transform:rotate(1deg) scale(1.02) translateY(4px);opacity:1}60%{transform:rotate(-.5deg) scale(.99) translateY(-2px)}80%{transform:rotate(.3deg) scale(1.005) translateY(1px)}to{transform:rotate(-1.5deg) scale(1) translateY(0)}}.folder-arrive{animation:folder-arrive .8s cubic-bezier(.16,1,.3,1);transform-origin:center center}.hero-eyebrow{animation:fadeInUp .8s var(--ease-out) .1s both}.hero-title{animation:scribble 1.2s var(--ease-out) .3s both}.hero-subtitle{animation:fadeInUp .8s var(--ease-out) .7s both}.section-enter{animation:fadeInUp .8s var(--ease-out) 1s both}.section-enter-2{animation:fadeInUp .8s var(--ease-out) 1.6s both}.carousel-enter{animation:fadeInUp .9s var(--ease-out) 1.1s both}.carousel-enter-2{animation:fadeInUp .9s var(--ease-out) 1.7s both}.input-enter{animation:fadeInUp .7s var(--ease-out) 2s both}.coffee-stain{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid rgba(90,60,30,.15);pointer-events:none}.smoke-css{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden;opacity:0;animation:smoke-fade-in 3s ease forwards}.smoke-css:before,.smoke-css:after{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(ellipse 600px 300px at 20% 40%,rgba(200,190,170,.25) 0%,transparent 70%),radial-gradient(ellipse 400px 500px at 70% 30%,rgba(180,170,150,.2) 0%,transparent 60%),radial-gradient(ellipse 500px 200px at 50% 70%,rgba(190,180,160,.18) 0%,transparent 65%),radial-gradient(ellipse 300px 400px at 30% 60%,rgba(210,200,180,.22) 0%,transparent 55%)}.smoke-css:before{animation:smoke-drift-1 25s ease-in-out infinite}.smoke-css:after{animation:smoke-drift-2 35s ease-in-out infinite reverse;opacity:.7}@keyframes smoke-drift-1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(3%,-4%) rotate(1deg) scale(1.02)}50%{transform:translate(-2%,-2%) rotate(-.5deg) scale(1.01)}75%{transform:translate(1%,-5%) rotate(.5deg) scale(1.03)}}@keyframes smoke-drift-2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-3%,-3%) rotate(-1deg) scale(1.03)}66%{transform:translate(2%,-5%) rotate(.8deg) scale(1.01)}}@keyframes smoke-fade-in{0%{opacity:0}to{opacity:1}}.lamp-glow-pulse{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 100% at 50% 30%,rgba(255,220,150,.1) 0%,rgba(255,220,150,.03) 40%,transparent 70%);pointer-events:none;z-index:0;animation:lamp-pulse 8s ease-in-out infinite}@keyframes lamp-pulse{0%,to{opacity:1}50%{opacity:.7}}.timeline-glitch{background:#000;display:flex;align-items:center;justify-content:center;animation:glitch-master 2s ease forwards}.timeline-glitch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.04) 1px,rgba(255,255,255,.04) 3px);animation:glitch-scanlines .08s linear infinite;z-index:3}.timeline-glitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 150px #c2303066,inset 0 0 300px #c230301a;animation:glitch-vignette .3s ease infinite alternate;z-index:2}.glitch-text{font-family:var(--font-mono);font-size:clamp(32px,6vw,64px);font-weight:900;letter-spacing:.25em;color:#fff;position:relative;z-index:5;animation:glitch-text-main .12s linear infinite}.glitch-text:before,.glitch-text:after{content:"TIMELINE SHIFT";position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:#f06;animation:glitch-rgb-red .08s linear infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{color:#0fc;animation:glitch-rgb-cyan .08s linear infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.timeline-glitch .glitch-tear{position:absolute;left:0;right:0;height:3px;background:#ffffff26;z-index:4;animation:glitch-tear-slide .2s linear infinite}@keyframes glitch-master{0%{opacity:0}5%{opacity:1}8%{opacity:.3}10%{opacity:1}80%{opacity:1}85%{opacity:.6}88%{opacity:1}to{opacity:0}}@keyframes glitch-scanlines{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes glitch-vignette{0%{opacity:.6}to{opacity:1}}@keyframes glitch-text-main{0%{transform:translate(0) skew(0)}10%{transform:translate(-8px,2px) skew(-4deg)}20%{transform:translate(6px,-1px) skew(2deg)}30%{transform:translate(-2px,3px) skew(-1deg)}40%{transform:translate(4px,-2px) skew(3deg)}50%{transform:translate(-6px,1px) skew(-3deg)}60%{transform:translate(3px,-3px) skew(1deg)}70%{transform:translate(-4px,2px) skew(-2deg)}80%{transform:translate(7px) skew(4deg)}90%{transform:translate(-3px,-1px) skew(-1deg)}to{transform:translate(0) skew(0)}}@keyframes glitch-rgb-red{0%{transform:translate(-4px,-2px)}25%{transform:translate(3px,1px)}50%{transform:translate(-5px,2px)}75%{transform:translate(4px,-1px)}to{transform:translate(-4px,-2px)}}@keyframes glitch-rgb-cyan{0%{transform:translate(4px,2px)}25%{transform:translate(-3px,-1px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-4px,1px)}to{transform:translate(4px,2px)}}@keyframes glitch-tear-slide{0%{top:-5%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:105%;opacity:0}}.case-complete{animation:stamp-slam 3s ease forwards}@keyframes stamp-slam{0%{opacity:0;transform:scale(2)}8%{opacity:1;transform:scale(1)}12%{transform:scale(1.05)}16%{transform:scale(1)}75%{opacity:1}to{opacity:0}}