@property --cosmos-p{syntax:"<number>";inherits:true;initial-value:0}.hero-container.cosmos-style{background:linear-gradient(#000814,#001d3d,#003566);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.hero-canvas{z-index:1;width:100%;max-width:none;height:100%;position:fixed;top:0;left:0}.hero-indicator-clip{z-index:100;clip-path:inset(0);pointer-events:none;position:absolute;inset:0}.scroll-progress[data-away=true]{transition:none;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hero-container[data-gone=true] .hero-canvas{visibility:hidden}.side-menu,.hero-title.cosmos-title,.hero-subtitle.cosmos-subtitle,.scroll-progress{will-change:transform, opacity}.side-menu{z-index:100;flex-direction:column;align-items:center;gap:40px;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%)}.menu-icon{cursor:pointer;flex-direction:column;gap:4px;transition:all .3s;display:flex}.menu-icon span{background:#fffc;width:25px;height:2px;transition:all .3s}.menu-icon:hover span{background:#f44}.menu-icon:hover span:nth-child(2){width:35px}.vertical-text{color:#ffffff80;letter-spacing:.2em;text-orientation:mixed;writing-mode:vertical-rl;font-size:.8rem;font-weight:300}.hero-content.cosmos-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 60px;display:flex;position:relative}.hero-title{--title-chars:9;--title-w:1px;color:#0000;font-size:min(clamp(5rem, 18vw, 12rem), calc(92vw / (var(--title-chars) * .64)));letter-spacing:-.05em;white-space:nowrap;margin:0;font-weight:900;line-height:.9;transition:transform .3s;animation:12s linear infinite hero-cosmos-fill}.hero-title:hover{transform:scale(1.02)}.hero-subtitle{color:#f8f6ff;letter-spacing:.02em;max-width:800px;margin-top:3rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.8}.hero-title.cosmos-title{color:#0000;letter-spacing:-.05em;perspective:1000px;justify-content:center;margin:0;font-size:clamp(5rem,20vw,15rem);font-weight:900;line-height:.9;display:flex}.title-char{--char-x:0px;background-image:linear-gradient(90deg,#c084fc 0%,#8b5cf6 18%,#6d28d9 32%,#4f46e5 46%,#38bdf8 62%,#ede9fe 70%,#a855f7 84%,#c084fc 100%);background-repeat:repeat;background-size:var(--title-w) 100%;background-position:calc((var(--cosmos-p) * var(--title-w)) - var(--char-x)) 50%;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:clamp(.6px, .08vw, 1px) #ddd6fe80;paint-order:stroke fill;cursor:default;-webkit-background-clip:text;background-clip:text;transition:transform .3s;display:inline-block}.title-char:hover{transform:translateY(-10px)rotateX(-10deg)}@keyframes hero-cosmos-fill{0%{--cosmos-p:0}to{--cosmos-p:1}}.hero-subtitle.cosmos-subtitle{color:#f8f6ff;letter-spacing:.02em;max-width:800px;margin-top:3rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.8}.subtitle-line{color:#f8f6ff;-webkit-text-stroke:.45px #ede9feb8;paint-order:stroke fill;max-width:none;margin:.5rem 0;font-weight:600}.scroll-progress{z-index:100;color:#fffc;letter-spacing:.1em;align-items:center;gap:30px;font-size:.9rem;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.scroll-text{font-weight:300}.progress-track{background:#fff3;width:200px;height:2px;position:relative;overflow:hidden}.progress-fill{background-image:linear-gradient(90deg,#3b0764 0%,#6d28d9 28%,#312e81 52%,#1d4ed8 74%,#c4b5fd 100%);height:100%;transition:width .3s;position:absolute;top:0;left:0;box-shadow:0 0 12px #6d28d973}.hero-continue{color:#f7f5ff;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 1px 2px #000000a6;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:.68rem;font-weight:300;line-height:1.2;transition:opacity .7s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.hero-continue[data-ready=true]{opacity:.92}.hero-continue-arrow{stroke-width:1.5px;width:14px;height:14px}.section-counter{font-family:Space Mono,monospace;font-weight:300}.scroll-sections{z-index:5;position:relative}.content-section{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.content-section h2{margin-bottom:1rem}.content-section h2:not(.hero-title){font-size:3rem}.content-section p{font-size:1.2rem}@media (max-width:768px){.side-menu{left:20px}.hero-title.cosmos-title{font-size:clamp(4rem,25vw,8rem)}.hero-subtitle.cosmos-subtitle{padding:0 20px;font-size:clamp(.9rem,3vw,1.1rem)}.scroll-progress{flex-direction:column;gap:15px;bottom:20px}.hero-continue{top:auto;bottom:calc(100% + 12px)}.progress-track{width:150px}}@media (prefers-reduced-motion:reduce){.hero-container *,.hero-container :before,.hero-container :after{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.hero-title,.hero-title.cosmos-title,.title-char{color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;filter:none;text-shadow:none;background-image:none;animation:none}.subtitle-line{-webkit-text-stroke:0}.progress-fill{background:#fff}}
@property --tilted-orbit-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.home-stage .home-projects{z-index:2;isolation:isolate;background:radial-gradient(ellipse 62% 36% at 50% 18%, #312e8157, transparent 70%), radial-gradient(ellipse 22% 16% at 84% 10%, #6d28d929, transparent 72%), radial-gradient(ellipse 18% 14% at 8% 78%, #38bdf80f, transparent 74%), linear-gradient(180deg, var(--projects-start,#000814) 0%, var(--projects-end,#07051a) 8rem);color:#f4f1fb;padding:clamp(2.75rem,6vw,4.25rem) 0 clamp(1.5rem,3vw,2.25rem);position:relative;overflow-x:clip}.home-projects .tilted-footer{justify-content:center;display:flex}