.how-we-work-container{background-color:var(--background-secondary);padding:4rem 0}.how-we-work,.how-we-work-container{position:relative;width:100%;height:100%;min-height:100vh}.how-we-work{color:var(--text-primary);display:flex;gap:2rem}.how-we-work .how-we-work-header{position:absolute;top:0;left:0;width:60%;height:100vh;overflow:hidden;will-change:transform}.how-we-work .how-we-work-header-content{padding-top:10rem;width:70%;display:flex;flex-direction:column;gap:2rem}.how-we-work .how-we-work-header-content .how-we-work-header-callout p{color:var(--text-secondary)}.how-we-work .how-we-work-header-content h3{color:var(--text-primary);margin-bottom:2rem}.how-we-work .how-we-work-steps{display:flex;gap:1rem}.how-we-work .how-we-work-step{position:relative;padding:1.25rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:1rem;transition:all .3s ease;overflow:hidden;color:var(--text-primary)}.how-we-work .how-we-work-step p{font-size:.875rem;font-weight:550}@media (min-width:768px){.how-we-work .how-we-work-step p{font-size:1.125rem}}.how-we-work .how-we-work-step-label{position:absolute;left:2rem;opacity:0;transform:translateX(-20px);transition:all .3s ease;will-change:transform;white-space:nowrap}.how-we-work .how-we-work-step-index{position:relative;transition:all .3s ease;will-change:transform}.how-we-work .how-we-work-step.active{width:8rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.how-we-work .how-we-work-step.active .how-we-work-step-index{transform:translateX(24px)}.how-we-work .how-we-work-step.active .how-we-work-step-label{opacity:1;transform:translateX(0)}.how-we-work .how-we-work-cards{flex:2;position:relative;margin-left:60%;display:flex;flex-direction:column;gap:2rem;padding:8rem 0;will-change:transform}.how-we-work .how-we-work-card{position:relative;display:flex;flex-direction:column;gap:1rem;background-color:var(--background-primary);padding:1rem;border-radius:1rem;border:1px solid var(--border-color)}.how-we-work .how-we-work-card-img{position:relative;aspect-ratio:1;overflow:hidden;border-radius:.75rem}.how-we-work .how-we-work-card-img img{position:absolute;top:0;left:0;width:100%;height:100%}.how-we-work .how-we-work-card-index-label{color:var(--text-primary);margin-bottom:.5rem}.how-we-work .how-we-work-card-index-label h3{font-size:1.5rem;letter-spacing:-.05rem}@media (min-width:640px){.how-we-work .how-we-work-card-index-label h3{font-size:1.75rem}}@media (min-width:768px){.how-we-work .how-we-work-card-index-label h3{font-size:2rem}}.how-we-work .how-we-work-card-copy{color:var(--text-secondary);padding:1rem}@media (max-width:1000px){.how-we-work{flex-direction:column;min-height:auto}.how-we-work .how-we-work-header{position:relative;width:100%;height:auto;overflow:visible}.how-we-work .how-we-work-steps{display:none}.how-we-work .how-we-work-header-content{padding-top:2rem;width:100%;padding-bottom:1rem}.how-we-work .how-we-work-header-content h3{font-size:1.25rem;margin-bottom:0}.how-we-work .how-we-work-card-index-label h3{font-size:1.125rem!important}.how-we-work .how-we-work-card-copy{padding:.5rem}.how-we-work .how-we-work-cards{margin-left:0;padding:1rem 0}}.gallery-container{position:relative;width:100%;height:100vh;overflow:hidden;cursor:grab;background-color:var(--base-500)}.canvas{will-change:transform}.canvas,.item{position:absolute}.item{width:160px;height:200px;overflow:hidden;cursor:pointer;border-radius:.5rem}.item img{opacity:1!important}.expanded-item{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:pointer}.expanded-item img{background-color:var(--base-500);border-radius:.5rem;filter:contrast(1.1)!important;opacity:1!important;object-fit:contain}.gallery-container img{object-fit:cover;filter:contrast(1.1)!important}.gallery-container img,.overlay{width:100%;height:100%;pointer-events:none}.overlay{position:fixed;top:0;left:0;background-color:var(--base-500);transition:opacity .3s ease;opacity:0;z-index:2}.overlay.active{pointer-events:auto;opacity:1}.project-title{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%;text-align:center;pointer-events:none;z-index:20;padding:0 1rem}.project-title p{position:relative;height:auto;min-height:2rem;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);line-height:1.2;max-width:90vw;margin:0 auto}.project-title p .word{position:relative;display:inline-block;font-size:clamp(.9rem,3vw,1.8rem);font-weight:600;letter-spacing:-.02rem;margin-right:.1em;transform:translateY(0);will-change:transform;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-family:Noto Sans JP,sans-serif}@media (max-width:768px){.project-title{top:45%;padding:0 .5rem}.project-title p{min-height:1.2rem;max-width:95vw}.project-title p .word{font-size:clamp(.8rem,3.5vw,1.3rem);margin-right:.05em}}@media (min-width:769px) and (max-width:1024px){.project-title p .word{font-size:clamp(1rem,2.8vw,1.6rem)}}@media (min-width:1400px){.project-title p .word{font-size:clamp(1.2rem,2vw,2rem)}}