*{margin:0;padding:0;box-sizing:border-box}body{font-family:Aktiv Grotesk,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#fff;overflow-x:hidden}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;opacity:0;transition:opacity .3s ease}.loading.show{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.site_header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e5e5;z-index:1000;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.header_text a{font-size:20px;font-weight:400;color:#333;text-decoration:none;transition:color .3s ease;letter-spacing:2px;text-transform:uppercase}.header_text a:hover{color:#666}.navigation{display:flex;gap:30px}.navigation a{color:#333;text-decoration:none;font-weight:400;transition:color .3s ease;position:relative;letter-spacing:.3px}.navigation a:hover{color:#666}.navigation a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#333;transition:width .3s ease}.navigation a:hover:after{width:100%}.navigation a.active{color:#333;font-weight:500}.navigation a.active:after{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 40px}.project{margin-top:60px;padding:40px 0}.project_header{margin-bottom:20px}.project_nav{display:flex;justify-content:center;align-items:center;gap:40px;padding:20px 0}.project_nav a{color:#333;text-decoration:none;font-size:18px;transition:color .3s ease}.project_nav a:hover{color:#666}.project_nav .index{display:flex;flex-direction:column;gap:2px;padding:10px}.project_nav .index div span{display:block;width:20px;height:2px;background:#333;transition:all .3s ease}.project_nav .index:hover div span{background:#666}.project_content{margin-bottom:40px}.project-detail{width:100vw;margin-left:calc(-50vw + 50%)}.project-detail .project-images img{width:100%;height:auto;margin-bottom:0;display:block}.project-detail>div[style*="position:relative"]{width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:0}.project-detail>div:not([style*="position:relative"]):not(.project-images){max-width:800px;margin:30px auto;text-align:center;padding:0 40px}.project-detail>div:not([style*="position:relative"]):not(.project-images) p{margin-bottom:15px;line-height:1.6}.project_footer{text-align:center;padding:20px 0;border-top:1px solid #e5e5e5}.show_index{display:none;text-align:center;padding:20px 0}.show_index a{color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.show_index a:hover{color:#666}.thumbnails{margin-top:32px;padding:40px 0;display:grid;grid-template-columns:1fr;gap:40px;width:100%}.thumbnail{position:relative;overflow:hidden}.thumbnail a{display:block;text-decoration:none;color:inherit}.thumb_image{position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.thumb_image img{width:100%;height:auto;display:block;transition:filter .3s ease}.thumbnail:hover .thumb_image img{filter:brightness(.7)}.thumb_title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:100%;padding:0 40px}.thumb_title span{font-size:28px;font-weight:500;color:#fff;line-height:1.4;transition:color .3s ease;letter-spacing:1px}.project-detail h3{font-size:16px;font-weight:400;color:#888;margin-bottom:20px;letter-spacing:.5px;font-style:italic}.project-header{text-align:center;padding:5px 20px 15px;background:#fff}.project-title{font-size:22px;font-weight:400;color:#333;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase;line-height:1.2}.project-subtitle{font-size:14px;font-weight:400;color:#666;letter-spacing:.5px;margin-bottom:4px;line-height:1.2}.video-container{position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:100vh;margin:30px 0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;object-fit:cover}video[poster]{object-fit:cover;object-position:center}.project-images img{width:100%;height:auto;margin-bottom:0;display:block;border:0;padding:0}.project-images{width:100%;margin:0;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr;gap:40px}.project-images img:last-child{margin-bottom:0}@media (max-width: 768px){.project-images{gap:30px}}@media (max-width: 480px){.project-images{gap:25px}}.title-line{font-size:48px;font-weight:300;color:#fff;letter-spacing:4px;margin-bottom:-6px}.subtitle-line{font-size:15px;font-weight:400;color:#fff;letter-spacing:.5px;opacity:.9}.contact-section{display:none!important;visibility:hidden!important;opacity:0!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:-1!important;pointer-events:none!important}.contact-section.show{display:flex!important}.contact-section.show{display:flex!important;visibility:visible!important;opacity:1!important;z-index:100!important;pointer-events:auto!important}.contact-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;text-align:center;padding:40px;width:100%;box-sizing:border-box}.contact-content h2{font-size:36px;font-weight:500;margin-bottom:20px;color:#333}.contact-content p{font-size:18px;color:#666;margin-bottom:15px;line-height:1.6}.contact-info p{font-size:16px;color:#333;margin-bottom:10px}.contact-section{margin-top:40px}.contact-section .section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;margin-top:20px;line-height:1.2}.contact-section .section-title:first-of-type{margin-top:20px}.contact-section .contact-detail{font-size:16px;color:#333;margin-bottom:8px;line-height:1.2}.contact-section .contact-detail a{color:#333;text-decoration:none}.contact-section .contact-detail a:hover{color:#666}.caa-title{font-size:22px;font-weight:400;color:#333;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase;line-height:1.2;text-align:center}@media (max-width: 768px){.caa-title{font-size:18px;letter-spacing:1.2px;margin-bottom:8px}}@media (max-width: 480px){.caa-title{font-size:16px;letter-spacing:1px;margin-bottom:8px}}@media (max-width: 768px){.site_header{padding:15px 25px;flex-direction:row;justify-content:space-between;align-items:baseline}.header_text a{font-size:16px;letter-spacing:1.5px;line-height:1.2;display:block}.navigation{gap:20px;align-items:baseline}.navigation a{font-size:14px;letter-spacing:.2px;line-height:1.2;display:block}.container{padding:0 20px}.thumbnails{padding:20px 0;gap:30px;margin-top:50px}.thumb_title{padding:20px}.thumb_title span{font-size:24px}.title-line{font-size:28px;margin-bottom:-3px;letter-spacing:2px}.subtitle-line{font-size:12px;letter-spacing:.2px}.project-title{font-size:20px;letter-spacing:1.5px}.project-subtitle{font-size:12px;letter-spacing:.2px}.project-header{padding:20px 15px}.contact-section{padding:20px}.contact-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;max-width:none;width:calc(100% - 40px)}.contact-section .section-title{font-size:16px;margin-bottom:6px;margin-top:25px}.contact-section .contact-detail{font-size:14px;margin-bottom:6px}.contact-content h2{font-size:24px}.contact-content p{font-size:14px}.project_nav{gap:20px}.project_nav a{font-size:14px}}@media (max-width: 480px){.site_header{padding:12px 20px;align-items:baseline;margin-bottom:6px!important}.site_header .header_text a{font-size:14px;letter-spacing:1px;line-height:1.2;display:block}.site_header .navigation{gap:15px;align-items:baseline}.site_header .navigation a{font-size:12px;letter-spacing:.1px;line-height:1.2;display:block}.site_header .thumbnails{padding:15px 0;gap:25px;margin-top:40px}.site_header .thumb_title{padding:15px}.site_header .thumb_title span{font-size:20px}.site_header .title-line{font-size:24px;margin-bottom:-2px;letter-spacing:1.5px}.site_header .subtitle-line{font-size:10px;letter-spacing:.1px}.site_header .project-title{font-size:18px;letter-spacing:1.5px}.site_header .project-subtitle{font-size:10px;letter-spacing:.1px}.site_header .project-header{padding:15px 10px}.site_header .contact-section{padding:15px}.site_header .contact-content{padding:15px;width:calc(100% - 30px)}.site_header .contact-section .section-title{font-size:14px;margin-bottom:5px;margin-top:20px}.site_header .contact-section .contact-detail{font-size:12px;margin-bottom:5px}.site_header .contact-content h2{font-size:20px}.site_header .contact-content p,.site_header .project_nav a{font-size:12px}html{scroll-behavior:smooth}.clear:after{content:"";display:table;clear:both}.project{display:none}.project.active{display:block}}