:root{--bg-color: #030303;--text-primary: #fcfbfa;--text-secondary: #8e8d8a;--gold: #d4af37;--gold-light: #f3df95;--color-hope: #d4af37;--color-love: #f28585;--color-loss: #a6b1e1;--color-wisdom: #d9a05b;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;min-height:100vh;width:100vw;-webkit-font-smoothing:antialiased}.map-vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.85) 90%);z-index:3;pointer-events:none}.map-noise{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background:transparent url('data:image/svg+xml,%3Csvg viewBox="0%200%20200%20200"%20xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter%20id="noiseFilter"%3E%3CfeTurbulence%20type="fractalNoise"%20baseFrequency="0.8"%20numOctaves="3"%20stitchTiles="stitch"/%3E%3C/filter%3E%3Crect%20width="100%25"%20height="100%25"%20filter="url(%23noiseFilter)"/%3E%3C/svg%3E') repeat;opacity:.03;z-index:2;pointer-events:none}.glow-orb{position:fixed;border-radius:50%;filter:blur(150px);opacity:.06;z-index:1;pointer-events:none}#orb-left{width:500px;height:500px;background:radial-gradient(circle,var(--color-love) 0%,transparent 70%);top:20%;left:-5%}#orb-right{width:700px;height:700px;background:radial-gradient(circle,var(--color-hope) 0%,transparent 70%);bottom:-15%;right:-5%}#globe-container{position:fixed;top:0;right:0;width:60vw;height:100vh;z-index:0}.site-header{position:fixed;top:0;left:0;width:100%;padding:2.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:auto}.logo{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;letter-spacing:.05em;color:var(--text-primary)}.logo-link{color:inherit;text-decoration:none}.logo-accent{color:var(--gold);font-style:italic;font-weight:400}.main-nav{display:flex;gap:2.5rem}.nav-link{font-family:var(--font-sans);font-size:.8rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--gold);transition:var(--transition-smooth)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--text-primary)}.nav-link.active:after{width:100%}.audio-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);padding:.65rem 1.25rem;border-radius:100px;cursor:pointer;font-family:var(--font-sans);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;transition:var(--transition-smooth);box-shadow:0 4px 15px #0000004d}.audio-btn:hover{border-color:var(--gold);background:#d4af370d;box-shadow:0 4px 20px #d4af3726}.audio-visualizer{display:flex;align-items:flex-end;gap:2.5px;width:14px;height:12px}.audio-visualizer .bar{width:2px;height:2px;background-color:var(--text-secondary);border-radius:1px;transition:var(--transition-fast)}.audio-btn.playing .bar{background-color:var(--gold);animation:bounce .8s ease-in-out infinite alternate}.audio-btn.playing .bar:nth-child(1){animation-delay:.1s;height:100%}.audio-btn.playing .bar:nth-child(2){animation-delay:.4s;height:60%}.audio-btn.playing .bar:nth-child(3){animation-delay:.2s;height:85%}.audio-btn.playing .bar:nth-child(4){animation-delay:.5s;height:40%}@keyframes bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.map-ui-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;display:flex;align-items:flex-start;padding:7rem 0 1.5rem 5%}.side-panel{width:440px;pointer-events:auto;z-index:15;background:#0a0a0a73;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem 2.25rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d;max-height:calc(100vh - 8.5rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) transparent}.side-panel::-webkit-scrollbar{width:4px}.side-panel::-webkit-scrollbar-track{background:transparent}.side-panel::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.section-tag{font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;display:inline-block;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:.4rem}.main-headline{font-family:var(--font-serif);font-size:2.8rem;font-weight:400;line-height:1.15;margin-bottom:1rem;letter-spacing:-.01em}.gold-gradient{background:linear-gradient(135deg,#fcfbfa 10%,#f3df95 65%,#c89c1d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.subheadline{font-family:var(--font-sans);font-size:.95rem;font-weight:500;margin-bottom:1rem;color:var(--text-primary);line-height:1.6}.description-text{font-family:var(--font-sans);font-size:.85rem;font-weight:300;color:var(--text-secondary);line-height:1.65;margin-bottom:1.5rem}.legend-box{border-top:1px solid rgba(255,255,255,.06);padding-top:1.25rem;margin-bottom:1.25rem}.legend-title{font-family:var(--font-sans);font-size:.65rem;font-weight:600;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:1rem}.legend-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}.legend-item{display:flex;align-items:center;gap:.65rem}.color-dot{width:6px;height:6px;border-radius:50%;filter:drop-shadow(0 0 6px currentcolor)}.hope-dot{color:var(--color-hope);background-color:var(--color-hope)}.love-dot{color:var(--color-love);background-color:var(--color-love)}.loss-dot{color:var(--color-loss);background-color:var(--color-loss)}.wisdom-dot{color:var(--color-wisdom);background-color:var(--color-wisdom)}.legend-item .label{font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary);font-weight:400}.stats-box{display:flex;justify-content:space-between;gap:1.5rem;background:#ffffff04;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.85rem 1.25rem;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-col{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-family:var(--font-sans);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary)}.stat-value{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--text-primary)}.pulse-text{color:var(--gold-light);animation:text-pulse 2s infinite alternate}@keyframes text-pulse{0%{opacity:.8}to{opacity:1}}.action-btn{width:100%;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);padding:.8rem 1.5rem;border-radius:100px;cursor:pointer;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition-smooth)}.action-btn:hover{border-color:var(--gold);background:#d4af370d;transform:translateY(-2px);box-shadow:0 4px 15px #d4af371a}.glass-tooltip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-125%) scale(.9);transform-origin:bottom center;z-index:50;background:#080808cc;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.25rem;border-radius:14px;color:var(--text-primary);min-width:260px;box-shadow:0 20px 40px #000000b3;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.glass-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#080808cc;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.glass-tooltip.active{opacity:1;transform:translate(-50%,-125%) scale(1)}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-badge{font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;color:#000}.category-badge.hope{background-color:var(--color-hope)}.category-badge.love{background-color:var(--color-love)}.category-badge.loss{background-color:var(--color-loss)}.category-badge.wisdom{background-color:var(--color-wisdom)}.tooltip-country{display:none;font-family:var(--font-sans);font-size:.65rem;font-weight:500;color:var(--text-secondary);letter-spacing:.05em}.tooltip-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:400;margin-bottom:.25rem}.tooltip-meta{font-family:var(--font-sans);font-size:.72rem;color:var(--text-secondary);margin-bottom:1rem}.tooltip-story-link{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:.5rem;padding:.55rem .85rem;background:linear-gradient(135deg,#d4af3733,#d4af3714);border:1px solid rgba(212,175,55,.45);border-radius:8px;color:var(--gold-light);font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #0000004d}.tooltip-story-link:hover{background:linear-gradient(135deg,#d4af37,#b8962d);color:#080808;box-shadow:0 4px 18px #d4af3773;transform:translateY(-1px)}.tooltip-close-btn{background:transparent;border:none;color:#ffffff80;font-size:1.2rem;line-height:1;cursor:pointer;padding:0 4px;transition:color .2s ease}.tooltip-close-btn:hover{color:var(--gold)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030303bf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:200;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.modal-card{background:#0c0c0c99;border:1px solid rgba(255,255,255,.08);width:90%;max-width:600px;padding:4.5rem 3.5rem 3.5rem;border-radius:24px;box-shadow:0 45px 120px #000000f2;transform:scale(.95);transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.modal-glow-bg{position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(212,175,55,.05) 0%,transparent 60%);pointer-events:none;z-index:0;transition:background .5s ease}.modal-overlay.active{display:flex;opacity:1}.modal-overlay.active .modal-card{transform:scale(1)}.close-btn{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;z-index:10;transition:var(--transition-fast)}.close-btn:hover{color:var(--text-primary);transform:rotate(90deg)}.modal-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem;position:relative;z-index:2}.modal-location{display:none;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase}.modal-title{font-family:var(--font-serif);font-size:2.75rem;font-weight:400;line-height:1.2;margin-bottom:.75rem;position:relative;z-index:2}.modal-author{font-family:var(--font-sans);font-size:.9rem;color:var(--text-secondary);margin-bottom:2.5rem;position:relative;z-index:2}.modal-author span{color:var(--text-primary);font-weight:500}.modal-body{font-family:var(--font-sans);font-size:1.1rem;font-weight:300;line-height:1.8;color:var(--text-primary);margin-bottom:3rem;position:relative;z-index:2}.modal-footer{position:relative;z-index:2;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.read-full-btn{background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.35);color:var(--gold-light);padding:.9rem 1.75rem;border-radius:100px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition-smooth);text-decoration:none}.read-full-btn:hover{background:linear-gradient(135deg,#d4af374d,#d4af371a);border-color:var(--gold);color:var(--text-primary);box-shadow:0 5px 25px #d4af3733;transform:translateY(-2px)}.read-full-btn .arrow-icon{font-size:1.1rem;transition:transform .3s ease}.read-full-btn:hover .arrow-icon{transform:translate(4px)}.sound-prompt-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);padding:.9rem 1.75rem;border-radius:100px;font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition-smooth)}.sound-prompt-btn:hover{border-color:var(--gold);background:#d4af370d;box-shadow:0 5px 25px #d4af3726;transform:translateY(-2px)}@media (max-width: 1100px){.side-panel{width:380px;padding:2rem 1.5rem}.main-headline{font-size:2.5rem}#globe-container{width:55vw}}@media (max-width: 768px){body{overflow-y:auto}.site-header{flex-direction:column;gap:1rem;padding:1.5rem;background:#030303e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.main-nav{width:100%;justify-content:center;gap:1.5rem}.audio-control-container{display:none}#globe-container{width:100vw;height:50vh;position:relative;top:8rem;right:0}.map-ui-wrapper{position:static;flex-direction:column;padding:9rem 1.25rem 2rem;pointer-events:auto;width:100%;height:auto;min-height:auto}.side-panel{width:100%;margin-top:1rem;background:#0a0a0ab3}.modal-card{padding:3rem 1.5rem 2rem;width:95%}.modal-title{font-size:2rem}}.nav-enterprise-container{position:relative;display:inline-flex;flex-direction:column;align-items:center}.nav-link.nav-enterprise{display:inline-flex;align-items:center;border:1px solid rgba(212,175,55,.25);padding:.45rem 1.15rem;border-radius:20px;background:#d4af3708;color:var(--gold-light)!important;box-shadow:0 0 10px #d4af370d,inset 0 0 4px #d4af3705;transition:all .4s cubic-bezier(.16,1,.3,1);letter-spacing:.15em;text-transform:uppercase;position:relative;overflow:visible}.nav-link.nav-enterprise:hover,.nav-link.nav-enterprise.active{border-color:var(--gold);background:#d4af3714;box-shadow:0 0 20px #d4af3740,inset 0 0 8px #d4af3714;color:var(--text-primary)!important}.nav-link.nav-enterprise:after{display:none!important}.click-signal-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:100%;height:100%;border:2px solid var(--gold-light);border-radius:20px;pointer-events:none;opacity:0;box-shadow:0 0 15px var(--gold)}.nav-link.nav-enterprise.clicked{transform:scale(.94);border-color:var(--gold-light)!important;background:#d4af3733!important;box-shadow:0 0 30px #d4af3780,inset 0 0 15px #d4af374d!important;transition:all .15s cubic-bezier(.1,.8,.3,1)!important}.nav-link.nav-enterprise.clicked .click-signal-ripple{animation:ripple-out-pulse .45s cubic-bezier(.1,.8,.3,1) forwards}@keyframes ripple-out-pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:1;border-color:var(--gold-light);box-shadow:0 0 15px var(--gold)}to{transform:translate(-50%,-50%) scale(2.4);opacity:0;border-color:var(--gold);box-shadow:0 0 35px #d4af3700}}.pulse-dot{width:6px;height:6px;background-color:var(--gold);border-radius:50%;margin-right:8px;box-shadow:0 0 8px var(--gold);display:inline-block;animation:pulse-dot-anim 1.6s infinite alternate ease-in-out}@keyframes pulse-dot-anim{0%{transform:scale(.75);opacity:.5;box-shadow:0 0 4px var(--gold);background-color:var(--gold-dark)}to{transform:scale(1.35);opacity:1;box-shadow:0 0 12px var(--gold-light);background-color:var(--gold-light)}}.enterprise-sub-text{position:absolute;top:100%;transform:translateY(8px);font-size:.55rem;font-family:var(--font-serif);font-style:italic;font-weight:500;color:var(--gold);letter-spacing:.05em;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 2px 5px rgba(0,0,0,.95);transition:opacity .4s ease,transform .4s ease;text-transform:none}.nav-enterprise-container:hover .enterprise-sub-text{opacity:.95;transform:translateY(12px)}@keyframes float-sub-text{0%{transform:translateY(12px) translate(0)}50%{transform:translateY(14px) translate(1px)}to{transform:translateY(12px) translate(0)}}.nav-enterprise-container:hover .enterprise-sub-text.active-floating{animation:float-sub-text 3s infinite ease-in-out}@media (max-width: 768px){.nav-enterprise-container{align-items:center;width:auto}.enterprise-sub-text{display:none!important}}