@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Instrument+Serif:ital@0;1&family=Outfit:wght@300;400;600;800&family=Plus+Jakarta+Sans:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,border-color .4s,color .3s,transform .2s,box-shadow .3s}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}.theme-developer{--bg-color:#080a0f;--text-color:#e2e8f0;--text-muted:#64748b;--primary:#0fc;--primary-glow:#00ffcc26;--secondary:#3b82f6;--card-bg:#0d121eb3;--card-border:#0fc3;--card-hover-border:#0fc9;--font-heading:"Fira Code", monospace;--font-body:"Fira Code", monospace;--accent-gradient:linear-gradient(135deg, #0fc 0%, #3b82f6 100%);--grid-gap:20px;--glow-color:#0fc;--panel-blur:12px}.theme-designer{--bg-color:#0d0415;--text-color:#f8fafc;--text-muted:#94a3b8;--primary:#ff007f;--primary-glow:#ff007f33;--secondary:#7000ff;--card-bg:#190c2666;--card-border:#ff007f26;--card-hover-border:#ff007f80;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--accent-gradient:linear-gradient(135deg, #ff007f 0%, #7000ff 50%, #00f0ff 100%);--grid-gap:24px;--glow-color:#ff007f;--panel-blur:20px}.theme-reader{--bg-color:#f7f5f0;--text-color:#1e293b;--text-muted:#64748b;--primary:#475569;--primary-glow:#4755691a;--secondary:#94a3b8;--card-bg:#ffffffe6;--card-border:#47556926;--card-hover-border:#47556966;--font-heading:"Instrument Serif", serif;--font-body:"Plus Jakarta Sans", sans-serif;--accent-gradient:linear-gradient(135deg, #475569 0%, #94a3b8 100%);--grid-gap:16px;--glow-color:#475569;--panel-blur:4px}.container{max-width:1300px;margin:0 auto;padding:2rem}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--card-border);border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.glass-panel:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0d 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.glass-panel:hover:before{opacity:1}.glass-panel:hover{border-color:var(--card-hover-border);box-shadow:0 15px 40px #00000040, 0 0 15px var(--primary-glow);transform:translateY(-4px)}.marquee-container{white-space:nowrap;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:#0003;width:100%;padding:.5rem 0;overflow:hidden}.marquee-content{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--primary);font-size:1.2rem;font-weight:800;animation:20s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}.glow-text{text-shadow:0 0 10px var(--primary-glow)}.interactive-title{cursor:default;transition:transform .1s;display:inline-block}.interactive-title span{transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.interactive-title span:hover{color:var(--primary);text-shadow:0 0 12px var(--glow-color);transform:translateY(-8px)scale(1.15)rotate(5deg)}.btn-micro{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);font-family:var(--font-body);cursor:pointer;z-index:1;border-radius:12px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-micro:after{content:"";background:var(--accent-gradient);z-index:-2;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;bottom:0;left:0}.btn-micro:before{content:"";background:var(--bg-color);z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .3s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0;transform:scaleY(0)}.btn-micro:hover{color:#fff;box-shadow:0 5px 15px var(--primary-glow);border-color:#0000}.btn-micro:hover:after{opacity:1}.btn-micro:active{transform:scale(.95)}.bento-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;margin-top:2rem;margin-bottom:4rem;display:grid}.bento-w1{grid-column:span 1}.bento-w2{grid-column:span 2}.bento-w3{grid-column:span 3}.bento-w4{grid-column:span 4}.bento-h1{grid-row:span 1}.bento-h2{grid-row:span 2}.bento-h3{grid-row:span 3}.theme-developer .bento-grid{grid-auto-rows:200px}.theme-designer .bento-grid{grid-auto-rows:240px}.theme-reader .bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.theme-reader .glass-panel{border-radius:12px;padding:2rem;grid-area:span 1/span 1!important}.scrollytelling-container{border-top:1px solid var(--card-border);min-height:400vh;margin-top:4rem;margin-bottom:4rem;display:flex;position:relative}.scrollytelling-visual{justify-content:center;align-items:center;width:55%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scrollytelling-content{width:45%;padding-left:2rem}.scrollytelling-step{opacity:.15;flex-direction:column;justify-content:center;height:100vh;padding:2rem;transition:opacity .5s,transform .5s;display:flex;transform:translateY(20px)}.scrollytelling-step.active{opacity:1;transform:translateY(0)}.exhibition-canvas-container{cursor:grab;width:100%;height:100%;min-height:250px;position:relative}.exhibition-canvas-container:active{cursor:grabbing}.three-overlay{border:1px solid var(--card-border);pointer-events:none;font-size:.8rem;font-family:var(--font-body);background:#0009;border-radius:8px;padding:6px 12px;position:absolute;top:10px;left:10px}.canvas-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.scanlines{z-index:999;pointer-events:none;opacity:0;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.theme-developer .scanlines{opacity:.15}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-w4,.bento-w3,.bento-w2{grid-column:span 2}.scrollytelling-container{flex-direction:column-reverse;min-height:auto}.scrollytelling-visual{width:100%;height:400px;position:relative;top:auto}.scrollytelling-content{width:100%;padding-left:0}.scrollytelling-step{height:auto;padding:3rem 1rem}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-w4,.bento-w3,.bento-w2,.bento-w1{grid-column:span 1}.bento-h2,.bento-h3{grid-row:span 1}.container{padding:1rem}}.flex-center{justify-content:center;align-items:center;display:flex}.badge{background:var(--primary-glow);color:var(--primary);border:1px solid var(--card-border);border-radius:8px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}