*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{color:#f5f7fa;background:#000;font-family:Inter,system-ui,sans-serif}#root{width:100%;min-height:600vh;position:relative}.page-container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.spacer{height:80vh}.void-v3{scroll-margin-top:0}h1,h2,h3,h4,h5,h6,p{margin:0}.universe{z-index:-5;will-change:filter, transform;transition:filter .6s,transform .6s;position:fixed;inset:0;overflow:hidden}.universe-darkness{pointer-events:none;opacity:0;z-index:2;background:radial-gradient(circle,#0000 0%,#0000001f 60%,#0000008c 100%);transition:opacity .25s linear;position:fixed;inset:0}.universe-layer{opacity:0;will-change:transform, opacity;background-position:50%;background-size:cover;position:absolute;inset:0}.universe-vignette{pointer-events:none;background:radial-gradient(#0000 35%,#00000040 70%,#000000f2 100%);position:absolute;inset:0}.universe-void{will-change:opacity;background-position:50%;background-size:cover;transition:opacity .2s linear;position:absolute;inset:0}.hero{align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.hero-content{flex-direction:column;gap:24px;width:100%;max-width:760px;display:flex}.hero-kicker{letter-spacing:.2em;text-transform:uppercase;color:#7ec8ffd9;font-size:.85rem}.hero h1{letter-spacing:-2px;color:#f5f7fa;font-size:clamp(3rem,6vw,5.2rem);line-height:1.05}.hero p{color:#aab4c0e6;max-width:600px;font-size:1.2rem;line-height:1.8}.scroll-indicator{color:#f5f7fa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:12px 18px;transition:all .3s;display:inline-flex}.scroll-indicator:hover{border-color:#7ec8ff66;transform:translateY(-2px)}.arrow{opacity:.8}.hero{justify-content:space-between;padding:0 6vw}.project-section{justify-content:center;width:100%;padding:120px 0;display:flex}.project-container{color:#fff;width:min(1000px,92vw)}.project-kicker{letter-spacing:.35em;color:#dcb880e6;margin-bottom:12px;font-size:2rem}.project-title{margin-bottom:18px;font-size:clamp(1.8rem,2.5vw,2.8rem);font-weight:300}.project-text{color:#ffffffb3;margin-bottom:18px;font-size:1rem;line-height:1.8}.project-link{color:#dcb880;margin-bottom:30px;font-size:.9rem;text-decoration:none;display:inline-block}.project-link:hover{text-decoration:underline}.project-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #dcb88033;padding:20px}.project-card h3{letter-spacing:.2em;margin-bottom:12px;font-size:.85rem}.project-card ul{margin:0;padding:0;list-style:none}.project-card li{color:#ffffffa6;margin-bottom:8px;font-size:.85rem}.project-card p{color:#ffffffa6;font-size:.9rem;line-height:1.6}.void-v3{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.void-content{z-index:2;flex-direction:column;align-items:center;gap:60px;width:min(1200px,92vw);margin:0 auto;display:flex}.void-header{text-align:center;max-width:760px}.void-kicker{color:#dcb880;letter-spacing:.4em;justify-content:center;align-items:center;gap:16px;font-size:.75rem;display:flex}.void-kicker span{background:#dcb88066;width:60px;height:1px}.void-title{color:#fff;letter-spacing:.22em;margin-bottom:10px;font-size:.9rem}.void-header h2{color:#fff;letter-spacing:.08em;font-size:clamp(2rem,3vw,3rem);font-weight:300}.void-subtitle{color:#ffffffa6;max-width:720px;margin-top:18px;margin-left:auto;margin-right:auto;line-height:1.7}.constellation-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:min(920px,92vw);margin:0 auto;display:flex;position:relative}.contact-panel{width:min(1280px,92vw);margin:140px auto 0}.constellation-wrapper{aspect-ratio:1;width:min(920px,92vw);margin:0 auto;position:relative}.constellation-svg{width:100%;height:100%;display:block}.hud-grid{z-index:0;opacity:.22;pointer-events:none;position:absolute;inset:0}.hud-grid line{stroke:#ffffff14;stroke-width:.5px}.constellation-line{stroke:#dcb8808c;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.star-core{fill:url(#starGrad);filter:drop-shadow(0 0 6px #ffdca0cc)}.star-glow{fill:#ffdca014}.star-ring{fill:none;stroke:#ffdca059;stroke-width:1px}.star-label{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateY(6px)}.star-title{fill:#fff;letter-spacing:.32em;text-transform:uppercase;pointer-events:none;font-size:14px;font-weight:600}.star-subtitle{fill:#fff9;letter-spacing:.08em;pointer-events:none;font-size:12px}.star-node{cursor:pointer}.star-core{filter:drop-shadow(0 0 6px #ffdca0cc)drop-shadow(0 0 14px #ffc87866);transition:transform .2s}@media (width<=768px){.star-title{letter-spacing:.28em;font-size:11px}.star-subtitle{font-size:10px}.star-label-box{width:34px;height:16px}}.void-v3{isolation:isolate;width:100%;min-height:100vh;position:relative}.void-v3:before{content:"";z-index:0;filter:none;background-image:url(/assets/backgrounds/void.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:none}.void-v3:after{display:none}.contact-panel{z-index:25;flex-direction:column;align-items:center;gap:52px;width:min(1240px,92vw);margin-top:140px;margin-bottom:0;display:flex;position:relative}.contact-header{text-align:center;max-width:760px}.contact-kicker{color:#dcb880;letter-spacing:.45em;text-transform:uppercase;opacity:.85;margin-bottom:16px;font-size:.78rem}.contact-header h3{color:#fff;letter-spacing:.08em;font-size:clamp(2rem,3vw,3rem);font-weight:300}.contact-header p{color:#ffffff9e;margin-top:18px;line-height:1.8}.contact-grid{grid-template-columns:repeat(3,260px);justify-content:center;gap:28px;width:min(920px,100%);margin:0 auto;display:grid}.contact-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #dcb8801f;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:260px;min-height:150px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.contact-tile{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #dcb88024;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:30px 24px;text-decoration:none;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex}.contact-tile:hover{border-color:#dcb8806b;transform:translateY(-8px);box-shadow:0 0 40px #dcb8801f}.contact-icon{color:#f5d6a0;background:#dcb88014;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.3rem;display:grid}.contact-title{color:#fff;letter-spacing:.22em;margin-bottom:10px;font-size:.9rem}.contact-value{color:#fff9;word-break:break-word;font-size:.78rem;line-height:1.5}@media (width<=900px){.contact-grid{grid-template-columns:1fr;width:min(320px,100%)}.contact-card{width:100%}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.88)}}@keyframes pulseRing{0%,to{opacity:.18;transform:translate(-50%,-50%)scale(1)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.12)}}@keyframes rotateReticle{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes starPulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes hudGlow{0%,to{opacity:.06}50%{opacity:.18}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes compassSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.about-section{justify-content:center;width:100%;padding:120px 0;display:flex}.about-container{color:#fff;width:min(1000px,92vw)}.about-kicker{letter-spacing:.35em;color:#dcb880e6;margin-bottom:12px;font-size:.75rem}.about-title{margin-bottom:24px;font-size:clamp(2rem,3vw,3rem);font-weight:300}.about-text{color:#ffffffb3;margin-bottom:18px;font-size:1rem;line-height:1.8}.about-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;display:grid}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #dcb88033;padding:20px}.about-card h3{letter-spacing:.2em;color:#fff;margin-bottom:14px;font-size:.85rem}.about-card ul{margin:0;padding:0;list-style:none}.about-card li{color:#ffffffa6;margin-bottom:8px;font-size:.85rem}.scene{opacity:.95;align-items:center;width:100%;min-height:85vh;padding:0 6vw;display:flex;position:relative}.scene-inner{flex-direction:column;gap:16px;max-width:720px;animation:1.2s forwards sceneEnter;display:flex;transform:translateY(20px)}@keyframes sceneEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scene-label{letter-spacing:.22em;text-transform:uppercase;color:#7ec8ffd9;font-size:.85rem}.scene-title{color:#f5f7fa;font-size:2.6rem;line-height:1.1}.scene-text{color:#aab4c0e6;font-size:1.1rem;line-height:1.7}.scene-meta{color:#fff9;flex-direction:column;gap:6px;margin-top:10px;font-size:.9rem;display:flex}.scene:hover{transition:transform .6s;transform:translateY(-2px)}