#webgl-canvas {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
    z-index: 100;
    pointer-events: none;
 }
 .scroll-container {
     position: relative;
    z-index: 1;
    width: 100%;
    height: 170vh;
 }
 .section {
     height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     pointer-events: none;
 }
 .section-inner {
     width: 90%;
     max-width: 1400px;
     pointer-events: auto;
     opacity: 0;
     will-change: transform, opacity;
 }
 .title {
     font-size: clamp(3rem, 15vw, 12rem);
     font-weight: 500;
     text-transform: uppercase;
     line-height: 0.8;
     letter-spacing: -0.05em;
     margin-bottom: 2rem;
 }
 .title span {
     display: block;
 }
 .subtitle {
     font-family: var(--font-mono);
     font-size: 0.8rem;
     text-transform: uppercase;
     letter-spacing: 0.4em;
     opacity: 0.5;
     margin-bottom: 0.5rem;
 }
 .ui-card {
     background: rgba(255, 255, 255, 0.02);
     backdrop-filter: blur(25px);
     -webkit-backdrop-filter: blur(25px);
     border: 1px solid rgba(255, 255, 255, 0.08);
     padding: 2.5rem;
     width: 320px;
     position: absolute;
     z-index: 10;
     opacity: 0;
     pointer-events: none;
 }
 .c-left {
     top: 20%;
     left: 8%;
 }
 .c-right {
     bottom: 20%;
     right: 8%;
 }
 .ui-card h4 {
     font-family: var(--font-mono);
     font-size: 0.7rem;
     color: rgba(255, 255, 255, 0.3);
     margin-bottom: 1.2rem;
     letter-spacing: 0.2em;
 }
 .ui-card p {
     font-size: 1.2rem;
     line-height: 1.4;
 }
 .loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     z-index: 9999;
     display: flex;
     justify-content: center;
     align-items: center;
     font-family: var(--font-mono);
     font-size: 0.7rem;
     letter-spacing: 0.5em;
 }
 .overlay-vignette {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.5) 110%);
     z-index: 101;
     pointer-events: none;
 }
 #portal-v {
     display: none;
 }
 @media(max-width:992px){
    .overlay-vignette {height: 100vh !important;}
 }