:root{--bg-color:#08090b;--card-bg:#121418;--list-bg:#0f1115;--text-main:#f5f5f7;--text-muted:#848792;--accent:#d4ff00;--accent-glow:#d4ff0040;--border-color:#ffffff12}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#webgl-canvas{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;inset:0}.header{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);background:#08090b99;justify-content:space-between;align-items:center;width:100%;padding:24px 48px;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:3px;color:#fff;font-size:1.15rem;font-weight:900}.mode-badge{color:#fff;border:1px solid var(--border-color);background:#ffffff0a;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:600;display:flex}.dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.scroll-container{z-index:2;max-width:1300px;margin:0 auto;padding:18vh 8vw 15vh;position:relative}.webgl-element{opacity:1;will-change:transform;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.webgl-element.webgl-active{pointer-events:auto;opacity:0!important}.hero-banner{border:1px solid var(--border-color);background:linear-gradient(135deg,#171920 0%,#0d0f14 100%);border-radius:24px;margin-bottom:12vh;padding:7vh 5vw}.hero-tag{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:.78rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-1.5px;color:#fff;margin-bottom:18px;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.08}.hero-subtitle{color:var(--text-muted);max-width:800px;font-size:1.15rem;line-height:1.6}.hero-subtitle strong{color:var(--text-main)}.section-title-wrap{margin-bottom:5vh}.section-tag{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.section-heading{letter-spacing:-.5px;margin-top:6px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800}.section-desc{color:var(--text-muted);margin-top:8px;font-size:1rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:5vw;margin-bottom:15vh;display:grid}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.card:nth-child(2n){margin-top:10vh}.card-image-wrap{aspect-ratio:16/10;background:#000;width:100%;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.card-content{flex-direction:column;gap:12px;padding:30px;display:flex}.card-badge{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-size:.72rem;font-weight:700}.card-heading{color:#fff;font-size:1.5rem;font-weight:800;line-height:1.25}.card-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}.card-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-top:8px;font-size:.92rem;font-weight:700;display:flex}.card-btn span{color:var(--accent)}.list-section{margin-bottom:16vh}.grid-list-container{flex-direction:column;gap:14px;display:flex}.list-item{background:var(--list-bg);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:60px 1.5fr 1fr 100px 140px;align-items:center;gap:20px;padding:22px 32px;transition:border-color .2s;display:grid}.col-idx{color:var(--accent);letter-spacing:1px;font-size:.85rem;font-weight:800}.col-title h4{color:#fff;letter-spacing:-.3px;margin-bottom:4px;font-size:1.25rem;font-weight:700}.list-sub{color:var(--text-muted);font-size:.85rem}.col-category{color:#c4c7d4;font-size:.9rem;font-weight:500}.col-year{color:var(--text-muted);font-family:monospace;font-size:.88rem}.col-action{cursor:pointer;justify-self:end}.action-pill{border:1px solid var(--border-color);color:#fff;letter-spacing:.5px;background:#ffffff0d;border-radius:100px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-block}.cta-banner{text-align:center;background:radial-gradient(circle at 100% 0,#1f2316 0%,#101114 100%);border:1px solid #d4ff0040;border-radius:24px;padding:8vh 6vw}.cta-inner{flex-direction:column;align-items:center;gap:18px;max-width:650px;margin:0 auto;display:flex}.cta-title{letter-spacing:-1px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.cta-desc{color:var(--text-muted);font-size:1.1rem}.cta-btn{background:var(--accent);color:#000;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:100px;margin-top:12px;padding:16px 36px;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.cta-btn:hover{box-shadow:0 6px 25px var(--accent-glow);transform:translateY(-2px)}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:20vh;padding:40px 0;font-size:.85rem}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=900px){.list-item{grid-template-columns:40px 1fr auto;gap:12px;padding:18px 20px}.col-category,.col-year{display:none}.gallery-grid{grid-template-columns:1fr;gap:8vh}.card:nth-child(2n){margin-top:0}}@media (prefers-reduced-motion:reduce){.webgl-element{transition:none!important}}