/* Figma 21:1679, 1920 px. Shared components are in kerlala-ui.css. */
.ko-content .co-hero{padding-bottom:313px}
.ko-content .co-hero>p{max-width:862px;line-height:36px;position:relative;left:35px}
.co-hero .kh-hero-actions{margin-top:36px}
.co-services .kh-scenes{padding:0 5px 0 4px;gap:73px;min-height:224px}
.co-services>h2{padding-left:5px}
.co-services .kh-scenes p{margin-top:30px;min-height:72px}
.ko-content main .co-process>h2{margin-bottom:106px}
.co-process{margin-bottom:157px}
.co-workflow{display:grid;grid-template-columns:583px 724px;gap:176px;min-height:653px;width:1483px;max-width:100%}
.co-workflow-art{width:724px;height:653px;overflow:hidden;position:relative}
.co-workflow-art img{position:absolute;left:0;top:-23.7%;width:100%;height:147.74%;max-width:none}
.co-workflow .kh-steps{transform:translateY(4px)}
.co-workflow .kh-step:first-child:not([open]) .kh-step-icon img{filter:brightness(0);opacity:.45}
.co-workflow .kh-step:not(:first-child)[open] .kh-step-icon img{filter:brightness(0) invert(1)}
.co-offer{height:800px;width:100vw;left:50%;transform:translateX(-50%);background:#fbfbfb;isolation:isolate;overflow:clip}
.co-offer-art{position:absolute;left:calc(50% - 796px);top:0;width:1550px;height:776px;mask-image:url('./87214.svg');mask-position:-120px 27px;mask-size:1920px 749px;mask-repeat:no-repeat;z-index:-1;pointer-events:none}
.co-offer-art img{display:block;width:1550px;height:776px;max-width:none;object-fit:cover}
.co-offer-copy{padding:183px 0 0;width:1360px;max-width:calc(100% - 80px);margin:0 auto}
.ko-content main .co-offer h2{margin-bottom:96px}
.ko-content .co-offer h3{font-size:36px;line-height:53px;color:#333;font-weight:500}
.ko-content .co-offer p{font-size:20px;line-height:36px;color:#666;max-width:582px;margin-top:32px;text-align:justify}
.co-offer .kh-button{margin-top:48px}
.ko-content .co-cta h2{line-height:69px}
.ko-content .co-cta>p{max-width:600px}
@media(max-width:1799px) and (min-width:1101px){
 .ko-content .co-hero{padding-top:200px;padding-bottom:200px}
 .ko-content .co-hero>p{left:0}
 .co-services .kh-scenes{gap:40px}.co-services .kh-scenes>:is(a,article)+:is(a,article):before{left:-21px}
 .co-services .kh-scenes h3{font-size:24px}.co-services .kh-scenes p{font-size:18px;line-height:32px}
 .co-workflow{grid-template-columns:minmax(0,583fr) minmax(0,724fr);gap:60px;width:100%;margin:0;min-height:550px}
 .co-workflow-art{width:100%;height:auto;aspect-ratio:724/653;align-self:center}
 .co-offer-copy{width:calc(100% - 160px)}
 .co-offer-art{left:calc(50% - 730px);opacity:.8}
 .ko-content .co-offer p{max-width:480px}
}
@media(max-width:1100px){
 .ko-content .co-hero{padding:120px 0 140px}.ko-content .co-hero>p{left:0;line-height:30px;max-width:730px}
 .co-services .kh-scenes{gap:40px;padding:0;min-height:0}.co-services>h2{padding:0}.co-services .kh-scenes p{margin-top:16px;min-height:0}
 .ko-content main .co-process>h2{margin-bottom:56px}.co-process{margin-bottom:96px}
 .co-workflow{display:flex;flex-direction:column;width:100%;gap:48px;min-height:0;margin:0}
 .co-workflow .kh-steps{transform:none}.co-workflow-art{width:min(724px,100%);height:auto;aspect-ratio:724/653;align-self:center}
 .co-offer{height:auto;min-height:790px;padding:64px 24px 40px}
 .co-offer-copy{width:var(--page);max-width:none;padding:0;position:relative}
 .ko-content main .co-offer h2{margin-bottom:48px}.ko-content .co-offer h3{font-size:30px;line-height:44px}
 .ko-content .co-offer p{font-size:18px;line-height:32px;max-width:520px;margin-top:24px}
 .co-offer .kh-button{margin-top:32px}
 .co-offer-art{position:relative;left:auto;top:auto;width:min(640px,100%);height:auto;aspect-ratio:1.1;mask:none;margin:20px auto 0;overflow:hidden;z-index:0}
 .co-offer{display:flex;flex-direction:column-reverse}.co-offer-art img{position:absolute;left:-98%;top:0;width:203%;height:100%;object-fit:contain}
 .ko-content .co-cta h2{line-height:54px}.ko-content .co-cta>p{max-width:55%}
}
@media(max-width:640px){
 .ko-content .co-hero{padding:80px 0 96px}.ko-content .co-hero>p{font-size:16px;line-height:28px}
 .co-services .kh-scenes{grid-template-columns:1fr;gap:32px}.co-services .kh-scenes p{font-size:16px;line-height:28px}
 .ko-content .co-services .kh-scenes h3{font-size:24px;line-height:36px}
 .ko-content main .co-process>h2{margin-bottom:40px}.co-process{margin-bottom:72px}.co-workflow{gap:32px}
 .co-offer{padding:48px 20px 24px;min-height:0}.co-offer-copy{width:100%}
 .ko-content main .co-offer h2{margin-bottom:32px}.ko-content .co-offer h3{font-size:24px;line-height:36px}
 .ko-content .co-offer p{font-size:16px;line-height:28px;margin-top:20px}.co-offer .kh-button{margin-top:28px}
 .ko-content .co-cta h2{font-size:28px;line-height:42px}.ko-content .co-cta>p{max-width:none}
}