.home-container{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#000}.home-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .35s ease}.home-video-bg video{width:100%;height:100%;object-fit:cover}.home-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.home-header-wrapper{position:absolute;top:0;left:0;width:100%;z-index:10;opacity:0;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease}.home-footer-wrapper{position:absolute;left:0;width:100%;bottom:0;z-index:10;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.home-footer-wrapper.is-visible,.home-container.intro-phase-1 .home-header-wrapper,.home-container.intro-phase-2 .home-header-wrapper,.home-container.intro-phase-3 .home-header-wrapper,.home-container.intro-phase-1 .home-footer-wrapper,.home-container.intro-phase-2 .home-footer-wrapper,.home-container.intro-phase-3 .home-footer-wrapper{opacity:1;transform:translateY(0)}.home-container.intro-phase-2 .home-video-bg,.home-container.intro-phase-3 .home-video-bg{opacity:1}.home-nav .header-link{color:#fff}.home-nav .header-link:hover{color:#ffffffb3}.home-footer-wrapper .footer-links{position:absolute;bottom:40px;left:160px;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;max-width:calc(100% - 320px)}.home-footer-wrapper .footer-link{font-family:Inter,sans-serif;font-weight:500;font-size:11px;letter-spacing:.1em;color:#888;text-decoration:none;transition:color .3s ease;text-transform:uppercase}.home-footer-wrapper .footer-link:hover{color:#fff}@media (max-width: 768px){.home-footer-wrapper .footer-links{left:0;width:100%;max-width:100%;justify-content:center;gap:20px;bottom:30px}.home-footer-wrapper .footer-link{font-size:10px}}::selection{color:#55799d;background:transparent}html{overflow-y:scroll;background-color:#1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:transparent;color:#1d1d1f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;margin:0 auto;padding:0 160px}.header{display:flex;justify-content:space-between;align-items:center;padding:48px 0;margin-bottom:48px}.header-left{font-size:14px;font-weight:500;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:30px}.header-link{text-decoration:none;color:#1d1d1f;font-size:14px;font-weight:500;letter-spacing:.1em;transition:color .3s ease}.header-link:hover{color:#1d1d1f}.search-container{position:relative}.search-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;width:200px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#1d1d1f}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:84px;margin-bottom:150px}.work-item{position:relative;overflow:hidden;cursor:pointer}.work-image{width:100%;aspect-ratio:16/9;object-fit:cover}.work-info{margin-top:7.5px}.work-title{font-size:11px;font-weight:500;margin-bottom:5px;letter-spacing:.05em;position:relative;display:inline-block;color:#1d1d1f;font-family:Inter,sans-serif}.work-date{font-size:11px;color:#1d1d1f;letter-spacing:.05em;font-family:Inter,sans-serif}.footer{position:fixed;bottom:0;left:0;width:100%;padding:20px 0;text-align:center;font-size:11px;color:#999;letter-spacing:.05em;background-color:#f5f5f5;z-index:100}.about-content{max-width:640px;margin:0 auto 100px}.container>header{max-width:none;width:100%}.about-section{margin-bottom:32px}.about-section:last-child{margin-top:120px}.about-title{font-size:42px;font-weight:300;margin-bottom:40px;letter-spacing:.1em;text-align:center;font-family:Inter,sans-serif;color:#1d1d1f}.section-title{font-size:14px;font-weight:400;margin-bottom:0;letter-spacing:.024em;text-align:left;font-family:Inter,sans-serif;color:#1d1d1f;line-height:1.8}.section-subtitle{font-size:14px;color:#1d1d1f;margin-bottom:0;letter-spacing:.024em;font-family:Inter,sans-serif;font-weight:400;line-height:1.8}.section-text{font-size:14px;line-height:1.8;margin-bottom:0;letter-spacing:.024em;font-family:Inter,sans-serif;font-weight:400;color:#1d1d1f}.about-text p{font-size:14px;line-height:1.8;letter-spacing:.024em;text-align:left;font-family:Inter,sans-serif;font-weight:400;color:#1d1d1f}.two-column-layout{display:grid;grid-template-columns:1.2fr 4fr;gap:16px;margin-bottom:24px;align-items:baseline}.project-content{padding-bottom:120px;max-width:1400px;margin:0 auto}.project-header{text-align:center;margin-bottom:60px}.project-title{font-size:42px;font-weight:300;margin-bottom:24px;letter-spacing:.1em;font-family:Inter,sans-serif;color:#1d1d1f}.project-meta{font-size:11px;letter-spacing:.05em;color:#999;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;gap:12px}.project-separator{color:#e0e0e0}.project-media-blocks{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}.media-block{width:100%;max-width:1400px;margin:0 auto}.media-block img,.media-block video{width:100%;max-width:100%;height:auto;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-image{animation:fadeIn .8s ease-out forwards}.media-block.grid-layout{display:grid;gap:20px}.media-block.grid-layout.columns-2{grid-template-columns:repeat(2,1fr)}.media-block.grid-layout.columns-3{grid-template-columns:repeat(3,1fr)}.text-block{max-width:800px;margin:0 auto}.rich-text-content{font-family:Inter,sans-serif;font-size:14px;line-height:1.8;letter-spacing:.024em;color:#1d1d1f}.rich-text-content p{margin-bottom:1.8em}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3{font-weight:500;margin-top:2em;margin-bottom:1em}.rich-text-content a{color:#1d1d1f;text-decoration:underline;text-underline-offset:4px}.section-group{margin-bottom:0}.recognition-list{list-style:none;font-size:14px;line-height:1.8;letter-spacing:.024em;font-family:Inter,sans-serif;font-weight:400;color:#1d1d1f;padding:0;margin:0}.recognition-list li{margin-bottom:0;position:relative;padding-left:0}.title-container{display:flex;align-items:flex-start;width:100%;white-space:nowrap}.content-container{display:flex;align-items:flex-start;width:100%}.title-wsr-container,.title-recognition-container{align-items:flex-start}.contact-content{text-align:center}.contact-text,.contact-info{font-size:14px;line-height:1.8;margin-bottom:0;letter-spacing:.024em;font-family:Inter,sans-serif;font-weight:400;color:#1d1d1f}body,.header-left,.header-link,.search-input,.work-title,.work-date,.footer{font-family:Inter,sans-serif;font-weight:400;color:#1d1d1f}@media (max-width: 768px){.project-title{font-size:32px}.media-block.grid-layout.columns-2,.media-block.grid-layout.columns-3{grid-template-columns:1fr}.about-content{margin-bottom:80px}.about-section{margin-bottom:60px}.about-title{font-size:32px;margin-bottom:30px}.two-column-layout{grid-template-columns:1fr;gap:40px}.column-left{order:2}.column-right{order:1}.section-title{margin-bottom:20px}.column-content{margin-bottom:30px}}@media (max-width: 1400px){.container{padding:0 120px}.works-grid{gap:70px}}@media (max-width: 1200px){.container{padding:0 80px}.works-grid{grid-template-columns:repeat(3,1fr);gap:56px}}@media (max-width: 900px){.container{padding:0 64px}.works-grid{grid-template-columns:repeat(2,1fr);gap:42px}}@media (max-width: 768px){.container{padding:0 32px}.header{flex-direction:column;align-items:flex-start;gap:20px;padding:36px 0}.header-right{width:100%;justify-content:space-between}.search-input{width:150px}.works-grid{gap:28px}.work-title{font-size:15px}.work-date{font-size:13px}}@media (max-width: 480px){.container{padding:0 20px}.header{padding:20px 0;margin-bottom:30px}.header-left,.header-link{font-size:12px}.search-input{width:120px;font-size:12px}.works-grid{grid-template-columns:1fr;gap:21px}.work-image{aspect-ratio:16/9}.work-info{margin-top:15px}.footer{padding:30px 0;font-size:12px}}
