/* Self-hosted variable faces. Original fonts and OFL licenses accompany the build. */
@font-face{font-family:Studio Latin;src:url('/fonts/studio-latin.woff2?v=92f59b504db9') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Studio SC;src:url('/fonts/studio-sc.woff2?v=9a9cb97cd9ea') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Studio JP;src:url('/fonts/studio-jp.woff2?v=f49644c72a3f') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html{--type-body:'Studio Latin',Arial,sans-serif;--type-heading:'Studio Latin',Arial,sans-serif;--type-track:-.045em;--type-leading:1.08;--type-weight:550;font-family:var(--type-body);font-synthesis:none}
html:lang(zh){--type-body:'Studio Latin','Studio SC','PingFang SC','Microsoft YaHei',sans-serif;--type-heading:'Studio Latin','Studio SC','PingFang SC','Microsoft YaHei',sans-serif;--type-track:.015em;--type-leading:1.3;--type-weight:550;font-family:var(--type-body)}
html:lang(ja){--type-body:'Studio Latin','Studio JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--type-heading:'Studio Latin','Studio JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--type-track:.012em;--type-leading:1.32;--type-weight:500;font-family:var(--type-body)}
body,html:lang(zh) body,html:lang(ja) body,body[data-account-view]{font-family:var(--type-body)}
body h1,body h2,body h3,html:lang(zh) body h1,html:lang(zh) body h2,html:lang(zh) body h3,html:lang(ja) body h1,html:lang(ja) body h2,html:lang(ja) body h3,body[data-account-view] .account-heading h1{font-family:var(--type-heading);font-weight:var(--type-weight);letter-spacing:var(--type-track);line-height:var(--type-leading);font-style:normal;text-wrap:balance;word-break:normal;overflow-wrap:normal}
body h4{font-family:var(--type-body);letter-spacing:0;line-height:1.6}
body .studio-heading h2,body .section-heading h2,body .manifesto h2,body .about-split h2,body .detail-copy h2,body .study-copy h2,body .equipment-section h2,body .dark-panel h2,body .studio-equipment h3,body .studio-location h3,body .studio-lab-band h2,body .particle-lab-intro.studio-pad h1,body .particle-lab-copy h2{font-family:var(--type-heading);font-weight:var(--type-weight);letter-spacing:var(--type-track);line-height:var(--type-leading)}
body .studio-hero h1 em,body .studio-heading em,body .studio-lab-band h2 em,body .studio-contact em,body .particle-lab-intro h1 em,html:lang(zh) body .studio-hero h1 em,html:lang(ja) body .studio-hero h1 em{font-family:var(--type-heading);font-style:normal;font-weight:400;letter-spacing:var(--type-track);line-height:var(--type-leading)}
body .studio-hero h1{font-size:clamp(88px,10.6vw,162px);line-height:1.06;letter-spacing:-.055em;font-weight:550;top:21%}
body .studio-hero h1 em{font-size:.87em;margin-left:0;margin-top:10px;line-height:1.1;font-weight:400;letter-spacing:-.045em}
html:lang(zh) body .studio-hero h1{font-size:clamp(72px,8.7vw,140px);line-height:1.16;letter-spacing:0;font-weight:550}
html:lang(ja) body .studio-hero h1{font-size:clamp(64px,7.4vw,118px);line-height:1.24;letter-spacing:.015em;font-weight:500}
html:lang(zh) body .studio-hero h1 em,html:lang(ja) body .studio-hero h1 em{font-size:1em;font-weight:400;margin-left:0;letter-spacing:0;line-height:inherit}
body .page-intro h1{font-size:clamp(48px,6.7vw,100px);max-width:1050px}
html:lang(zh) body .page-intro h1,html:lang(ja) body .page-intro h1{font-size:clamp(42px,5.5vw,82px);max-width:1040px}
body .studio-heading h2,body .section-heading h2{font-size:clamp(38px,4.8vw,72px)}
html:lang(zh) body .studio-heading h2,html:lang(zh) body .section-heading h2,html:lang(ja) body .studio-heading h2,html:lang(ja) body .section-heading h2{font-size:clamp(32px,3.8vw,58px)}
html:lang(ja) body .manifesto h2{font-size:clamp(30px,3.25vw,49px);line-height:1.5;letter-spacing:.005em}
html:lang(zh) body .manifesto h2{font-size:clamp(32px,3.8vw,56px);line-height:1.4}
body .capability-copy h3{font-size:clamp(34px,3.6vw,55px)}
html:lang(ja) body .capability-copy h3{font-size:clamp(31px,3vw,46px)}
body .studio-contact h2,body .contact-band>a>span{font-family:var(--type-heading);font-size:clamp(42px,6.3vw,96px);font-weight:500;letter-spacing:var(--type-track);line-height:var(--type-leading);text-wrap:balance}
body .studio-team-grid h3,body .team-grid h3{font-size:clamp(23px,2.3vw,32px);letter-spacing:-.025em;font-weight:500}
body .studio-study h3,body .work-meta h3,body .experience-card h3,body .product-card h2{font-size:clamp(21px,2.15vw,30px)}
body .capability-word,body .studio-course-title{font-family:var(--type-heading);font-weight:400;letter-spacing:-.04em}
html:lang(zh) body .capability-word,html:lang(zh) body .studio-course-title,html:lang(ja) body .capability-word,html:lang(ja) body .studio-course-title{letter-spacing:.015em}
body .corp-brand,body .footer-brand{font-family:'Studio Latin',Arial,sans-serif;font-weight:650;letter-spacing:.11em}
body .corp-header nav a,body .member-link,body .menu-toggle,body .language-switcher button{white-space:nowrap}
body .corp-header nav a{font-size:12px;letter-spacing:.015em}
body .language-switcher{font-family:var(--type-body)}
body .site-menu nav a{font-family:var(--type-heading);font-weight:500;letter-spacing:var(--type-track);line-height:1.2}
@media(max-width:1100px){body .corp-header>nav{display:none}body .capability-copy h3{font-size:35px}html:lang(ja) body .capability-copy h3{font-size:29px}}
@media(max-width:760px){body .studio-hero h1{font-size:18vw;top:18%}body .studio-hero h1 em{font-size:.84em;margin-top:8px}html:lang(zh) body .studio-hero h1{font-size:15.6vw}html:lang(ja) body .studio-hero h1{font-size:12.4vw}body .page-intro h1{font-size:clamp(39px,9vw,62px)}html:lang(zh) body .page-intro h1,html:lang(ja) body .page-intro h1{font-size:clamp(32px,8.2vw,54px)}body .studio-heading h2,body .section-heading h2{font-size:36px}html:lang(zh) body .studio-heading h2,html:lang(zh) body .section-heading h2,html:lang(ja) body .studio-heading h2,html:lang(ja) body .section-heading h2{font-size:30px}html:lang(ja) body .manifesto h2{font-size:clamp(17px,5.3vw,30px)}html:lang(zh) body .manifesto h2{font-size:29px}body .studio-team-grid h3,body .team-grid h3{font-size:23px}body .studio-contact h2,body .contact-band>a>span{font-size:36px}html:lang(ja) body .studio-contact h2,html:lang(ja) body .contact-band>a>span{font-size:28px}body .capability-copy h3,html:lang(ja) body .capability-copy h3{font-size:28px}body .studio-study h3,body .work-meta h3,body .experience-card h3{font-size:20px}}