.service-cards{position:relative}.service-cards__stage{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:15px;padding-bottom:81px;display:grid;position:relative}.service-card{perspective:1600px;perspective-origin:50% 38%;--service-color:#daddd9;--service-turn:0deg;--service-x:0px;--service-y:0px;--service-scale:1;--service-twist:0deg;min-width:0;transform:translate3d(var(--service-x),var(--service-y),0) scale(var(--service-scale));transform-origin:50% 42%;position:relative}.service-cards[data-pinned=true]{height:calc(var(--service-stage-height) + 98svh)}.service-cards[data-pinned=true] .service-cards__stage{top:clamp(88px,calc((100svh - var(--service-stage-height))/2),160px);position:sticky}.service-cards[data-active=true] .service-card__body{will-change:transform}.service-card:nth-child(2){--service-color:#c2ccc5;margin-top:27px;margin-bottom:-27px}.service-card:nth-child(3){--service-color:#dce5cb;margin-top:54px;margin-bottom:-54px}.service-card:nth-child(4){--service-color:#bcc7c8;margin-top:81px;margin-bottom:-81px}.service-card__body{height:100%;transform-style:preserve-3d;transform:rotateY(var(--service-turn)) rotateZ(var(--service-twist));display:grid}.service-card__front,.service-card__back{color:#1b211e;background:var(--service-color);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3px;grid-area:1/1;min-width:0;min-height:445px;padding:25px 23px 27px;box-shadow:0 12px 38px #0002}.service-card__front{flex-direction:column;display:flex;transform:translateZ(.5px)}.service-card__label{color:#535d57;justify-content:space-between;gap:12px;font-size:8px;line-height:1.7;display:flex}.service-card__label>:first-child{font-size:17px;line-height:1}.service-card__front h3{letter-spacing:-.03em;text-wrap:balance;margin:50px 0 22px;font-size:clamp(21px,1.8vw,28px);font-weight:500;line-height:1.5}.service-card__front>p{color:#4d574f;font-size:11px;line-height:1.9}.service-card__front ul{color:#5b655b;margin:24px 0 30px;padding:0;font-size:9px;line-height:2;list-style:none}.service-cards .service-card__front .line-link{white-space:nowrap;color:#1b211e;border-color:#15221c66;gap:10px;margin-top:auto;font-size:10px}.service-cards .service-card__front .line-link:hover{color:#15231b;gap:18px}.service-card__back{background:linear-gradient(150deg,#fff2,transparent 68%),var(--service-color);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden;transform:rotateY(180deg)}.service-card__back-title{z-index:1;letter-spacing:-.065em;max-width:95%;margin-top:60px;font-size:clamp(25px,2.6vw,44px);font-weight:800;line-height:1.02;position:relative}.service-card__back-mark{color:#24392c26;align-self:flex-end;margin:0 -4px -12px 0;font-size:clamp(100px,11vw,190px);font-weight:400;line-height:1;transform:translate(10px)}.service-card__back-footer{border-top:1px solid #1b211e38;justify-content:space-between;gap:12px;padding-top:16px;font-size:9px;line-height:1.7;display:flex}.service-card__back-footer>:last-child{white-space:nowrap;font:8px/1.7 monospace}.service-card[data-side=back] .service-card__front{pointer-events:none}@media (min-width:1800px){.service-card__front h3{font-size:28px}}@media (max-width:1100px){.service-cards__stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding-bottom:35px}.service-card:nth-child(n){margin:0}.service-card:nth-child(2n){margin-top:35px;margin-bottom:-35px}.service-card__front,.service-card__back{min-height:395px;padding:28px}.service-card__front h3{max-width:280px;margin-top:35px;font-size:27px}.service-card__back-title{max-width:90%;margin-top:45px;font-size:45px}.service-card__back-mark{font-size:150px}}@media (max-width:700px){.service-cards__stage{grid-template-columns:1fr;gap:22px;padding-bottom:0;display:grid;position:relative}.service-card:nth-child(n){perspective:1400px;margin:0}.service-card__front,.service-card__back{min-height:380px;padding:26px}.service-card__front h3{max-width:235px;margin:32px 0 18px;font-size:25px}.service-card__front>p{font-size:12px}.service-card__front ul{margin:20px 0;font-size:10px}.service-cards .service-card__front .line-link{font-size:11px}.service-card__back-title{max-width:260px;margin-top:34px;font-size:43px}.service-card__back-mark{margin-bottom:-10px;font-size:128px}}@media (prefers-reduced-motion:reduce){.service-cards{height:auto!important}.service-cards__stage{position:relative!important;top:auto!important}.service-card,.service-card__body{transform:none!important}.service-card__back{visibility:hidden}}