@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-card:#1c1c1eb8;--text-primary:#f5f5f7;--text-secondary:#f5f5f78c;--text-tertiary:#f5f5f74d;--accent-purple:#5e5ce6;--accent-cyan:#64d2ff;--accent-magenta:#bf5af2;--accent-blue:#0a84ff;--accent-green:#30d158;--accent-amber:#ff9f0a;--glass-bg:#1c1c1e8c;--glass-bg-light:#ffffff0f;--glass-border:#ffffff14;--glass-border-hover:#ffffff24;--glass-blur:blur(40px) saturate(180%);--glow-purple:#5e5ce626;--glow-cyan:#64d2ff1a;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Noto Sans SC", "PingFang SC", "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-main);cursor:none;font-weight:400;line-height:1.6;overflow-x:hidden}@media (width<=768px){body{cursor:auto}}a{color:inherit;cursor:none;text-decoration:none}button{cursor:none}@media (width<=768px){a,button{cursor:pointer}}::selection{color:#fff;background:#5e5ce64d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.custom-cursor{pointer-events:none;z-index:10000;width:16px;height:16px;margin:-8px 0 0 -8px;position:fixed;top:0;left:0}.cursor-dot{background:#fff;border-radius:50%;width:100%;height:100%;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s;box-shadow:0 0 6px 2px #ffffff80,0 0 18px 4px #788cff59,0 0 36px 8px #788cff1f}.cursor-dot.hovering{background:#7c4dfff2;transform:scale(2.2);box-shadow:0 0 10px 3px #7c4dff8c,0 0 28px 8px #7c4dff4d,0 0 48px 12px #7c4dff1a}.cursor-trail{pointer-events:none;z-index:9999;background:radial-gradient(circle,#8c96ff14 0%,#0000 70%);border:1.5px solid #a0aaff40;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .3s,border-color .25s;position:fixed;top:0;left:0;box-shadow:0 0 20px 6px #828cff0f,inset 0 0 12px 3px #b4beff0a}@media (width<=768px){.custom-cursor,.cursor-trail{display:none!important}}.tilt-glare{border-radius:inherit;pointer-events:none;opacity:0;z-index:10;transition:opacity .3s;position:absolute;inset:0}.scroll-progress{background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan), var(--accent-magenta));z-index:9000;transform-origin:0;height:2px;box-shadow:0 0 8px var(--glow-purple);position:fixed;top:0;left:0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-purple);opacity:.8;align-items:center;gap:8px;margin-bottom:16px;font-size:.7rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--accent-purple);opacity:.5;width:20px;height:1px;display:block}.section-heading{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.08}.section-subheading{color:var(--text-secondary);max-width:520px;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:300;line-height:1.75}.glass-card{background:var(--glass-bg);border:.5px solid var(--glass-border);-webkit-backdrop-filter:blur(40px)saturate(180%);border-radius:20px;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001a,0 4px 24px #0003,inset 0 .5px #ffffff0a}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:0 0 0 .5px #0000001a,0 8px 40px #00000047,inset 0 .5px #ffffff0f}.saturn-backdrop,.blackhole-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(#000 0%,#030102 40%,#08040a 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.saturn-backdrop canvas{display:block;width:100%!important;height:100%!important}.hero-section{width:100%;height:100vh;min-height:600px;position:relative;overflow:hidden}.hero-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,56px) clamp(28px,5vw,64px);display:flex;position:absolute;inset:0}.glass-chip{-webkit-backdrop-filter:blur(20px)saturate(140%);letter-spacing:.02em;color:#c8644659;background:#030002bf;border:.5px solid #b43c281a;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Noto Sans SC,sans-serif;font-size:.7rem;transition:all .3s;display:inline-flex}.glass-chip:hover{color:#dc78508c;background:#b4321e0d;border-color:#c8503238}.hero-overlay a,.hero-overlay button{pointer-events:auto}.hero-top-chip{align-self:flex-end}.chip-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffffeb;opacity:1;font-size:.62rem;font-weight:600}.chip-divider{background:#b43c2826;width:1px;height:10px}.chip-year{opacity:.35;font-size:.62rem;font-weight:400}.hero-bottom-row{justify-content:space-between;align-items:flex-end;display:flex}.hero-contact-chip{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px}.contact-item{color:#c8644640;letter-spacing:.04em;font-size:.65rem;font-weight:400}.contact-sub{letter-spacing:.01em;color:#b4503226;font-size:.58rem}.hero-scroll-chip{cursor:pointer;gap:6px;padding:8px 14px;text-decoration:none}.hero-scroll-chip:hover{color:#dc785099}.scroll-label{letter-spacing:.04em;font-size:.65rem;font-weight:500}.hero-scroll-chip svg{opacity:.4;transition:transform .4s cubic-bezier(.23,1,.32,1)}.hero-scroll-chip:hover svg{opacity:.7;transform:translateY(3px)}body.scroll-phase-dissipate .works-section,body.scroll-phase-dissipate .about-section,body.scroll-phase-dissipate .knowledge-section,body.scroll-phase-dissipate .contact-section{animation:.9s cubic-bezier(.23,1,.32,1) forwards fadeInUpSmooth}body.scroll-past-hero .works-section,body.scroll-past-hero .about-section,body.scroll-past-hero .knowledge-section,body.scroll-past-hero .contact-section{opacity:1;animation:none;transform:none}.works-section,.about-section,.knowledge-section,.contact-section{opacity:1;transition:opacity .6s,transform .6s;transform:translateY(0)}@keyframes fadeInUpSmooth{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}body.scroll-phase-explosion .hero-overlay{opacity:.7;transition:opacity .5s}body.scroll-phase-dissipate .hero-overlay{opacity:.25;transition:opacity .7s}body.scroll-past-hero .hero-overlay{opacity:0;pointer-events:none;transition:opacity .4s}@media (width<=768px){.hero-overlay{padding:18px}.glass-chip{border-radius:10px;padding:7px 13px}.chip-label{font-size:.52rem}.chip-year{font-size:.55rem}.contact-item{font-size:.58rem}.contact-sub{font-size:.52rem}.scroll-label{font-size:.6rem}.works-section,.about-section,.knowledge-section,.contact-section{transform:translateY(30px)}}@media (width<=480px){.hero-bottom-row{flex-direction:column;align-items:stretch;gap:10px}}.works-section{background:linear-gradient(#05051080 0%,#08081a80 50%,#05051080 100%);padding:clamp(80px,12vw,160px) clamp(24px,6vw,80px);position:relative;overflow:hidden}.works-bg-glow{pointer-events:none;filter:blur(120px);opacity:.7;border-radius:50%;position:absolute}.works-glow-1{background:radial-gradient(circle,#5e5ce612 0%,#0000 70%);width:700px;height:700px;top:-250px;right:-150px}.works-glow-2{background:radial-gradient(circle,#64d2ff0d 0%,#0000 70%);width:600px;height:600px;bottom:-200px;left:-150px}.works-glow-3{background:radial-gradient(circle,#bf5af20a 0%,#0000 70%);width:400px;height:400px;top:40%;left:50%;transform:translate(-50%)}.works-container{max-width:1280px;margin:0 auto;position:relative}.works-header{max-width:600px;margin-bottom:clamp(40px,6vw,72px)}.heading-accent{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 50%, var(--accent-magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.works-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=900px){.works-grid{grid-template-columns:1fr}}.work-card{-webkit-backdrop-filter:blur(20px)saturate(140%);background:#ffffff08;border:.5px solid #ffffff0f;border-radius:20px;flex-direction:column;min-height:500px;padding:0;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #00000026,0 4px 24px #0003,inset 0 .5px #ffffff08}.work-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 0 0 .5px #00000026,0 8px 40px #0000004d,inset 0 .5px #ffffff0d}.work-card .tilt-glare{border-radius:20px}.card-accent-line{opacity:.5;border-radius:20px 20px 0 0;width:100%;height:2px;transition:opacity .4s}.work-card:hover .card-accent-line{opacity:.8}.card-header{justify-content:space-between;align-items:flex-start;padding:24px 28px 0;display:flex}.card-meta{align-items:center;gap:12px;display:flex}.card-year{color:var(--text-tertiary);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.card-status{letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:600}.card-icon-wrapper{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex}.work-card:hover .card-icon-wrapper{transform:scale(1.08)}.card-body{flex-direction:column;flex:1;padding:16px 28px 0;display:flex}.card-category{letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:10px;font-size:.68rem;font-weight:600}.card-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;line-height:1.3;transition:color .3s}.card-description{color:var(--text-secondary);flex:1;font-size:.85rem;font-weight:300;line-height:1.75}.card-image-area{background:#ffffff05;border-top:.5px solid #ffffff0a;flex-shrink:0;width:100%;height:250px;overflow:hidden}.card-image-area img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:block}.work-card:hover .card-image-area img{transform:scale(1.05)}.card-footer{border-top:.5px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:16px;padding:20px 28px 24px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{letter-spacing:.02em;color:var(--text-tertiary);background:#ffffff08;border:.5px solid #ffffff0f;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:500;transition:all .3s}.work-card:hover .card-tag{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff1a}.card-action{color:var(--text-tertiary);opacity:.6;flex-shrink:0;align-items:center;gap:6px;font-size:.78rem;font-weight:600;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex}.work-card:hover .card-action{color:var(--text-primary);opacity:1}.card-action svg{transition:transform .4s cubic-bezier(.23,1,.32,1)}.work-card:hover .card-action svg{transform:translate(2px,-2px)}@media (width<=768px){.works-section{padding:60px 18px}.work-card{min-height:auto}.card-header{padding:20px 22px 0}.card-body{padding:14px 22px 0}.card-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 22px 20px}.card-tags{gap:5px}.card-tag{padding:3px 8px;font-size:.58rem}.card-image-area{height:100px}}.navbar{z-index:8000;padding:0 clamp(20px,3vw,48px);transition:all .5s cubic-bezier(.23,1,.32,1);position:fixed;top:0;left:0;right:0}.navbar--scrolled{padding-top:8px;padding-bottom:8px}.navbar--scrolled .navbar-inner{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#0a0a10b8;border-color:#ffffff0f;box-shadow:0 0 0 .5px #0003,0 4px 24px #0000004d,inset 0 .5px #ffffff0a}.navbar-inner{border:.5px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;max-width:1400px;margin:16px auto 0;padding:10px 20px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;letter-spacing:-.02em;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:flex}.logo-text{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.nav-links{gap:4px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.01em;border-radius:8px;padding:7px 14px;font-size:.78rem;font-weight:500;transition:all .3s;display:block}.nav-links a:hover{color:var(--text-primary);background:#ffffff0f}main{z-index:1;position:relative}@media (width<=768px){.navbar{padding:0 14px}.navbar-inner{margin-top:10px;padding:8px 14px}.logo-text{display:none}.nav-links a{padding:6px 10px;font-size:.74rem}}