@font-face{font-family:PyeojinGothic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:PyeojinGothic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PyeojinGothic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:MungyeongGamhongApple;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2410-2@1.0/Mungyeong-Gamhong-Apple.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #ff00dd;--font-main: "Chakra Petch", "MungyeongGamhongApple", "PyeojinGothic", "Inter", system-ui, sans-serif;--font-body: "Chakra Petch", "MungyeongGamhongApple", "PyeojinGothic", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.page-title{font-family:var(--font-main);font-size:8vw;font-weight:900;color:#fff;text-align:left;margin-bottom:2rem;text-transform:uppercase;letter-spacing:-.05em;line-height:.8;opacity:0;transform:translateY(30px);animation:titleFadeIn 1s ease-out forwards .2s}@keyframes titleFadeIn{to{opacity:1;transform:translateY(0)}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-content{flex:1 0 auto;width:100%;display:flex;flex-direction:column}footer{flex-shrink:0;z-index:10;position:relative}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.logo-link{display:flex;align-items:center;text-decoration:none;height:50px}.logo-img{height:50px;width:auto;display:block;transition:opacity .3s ease}.logo-text{display:none;font-family:MungyeongGamhongApple,sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent-color);white-space:nowrap}.logo-link:hover .logo-img{display:none}.logo-link:hover .logo-text{display:block;animation:fadeIn .3s ease}.nav-links{display:flex;gap:3rem;align-items:center}.nav-links a{font-family:var(--font-main);text-decoration:none;font-size:1rem;font-weight:500;color:#ccc;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.nav-links a:hover{color:#fff}.menu-toggle,.nav-icon{display:none}@media(max-width:768px){.navbar{padding:1.5rem}.logo-img{height:40px}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1001}.menu-toggle span{display:block;height:3px;width:100%;background-color:#fff;border-radius:3px;transition:all .3s ease-in-out}.menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;flex-direction:column;justify-content:center;gap:2rem;transform:translateY(-100%);transition:transform .4s cubic-bezier(.45,0,.55,1)}.nav-links.active{transform:translateY(0)}.nav-links a{font-size:2rem;color:#888}.nav-links a:hover{color:#fff;transform:scale(1.1)}}.footer{padding:60px 20px;text-align:center;border-top:1px solid #1a1a1a;color:#666;font-size:.9rem;background-color:#000}.footer-image-container{margin-bottom:30px;display:flex;justify-content:center;align-items:center}.footer-image{max-width:100%;height:auto;min-width:300px;width:50%;object-fit:contain}.social-links{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:30px}.social-icon{color:#888;font-size:1.8rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon:hover{color:#fff;transform:translateY(-3px);filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}@media(max-width:768px){.footer-image{width:80%;min-width:250px}.social-links{gap:1.5rem}.social-icon{font-size:1.5rem}}.collab-page{width:100%;background-color:#000;color:#fff;overflow-x:hidden;position:relative;padding-bottom:60px}.collab-header-section{padding:150px 5vw 30px;position:relative;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end}.carousel-view{width:100%;max-width:1600px;margin:0 auto;padding:40px 0;overflow:visible}.carousel-container{display:flex;align-items:center;justify-content:center;gap:0;height:60vh;min-height:500px;position:relative;overflow:visible;perspective:1000px}.carousel-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.carousel-item{position:absolute;width:60vw;max-width:900px;aspect-ratio:16/9;cursor:pointer;transition:all .6s cubic-bezier(.25,.46,.45,.94);border-radius:20px;overflow:hidden;background:#000}.carousel-item.center{z-index:10;transform:translate(0) scale(1) translateZ(0);opacity:1;filter:brightness(1.1);box-shadow:0 20px 60px #000c,0 0 40px #f0d3;border:1px solid rgba(255,255,255,.1)}.carousel-item.left{z-index:5;transform:translate(-55%) scale(.8) translateZ(-100px) rotateY(15deg);opacity:.4;filter:brightness(.4) saturate(0);pointer-events:none}.carousel-item.right{z-index:5;transform:translate(55%) scale(.8) translateZ(-100px) rotateY(-15deg);opacity:.4;filter:brightness(.4) saturate(0);pointer-events:none}.carousel-item.hidden{z-index:0;transform:translate(0) scale(.6) translateZ(-200px);opacity:0;pointer-events:none}.card-image-wrapper{width:100%;height:100%;position:relative}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.carousel-item.center:hover .card-image-wrapper img{transform:scale(1.03)}.center-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 60%);opacity:0;transition:opacity .3s ease}.carousel-item.center:hover .center-overlay{opacity:1}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;width:80px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s;color:#fff;opacity:.5}.nav-btn:hover{opacity:1;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.nav-btn.prev{left:0;background:linear-gradient(90deg,rgba(0,0,0,.8),transparent)}.nav-btn.next{right:0;background:linear-gradient(-90deg,rgba(0,0,0,.8),transparent)}.nav-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));width:50px;height:50px}.collab-detail-panel{max-width:1000px;margin:0 auto;text-align:center;padding:0 20px;animation:fadeInUp .8s ease}.simple-info{font-size:1.3rem;font-weight:300;color:#fff;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:15px;margin:0}.info-year{font-weight:700;color:#f0d}.info-divider{color:#555;font-weight:300}.info-title{color:#ddd;text-transform:uppercase}@media(max-width:768px){.simple-info{flex-direction:column;gap:5px;font-size:1rem}.info-divider{display:none}}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-modal-content{width:90%;max-width:1200px;position:relative}.close-button{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;transition:color .2s}.close-button:hover{color:#f0d}.modal-video-wrapper{width:100%;aspect-ratio:16/9;background:#000}.modal-video-wrapper iframe{width:100%;height:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.carousel-item{width:70%}.carousel-item.left,.carousel-item.right{transform:translate(0) scale(.6);opacity:0}.detail-title{font-size:2.5rem}}@media(max-width:768px){.collab-header-section{padding-top:150px;padding-left:20px;padding-right:20px}.page-title{font-size:20vw}.carousel-container{height:60vw;min-height:250px;gap:0}.nav-btn{display:flex;width:50px;height:100%;z-index:50}.carousel-item{width:85vw;aspect-ratio:16/9}.carousel-item.left{transform:translate(-15%) scale(.85) translateZ(-50px);opacity:.3}.carousel-item.right{transform:translate(15%) scale(.85) translateZ(-50px);opacity:.3}.detail-title{font-size:2rem}.detail-desc{font-size:1rem}}.page-header-section{padding:150px 5vw 30px;position:relative;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end}@media(max-width:768px){.page-header-section{padding-top:150px}}.projects-page{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-bottom:100px}.projects-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:120px}.project-section-wrapper{opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.16,1,.3,1)}.project-section-wrapper.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:40px}.project-eyebrow{display:block;font-size:19px;font-weight:600;color:#f56300;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.project-headline{font-size:56px;font-weight:700;letter-spacing:-.01em;margin:0;color:#f5f5f7}.project-standfirst{font-size:24px;font-weight:400;color:#86868b;margin-top:15px;max-width:600px;margin-left:auto;margin-right:auto}.layout-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.hero-sub-card{background-color:#1c1c1e;border-radius:30px;overflow:hidden;cursor:pointer;transition:transform .4s ease}.hero-sub-card:hover{transform:scale(1.02)}.hero-card-img{height:400px;overflow:hidden}.hero-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.hero-sub-card:hover .hero-card-img img{transform:scale(1.05)}.hero-card-text{padding:30px;text-align:center}.hero-card-text h3{font-size:32px;margin-bottom:10px;color:#fff}.hero-card-text p{font-size:19px;color:#86868b}.layout-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bento-item{position:relative;aspect-ratio:1/1;border-radius:30px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.bento-item:hover{transform:scale(1.02);z-index:2}.bento-item img{width:100%;height:100%;object-fit:cover;display:block}.bento-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:background .3s}.bento-item:hover .bento-overlay{background:#00000080}.bento-overlay h3{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.layout-banner-stack{display:flex;flex-direction:column;gap:30px}.banner-item{width:100%;height:500px;border-radius:40px;background-size:cover;background-position:center;position:relative;cursor:pointer;overflow:hidden;transition:transform .4s ease}.banner-item:hover{transform:scale(1.01)}.banner-content{position:absolute;bottom:40px;left:40px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 40px;border-radius:20px;color:#fff}.banner-content h3{font-size:40px;margin-bottom:5px}.banner-content p{font-size:21px;color:#ddd}.grid-header-text{text-align:center;margin-bottom:40px}.grid-tiles-custom{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-tile-img{aspect-ratio:1/1;background:#1c1c1e;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.grid-tile-img:hover{transform:scale(1.05)}.grid-tile-img img{width:100%;height:100%;object-fit:cover}.grid-tile-link{aspect-ratio:1/1;background:#f5f5f7;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#1d1d1f;font-size:24px;font-weight:700;transition:transform .3s ease,background .3s}.grid-tile-link:hover{transform:scale(1.05);background:#fff}.project-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s}.project-modal-content{background:#1c1c1e;width:90%;max-width:600px;border-radius:30px;padding:40px;text-align:center;animation:popUp .4s cubic-bezier(.19,1,.22,1);position:relative}.project-modal-close{position:absolute;top:20px;right:20px;background:#333;border:none;font-size:24px;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.project-modal-image{width:100%;border-radius:20px;margin-bottom:20px}.project-title-modal{font-size:32px;color:#fff;margin-bottom:20px}.project-modal-desc{font-size:18px;color:#aaa;line-height:1.5;margin-bottom:30px}.modal-action-btn{background:#0071e3;color:#fff;border:none;padding:12px 30px;border-radius:20px;font-size:18px;cursor:pointer}@keyframes popUp{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:1024px){.project-headline{font-size:40px}.grid-tiles-custom{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.layout-hero-grid,.layout-bento-grid{grid-template-columns:1fr}.layout-banner-stack{gap:20px}.banner-item{height:300px}.grid-tiles-custom{grid-template-columns:1fr}}.donation-page{width:100%;background-color:var(--bg-color);min-height:100vh}.donation-content{max-width:800px;margin:0 auto;padding:60px 20px;text-align:center}.donation-title{font-size:2rem;margin-bottom:20px;color:#fff;font-weight:600}.donation-desc{font-size:1.1rem;color:#ccc;line-height:1.6}.coming-soon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vh 20px 20vh;text-align:center;color:#fff;width:100%;animation:fadeIn .8s ease-out}.icon-wrapper{font-size:3rem;color:var(--accent-color);margin-bottom:2rem;opacity:.8;animation:float 3s ease-in-out infinite}.coming-soon-title{font-family:var(--font-main);font-size:4vw;font-weight:700;margin:0 0 1rem;letter-spacing:.1em;color:#fff}.coming-soon-subtitle{font-size:1.2rem;color:#888;font-weight:400;letter-spacing:1px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.coming-soon-title{font-size:2rem}.coming-soon-container{padding:5vh 20px 15vh}}.hero-container{position:relative;width:100%;height:100vh;margin:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.video-background video.hero-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(to bottom,#0003,#0000001a 70%,#000);box-shadow:inset 0 0 100px #00000080}.hero-content{position:relative;z-index:2;text-align:center;mix-blend-mode:overlay;color:#fff}.hero-title{font-size:5rem;line-height:.9;font-weight:900;letter-spacing:-2px;text-transform:uppercase;margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease-out forwards;text-shadow:0 0 20px rgba(255,255,255,.5)}.hero-title span{display:inline-block;opacity:0;animation:fadeInUp 1s ease-out forwards}.hero-title span:nth-child(1){animation-delay:.2s}.hero-title span:nth-child(3){animation-delay:.4s}.hero-title span:nth-child(5){animation-delay:.6s}.hero-subtitle{font-size:1.5rem;font-weight:300;letter-spacing:5px;text-transform:uppercase;opacity:0;animation:fadeIn 1.5s ease-out 1s forwards}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeIn 1s ease-out 1.5s forwards}.scroll-indicator span{font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.scroll-indicator .line{width:1px;height:60px;background-color:#fff;animation:scrollLine 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:768px){.hero-container{height:100vh}}.hero-subtitle{font-size:1rem;letter-spacing:2px}.statement-section{background-color:#000;color:#fff;padding:15vh 5vw;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:100vh}.statement-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.statement-bg-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:15vh;background:linear-gradient(to bottom,#000 0%,transparent 100%);z-index:2}.statement-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.statement-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1}.statement-content-wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column}.statement-header{margin-bottom:20vh}.statement-title{font-size:8vw;font-weight:900;line-height:1;letter-spacing:-.02em;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.statement-subtitle{font-size:1.5vw;font-weight:300;letter-spacing:.2em;margin-top:1.5rem;color:#ccc;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.statement-body{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:25vh;text-align:right}.manifesto-text{font-size:3.5vw;font-weight:700;line-height:1.5;word-break:keep-all;max-width:80%;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.manifesto-highlight{color:#fff;background:linear-gradient(180deg,transparent 65%,#ff00dd 65%);display:inline-block;padding:0 5px}.statement-global{margin-bottom:20vh;padding-left:5vw}.global-text{font-size:4vw;font-weight:600;line-height:1.4;color:#eee;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.statement-footer{border-top:2px solid #fff;padding-top:10vh;margin-top:10vh;display:flex;justify-content:space-between;align-items:flex-end;position:relative}.philosophy-badge{border:1px solid #fff;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-15deg);font-family:var(--font-main);font-size:1rem;line-height:1.2;position:relative;background:#0000004d}.philosophy-main{font-size:6vw;font-weight:900;text-align:right;line-height:.9;z-index:1;mix-blend-mode:normal;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.statement-section{padding:10vh 5vw}.statement-title{font-size:13vw}.statement-subtitle{font-size:3vw;margin-top:1rem}.manifesto-text{font-size:6vw;max-width:100%;text-align:left;align-self:flex-start}.global-text{font-size:6vw}.statement-footer{flex-direction:column;align-items:flex-start;gap:3rem}.philosophy-badge{width:100px;height:100px;font-size:.8rem}.philosophy-main{font-size:12vw;text-align:left;align-self:flex-end}}.featured-works-section{background-color:#000;padding:5vh 5vw 10vh}.featured-header{color:#fff;font-size:3rem;margin-bottom:4rem;font-weight:300;border-bottom:1px solid #333;padding-bottom:1rem}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.work-item{position:relative;overflow:hidden;cursor:pointer;transition:transform .4s ease}.work-link{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:inherit}.work-item:hover{transform:scale(.98)}.work-item img{width:100%;height:100%;object-fit:cover;transition:filter .4s ease;filter:grayscale(100%)}.work-item:hover img{filter:grayscale(0%)}.work-item.large{grid-column:span 8;aspect-ratio:16/9}.work-item.tall{grid-column:span 4;aspect-ratio:9/14}.work-item.medium{grid-column:span 6;aspect-ratio:3/3;margin-top:4rem}.work-info{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;opacity:0;transform:translateY(10px);transition:all .4s ease}.work-item:hover .work-info{opacity:1;transform:translateY(0)}.work-title{font-size:2rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.work-category{font-size:.9rem;opacity:.8;letter-spacing:.1em;text-transform:uppercase;border:1px solid #fff;padding:.2rem .6rem;border-radius:20px;display:inline-block}@media(max-width:768px){.works-grid{display:flex;flex-direction:column}.work-item.large,.work-item.tall,.work-item.medium{grid-column:auto;width:100%;aspect-ratio:auto;height:60vh;margin-top:0}.work-item img{filter:grayscale(0%)}.work-info{opacity:1;transform:translateY(0)}}.hero-gallery{display:flex;flex-direction:column;padding:0;background-color:#000;width:100%}@keyframes cinematicReveal{0%{opacity:0;transform:translateY(30px) scale(1.05);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.hero-gallery img{width:100%;height:auto;border-radius:0;display:block;opacity:0;animation:cinematicReveal 2s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.3s}@media(max-width:768px){.hero-gallery{flex-direction:column;align-items:center}}.history-container{padding:120px 20px 60px;max-width:1200px;margin:0 auto}.timeline{position:relative;border-left:2px solid #333;margin-left:20px;padding-left:40px}.timeline-item{display:flex;margin-bottom:60px;gap:40px;opacity:0;animation:slideIn .8s ease-out forwards}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{flex:1;position:relative}.timeline-item:before{content:"";position:absolute;left:-49px;top:10px;width:16px;height:16px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color)}.year{display:block;font-size:1.2rem;color:var(--accent-color);margin-bottom:10px;font-weight:700}.title{font-size:2rem;margin-bottom:15px;font-weight:600}.description{color:var(--secondary-color);font-size:1.1rem}.timeline-image{flex:1;overflow:hidden;border-radius:8px}.timeline-image img{width:100%;height:auto;transition:transform .5s ease;filter:grayscale(100%)}.timeline-image:hover img{transform:scale(1.05);filter:grayscale(0%)}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.timeline{margin-left:10px;padding-left:30px}.timeline-item:before{left:-39px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:column;gap:20px}.title{font-size:1.5rem}}.CntBodyWrap{position:relative;width:calc(100% - 65px);margin:0 auto}.works-header{padding:200px 5vw 100px;position:relative;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end}.prjt-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:20px}.prjt-animation{display:block;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out;margin:0;width:100%;aspect-ratio:16/9;position:relative}.prjt-animation.visible{opacity:1;transform:translateY(0)}.work-item-body-concert,.work-item-fever{grid-column:span 2;grid-row:span 2}.work-item-the-belt,.work-item-bolero{grid-column:span 1;grid-row:span 3;aspect-ratio:auto}.prjtl-square{position:relative;width:100%;height:100%;display:block;overflow:hidden;border-radius:30px;background-color:#1c1c1e}.prjtl-square img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.33,1,.68,1)}.prjtl-square:hover img{transform:scale(1.05);filter:brightness(1.1)}.prjtls-text{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .4s ease;color:#fff;text-align:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.prjtl-square:hover .prjtls-text{opacity:1;background:#00000080}.prjtls-text .main-text{font-family:var(--font-main);font-size:2rem;font-weight:700;text-transform:uppercase;transform:translateY(20px);transition:transform .4s ease;white-space:pre-line}.prjtl-square:hover .prjtls-text .main-text{transform:translateY(0)}.work-link{display:block;width:100%;height:100%}@media(max-width:768px){.works-header{padding-top:150px;padding-bottom:50px}.prjt-list{display:flex;flex-direction:column;width:100%}.prjt-animation{width:100%;margin:0;grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/9}.work-item-the-belt,.work-item-bolero{aspect-ratio:9/16}.prjtls-text{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);justify-content:flex-end;padding-bottom:30px;-webkit-backdrop-filter:none;backdrop-filter:none}.prjtls-text .main-text{transform:translateY(0);font-size:1.5rem}}.work-detail-page{width:100%;min-height:100vh;background-color:#000;color:#fff;padding-top:0;display:flex;flex-direction:column}.video-container,.hero-image-container{width:100%;height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#111}.detail-video,.detail-hero-image{width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeIn 1.5s ease forwards}.content-container{padding:60px 20px;max-width:1000px;margin:0 auto;width:100%;text-align:center}.detail-header{margin-bottom:60px}.detail-header h2{font-size:4rem;font-weight:800;text-transform:uppercase;margin-bottom:5px;line-height:1.2;white-space:pre-wrap}.detail-header .year{display:block;font-size:1.2rem;color:#aaa;margin-top:10px;font-style:italic;font-family:var(--font-main)}.description{font-size:.85rem;line-height:1.2;color:#e0e0e0;margin-bottom:60px;text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.description p{margin-bottom:16px}.gallery-section{position:relative;width:100%;height:60vh;margin-top:60px;overflow:hidden}.gallery-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.gallery-item.active{opacity:1;pointer-events:auto;z-index:1}.gallery-item img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.gallery-section{height:40vh}}.meta-info{margin-top:40px;border-top:1px solid #333;padding-top:20px}.category{font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:2px}.back-button{display:inline-block;margin-top:60px;padding:12px 30px;border:1px solid #555;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.back-button:hover{border-color:#fff;background:#fff;color:#000}.loading{display:flex;justify-content:center;align-items:center;height:100vh;background:#000;color:#fff;font-size:1.5rem}@keyframes fadeIn{to{opacity:1}}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none}@media(max-width:768px){.detail-header h2{font-size:2rem}.content-container{padding:40px 20px}}.external-link-container{margin-top:30px;text-align:center}.view-more-button{display:inline-block;padding:14px 40px;background-color:#fff;color:#000;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid #fff;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-size:.9rem}.view-more-button:hover{background-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a}.credits-section{text-align:right;margin-top:10px;width:100%}.credits-section p{font-size:.8rem;color:#888;margin:0}.hero-gallery-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out;z-index:0}.hero-gallery-item.active{opacity:1;z-index:1}.hero-gallery-item img{width:100%;height:100%;object-fit:cover}.hero-credits{position:absolute;bottom:20px;right:20px;z-index:10;color:#ffffffb3;font-size:.8rem;font-family:var(--font-main);text-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:none}@media(max-width:768px){.hero-image-container{height:40vh}.content-container{padding-top:40px;margin-top:0;position:relative;z-index:2}}.detail-subtitle{font-size:1.5rem;font-weight:500;margin-top:0;margin-bottom:15px;text-transform:none}