.studio-hero{background-color:var(--l);width:100%;height:100svh;position:relative;overflow:hidden}.studio-hero-img{clip-path:polygon(37.5% 20%,62.5% 20%,62.5% 80%,37.5% 80%);transform-origin:50%;backface-visibility:hidden;will-change:transform, clip-path;background:#111c2c;width:100%;height:100vh;position:relative;top:0;overflow:hidden;transform:rotate(30deg)translate(0,0)}.studio-hero-brand{pointer-events:none;background:radial-gradient(circle at 50% 45%,#3de1ff24,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:absolute;inset:0}.studio-hero-brand-name{font-family:var(--f-h);color:var(--accent);letter-spacing:.01em;white-space:nowrap;font-size:clamp(4rem,18vw,9rem);line-height:.85}.studio-hero-brand-sub{font-family:var(--f-nm);letter-spacing:.3em;color:var(--d);opacity:.75;white-space:nowrap;font-size:.85rem}.studio-hero-img img{object-fit:cover;transform-origin:50%;backface-visibility:hidden;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:scale(2)translate(0,0)}.studio-hero-copy{z-index:1;pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;gap:5vw;padding:0 2.5rem;display:flex;position:absolute;top:0;left:0;transform:translate(0,0)}.studio-hero-header{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;flex:none;margin-top:5svh;display:flex;position:relative;transform:translate(0,0)}.studio-hero-header:first-child{justify-content:flex-end}.studio-hero-header:nth-child(2){justify-content:flex-start}.studio-hero-copy h1{color:var(--d);white-space:nowrap;font-size:40vw}.studio-hero .hero-footer{z-index:1;width:100%;color:var(--accent);mix-blend-mode:difference;justify-content:space-between;align-items:flex-end;padding:2.5rem;display:flex;position:absolute;bottom:0;left:0}.studio-hero .hero-footer .hero-footer-col{gap:5rem;display:flex}.studio-hero .hero-footer .hero-footer-col:first-child p{white-space:nowrap}.studio-hero .hero-footer p.jp{font-family:var(--f-jp);text-transform:none;letter-spacing:.02em;font-size:.95rem;line-height:1.5}.about{background-color:var(--l);width:100%;height:100%;color:var(--d);padding-top:2.5rem;position:relative}.about .container{flex-direction:column;gap:3.5rem;display:flex}.about .about-row{justify-content:center;align-items:center;gap:2.5rem;display:flex}.about .about-row .about-col{flex:1;min-width:0}.about .about-row .about-col-en{justify-content:center;display:flex}.about .about-row .about-col-en h1.about-en{font-family:var(--f-h);text-transform:uppercase;text-align:center;color:var(--d);opacity:.5;font-size:clamp(3.5rem,11vw,11rem);line-height:.85}.about .about-row .about-col.about-col-copy{justify-content:center;align-items:center;display:flex}.about .about-copy{width:min(34rem,100%)}.about .about-title{font-family:var(--f-jp);text-transform:none;letter-spacing:0;color:var(--d);margin-bottom:1rem;font-size:clamp(1.6rem,3.6vw,2.8rem);font-weight:700;line-height:1.3}.about .about-row .about-col.about-col-copy p{font-family:var(--f-jp);text-transform:none;text-wrap:pretty;color:var(--d);opacity:.82;font-size:1.05rem;line-height:1.8}.about .about-eyebrow{font-family:var(--f-nm);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;font-size:.9rem}.about .about-row.about-company{flex-direction:column;align-items:stretch;padding:2.5rem 0 1rem}.about .about-company-inner{width:min(900px,100%);margin:0 auto}.about .company-dl{border-top:1px solid #3de1ff38;border-bottom:1px solid #3de1ff38;grid-template-columns:max-content 1fr;gap:.9rem 2.5rem;padding:1.75rem 0;display:grid}.about .company-dl dt{font-family:var(--f-jp);text-transform:none;color:var(--accent);font-size:.9rem;font-weight:700;line-height:1.6}.about .company-dl dd{font-family:var(--f-jp);text-transform:none;color:var(--d);font-size:1rem;line-height:1.6}.about .about-works-note{font-family:var(--f-jp);text-transform:none;color:var(--d);opacity:.82;margin-top:1.5rem;font-size:1rem;line-height:1.8}.about .about-works-note .about-works-link{font-family:var(--f-jp);text-transform:none;color:var(--accent);text-underline-offset:.2em;white-space:nowrap;margin-left:.5rem;text-decoration:underline}.particle-canvas{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.particle-canvas #particle-canvas{z-index:2;width:100%;height:100svh;position:absolute;top:0;left:0}.particle-canvas h1{z-index:10;text-align:center;white-space:nowrap;width:100%;font-size:clamp(2.6rem,11vw,11rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sticky{background-color:var(--l);width:100%;height:100svh;position:relative;overflow:hidden}.sticky-header{will-change:transform;justify-content:center;align-items:center;width:max-content;min-width:100vw;height:100svh;padding:0 6vw;display:flex;position:relative;top:0;left:0}.sticky-header h1{white-space:nowrap;color:var(--d);margin:2.5% 0 0;font-size:50vw;line-height:100%}.card{z-index:2;will-change:transform;background-color:#111c2c;border:1px solid #3de1ff73;border-radius:1rem;width:325px;height:500px;padding:.75rem;position:absolute;top:10%;left:100%;box-shadow:0 1.5rem 3.5rem #0000008c}.card .card-img{border-radius:.5rem;width:100%;height:200px;overflow:hidden}.card .card-img img{object-fit:cover;width:100%;height:100%}.card-content{width:100%;height:275px;color:var(--accent);flex-direction:column;justify-content:flex-start;gap:.9rem;padding:1rem;display:flex}.card.card-no-img .card-content{height:100%}.card .card-role{font-family:var(--f-jp);text-transform:none;color:var(--d);font-size:.95rem;font-weight:700;line-height:1.5}.card .card-description p{font-family:var(--f-jp);text-transform:none;color:var(--d);opacity:.8;font-size:.9rem;line-height:1.7}.studio-cta{background-color:var(--l);width:100%;color:var(--d);padding:5rem 0 6rem;position:relative}.studio-cta .container{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.studio-cta-eyebrow{font-family:var(--f-jp);letter-spacing:.12em;text-transform:none;color:var(--accent);font-size:.9rem;font-weight:700}.studio-cta-title{font-family:var(--f-jp);text-transform:none;letter-spacing:0;color:var(--d);font-size:clamp(1.6rem,3.6vw,2.8rem);font-weight:700;line-height:1.3}.studio-cta-title a{color:inherit;text-decoration:none;transition:color .3s;display:block}.studio-cta-title a:hover{color:var(--accent)}.studio-cta-action{justify-content:center;display:flex}@media (width>=1000px){.team-mobile{display:none}}@media (width<=999px){.team-desktop.sticky{display:none}.team-mobile{z-index:0;background-color:var(--l);flex-direction:column;gap:1.25rem;width:100%;height:auto;padding:6rem 2rem;display:flex;position:relative;overflow:visible}.mobile-header{will-change:auto;width:100%;height:auto;margin-bottom:.5rem;display:block;position:static}.mobile-header h1{color:var(--d);margin:0 0 .5rem;font-size:4rem}.card{will-change:auto;width:100%;max-width:680px;height:auto;margin:0 auto;position:static;top:auto;left:auto;opacity:1!important;transform:none!important}.card-title h6{font-size:4rem}.card .card-img{height:240px;margin-bottom:1rem}.card-content,.card.card-no-img .card-content{flex-direction:column;gap:1.25rem;height:auto;display:flex}}@media (width<=1000px){.studio-hero .hero-footer{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.6rem;padding:2rem}.studio-hero .hero-footer .hero-footer-col{flex-direction:column;align-items:flex-start;gap:0}.studio-hero .hero-footer p.jp{word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(.78rem,3.5vw,.95rem)}.about .container{gap:3rem}.about .about-row{flex-direction:column;gap:1.5rem}.about .about-row .about-col-en{order:-1}.about .about-copy,.about .about-row .about-col.about-col-copy p{width:100%}.about .about-row.about-company{padding:1.5rem 0 .5rem}.about .company-dl{grid-template-columns:1fr;gap:.35rem 0}.about .company-dl dd{margin-bottom:.6rem}.about .about-works-note .about-works-link{margin-top:.4rem;margin-left:0;display:inline-block}.studio-cta{padding:4rem 0 5rem}}
