:root{--yellow-primary: #FFD43B;--yellow-light: #FFF3BF;--yellow-dark: #F59F00;--yellow-glow: #FFE066;--yellow-neon: #FFEA00;--charcoal: #1A1A1A;--charcoal-light: #2A2A2A;--charcoal-mid: #333333;--cream: #FFFDF5;--white: #FFFFFF;--text-dark: #111111;--text-light: #F0F0F0;--text-muted: #888888;--accent-pink: #FF6B9D;--accent-blue: #4ECDC4;--accent-purple: #A855F7;--font-display: "Outfit", "Noto Sans KR", sans-serif;--font-body: "Noto Sans KR", "Outfit", sans-serif;--font-mono: "Space Grotesk", monospace;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--grain-opacity: .03}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--text-light);background:var(--charcoal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}ul,ol{list-style:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--charcoal)}::-webkit-scrollbar-thumb{background:var(--yellow-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--yellow-dark)}::selection{background:var(--yellow-primary);color:var(--charcoal)}.glow-text{text-shadow:0 0 40px rgba(255,212,59,.3),0 0 80px rgba(255,212,59,.1)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:24px 6%;transition:all .5s var(--ease-smooth);mix-blend-mode:difference}.navbar.scrolled{mix-blend-mode:normal;background:#1a1a1ad9;-webkit-backdrop-filter:blur(16px) saturate(1.8);backdrop-filter:blur(16px) saturate(1.8);padding:14px 6%;border-bottom:1px solid rgba(255,212,59,.08)}.navbar-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white);letter-spacing:3px;text-transform:uppercase}.navbar-links{display:flex;gap:36px;align-items:center}.navbar-links a{font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--white);letter-spacing:2px;text-transform:uppercase;position:relative;padding:4px 0;transition:color .3s}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--yellow-primary);transition:width .4s var(--ease-out-expo)}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:var(--yellow-primary)}.nav-item-with-sub{position:relative;display:flex;align-items:center}.nav-submenu{position:absolute;top:100%;left:-12px;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s var(--ease-smooth)}.nav-item-with-sub:hover .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-submenu-inner{background:#1a1a1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,212,59,.1);border-radius:8px;padding:8px 0;min-width:180px}.nav-submenu a{display:block;padding:8px 20px;font-size:.75rem;letter-spacing:1px;white-space:nowrap}.nav-submenu a:hover{background:#ffd43b0f}.navbar-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001}.navbar-toggle span{width:22px;height:1.5px;background:var(--white);border-radius:1px;transition:all .3s}@media (max-width: 900px){.navbar{mix-blend-mode:normal}.navbar-toggle{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:75%;height:100vh;height:100svh;background:var(--charcoal);flex-direction:column;justify-content:center;gap:32px;padding:40px;transition:right .5s var(--ease-out-expo);border-left:1px solid rgba(255,212,59,.08)}.navbar-links.open{right:0}.navbar-links a{font-size:1rem;letter-spacing:3px}.nav-submenu{position:static;opacity:1;visibility:visible;transform:none;padding-top:0;padding-left:16px}.nav-submenu-inner{background:none;border:none;border-left:1px solid rgba(255,212,59,.2);border-radius:0;padding:8px 0}}.hero{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--charcoal);display:flex;align-items:center}.hero-slides{position:absolute;top:0;right:0;bottom:0;left:0}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hero-slide-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;filter:brightness(.45) contrast(1.05) saturate(.85);transform:scale(1.05);animation:hero-bg-zoom 8s ease-out forwards}@keyframes hero-bg-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:2}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(26,26,26,.5) 0%,transparent 30%),linear-gradient(to top,rgba(26,26,26,.9) 0%,transparent 40%),linear-gradient(to right,rgba(26,26,26,.4) 0%,transparent 50%);z-index:2;pointer-events:none}.hero-content{position:relative;z-index:3;padding:0 8%;max-width:900px;width:100%}.hero-slide-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--yellow-primary);margin-bottom:16px;display:flex;align-items:center;gap:12px}.hero-slide-label:before{content:"";width:32px;height:1px;background:var(--yellow-primary)}.hero-slide-title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;color:var(--white);line-height:1.05;letter-spacing:-1px;margin-bottom:20px}.hero-slide-subtitle{font-family:var(--font-body);font-size:1rem;font-weight:300;color:#fff9;max-width:400px;line-height:1.7;margin-bottom:32px}.hero-cta{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--charcoal);background:var(--yellow-primary);padding:14px 32px;border-radius:0;transition:all .4s var(--ease-smooth);position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);transform:translate(-101%);transition:transform .4s var(--ease-out-expo)}.hero-cta:hover:before{transform:translate(0)}.hero-cta span{position:relative;z-index:1}.hero-cta .cta-arrow{position:relative;z-index:1;transition:transform .3s}.hero-cta:hover .cta-arrow{transform:translate(4px)}.hero-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-scroll-hint span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:#ffffff4d}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,212,59,.5),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero-counter .current{color:var(--yellow-primary);font-weight:600;font-size:1.2rem}.hero-vertical-text{position:absolute;right:3%;top:50%;transform:translateY(-50%) rotate(90deg);font-family:var(--font-mono);font-size:.65rem;letter-spacing:4px;text-transform:uppercase;color:#ffffff26;z-index:3;white-space:nowrap}@keyframes glitch{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,2px)}40%{clip-path:inset(40% 0 40% 0);transform:translate(2px,-2px)}60%{clip-path:inset(60% 0 20% 0);transform:translate(-1px,1px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(1px,-1px)}}.hero-slide-title .glitch-layer{position:absolute;left:0;top:0;opacity:0}.hero-slide:hover .hero-slide-title .glitch-layer:nth-child(2){animation:glitch .3s ease-in-out;color:var(--accent-pink);opacity:.7}.hero-slide:hover .hero-slide-title .glitch-layer:nth-child(3){animation:glitch .3s ease-in-out .05s;color:var(--accent-blue);opacity:.7}@media (max-width: 900px){.hero-content{padding:0 6%}.hero-slide-title{font-size:clamp(2rem,8vw,3.5rem)}.hero-slide-subtitle{font-size:.85rem}.hero-slide-label{font-size:.6rem}.hero-indicators{right:6%;bottom:24px}.hero-counter{left:6%;bottom:24px}.hero-vertical-text{display:none}.hero-cta{padding:12px 24px;font-size:.7rem}}.about{position:relative;background:var(--charcoal);padding:140px 8% 120px;overflow:hidden}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,212,59,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,212,59,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.about-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-scene-col{position:relative;display:flex;flex-direction:column}.about-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--yellow-primary);margin-bottom:24px;display:flex;align-items:center;gap:12px}.about-label:before{content:"";width:24px;height:1px;background:var(--yellow-primary)}.about-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:var(--white);line-height:1.15;margin-bottom:20px}.about-heading .highlight{color:var(--yellow-primary);position:relative;display:inline-block}.about-artist-name{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:2px;margin-bottom:40px}.lang-toggle{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,212,59,.2);border-radius:4px;overflow:hidden}.lang-btn{padding:8px 20px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);background:transparent;transition:all .3s;border:none;cursor:pointer}.lang-btn.active{background:var(--yellow-primary);color:var(--charcoal);font-weight:600}.about-content{display:flex;flex-direction:column}.about-text{font-size:.95rem;font-weight:300;line-height:2;color:#ffffffb3}.about-text p{margin-bottom:24px}.about-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.keyword-tag{padding:8px 20px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;color:var(--yellow-primary);border:1px solid rgba(255,212,59,.2);border-radius:2px;background:#ffd43b0a;transition:all .3s;cursor:default}.keyword-tag:hover{background:var(--yellow-primary);color:var(--charcoal);border-color:var(--yellow-primary)}.about-featured{margin-top:48px;display:flex;flex-direction:column;gap:12px}.about-featured-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:all .3s}.about-featured-link:hover{padding-left:12px;border-color:var(--yellow-primary)}.about-featured-link .link-text{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--white)}.about-featured-link .link-arrow{font-size:1.2rem;color:var(--yellow-primary);transition:transform .3s}.about-featured-link:hover .link-arrow{transform:translate(6px)}@media (max-width: 900px){.about-inner{grid-template-columns:1fr;gap:48px}.about{padding:80px 6% 60px}.about-heading{font-size:2rem}.about-text p{font-size:.85rem}.keyword-tag{font-size:.6rem;padding:6px 14px}.about-keywords{gap:8px}}.about-scene{position:relative;width:100%;flex:1;min-height:420px}@media (max-width: 900px){.about-scene{flex:none;height:34vh;height:34svh;min-height:200px}}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f5;z-index:2000;display:flex;justify-content:center;align-items:center;padding:60px 80px;cursor:zoom-out}.lightbox-content{position:relative;max-width:85vw;max-height:80vh;cursor:default;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:85vw;max-height:75vh;object-fit:contain;box-shadow:0 30px 80px #0009}.lightbox-info{text-align:center;margin-top:20px}.lightbox-info h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:4px}.lightbox-info p{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:1px}.lightbox-close{position:fixed;top:24px;right:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#ffffff80;cursor:pointer;z-index:2001;transition:all .3s;font-family:var(--font-display)}.lightbox-close:hover{color:var(--yellow-primary);transform:rotate(90deg)}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:1.4rem;cursor:pointer;z-index:2001;border:1px solid rgba(255,255,255,.1);border-radius:2px;transition:all .3s}.lightbox-nav:hover{border-color:var(--yellow-primary);color:var(--yellow-primary)}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.lightbox-counter{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.7rem;color:#ffffff4d;letter-spacing:2px;z-index:2001}@media (max-width: 768px){.lightbox-backdrop{padding:40px 16px}.lightbox-nav{width:36px;height:36px;font-size:1.1rem}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}}.works{position:relative;background:var(--charcoal-light);padding:120px 6% 100px;overflow:hidden}.works:before,.works:after{content:"";position:absolute;width:60px;height:60px;border:1px solid rgba(255,212,59,.08);pointer-events:none}.works:before{top:40px;left:40px;border-right:none;border-bottom:none}.works:after{bottom:40px;right:40px;border-left:none;border-top:none}.works-header{max-width:1200px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}.works-header-left{display:flex;flex-direction:column;gap:12px}.works-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--yellow-primary);display:flex;align-items:center;gap:12px}.works-label:before{content:"";width:24px;height:1px;background:var(--yellow-primary)}.works-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--white)}.works-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:8px 18px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);border:1px solid rgba(255,255,255,.08);border-radius:2px;background:transparent;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#ffd43b4d;color:var(--white)}.filter-btn.active{background:var(--yellow-primary);color:var(--charcoal);border-color:var(--yellow-primary);font-weight:600}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px;margin:0 auto}.work-card{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;background:var(--charcoal);transition:transform .4s var(--ease-out-expo),box-shadow .4s;transform-style:preserve-3d;perspective:800px}.work-card:hover{box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffd43b14;z-index:2}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-expo),filter .5s;filter:grayscale(30%) brightness(.85);background:var(--charcoal-mid)}.work-card img[data-error=true]{opacity:.15;filter:none}.work-card:hover img{transform:scale(1.06);filter:grayscale(0%) brightness(1)}.work-card:before,.work-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;pointer-events:none;opacity:0;transition:opacity .3s;z-index:1;mix-blend-mode:screen}.work-card:hover:before{opacity:.4;background:#ff005014;transform:translate(-3px,1px)}.work-card:hover:after{opacity:.4;background:#00c8ff14;transform:translate(3px,-1px)}.work-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 40%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .4s}.work-card:hover .work-card-overlay{opacity:1}.work-card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--white);margin-bottom:4px}.work-card-info{font-family:var(--font-mono);font-size:.65rem;color:#ffffff80;letter-spacing:.5px}.work-card-year{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:.65rem;color:var(--yellow-primary);letter-spacing:1px;opacity:0;transform:translateY(-8px);transition:all .3s}.work-card:hover .work-card-year{opacity:1;transform:translateY(0)}.works-count{text-align:center;margin-top:40px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:2px}@media (max-width: 900px){.works-grid{grid-template-columns:repeat(3,1fr);gap:10px}.works{padding:80px 4% 60px}.works-header{flex-direction:column;align-items:flex-start;gap:16px}.works-filters{flex-wrap:wrap}}@media (max-width: 600px){.works-grid{grid-template-columns:1fr 1fr;gap:8px}.work-card-overlay{opacity:1;padding:12px}.work-card-title{font-size:.8rem}.work-card-info{font-size:.55rem}.works-title{font-size:1.6rem}.filter-btn{padding:6px 14px;font-size:.6rem}}.contact{position:relative;background:var(--charcoal);padding:120px 8%;overflow:hidden}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,212,59,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,212,59,.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.contact-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}.contact-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--yellow-primary);margin-bottom:24px;display:flex;align-items:center;gap:12px}.contact-label:before{content:"";width:24px;height:1px;background:var(--yellow-primary)}.contact-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--white);line-height:1.15;margin-bottom:20px}.contact-desc{font-size:.95rem;font-weight:300;color:#ffffff80;max-width:480px;margin-bottom:48px;line-height:1.8}.contact-links{display:flex;flex-direction:column;gap:0}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:all .4s var(--ease-smooth);cursor:pointer}.contact-link:first-child{border-top:1px solid rgba(255,255,255,.06)}.contact-link:hover{padding-left:16px;border-color:#ffd43b33}.contact-link-left{display:flex;flex-direction:column;gap:4px}.contact-link-type{font-family:var(--font-mono);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--yellow-primary)}.contact-link-value{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--white)}.contact-link-arrow{font-size:1.4rem;color:#fff3;transition:all .3s}.contact-link:hover .contact-link-arrow{color:var(--yellow-primary);transform:translate(8px)}.footer{padding:32px 8%;background:var(--charcoal);border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-left{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:1px}.footer-left span{color:var(--yellow-primary)}.footer-right{font-family:var(--font-mono);font-size:.6rem;color:#ffffff26;letter-spacing:1px}@media (max-width: 900px){.contact{padding:80px 6%}.contact-heading{font-size:clamp(1.6rem,6vw,2.5rem)}.contact-desc{font-size:.85rem}.contact-link-value{font-size:.9rem}.footer{flex-direction:column;text-align:center;padding:24px 6%}}.navbar-mp .navbar-links a.active{color:var(--yellow-primary)}.navbar-mp .navbar-links a.active:after{width:100%}.page-transition{min-height:100vh;min-height:100svh}