/* A continuous gray surface, embossed type, and four softly raised services. */
#services{padding-top:88px;padding-bottom:120px;background:var(--paper);scroll-margin-top:90px}
#services .home-services-word{font-family:Arial,Helvetica,sans-serif;font-size:clamp(52px,14.2vw,196px);font-weight:800;line-height:.95;letter-spacing:-.065em;color:var(--paper);text-shadow:7px 7px 13px #00000024,-4px -4px 7px #fff;white-space:nowrap;margin-bottom:52px;user-select:none}
#services>.section-heading{gap:22px;margin-bottom:60px}
#services>.section-heading h2{line-height:1.45}
#services>.section-heading>p{font-size:16px;line-height:1.95;max-width:600px}
#services .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border:0}
#services .service-row{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;column-gap:16px;row-gap:24px;align-items:start;padding:34px;border:0;border-radius:14px;background:var(--paper);box-shadow:7px 7px 14px #00000016,-5px -5px 10px #ffffffdf}
#services .service-number{grid-column:1;grid-row:1;padding-top:2px;font-size:14px;line-height:1.8;color:var(--red)}
#services .service-name{grid-column:2;grid-row:1;min-height:78px}
#services .service-name .english{display:block;font-size:14px;line-height:1.6;letter-spacing:.025em;color:var(--muted)}
#services .service-name h3{font-size:26px;line-height:1.5;letter-spacing:-.04em;color:var(--red);margin-top:8px}
#services .service-name h3 br{display:none}
#services .service-body{grid-column:1/-1;grid-row:2;padding:0}
#services .service-body>p{font-size:16px;line-height:1.95}
#services .service-body .tags{margin-top:20px;gap:8px}
#services .service-body .tags span{font-size:14px;line-height:1.7;padding:4px 11px;border-color:#c8c8c8}
#services .service-body .service-note{font-size:14px;line-height:1.9;margin-top:16px;color:var(--muted)}
#services .service-arrow{grid-column:3;grid-row:1;justify-self:end;align-self:start;width:44px;height:44px;font-size:27px;border-color:#bfbfbf;transition:background .2s,color .2s,border-color .2s}
#services .service-arrow:hover{background:var(--red);color:#fff;border-color:var(--red)}
@media(max-width:1100px){
 #services .service-row{padding:28px;column-gap:12px}
 #services .service-name{min-height:98px}
 #services .service-name h3{font-size:24px}
 #services .service-name h3 br{display:initial}
}
@media(max-width:960px){
 #services{padding-top:72px;padding-bottom:88px}
 #services .home-services-word{margin-bottom:40px}
 #services .service-list{grid-template-columns:1fr;gap:28px}
 #services .service-name{min-height:0}
}
@media(max-width:760px){
 #services{padding-top:56px;padding-bottom:72px;scroll-margin-top:72px}
 #services .home-services-word{margin-bottom:30px;text-shadow:5px 5px 10px #00000024,-3px -3px 6px #fff}
 #services>.section-heading{gap:18px;margin-bottom:36px}
 #services>.section-heading h2{font-size:clamp(28px,7.5vw,38px);line-height:1.5}
 #services>.section-heading>p{font-size:16px;line-height:1.9}
 #services .service-list{gap:24px}
 #services .service-row{grid-template-columns:22px minmax(0,1fr) 36px;gap:22px 10px;padding:25px 22px;box-shadow:5px 5px 10px #00000016,-3px -3px 7px #ffffffdf}
 #services .service-name .english{font-size:14px;letter-spacing:0}
 #services .service-name h3{font-size:23px;line-height:1.5;margin-top:8px}
 #services .service-body>p{font-size:16px;line-height:1.95}
 #services .service-body .tags{margin-top:18px;gap:6px}
 #services .service-body .tags span{padding:4px 8px}
 #services .service-arrow{width:36px;height:36px;font-size:23px}
}
@media(max-width:360px){
 #services .service-row{padding:23px 18px;grid-template-columns:18px minmax(0,1fr) 32px;column-gap:8px}
 #services .service-name h3{font-size:21px}
 #services .service-arrow{width:32px;height:32px;font-size:21px}
}
@media(prefers-reduced-motion:reduce){#services .service-arrow{transition:none}}
