section.hero{height:100vh;overflow:hidden;position:relative}.header-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;z-index:1}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;gap:.5rem;width:100%;opacity:0;pointer-events:none;will-change:transform,opacity;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header h1{color:#fff;margin:0;transform:translateY(40px);opacity:0}.h-1{animation:fadeInOut 12s infinite 0s}.h-2{animation:fadeInOut 12s infinite 3s}.h-3{animation:fadeInOut 12s infinite 6s}.h-4{animation:fadeInOut 12s infinite 9s}.h-1 h1:nth-child(1){animation:slideUp 12s infinite 0s}.h-1 h1:nth-child(2){animation:slideUp 12s infinite .1s}.h-2 h1:nth-child(1){animation:slideUp 12s infinite 3s}.h-2 h1:nth-child(2){animation:slideUp 12s infinite 3.1s}.h-3 h1:nth-child(1){animation:slideUp 12s infinite 6s}.h-3 h1:nth-child(2){animation:slideUp 12s infinite 6.1s}.h-4 h1:nth-child(1){animation:slideUp 12s infinite 9s}.h-4 h1:nth-child(2){animation:slideUp 12s infinite 9.1s}@keyframes fadeInOut{0%,2%{opacity:0}8%,21%{opacity:1}24%,to{opacity:0}}@keyframes slideUp{0%,2%{transform:translateY(40px);opacity:0}8%,21%{transform:translateY(0);opacity:1}24%,to{transform:translateY(-40px);opacity:0}}section.work{height:100%}.work-header,.manifesto-header,.about-header,.team-header,.footer-header{display:flex;gap:1rem;margin-bottom:4em}.work-header p,.manifesto-header p,.about-header p,.team-header p,.footer-header p{font-weight:600}.projects{display:flex;gap:4em}.project-col{display:flex;flex-direction:column;gap:6em}.project-col:nth-child(2){margin-top:10em}.project{position:relative;will-change:opacity}.project-img{width:100%;aspect-ratio:4/5;overflow:hidden}.project-img img{transform-origin:center;will-change:transform}.project-name{margin:1.5em 0 .65em}.project-name h2{font-weight:500;color:var(--light)}.project-description p{color:var(--light2)}.project-col a{text-decoration:none}.cta{position:relative;height:max-content;padding:4em 1em;display:flex;flex-direction:column;align-items:center;gap:8em}.cta-bg-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.cta-title p{font-weight:500}.cta-header{text-align:center;width:60%}.cta-header h2{font-size:2.5rem}.cta-btn button{border:none;outline:none;padding:1.5em 3em;border-radius:2em;color:var(--light1);background:#5a4e31;background:linear-gradient(60deg,#5a4e31,#867143 30%,#686e4a,#414d38)}.manifesto{position:relative;height:max-content;margin-bottom:5em}.manifesto-title h1{font-size:6.5rem;line-height:1.125}.manifesto-title h1 .japanese-text{font-size:2.5rem;display:block;margin-top:1em}.manifesto-symbol{position:absolute;bottom:0;right:0;width:80px}.manifesto .container{padding:2em 1em 1em}.processes{height:max-content;padding:1em 1em 4em}.processes .container{display:flex;flex-direction:column;gap:2em;padding:3em 1em}.process{border-top:1px solid rgba(255,255,255,.15);padding:1em 0 4em}.process-title{text-transform:uppercase;display:flex;gap:.25em}.process-title p{position:relative;top:.125em}.process-info{display:flex;padding:2em 0;gap:10em}.process-info p{font-size:2rem;font-weight:300;line-height:1.5}.process-icon{flex:2;display:flex;justify-content:center;align-items:center}.process-icon-wrapper{width:100px;height:100px}.process-description{flex:3}.marquee{width:100vw;padding:2em;overflow:hidden}.marquee-text{width:300vw;will-change:transform;transform:translate(0)}.marquee-text h1{font-size:12rem;text-align:center}.showreel{width:100%;height:75vh;background:#000}.about{height:max-content;padding:4em 0}.about .container{display:flex;gap:2em}.about .container>div{flex:1}.about-copy p{font-size:2rem;font-weight:300;line-height:1.5;text-indent:2em}.about-col:nth-child(2){display:flex;justify-content:flex-end}.about-col:nth-child(2){justify-content:flex-end}.gallery{overflow:hidden}.gallery-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(30deg) scale(1.125)}.row{position:relative;width:150vw;height:350px;display:flex;justify-content:center;padding:0 2em 2em;gap:2em;will-change:transform}.team{height:max-content;overflow:hidden}.team-intro{width:75%}.team-intro h1{font-size:5rem;font-weight:300}.team-member{display:flex;flex-direction:column;margin:4em 0}.team-member-position p{text-transform:uppercase;margin-bottom:.75em}.team-member-index p{text-transform:uppercase;margin-top:.75em}.team-member-profile{display:flex;align-items:center}.team-member-img{width:350px;height:500px;overflow:hidden}.team-member-info{position:relative;display:flex;flex-direction:column;gap:4em;left:-2em;width:calc(100% - 500px)}.team-member-details{display:flex;gap:2em}.team-member-name p{font-size:3rem}.team-member-toggle{width:5rem;height:5rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:100%}.team-member-copy{width:35%}.team-member-copy p{color:var(--light2);line-height:1.5}.team-member-index h1{display:none}.team-member{position:relative}.tm-2{left:40%}.tm-3{left:15%}.footer{height:max-content;background-color:#000;color:#fff;padding-top:5em}.footer-header{margin-bottom:2em}.footer .container{padding:2em 1em 1em}.footer-title h1{font-size:5rem;font-weight:300}.footer-email{padding:4em 0}.footer-email p,.footer-col-header p{color:var(--light2)}.footer-email h2{font-size:2.5rem;background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-content{display:flex;gap:4em}.footer-col:nth-child(1){flex:4}.footer-col:nth-child(2){flex:2}.footer-col-content{display:flex;gap:4em}.footer-sub-col{flex:1;display:flex;flex-direction:column}.location{margin-bottom:4em}.location h3{font-weight:400;margin-bottom:.75em}.location p{margin-bottom:.25em;color:var(--light2)}.location p:last-child{margin:2em 0 1em;color:var(--light1);display:flex;gap:1em}.footer-col-header{margin-bottom:1em}.footer-col-header p{margin-bottom:3em}.footer-col:nth-child(2) .footer-sub-col{display:flex;flex-direction:column;gap:1.25em}.footer-col:nth-child(2) .footer-sub-col p{font-size:1.25rem}.marquee,.showreel,.team,.footer,.services-sticky{transition:background-color .5s ease,color .5s ease}.team-member-toggle{transition:border-color .5s ease}.footer .footer-email p,.footer .footer-col-header p,.footer .location p{transition:color .5s ease}.team.light{background-color:#fff;color:#000}.team.light .team-member-toggle{border:1px solid rgba(0,0,0,.15)}.footer.light{background-color:#fff;color:#000}.services-sticky.light{background-color:#fff}.footer.light .footer-email p,.footer.light .footer-col-header p,.footer.light .location p{color:var(--light3)}.services-sticky.light .service-link{color:var(--dark)}.marquee.light{background-color:#fff;color:#000}.showreel.light{background-color:#fff}@media (max-width: 900px){.header{flex-direction:column;text-align:center}.projects{flex-direction:column}.project{opacity:1!important}.project-col:nth-child(2){margin-top:0}.cta{padding:8em 1em;gap:4em}.cta-header{width:90%}.cta-header h2{font-size:1.75rem}.manifesto-title h1{font-size:3.5rem}.manifesto-title h1 .japanese-text{font-size:1rem;margin-top:.8em}.process-info{flex-direction:column;gap:2em}.process-icon{justify-content:flex-start}.marquee-text{width:400vw}.marquee-text h1{font-size:4rem}.about .container{flex-direction:column}.about .container{gap:4em}.about-col:nth-child(2){justify-content:flex-start}.gallery{height:75vh}.gallery-wrapper{transform:translate(-50%,-50%) rotate(30deg) scale(1.125)}.row{width:200vw;height:200px;padding:0 1em 1em;gap:1em}.team-intro{width:100%}.team-intro h1{font-size:3rem}.team-member-info{display:none}.team-member-img{width:100%}.team-member-index p{display:none}.team-member-index h1{display:block;margin-top:.5em}.tm-2,.tm-3{left:0%}.footer-content,.footer-col-content{flex-direction:column;gap:0em}.footer .container{padding:2em 1em 8em}.footer-title h1{font-size:3.5rem}.footer-email h2{font-size:2rem}}@media (max-width: 600px){.manifesto-title h1{font-size:2.5rem}.manifesto-title h1 .japanese-text{font-size:2rem;margin-top:.6em}}@media (max-width: 400px){.header h1{font-size:1.8rem}.manifesto-title h1{font-size:2rem}.manifesto-title h1 .japanese-text{font-size:1.5rem;margin-top:.5em}.work-header p{font-size:.9rem}.project-name h2{font-size:1.5rem}.project-description p{font-size:.9rem}.marquee-text h1{font-size:2.5rem}.service-title h1{font-size:2rem}.footer-title h1{font-size:2.5rem}.footer-email h2{font-size:1.5rem}.services-sticky{padding:.5rem}.service-title{margin:.5rem;height:120px}}.services-sticky{position:relative;width:100vw;height:100vh;overflow:hidden;padding:0 2em 2em}.services-slider{position:relative;width:100%;height:100%;overflow:hidden}.services-slides{position:relative;width:500%;height:100%;display:flex;will-change:transform;transform:translate(0)}.service-slide{position:relative;flex:1;height:100%}.service-link{text-decoration:none;color:inherit;display:block;width:100%;height:100%;position:relative;transition:transform .3s ease;cursor:pointer}.service-link:hover{transform:scale(1.02)}.service-link:hover .service-img img{transform:translate(0) scale(1.5)}.service-img{position:absolute;width:100%;height:100%;overflow:hidden}.service-img img{position:relative;width:100%;height:100%;object-fit:cover;will-change:transform,scale;transform:translate(0) scale(1.35)}.service-title{position:relative;width:max-content;height:200px;margin:1.5em;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);z-index:2;padding-top:1rem}.service-title h1{position:relative;color:#fff;text-transform:uppercase;font-size:85px;font-weight:500;letter-spacing:-2px;line-height:.9;will-change:transform}.services-outro{position:relative;width:100vw;height:100vh;padding:1.5em;overflow:hidden;background-color:#141414;display:flex;justify-content:center;align-items:center;text-align:center}.services-outro h1{color:#fff;text-transform:uppercase;font-size:60px;font-weight:900;letter-spacing:-2px;line-height:.9}@media (max-width: 900px){.service-title h1{font-size:3rem}.services-outro h1{font-size:2.5rem}.services-sticky{padding:1rem}.service-title{margin:1rem;height:150px}}.navbar{position:fixed;top:0;left:0;width:100vw;z-index:2}.navbar-container{width:75%;margin:0 auto;padding:3em 1em;display:flex}.logo{flex:3}.nav-items{flex:2}.nav-items{display:flex}.nav-items>div{flex:1}.langs{display:flex;gap:2em}.nav-links{display:flex;flex-direction:column;align-items:flex-end;gap:1em}.logo a{text-decoration:none;display:flex;gap:.25em;align-items:center}.logo a h3{color:var(--light);letter-spacing:.15em}.logo a span{position:relative;top:.75px;font-family:Roobert;font-size:14px;font-weight:500;color:var(--light)}.nav-links a{text-decoration:none;position:relative;transition:all .3s ease}.langs p,.nav-links a p{text-decoration:none;text-transform:uppercase;font-size:12px;color:var(--light2);transition:all .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background-color:var(--light);transition:width .3s ease}.nav-links a:hover{transform:translateY(-2px)}.nav-links a:hover p{color:var(--light)}.nav-links a:hover:after{width:100%}.navbar.dark .nav-links a:after{background-color:var(--dark)}.navbar.dark .nav-links a:hover p{color:var(--dark)}p.current-lang{color:var(--light)}.navbar .logo a h3,.navbar p.current-lang{transition:color .5s ease}.navbar.dark .logo a h3,.navbar.dark .logo a span{color:var(--dark)}.navbar.dark .nav-links a p{color:var(--light2)}.navbar.dark p.current-lang{color:var(--dark)}@media (max-width: 900px){.navbar-container .langs{display:none}}@media (max-width: 900px){.navbar-container{width:100%;padding:2em 1em}}.cursor{position:fixed;width:100px;height:100px;border-radius:100%;background-color:var(--light);will-change:transform;pointer-events:none;z-index:1000;transform-origin:center;margin-left:-50px;margin-top:-50px;display:flex;justify-content:center;align-items:center;color:var(--dark)}.icon{transform-origin:center;will-change:transform}@media (max-width: 900px){.cursor{display:none!important}}.slide-in,.slide-out{position:fixed;top:0;left:0;height:100vh;width:100%;background:#000;transform-origin:bottom;z-index:100000;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-out{transform-origin:top}.transition-text{color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5em;letter-spacing:1px}.transition-text span{position:relative;top:1px;font-size:1rem;letter-spacing:0;font-weight:lighter}.loader-bg{position:absolute;width:100%;height:100%;will-change:transform}.loader-bg img{transform:scale(1.1)}.contact-form-container{max-width:800px;margin:0 auto;padding:2em 1em}.contact-form-header{display:flex;gap:1rem;margin-bottom:2em;align-items:center}.contact-form-header p{font-weight:600;color:var(--light2)}.contact-form-title{margin-bottom:2em}.contact-form-title h1{font-size:4rem;font-weight:300;line-height:1.1;color:var(--light)}.contact-form-description{margin-bottom:4em}.contact-form-description p{font-size:1.1rem;line-height:1.6;color:var(--light2)}.contact-form{margin-bottom:4em}.form-row{display:flex;gap:2em;margin-bottom:2em}.form-group{flex:1;margin-bottom:2em}.form-group label{display:block;margin-bottom:.75em;font-weight:500;color:var(--light);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:1em;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--light);font-size:1rem;border-radius:4px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14;box-shadow:0 0 0 2px #ffffff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--light2);opacity:.7}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.form-submit{margin-top:3em}.submit-btn{display:flex;align-items:center;gap:1em;padding:1.2em 2.5em;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--light);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:4px;position:relative;overflow:hidden}.submit-btn:hover{border-color:#fff6;background:#ffffff0d;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn.submitting{border-color:#ffffff4d;background:#ffffff0d}.loading-text{color:var(--light2)}.submit-success{margin-top:2em;padding:1em;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:4px;text-align:center}.submit-success p{color:#4caf50;margin:0;font-weight:500}.submit-error{margin-top:2em;padding:1em;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;text-align:center}.submit-error p{color:#f44336;margin:0;font-weight:500}.contact-info{margin-top:2em;margin-bottom:2em;padding-top:3em;border-top:1px solid rgba(255,255,255,.1)}.company-info{margin-bottom:3em;padding:2em;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px}.company-details{text-align:center}.company-name h3{font-size:1.8rem;font-weight:400;color:var(--light);margin-bottom:1em;background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-representative p{font-size:1rem;color:var(--light2);margin-bottom:1.5em}.company-contact{display:flex;justify-content:center;gap:2em;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.5em}.contact-label{font-size:.9rem;font-weight:500;color:var(--light2);text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:1rem;color:var(--light);font-weight:400}.contact-email{text-align:center}.contact-email p{color:var(--light2);margin-bottom:1em;font-size:.9rem}.contact-email h2{font-size:2.5rem;background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:300}@media (max-width: 900px){.contact-form-title h1{font-size:3rem}.form-row{flex-direction:column;gap:0}.company-info{padding:1.5em}.company-name h3{font-size:1.5rem}.company-contact{flex-direction:column;gap:1em}.contact-email h2{font-size:2rem}}@media (max-width: 600px){.contact-form-title h1{font-size:2.5rem}.contact-form-description p{font-size:1rem}.submit-btn{padding:1em 2em;font-size:.9rem}.company-info{padding:1.25em}.company-name h3{font-size:1.3rem}.company-representative p,.contact-label,.contact-value{font-size:.9rem}.contact-email h2{font-size:1.8rem}}.footer.light .contact-form-header p{color:var(--light3)}.footer.light .contact-form-title h1{color:var(--dark)}.footer.light .contact-form-description p{color:var(--light3)}.footer.light .form-group label{color:var(--dark)}.footer.light .form-group input,.footer.light .form-group textarea{border-color:#0000001a;background:#0000000d;color:var(--dark)}.footer.light .form-group input:focus,.footer.light .form-group textarea:focus{border-color:#0000004d;background:#00000014;box-shadow:0 0 0 2px #0000001a}.footer.light .form-group input::placeholder,.footer.light .form-group textarea::placeholder{color:var(--light3)}.footer.light .submit-btn{border-color:#0003;color:var(--dark)}.footer.light .submit-btn:hover{border-color:#0006;background:#0000000d}.footer.light .contact-email p{color:var(--light3)}.footer.light .company-info{background:#0000000d;border-color:#00000026}.footer.light .company-name h3{color:var(--dark)}.footer.light .company-representative p,.footer.light .contact-label{color:var(--light3)}.footer.light .contact-value{color:var(--dark)}.sp-title h1{font-size:5rem;line-height:1.125}.sp-banner{height:75vh}.sp-details{height:max-content;padding:2em 0}.sp-details .container{display:flex}.sp-details .container>div{flex:1;gap:2em}p.sp-details-name{text-transform:uppercase;letter-spacing:2px;margin-bottom:2em}.sp-tags{margin-bottom:2em}.sp-tags p{line-height:1.65}.sp-date p{margin-bottom:4em;color:var(--light2)}.sp-link button{outline:none;color:var(--light);background-color:transparent;padding:1em 2em 1.25em 1.75em;display:flex;align-items:center;gap:1em;border:1px solid rgba(255,255,255,.15);border-radius:2em;font-family:Roobert;font-size:300;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.sp-link button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--light);border-radius:2em;transform:translate(-100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:-1}.sp-link button:hover:before{transform:translate(0)}.sp-link button:hover{color:var(--dark);border-color:var(--light)}.sp-link button:hover .icon{color:var(--dark);transform:translate(4px)}.sp-link .icon{position:relative;top:2px;color:var(--light2);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.sp-link a{text-decoration:none;line-height:1}.sp-details-col:nth-child(2) p:nth-child(1){margin-bottom:2em}.sp-details-col:nth-child(2) p:nth-child(2){font-size:1rem;font-weight:lighter;line-height:1.65}.sp-info{height:max-content;padding:4em 0}.sp-info .container{display:flex;gap:2em}.sp-info .container>div{flex:1}.sp-info-title h3{font-size:1.75rem;font-weight:400}.sp-info-desc p{font-size:1rem;font-weight:lighter;line-height:1.65}.sp-img{height:max-content;margin-bottom:20px}.sp-img .container{padding:1em}.sp-img .container img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.credits{height:max-content}.credits h2{font-size:1.75rem;margin-bottom:2em}.credits-row{display:flex;gap:1em;padding:1em 0}.credits-col{flex:1}.credits-header p{font-weight:bolder;margin-bottom:1em}.credits-copy p{font-size:.95rem}.credits .divider{width:100%;height:1px;background-color:#ffffff26;margin:2.5em 0}.next-project{position:relative;height:85vh;display:flex;align-items:center;justify-content:center}.next-project-img{position:absolute;width:100%;height:100%}.next-project .container{position:relative;padding:0 1em;z-index:1}.next-project-header{width:75%;display:flex;gap:.75em}.next-project-title h1{line-height:1.25}.next-project-icon{position:relative;top:8px}@media (max-width: 900px){.sp-title .container h1{font-size:3rem}.sp-details{padding:4em 0}.sp-details .container{flex-direction:column-reverse;gap:4em}.sp-info .container{flex-direction:column}.credits-row{flex-direction:column;gap:2em}.next-project-header{width:100%}}.video-container{position:relative;width:100%;height:100%;background:#000;cursor:pointer}.video-player{width:100%;height:100%;object-fit:cover}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:20px;opacity:0;transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.controls-wrapper{display:flex;align-items:center;justify-content:space-between;color:#fff}.time-display{font-size:14px}.control-buttons{display:flex;align-items:center;gap:16px}.control-button{background:none;border:none;padding:0;cursor:pointer;color:#fff;transition:opacity .2s ease}.control-button:hover{opacity:.75}.icon{width:20px;height:20px}.coming-soon{min-height:100vh;background-color:var(--dark);color:var(--light)}.cs-hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2em 0}.cs-content{text-align:center;max-width:600px;margin:0 auto}.cs-title{font-size:4rem;font-weight:400;line-height:1.125;margin-bottom:1rem;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out .3s forwards}.cs-subtitle{font-size:1.5rem;font-weight:300;color:var(--light2);margin-bottom:3rem;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out .6s forwards}.cs-description{margin-bottom:4rem;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out .9s forwards}.cs-description p{font-size:1rem;font-weight:300;line-height:1.65;color:var(--light3)}.cs-animation{opacity:0;animation:fadeInUp 1s ease-out 1.2s forwards}.cs-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.dot{width:8px;height:8px;background-color:var(--light2);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 900px){.cs-title{font-size:2.5rem}.cs-subtitle{font-size:1.25rem}.cs-description p{font-size:.9rem}}@media (max-width: 600px){.cs-title{font-size:2rem}.cs-subtitle{font-size:1rem}}.back-btn{position:fixed;top:-25px;left:-25px;width:175px;height:175px;border:1px solid rgba(255,255,255,.25);border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer}.back-btn-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:100%;clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}.back-btn-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;color:#fff}.sp-title{height:max-content;padding:6em 0}.sp-title h1{font-size:5rem;line-height:1.125;font-weight:400}.sp-banner{height:75vh;position:relative;overflow:hidden}.sp-banner img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.sp-banner:hover img{transform:scale(1.02)}.pricing-section{height:max-content;padding:4em 0}.pricing-table{margin-bottom:4em}.table-header h2{font-size:1.75rem;font-weight:400;color:var(--light);margin-bottom:2em}.table-content{border:1px solid rgba(255,255,255,.15);margin-bottom:2em}.table-row{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.table-row:last-child{border-bottom:none}.table-row.header{background:#ffffff0d;font-weight:600}.table-cell{flex:1;padding:1.5em 1em;font-size:1rem;line-height:1.5;color:#ffffffe6}.table-cell:first-child{flex:.8;font-weight:500}.table-cell:nth-child(2){flex:1.5}.table-cell:last-child{flex:.7;text-align:right;font-weight:500}.table-summary{padding:2em;background:#ffffff0d;border:1px solid rgba(255,255,255,.15)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}.summary-label{font-size:1.1rem;font-weight:500;color:var(--light)}.summary-price{font-size:1.5rem;font-weight:600;color:var(--light)}.summary-note{font-size:.9rem;color:var(--light2);font-style:italic}.pricing-options{margin-bottom:4em}.options-header h2{font-size:1.75rem;font-weight:400;color:var(--light);margin-bottom:2em}.options-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5em}.option-item{padding:1.5em;border:1px solid rgba(255,255,255,.15);background:#ffffff05}.option-name{font-size:1.1rem;font-weight:500;color:var(--light);margin-bottom:.5em}.option-desc{font-size:.9rem;color:var(--light2);margin-bottom:1em;line-height:1.5}.option-price{font-size:1.2rem;font-weight:600;color:var(--light)}.maintenance-plans{margin-bottom:2em}.maintenance-header h2{font-size:1.75rem;font-weight:400;color:var(--light);margin-bottom:2em}.maintenance-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2em;margin-bottom:2em}.maintenance-plan{padding:2em;border:1px solid rgba(255,255,255,.15);background:#ffffff05;text-align:center}.plan-name{font-size:1.3rem;font-weight:600;color:var(--light);margin-bottom:1em;text-transform:uppercase;letter-spacing:1px}.plan-price{font-size:1.8rem;font-weight:600;color:var(--light);margin-bottom:1.5em}.plan-desc{font-size:.9rem;color:var(--light2);line-height:1.6}.maintenance-note{font-size:.85rem;color:var(--light2);text-align:center;font-style:italic;padding:1em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.process-section{height:max-content;padding:4em 0}.section-header{margin-bottom:2em}.section-header h2{font-size:1.75rem;font-weight:400;color:var(--light)}.section-header p{font-size:1rem;line-height:4}.process-flow{display:flex;gap:2em}.process-flow .container>div{flex:1}.process-step{display:block;margin-bottom:2em}.step-number{display:inline;font-size:1rem;font-weight:400;color:var(--light);margin-right:.5em}.step-content{display:inline}.step-content h3{display:inline;font-size:1rem;font-weight:400;margin:0;color:var(--light)}.step-content p{font-size:1rem;font-weight:lighter;line-height:1.65;color:#ffffffe6;margin-top:.5em}.process-summary{margin-top:3em;padding:2em;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px}.summary-content p{font-size:1.1rem;line-height:1.6;color:var(--light);margin-bottom:.5em}.summary-content p:last-child{margin-bottom:0;color:#fffc}@media (max-width: 900px){.sp-title h1{font-size:3rem}.sp-banner{height:50vh}.pricing-section{padding:3em 0}.table-row{flex-direction:column;gap:.5em}.table-cell{padding:1em .5em}.table-cell:first-child{flex:none;font-weight:600;color:var(--light)}.table-cell:nth-child(2){flex:none;font-size:.9rem}.table-cell:last-child{flex:none;text-align:left;font-weight:600}.summary-row{flex-direction:column;gap:.5em;text-align:center}.options-content{grid-template-columns:1fr;gap:1em}.maintenance-content{grid-template-columns:1fr;gap:1.5em}.process-section{padding:2em 0}.process-flow{flex-direction:column;gap:2em}.process-summary{margin-top:2em;padding:1.5em}.summary-content p{font-size:1rem}}@media (max-width: 600px){.sp-title h1{font-size:2.5rem}.sp-banner{height:40vh}.table-cell{padding:.75em .25em;font-size:.9rem}.summary-price{font-size:1.3rem}.option-item{padding:1.25em}.maintenance-plan{padding:1.5em}.plan-name{font-size:1.1rem}.plan-price{font-size:1.5rem}.process-summary{padding:1.25em}.summary-content p{font-size:.95rem}.back-btn{width:150px;height:150px}}.service-page{background-color:var(--dark);color:var(--light);min-height:100vh}.service-hero{padding:8em 0 4em;position:relative}.service-hero-header{margin-bottom:4em}.back-link{display:flex;align-items:center;gap:.5em;color:var(--light2);text-decoration:none;font-size:.9rem;transition:color .3s ease}.back-link:hover{color:var(--light)}.service-hero-title h1{font-size:5rem;font-weight:300;line-height:1.1;margin-bottom:2em;background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-hero-description p{font-size:1.2rem;line-height:1.6;color:var(--light2);max-width:600px}.service-content{padding:4em 0}.service-section{margin-bottom:6em}.service-section-header h2{font-size:2.5rem;font-weight:300;margin-bottom:3em;color:var(--light)}.service-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3em}.service-feature{display:flex;gap:1.5em;padding:2em;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.service-feature:hover{border-color:#ffffff4d;background:#ffffff0d;transform:translateY(-5px)}.feature-icon{color:var(--light2);flex-shrink:0}.feature-content h3{font-size:1.3rem;font-weight:500;margin-bottom:1em;color:var(--light)}.feature-content p{color:var(--light2);line-height:1.6}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3em}.tech-category h3{font-size:1.2rem;font-weight:500;margin-bottom:1.5em;color:var(--light)}.tech-tags{display:flex;flex-wrap:wrap;gap:.8em}.tech-tag{padding:.5em 1em;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.9rem;color:var(--light);transition:all .3s ease}.tech-tag:hover{background:#fff3;border-color:#fff6}.process-flow{display:flex;flex-direction:column;gap:2em}.process-step{display:flex;gap:2em;align-items:flex-start;padding:2em;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.process-step:hover{border-color:#ffffff4d;background:#ffffff0d}.step-number{font-size:2rem;font-weight:700;color:var(--light2);flex-shrink:0;min-width:60px}.step-content h3{font-size:1.3rem;font-weight:500;margin-bottom:1em;color:var(--light)}.step-content p{color:var(--light2);line-height:1.6}.service-cta{margin-top:6em;padding:4em 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.cta-content h2{font-size:2.5rem;font-weight:300;margin-bottom:1em;color:var(--light)}.cta-content p{font-size:1.1rem;color:var(--light2);margin-bottom:3em;max-width:500px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;gap:1em;padding:1.2em 2.5em;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--light);font-size:1rem;font-weight:500;text-decoration:none;border-radius:4px;transition:all .3s ease}.cta-button:hover{border-color:#fff6;background:#ffffff0d;transform:translateY(-2px)}@media (max-width: 900px){.service-hero-title h1{font-size:3.5rem}.service-section-header h2{font-size:2rem}.service-features,.tech-stack{grid-template-columns:1fr}.process-step{flex-direction:column;gap:1em}.cta-content h2{font-size:2rem}}@media (max-width: 600px){.service-hero-title h1{font-size:2.5rem}.service-hero-description p{font-size:1rem}.service-feature,.process-step{padding:1.5em}.cta-button{padding:1em 2em;font-size:.9rem}}.service-coming-soon{margin-top:6em;padding:6em 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.coming-soon-content{max-width:500px;margin:0 auto}.coming-soon-icon{margin-bottom:2em;color:var(--light2);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.coming-soon-content h2{font-size:3rem;font-weight:300;margin-bottom:1em;color:var(--light)}.coming-soon-content p{font-size:1.1rem;color:var(--light2);margin-bottom:3em;line-height:1.6}.coming-soon-button{display:inline-flex;align-items:center;gap:1em;padding:1.2em 2.5em;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--light);font-size:1rem;font-weight:500;text-decoration:none;border-radius:4px;transition:all .3s ease}.coming-soon-button:hover{border-color:#fff6;background:#ffffff0d;transform:translateY(-2px)}@media (max-width: 900px){.coming-soon-content h2{font-size:2.5rem}}@media (max-width: 600px){.coming-soon-content h2{font-size:2rem}.coming-soon-content p{font-size:1rem}.coming-soon-button{padding:1em 2em;font-size:.9rem}}:root{--light: #fff;--light2: #666;--light3: #999999;--dark: #000}@font-face{font-family:Roobert;font-weight:300;src:url(/assets/RoobertTRIAL-Light-CSYB1wf3.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:400;src:url(/assets/RoobertTRIAL-Regular-DZvUme8J.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:500;src:url(/assets/RoobertTRIAL-Medium-mRbxwLXf.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:600;src:url(/assets/RoobertTRIAL-SemiBold-DNW1Nkir.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:700;src:url(/assets/RoobertTRIAL-Bold-D0sSLExH.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:800;src:url(/assets/RoobertTRIAL-Heavy-DTfTGveF.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Roobert,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Yu Gothic Medium,Yu Gothic,sans-serif;background-color:var(--dark);color:var(--light)}body.no-scroll{overflow:hidden!important}section{position:relative;width:100vw;height:100vh}.container{width:75%;margin:0 auto;padding:10em 1em}img{position:relative;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}h1{position:relative;font-size:3.5rem;font-weight:400;line-height:1;will-change:transform,opacity}h2{position:relative;font-size:1.5rem;font-weight:400;line-height:1.5;will-change:transform,opacity}p{position:relative;font-size:.8rem;font-weight:400;line-height:1;will-change:transform,opacity}@media (max-width: 900px){.container{width:100%;padding:4em 1em}h1{font-size:2rem}}
