/* 08 / 09: the construction compositions with direction 02's Jost typeface. */
.variant-sans{--spectrum:Spectrum,'Helvetica Neue',Arial,sans-serif;--serif:var(--spectrum);--jp:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-family:var(--jp);letter-spacing:0}
.variant-sans :is(.site-header nav a,.mobile-menu nav a,.menu-label,.form-opening nav,.form-label,.form-hero-bottom,.form-link,.form-service-hint,.form-service summary>span,.form-fields label>span,.send-button,.site-footer p,.eyebrow,.text-link,.pagination,.work-adjacent,.detail-heading>p:last-child){font-family:var(--spectrum)}
.variant-sans :is(h1,h2,h3) em{font-style:normal;font-weight:inherit}
.variant-sans :is(.site-header nav a,.form-opening nav){font-size:14px}
.variant-sans .form-label{font-size:12px;letter-spacing:.025em}
.variant-sans .form-hero-layout{grid-template-columns:49% 51%;grid-template-rows:minmax(0,1fr);inset:19% 3% 16% 6%}
.variant-sans .form-hero h1{font-size:clamp(70px,min(8.6vw,14svh),136px);font-weight:450;line-height:1.01;letter-spacing:-.055em;margin:25px 0 24px}
.variant-sans .form-hero-tag{font-size:21px;line-height:1.35;letter-spacing:-.015em}
.variant-sans .form-japanese{font-size:11px;line-height:2;margin-top:17px}
.variant-sans .form-hero-bottom{font-size:13px}
.variant-sans .form-intro h2{font-size:clamp(50px,5.8vw,84px);line-height:1.05;font-weight:450;letter-spacing:-.045em}
.variant-sans .form-section-head h2{font-size:clamp(55px,6.4vw,94px);line-height:1.03;font-weight:450;letter-spacing:-.045em}
.variant-sans .form-practice-heading h2{font-size:clamp(34px,3.7vw,53px);line-height:1.12;font-weight:450;letter-spacing:-.035em}
.variant-sans .form-service h3{font-size:clamp(25px,2.7vw,39px);line-height:1.18;font-weight:450;letter-spacing:-.025em}
.variant-sans .form-service-hint{font-size:12px}
.variant-sans .form-service summary>span{font-size:12px}
.variant-sans .form-link{font-size:14px}
.variant-sans .form-profile h2{font-size:clamp(52px,6.2vw,90px);font-weight:450;line-height:1.06;letter-spacing:-.045em}
.variant-sans .form-profile h2 em{font-size:.57em;font-weight:400;letter-spacing:-.025em;margin-top:.2em}
.variant-sans .form-contact h2{font-size:clamp(65px,7.8vw,112px);font-weight:450;letter-spacing:-.045em}
.variant-sans .send-button{font-size:19px}
.variant-sans .archive-intro h1{font-weight:450;letter-spacing:-.04em}
@media(max-width:1050px) and (min-width:769px){
 .variant-sans .form-opening nav{gap:22px}
 .variant-sans .form-hero h1{font-size:8.2vw}
 .variant-sans .form-service h3{font-size:28px}
}
@media(max-width:768px){
 .variant-sans .form-opening nav{font-size:12px}
 .variant-sans .form-label{font-size:11px}
 .variant-sans .form-hero.hero{min-height:710px}
 .variant-sans .form-hero-layout{inset:139px 23px 70px}
 .variant-sans .form-hero h1{font-size:clamp(55px,15.5vw,86px);line-height:1.03;margin:20px 0}
 .variant-sans .form-hero-tag{font-size:19px}
 .variant-sans .form-japanese{font-size:10px;margin-top:13px}
 .variant-sans .form-hero-bottom{font-size:12px}
 .variant-sans .geometry-hero{width:clamp(230px,31svh,270px);bottom:-3px}
 .variant-sans .form-intro h2{font-size:clamp(43px,11.7vw,66px);margin:26px 0}
 .variant-sans .form-section-head h2{font-size:54px}
 .variant-sans .form-practice-heading h2{font-size:34px}
 .variant-sans .form-service h3{font-size:27px}
 .variant-sans .form-service-hint{font-size:11px}
 .variant-sans .form-link{font-size:13px}
 .variant-sans .form-profile h2{font-size:60px}
 .variant-sans .form-profile h2 em{font-size:clamp(28px,7.5vw,34px)}
 .variant-sans .form-contact h2{font-size:74px}
}