#about .profile-label{font-size:17px;letter-spacing:.14em;color:#58708c;margin-bottom:18px}#about h2{font-size:30px;line-height:1.7}
.parts{gap:24px}.parts article{display:flex;flex-direction:column;align-items:center;padding:22px 16px 25px;text-align:center;gap:10px}.parts article .part-picture{order:0;width:100%;max-width:260px;height:auto;aspect-ratio:1.3;background-image:url('assets/parts-illustrations.png');background-size:300% 200%;filter:none;mix-blend-mode:multiply}.parts article span{order:1;font-size:23px}.parts article p{order:2;font-size:18px}.part-1 .part-picture{background-position:0 0}.part-2 .part-picture{background-position:50% 0}.part-3 .part-picture{background-position:100% 0}.part-4 .part-picture{background-position:0 100%}.part-5 .part-picture{background-position:50% 100%}.part-6 .part-picture{background-position:100% 100%}
.benefits{padding:55px 0!important}.benefits h2{font-size:30px}.benefit-grid{margin-top:30px}.benefit-grid .sketch-icon{display:block;width:115px;height:115px;margin:0 auto 15px}.benefit-grid article p{font-size:18px}.benefit-grid article{display:block}.benefit-grid h3{font-size:23px}
#works>.wrap{position:relative}.case-mascot{position:absolute;right:0;top:0;width:74px}.case-mascot+.lead{padding-right:100px}.works-grid{margin-top:44px}.case-photo{aspect-ratio:1.8;border-radius:8px;background-image:url('assets/original-01.png');background-repeat:no-repeat}.case-note{font-size:16px;margin-top:20px;text-align:left;color:#65768a}
.steps{gap:32px;margin-top:35px}.steps li{position:relative}.flow-picture{width:145px;height:120px;margin:0 auto 15px}.steps .number{position:absolute;top:9px;left:0;width:33px;height:33px;font-size:20px;border:0;background:#fff8da}.steps h3{text-align:center;font-size:23px}.steps p{margin-top:12px}.steps li:not(:last-child):after{content:'›';position:absolute;top:48px;right:-23px;color:#d6b34a;font-size:30px}
@media(max-width:700px){#about .profile-label{font-size:16px}#about h2{font-size:27px}.parts{gap:16px 12px}.parts article{padding:15px 8px;gap:8px}.parts article .part-picture{max-width:150px;aspect-ratio:1.15}.parts article span{font-size:19px;letter-spacing:0}.parts article p{font-size:16px;text-align:left}.benefits{padding:35px 0!important}.benefits h2{font-size:25px}.benefit-grid article{display:grid;grid-template-columns:80px 1fr;gap:0 15px}.benefit-grid .sketch-icon{width:80px;height:80px;grid-row:1/3;margin:0}.benefit-grid h3{font-size:21px}.benefit-grid article p{font-size:17px!important}.case-mascot{width:60px;top:-8px}.case-mascot+.lead{padding-right:70px}.works-grid{margin-top:28px}.case-photo{aspect-ratio:1.4}.steps{gap:26px}.steps li{display:grid;grid-template-columns:98px 1fr;gap:18px;padding:0}.flow-picture{width:98px;height:100px;margin:0}.steps .number{left:0;top:0;width:25px;height:25px;font-size:18px}.steps h3{text-align:left;font-size:22px}.steps p{margin-top:8px;font-size:17px}.steps li:before,.steps li:after{display:none!important}}
.floor-before{background-size:682.6667% 2363.0769%;background-position:69.2220% 53.1611%}
.floor-after{background-size:664.9351% 2363.0769%;background-position:92.1839% 53.1611%}
.frame-before{background-size:747.4453% 2363.0769%;background-position:24.2390% 53.1611%}
.frame-after{background-size:687.2483% 2363.0769%;background-position:45.7143% 53.1611%}