:root{--color-bg: #0B0B0B;--color-primary: #f4e9e6;--color-accent: #b61429;--bg-color: var(--color-bg);--logo-top: clamp(30px, 6.4vh, 120px);--logo-left: clamp(30px, 4vw, 140px);--logo-size: clamp(35px, 2.6vw, 90px);--nav-top: clamp(30px, 6.4vh, 120px);--nav-right: clamp(30px, 4vw, 140px);--nav-font-size: clamp(14px, .9vw, 28px);--nav-gap: clamp(8px, .6vw, 20px);--socials-bottom: clamp(40px, 9.2vh, 180px);--socials-left: clamp(30px, 4vw, 140px);--socials-icon-size: clamp(20px, 1.3vw, 45px);--socials-gap: clamp(20px, 2vw, 70px);--sound-bottom: clamp(40px, 9.2vh, 180px);--sound-right: calc(clamp(30px, 4vw, 140px) - 12px) ;--sound-font-size: clamp(12px, .8vw, 24px);--progress-line-top: clamp(150px, 21vh, 400px);--progress-line-bottom: clamp(150px, 27vh, 500px);--progress-line-right: clamp(30px, 4vw, 140px);--progress-line-width: 2px;--grid-fade-top: 25%;--grid-fade-bottom: 25%;--grid-fade-left: 30%;--grid-fade-right: 30%}@font-face{font-family:AvantGarde;src:url(/font/AVGARDN_2.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AvantGarde;src:url(/font/AVGARDD_2.TTF) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:AvantGarde;src:url(/font/AVGARDDO_2.TTF) format("truetype");font-weight:600;font-style:italic}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;background-color:var(--bg-color);overflow:hidden;font-family:Outfit,sans-serif;color:var(--color-primary);user-select:none;-webkit-user-select:none}@media (min-width: 1024px){html{font-size:calc(100vw / 120)}}@media (min-width: 2500px){html{font-size:calc(100vw / 120)}}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;user-select:none}#root:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:20;background:linear-gradient(to bottom,var(--bg-color) 0%,transparent 15%,transparent 85%,var(--bg-color) 100%)}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:45;opacity:0;pointer-events:none;transition:opacity .5s ease}.menu-backdrop.open{opacity:1;pointer-events:auto}.ui-logo{position:absolute;top:var(--logo-top);left:var(--logo-left);width:var(--logo-size);height:var(--logo-size);z-index:50;cursor:pointer}.ui-logo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.ui-nav{position:absolute;top:var(--nav-top);right:var(--nav-right);display:flex;flex-direction:column;align-items:flex-end;gap:var(--nav-gap);z-index:50}.ui-nav a{color:var(--color-primary);opacity:.6;text-decoration:none;font-size:var(--nav-font-size);font-weight:600;letter-spacing:2px;transition:opacity .3s,color .3s}.ui-nav a:hover{opacity:1;color:var(--color-primary)}.ui-socials{position:absolute;bottom:var(--socials-bottom);left:var(--socials-left);display:flex;flex-direction:column;align-items:center;width:var(--logo-size);gap:var(--socials-gap);z-index:50}.ui-socials a{color:var(--color-primary);opacity:.6;text-decoration:none;transition:opacity .3s,color .3s;display:flex;align-items:center;justify-content:center;width:var(--socials-icon-size);height:var(--socials-icon-size)}.ui-socials a svg{width:100%;height:100%}.ui-socials a:hover{opacity:1}.ui-sound{position:absolute;bottom:var(--sound-bottom);right:var(--sound-right);color:#b7ab98;opacity:.6;font-size:var(--sound-font-size);font-weight:600;letter-spacing:3px;writing-mode:vertical-rl;transform:rotate(180deg);z-index:50;cursor:pointer;transition:opacity .3s,color .3s}.ui-sound:hover{opacity:1}.progress-line-container{position:absolute;top:var(--progress-line-top);bottom:var(--progress-line-bottom);right:var(--progress-line-right);width:var(--progress-line-width);background:#ffffff1a;z-index:50;border-radius:2px;overflow:hidden}.progress-line-fill{width:100%;background:var(--color-accent);border-radius:2px;transition:height .3s cubic-bezier(.25,1,.5,1)}.app-container{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:var(--color-bg)}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--grid-fade-top),black calc(100% - var(--grid-fade-bottom)),transparent),linear-gradient(to right,transparent,black var(--grid-fade-left),black calc(100% - var(--grid-fade-right)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,black var(--grid-fade-top),black calc(100% - var(--grid-fade-bottom)),transparent),linear-gradient(to right,transparent,black var(--grid-fade-left),black calc(100% - var(--grid-fade-right)),transparent);mask-composite:intersect;z-index:0;pointer-events:none}.pages-track{display:flex;width:200vw;height:100vh;position:relative;transition:left 1s cubic-bezier(.7,0,.3,1)}.page-section{position:relative;width:100vw;height:100vh;flex-shrink:0;overflow:hidden}.global-custom-cursor{position:fixed;top:0;left:0;--cursor-size: 40px;width:var(--cursor-size);height:var(--cursor-size);background-color:var(--color-accent);border-radius:50%;pointer-events:none;z-index:999999;transition:width .3s ease,height .3s ease}.global-custom-cursor.cursor-hover{--cursor-size: 64px}.global-custom-cursor.cursor-massive{--cursor-size: 250px}.new-page{background-color:var(--color-bg);overflow-y:auto;overflow-x:hidden}.reveal-text-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;--x: 50vw;--y: 50vh;--mask-size: 0px;font-family:AvantGarde,Outfit,sans-serif}.text-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.reveal-content-wrapper{max-width:87.5rem;padding:0 1.875rem;position:relative;width:100%;transform:translateY(-2.5rem);box-sizing:border-box}@media (max-width: 900px){.reveal-content-wrapper{padding:0 1.25rem}}.section-label{font-size:1.125rem;letter-spacing:.375rem;font-weight:700;margin-bottom:1.5rem;opacity:.8}.bottom-label{margin-top:3.75rem;margin-bottom:0}.reveal-paragraph{font-size:clamp(40px,4.5vw,150px);line-height:.95;font-weight:700;letter-spacing:-2px;margin:0}.normal-layer .reveal-paragraph{color:#b7ab98}.highlight{color:var(--color-accent)}.normal-layer{background-color:transparent;color:var(--color-primary)}.secret-layer{background-color:var(--color-accent);color:var(--color-bg);z-index:99999;pointer-events:none;-webkit-mask-image:url(/mask.svg);mask-image:url(/mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.secret-layer .highlight{color:#fff}*{scrollbar-width:auto;scrollbar-color:#444 var(--color-bg)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid #1a1a1a}::-webkit-scrollbar-thumb{background:#444;border:3px solid var(--color-bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.start-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg);z-index:9999999;display:flex;align-items:center;justify-content:center}.start-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.start-logo-wrapper{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.loader-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.loader-circle-bg{fill:none;stroke:#b7ab981a;stroke-width:1}.loader-circle-fg{fill:none;stroke:#b7ab9880;stroke-width:1}.start-logo{width:50px;height:auto;opacity:.9}.progress-text-inner{position:absolute;top:30px;left:50%;transform:translate(-50%);font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;color:#b7ab98}.start-button{background:transparent;border:2px solid rgba(183,171,152,.5);color:var(--color-primary);border-radius:50px;font-family:Space Grotesk,sans-serif;letter-spacing:.4em;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.start-button:hover{border-color:#dcd3d0;background-color:#dcd3d0;color:var(--color-bg)}
