/* Stable text first. Motion is restricted to complete content groups. */
.soft .hero h1,.soft .hero p.lead,.soft .hero .actions,.soft .hero-next,.soft .hero h1 .u::after{animation:none!important}
.soft .hero{padding:158px 0 58px}
.soft .hero-inner{max-width:1080px;display:flex;align-items:center;text-align:center;padding-top:0}
.soft .hero-category{margin:0 0 24px;border-top:0;border-bottom:0;padding:0;color:#746c75;font-size:12px}
.soft .hero h1{font-size:56px;line-height:1.55;margin:0 0 30px;font-weight:700;max-width:820px}
.soft .hero h1 .hero-line,.soft .hero h1 .u{display:block;white-space:normal}
.soft .hero h1 .u::after{height:7px;bottom:4px}
.soft .hero p.lead{font-size:14px;line-height:2.05;max-width:610px;text-align:left;margin:0 auto}
.soft .hero .actions{margin-top:28px;gap:14px;display:flex;justify-content:center;align-items:center}
.soft .hero .btn{min-width:158px;min-height:48px;padding:13px 20px;display:inline-flex;justify-content:center;align-items:center;font-size:13px}
.soft .hero-next{margin-top:28px;align-self:center;font-size:11px}
.soft .hero::after{width:330px;height:128px;right:-105px;top:245px;opacity:.075}
.soft .hero::before{width:17%;opacity:.75}
.soft header,.soft header.is-scrolled{transform:none!important;transition:top .2s ease}
.soft .bar,.soft header.is-scrolled .bar{height:70px;transition:box-shadow .2s ease}
.soft .wrap{max-width:1160px;padding-inline:40px}
.soft main>div>section{padding-block:72px}
.soft .shead{margin-bottom:32px}
.soft .shead h2,.soft section.grad:not(.rev) .shead h2,.soft .services-section .shead h2{font-size:30px;line-height:1.3;font-weight:700}
.soft section.grad:not(.rev)>.wrap{border-left:0}
.soft section.grad:not(.rev) .shead{padding-bottom:20px;margin-bottom:34px}
.soft .two{grid-template-columns:.8fr 1.3fr;gap:72px;align-items:start}
.soft .statement{font-size:32px;line-height:1.75;margin:0;padding-top:0}
.soft .statement b{display:inline;animation:none!important;border-bottom:3px solid #e6c3d3}
.soft .body{max-width:620px;font-size:14px;line-height:2.1;gap:20px}
.soft .body p{margin:0}
.soft .body p+p{margin-top:20px}
.soft .svc-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);column-gap:72px;align-items:start;padding:32px 24px;position:relative}
.soft .svc-row::before,.soft .svc-row::after{display:none!important}
.soft .svc-row>div:first-child{padding-left:18px;border-left-width:2px;min-width:0}
.soft .svc-row>div:last-child{padding-right:0;min-width:0}
.soft .svc-row .jp{display:block;margin:0 0 10px;font-size:11px;line-height:1.7;color:#7d7680}
.soft .svc-row .ja{font-size:25px;line-height:1.6;margin:0;font-weight:600}
.soft .svc-row .desc{margin:0;font-size:14px;line-height:2;max-width:600px}
.soft .svc-note{font-size:11px;line-height:1.9;margin:12px 0 0}
.soft .svc-btns{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;align-items:center;justify-content:flex-start}
.soft .sbtn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;padding:11px 16px;line-height:1.5}
.soft .sbtn::after{position:static;margin:0;transform:none}
.soft .sbtn:hover::after{transform:translateX(2px)}
.soft .btn:hover,.soft .sbtn:hover{transform:none!important}
.soft .btn:active,.soft .sbtn:active{transform:translateY(1px)!important}
.soft .request-flow li::before{animation:none!important}
.soft .modal:not([hidden]) .modal-box{animation:soft-dialog .18s ease both!important}
.soft .modal-head>*,.soft .modal-body>*{animation:none!important;animation-delay:0s!important;transform:none;opacity:1}
.soft .modal-head{padding-bottom:26px}
.soft .modal-head h2{font-size:30px;line-height:1.55}
.soft .modal-head p,.soft .modal-body p{font-size:14px;line-height:2}
.soft .modal-scroll{scroll-behavior:auto}
.soft .soft-reveal{opacity:0;translate:0 8px;transition:opacity .35s ease,translate .35s ease}
.soft .soft-reveal.soft-seen{opacity:1;translate:0 0}
@keyframes soft-dialog{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-width:1050px){.soft .two,.soft .svc-row{column-gap:40px;grid-template-columns:.9fr 1.2fr}.soft .svc-row .ja{font-size:23px}}
@media(max-width:760px){
 .soft .wrap{padding-inline:24px}
 .soft .hero{padding-top:130px;padding-bottom:40px}
 .soft .hero-inner{align-items:flex-start;text-align:left}
 .soft .hero-category{font-size:10px;margin-bottom:20px}
 .soft .hero h1{font-size:34px;line-height:1.65;margin:0 0 24px}
 .soft .hero h1 .u::after{height:5px;bottom:4px}
 .soft .hero p.lead{font-size:13px;line-height:2;margin:0}
 .soft .hero .actions{justify-content:flex-start;gap:10px;margin-top:24px;width:100%}
 .soft .hero .btn{min-width:0;flex:1;padding:13px 10px;font-size:12px;min-height:46px}
 .soft .hero-next{align-self:flex-start;margin-top:24px}
 .soft .hero::after{top:235px;right:-116px;opacity:.05;width:245px;height:95px}
 .soft .bar,.soft header.is-scrolled .bar{height:64px}
 .soft main>div>section{padding-block:45px}
 .soft .shead h2,.soft section.grad:not(.rev) .shead h2,.soft .services-section .shead h2{font-size:27px}
 .soft .two{grid-template-columns:1fr;gap:23px}
 .soft .statement{font-size:27px}
 .soft .body{font-size:13px;line-height:2}
 .soft .body p+p{margin-top:18px}
 .soft .svc-row{grid-template-columns:1fr;padding:25px 16px;gap:20px}
 .soft .svc-row>div:first-child{padding-left:12px}
 .soft .svc-row .jp{font-size:10px;margin-bottom:6px}
 .soft .svc-row .ja{font-size:23px;line-height:1.6}
 .soft .svc-row .desc{font-size:13px;line-height:2}
 .soft .svc-btns{gap:10px;margin-top:18px}
 .soft .sbtn{padding:11px 12px;font-size:11px;min-height:42px}
 .soft .modal-head h2{font-size:25px;line-height:1.5}
 .soft .modal-head p,.soft .modal-body p{font-size:13px;line-height:1.95}
}
@media(prefers-reduced-motion:reduce){.soft .soft-reveal{opacity:1;translate:none;transition:none}.soft .modal:not([hidden]) .modal-box{animation:none!important}}