@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#000;width:100%;height:100dvh;font-family:Montserrat,sans-serif;overflow:hidden}canvas#bg{z-index:1;width:100%;height:100dvh;display:block;position:fixed;top:0;left:0}#lineCanvas{pointer-events:none;z-index:5;width:100%;height:100dvh;position:fixed;top:0;left:0}.vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 20%,#00000080 65%,#000000eb 100%);width:100%;height:100%;position:fixed;top:0;left:0}.overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.center-block{text-align:center;flex-direction:column;align-items:center;display:flex}.main-title{color:#fff;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 80px #ffa03c26;margin-bottom:14px;font-size:clamp(30px,5vw,56px);font-weight:500}.sub-title{color:#b48e6c;letter-spacing:.38em;text-transform:uppercase;margin-bottom:20px;font-size:clamp(10px,1.4vw,15px);font-weight:400}.desc{color:#fff9;max-width:460px;font-size:clamp(11px,1.15vw,14px);font-style:italic;font-weight:300;line-height:1.8}.section-label{z-index:12;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:all .3s;display:flex;position:fixed}.section-label:hover{transform:scale(1.08)}.section-label:hover .sl-title{color:#f5a623;text-shadow:0 0 15px #f5a62380}.sl-dot{background:#d97736;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:3s ease-in-out infinite dotPulse;box-shadow:0 0 12px #d97736cc,0 0 30px #d977364d}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #d9773699,0 0 20px #d9773633}50%{box-shadow:0 0 16px #f5a623,0 0 40px #f5a62366}}.sl-num{color:#b48e6cb3;letter-spacing:.15em;font-size:11px;font-weight:400}.sl-title{color:#ffffffb3;letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:400;transition:all .3s}.card-backdrop{z-index:50;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.card-backdrop.active{opacity:1;pointer-events:auto}.card-modal{-webkit-backdrop-filter:blur(28px);background:#0a0a0cb8;border:1px solid #d9773680;border-radius:8px;width:90%;max-width:480px;padding:40px 45px;transition:transform .5s cubic-bezier(.16,1,.3,1);animation:6s ease-in-out infinite alternate modalPulse;transform:translateY(30px)scale(.96);box-shadow:0 0 50px #d9773626,0 0 100px #000000b3}@keyframes modalPulse{0%{border-color:#d9773666;box-shadow:0 0 40px #d977361a,0 0 90px #000000a6}to{border-color:#f5a623bf;box-shadow:0 0 60px #f5a62338,0 0 110px #000000bf}}.card-backdrop.active .card-modal{transform:translateY(0)scale(1)}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card-num,.card-title-en,.card-title-ru,.card-desc{opacity:0}.card-backdrop.active .card-num{animation:.6s cubic-bezier(.16,1,.3,1) 50ms forwards slideUp}.card-backdrop.active .card-title-en{animation:.6s cubic-bezier(.16,1,.3,1) .12s forwards slideUp}.card-backdrop.active .card-title-ru{animation:.6s cubic-bezier(.16,1,.3,1) .18s forwards slideUp}.card-backdrop.active .card-desc{animation:.6s cubic-bezier(.16,1,.3,1) .25s forwards slideUp}.card-num{color:#b48e6c;letter-spacing:.3em;margin-bottom:8px;font-size:11px}.card-title-en{color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:22px;font-weight:500}.card-title-ru{color:#b48e6ccc;letter-spacing:.08em;margin-bottom:18px;font-size:13px}.card-desc{color:#ffffffa6;font-size:13px;font-weight:300;line-height:1.8}.card-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-family:Montserrat,sans-serif;font-size:18px;transition:color .3s;position:absolute;top:14px;right:18px}.card-close:hover{color:#fff}@media (width<=1024px){.main-title{letter-spacing:.2em;margin-bottom:8px;font-size:26px}.sub-title{letter-spacing:.25em;margin-bottom:12px;font-size:9px}.desc{padding:0 16px;font-size:11px;line-height:1.6}.overlay{padding-top:7dvh;align-items:flex-start!important}.center-block div[style*=height]{height:160px!important}.section-label{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-shrink:0;gap:6px;padding:8px 14px;box-shadow:0 4px 15px #00000040;position:relative!important;top:auto!important;left:auto!important}.labels-container{box-sizing:border-box;z-index:15;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:10px;width:100%;padding:10px 20px;display:flex;position:absolute;bottom:85px;left:0;overflow-x:auto}.labels-container::-webkit-scrollbar{display:none}#lineCanvas{display:none!important}.sl-title{letter-spacing:.12em;font-size:11px}.sl-num{font-size:9.5px}.sl-dot{width:6px;height:6px}.card-modal{max-width:90%;padding:24px 28px}.card-title-en{font-size:18px}.card-title-ru{margin-bottom:12px;font-size:11px}.card-desc{font-size:12px;line-height:1.6}.card-close{font-size:16px;top:10px;right:14px}.logo-wrapper svg{width:220px!important;height:70px!important}}