.wings-curtain-wrapper{background-color:var(--bg);width:100%;height:500vh;color:var(--fg);--curtain-pinned-bg:radial-gradient(circle at center,#111 0%,#030303 100%);--curtain-pinned-bg-color:#040404;--curtain-fg-text:#edf1ed;--curtain-fg-glow:#edf1ed33;--curtain-fg-text-gradient:linear-gradient(135deg,#edf1ed 0%,#a1a1a1 100%);--card-bg:#121212a6;--card-border:#edf1ed14;--card-shadow:#0009;--card-glow-shadow:#edf1ed08;--card-text-primary:#edf1ed;--card-text-secondary:#ccc;--badge-bg:#edf1ed0d;--badge-border:#edf1ed1a;--badge-hover-bg:#edf1ed26;--badge-hover-border:#edf1ed4d;--badge-hover-shadow:#edf1ed1a;--project-card-bg:#0f0f0f99;--project-card-border:#edf1ed0d;--project-card-border-hover:#edf1ed40;--project-card-text-desc:#b0b0b0;--project-card-glow:#edf1ed0f;--project-card-shadow:#0006;--project-card-shadow-hover:#0009;--project-card-glow-shadow-hover:#edf1ed0d;--explore-btn-bg:#edf1ed;--explore-btn-fg:#030303;--explore-btn-hover-bg:#fff;--explore-btn-shadow:#edf1ed1a;--explore-btn-shadow-hover:#edf1ed40;position:relative;overflow:visible}[data-theme=light] .wings-curtain-wrapper{--curtain-pinned-bg:radial-gradient(circle at center,#fff 0%,#edf1ed 100%);--curtain-pinned-bg-color:#edf1ed;--curtain-fg-text:#1a1a1a;--curtain-fg-glow:#1a1a1a1a;--curtain-fg-text-gradient:linear-gradient(135deg,#1a1a1a 0%,#555 100%);--card-bg:#ffffffa6;--card-border:#1a1a1a14;--card-shadow:#0000001a;--card-glow-shadow:#1a1a1a05;--card-text-primary:#1a1a1a;--card-text-secondary:#444;--badge-bg:#1a1a1a0d;--badge-border:#1a1a1a1a;--badge-hover-bg:#1a1a1a1a;--badge-hover-border:#1a1a1a40;--badge-hover-shadow:#1a1a1a0d;--project-card-bg:#ffffffa6;--project-card-border:#1a1a1a14;--project-card-border-hover:#1a1a1a40;--project-card-text-desc:#555;--project-card-glow:#1a1a1a0a;--project-card-shadow:#00000014;--project-card-shadow-hover:#00000026;--project-card-glow-shadow-hover:#1a1a1a08;--explore-btn-bg:#1a1a1a;--explore-btn-fg:#fff;--explore-btn-hover-bg:#000;--explore-btn-shadow:#1a1a1a14;--explore-btn-shadow-hover:#1a1a1a2e}.wings-curtain-pinned{background-color:var(--curtain-pinned-bg-color);background-image:var(--curtain-pinned-bg);perspective:1200px;justify-content:center;align-items:center;width:100%;height:100vh;transition:background-color .4s,background-image .4s;display:flex;position:sticky;top:0;overflow:hidden}.curtain-layer{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.curtain-layer.interactive{pointer-events:all}.hero-layer{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-title-container{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:0 1.5rem;display:flex}.hero-word{white-space:nowrap;display:inline-flex}.hero-word-spacer{width:2.5vw;display:inline-block}.hero-letter{color:var(--curtain-fg-text);text-shadow:0 0 20px var(--curtain-fg-glow);will-change:transform,opacity;font-family:font1;font-size:8.5vw;font-weight:600;transition:color .4s,text-shadow .4s;display:inline-block}.wings-layer{z-index:4;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex}.wings-layer .wings-wrapper{transform-style:preserve-3d;transform:scale(2.8)}.wings-layer .wing{--split-x:0em;--rotate-z:0deg;transform:translate3d(calc(var(--split-x)*var(--odd,1)),0,calc(var(--w)*.5em))rotateY(calc(var(--odd,0)*180deg))rotateZ(calc(var(--rotate-z)*var(--odd,1)));transform-origin:bottom}.about-me-container{z-index:2;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);width:100%;max-width:900px;box-shadow:0 30px 60px var(--card-shadow),0 0 50px var(--card-glow-shadow);text-align:center;opacity:0;will-change:transform,opacity;border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:background .4s,border-color .4s,box-shadow .4s;display:flex;transform:scale(.85)}.about-me-title{background:var(--curtain-fg-text-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.1rem;-webkit-background-clip:text;margin-bottom:.5rem;font-family:font1;font-size:5rem}.about-me-text{color:var(--card-text-secondary);max-width:750px;margin:0 auto;font-family:font3;font-size:1.6rem;line-height:2.4rem;transition:color .4s}.about-me-skills-title{letter-spacing:.3rem;color:var(--curtain-fg-text);opacity:.8;margin-top:1rem;font-family:font1,sans-serif;font-size:1rem;transition:color .4s}.skills-badge-container{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.5rem;display:flex}.skill-badge{background:var(--badge-bg);border:1px solid var(--badge-border);letter-spacing:.1rem;color:var(--curtain-fg-text);border-radius:50px;padding:.5rem 1.2rem;font-family:font1,sans-serif;font-size:.75rem;transition:all .3s,background .4s,border-color .4s,color .4s}.skill-badge:hover{background:var(--badge-hover-bg);border-color:var(--badge-hover-border);box-shadow:0 5px 15px var(--badge-hover-shadow);transform:translateY(-2px)}.projects-container{z-index:3;opacity:0;will-change:transform,opacity;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:1200px;padding:2rem;display:flex;transform:scale(.85)translateY(50px)}.projects-title{color:var(--curtain-fg-text);letter-spacing:-.1rem;text-shadow:0 0 30px var(--curtain-fg-glow);font-family:font1;font-size:5rem;transition:color .4s,text-shadow .4s}.projects-grid{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex}.project-card{background:var(--project-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--project-card-border);cursor:pointer;min-width:300px;max-width:360px;box-shadow:0 20px 40px var(--project-card-shadow);border-radius:20px;flex-direction:column;flex:1;gap:1.2rem;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,0)var(--mouse-y,0),var(--project-card-glow),transparent 40%);z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-card:hover:before{opacity:1}.project-card:hover{border-color:var(--project-card-border-hover);box-shadow:0 30px 60px var(--project-card-shadow-hover),0 0 30px var(--project-card-glow-shadow-hover);transform:translateY(-8px)scale(1.02)}.project-card-header{color:var(--curtain-fg-text);letter-spacing:.05rem;z-index:2;font-family:font1,sans-serif;font-size:1.2rem;font-weight:600;transition:color .4s}.project-card-desc{color:var(--project-card-text-desc);z-index:2;flex-grow:1;font-family:font3;font-size:.95rem;line-height:1.45rem;transition:color .4s}.project-card-link{color:var(--curtain-fg-text);letter-spacing:.1rem;z-index:2;align-items:center;gap:.5rem;margin-top:.5rem;font-family:font1,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.project-card:hover .project-card-link{color:#a1a1a1}.explore-button{background-color:var(--explore-btn-bg);color:var(--explore-btn-fg);letter-spacing:.15rem;box-shadow:0 10px 20px var(--explore-btn-shadow);z-index:2;border-radius:50px;padding:.8rem 2.2rem;font-family:font1,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s,background-color .4s,color .4s,box-shadow .4s}.explore-button:hover{background-color:var(--explore-btn-hover-bg);box-shadow:0 15px 30px var(--explore-btn-shadow-hover);transform:translateY(-2px)}.scroll-indicator{opacity:.7;z-index:6;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .5s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator-text{letter-spacing:.2rem;color:var(--curtain-fg-text);text-transform:uppercase;font-family:font1,sans-serif;font-size:.75rem;transition:color .4s}.scroll-indicator-mouse{border:2px solid var(--curtain-fg-text);border-radius:20px;width:20px;height:32px;transition:border-color .4s;position:relative}.scroll-indicator-wheel{background-color:var(--curtain-fg-text);border-radius:2px;width:4px;height:8px;transition:background-color .4s;animation:1.6s ease-in-out infinite scrollMouseWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollMouseWheel{0%{opacity:1;top:6px}to{opacity:0;top:18px}}@media (max-width:1024px){.about-me-title,.projects-title{font-size:3.5rem}.about-me-text{font-size:1.3rem;line-height:2rem}.projects-grid{gap:1.5rem}.project-card{min-width:280px}}@media (max-width:768px){.hero-title-container{flex-direction:column;gap:.5rem}.hero-word-spacer{display:none}.hero-letter{font-size:10vw}.about-me-container{gap:1rem;width:calc(100% - 2rem);margin:0 1rem;padding:1.5rem}.about-me-title,.projects-title{font-size:2.5rem}.about-me-text{font-size:1.05rem;line-height:1.6rem}.about-me-skills-title{letter-spacing:.2rem;margin-top:.5rem;font-size:.85rem}.skill-badge{letter-spacing:.05rem;padding:.35rem .9rem;font-size:.65rem}.projects-container{gap:1.5rem;padding:1.5rem 1rem}.projects-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:1.2rem;width:100%;padding:1.2rem .5rem;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:center;flex:0 0 85%;gap:.8rem;min-width:270px;max-width:320px;margin:0;padding:1.5rem}.project-card-header{font-size:1.1rem}.project-card-desc{font-size:.85rem;line-height:1.3rem}.explore-button{margin-top:.5rem;padding:.7rem 1.8rem;font-size:.8rem}.wings-layer .wings-wrapper{transform:scale(1.8)}}
