/* Quiet, CSS-based 3D care sculpture. No rendering engine or video downloads. */
.banner-section.mcs-depth-hero{position:relative;isolation:isolate;overflow:hidden;background-image:none!important;min-height:760px;padding:185px 4.5% 110px;display:flex;align-items:center;--mcs-hero-x:0deg;--mcs-hero-y:0deg}
.mcs-depth-hero::before{content:"";position:absolute;inset:-4%;z-index:-3;background:url('../images/banner/banner-2-1-webp-light.webp') center 38%/cover no-repeat;animation:mcs-camera-drift 24s ease-in-out infinite alternate;will-change:transform}
.mcs-depth-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,30,62,.87) 0%,rgba(6,37,73,.68) 40%,rgba(9,47,82,.1) 78%),linear-gradient(0deg,rgba(5,28,57,.65),transparent 45%)}
.mcs-depth-hero .hero-items{position:relative;width:100%;max-width:1440px;margin:auto;z-index:2;display:block!important}
.mcs-depth-hero .hero-items>.content{width:66%!important;max-width:830px!important;margin:0!important;position:relative;z-index:2}
.mcs-depth-hero .hero-title{font-size:clamp(38px,4.5vw,66px)!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.025em;color:#fff;margin:0 0 25px!important;max-width:830px}
.mcs-depth-hero .hero-items>.content>p{font-size:17px!important;line-height:1.8!important;max-width:640px!important;color:#f3f8ff!important;margin:0 0 30px!important}
.mcs-hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.mcs-hero-glow{position:absolute;display:block;border-radius:50%;opacity:.35;animation:mcs-light-drift 15s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(119,224,255,.42),transparent 67%)}.mcs-glow-one{width:550px;height:550px;left:-260px;bottom:-180px}.mcs-glow-two{width:420px;height:420px;right:2%;top:3%;animation-delay:-7s}
.mcs-care-sculpture{position:absolute;right:5.5%;bottom:46px;width:290px;height:290px;perspective:950px;pointer-events:none;z-index:3;transform:rotateX(var(--mcs-hero-y)) rotateY(var(--mcs-hero-x));transition:transform .7s ease-out}
.mcs-care-float{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:mcs-care-float 7s ease-in-out infinite}
.mcs-care-home{position:absolute;width:205px;height:205px;left:43px;top:30px;transform:rotateY(-16deg) rotateX(8deg) translateZ(28px);filter:drop-shadow(8px 14px 0 rgba(28,103,163,.35)) drop-shadow(0 15px 26px #06325455)}.mcs-care-home>svg{width:100%;height:100%;overflow:visible}.mcs-care-heart{position:absolute;width:82px;height:82px;left:61px;top:80px;transform:translateZ(30px);filter:drop-shadow(4px 5px 0 #4899ce) drop-shadow(0 0 14px #dcfaff8c);animation:mcs-heart-breathe 5s ease-in-out infinite}.mcs-care-heart svg{width:100%;height:100%}
.mcs-care-orbit{position:absolute;left:3%;top:8%;width:94%;height:84%;border:1px solid #d5f8ff8c;border-radius:50%;transform-style:preserve-3d;box-shadow:inset 0 0 18px #9cecff19,0 0 16px #b9efff20}.orbit-one{transform:rotateX(67deg) rotateZ(-23deg);animation:mcs-orbit-one 18s ease-in-out infinite alternate}.orbit-two{transform:rotateY(67deg) rotateZ(22deg);animation:mcs-orbit-two 22s ease-in-out infinite alternate;border-color:#fff5}.mcs-care-pedestal{position:absolute;left:16%;bottom:9%;width:68%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#bfefff70,transparent 65%);transform:rotateX(50deg);filter:blur(4px)}
.mcs-care-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,white,#9cddff);box-shadow:0 0 14px #d8f8ff;animation:mcs-spark-drift 6s ease-in-out infinite}.spark-one{top:22%;right:8%}.spark-two{bottom:25%;left:7%;width:6px;height:6px;animation-delay:-2s}.spark-three{bottom:12%;right:20%;width:5px;height:5px;animation-delay:-4s}
.mcs-hero-motion{position:absolute;bottom:21px;left:4.5%;right:auto;z-index:5;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:30px;border:1px solid #fff6;background:#092b4c80;color:#fff;font:500 12px/1.5 system-ui;min-height:44px;cursor:pointer}.mcs-hero-motion svg{width:17px;height:17px}.mcs-hero-motion:focus-visible{outline:3px solid #ffdf68;outline-offset:3px}
.mcs-hero-paused::before,.mcs-hero-paused .mcs-care-float,.mcs-hero-paused .mcs-care-heart,.mcs-hero-paused .mcs-care-orbit,.mcs-hero-paused .mcs-hero-glow,.mcs-hero-paused .mcs-care-spark{animation-play-state:paused!important}
@keyframes mcs-camera-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.7%,.4%,0)}}@keyframes mcs-light-drift{to{transform:translate3d(35px,-20px,0);opacity:.6}}@keyframes mcs-care-float{0%,100%{transform:translateY(0) rotateZ(-3deg)}50%{transform:translateY(-14px) rotateZ(2deg)}}@keyframes mcs-heart-breathe{0%,100%{transform:translateZ(30px) scale(1)}50%{transform:translateZ(30px) scale(1.045)}}@keyframes mcs-orbit-one{to{transform:rotateX(64deg) rotateZ(10deg)}}@keyframes mcs-orbit-two{to{transform:rotateY(75deg) rotateZ(-12deg)}}@keyframes mcs-spark-drift{50%{transform:translateY(-12px);opacity:.45}}
@media(max-width:1000px){.banner-section.mcs-depth-hero{min-height:720px;padding-top:170px}.mcs-depth-hero .hero-items>.content{width:75%!important}.mcs-care-sculpture{width:220px;height:220px;right:2%;bottom:65px;transform:scale(.85);transform-origin:bottom right}.mcs-care-home{left:8px;top:0}.mcs-care-sculpture{opacity:.85}}
@media(max-width:640px){.banner-section.mcs-depth-hero{min-height:720px;padding:160px 24px 185px;align-items:center}.mcs-depth-hero::before{background-position:64% center}.mcs-depth-hero::after{background:linear-gradient(90deg,#061f3bcc,#082c4e88),linear-gradient(0deg,#062342c9,transparent 70%)}.mcs-depth-hero .hero-items>.content{width:100%!important;max-width:100%!important}.mcs-depth-hero .hero-title{font-size:clamp(33px,8.7vw,46px)!important;line-height:1.16!important}.mcs-depth-hero .hero-items>.content>p{font-size:15px!important;line-height:1.7!important}.mcs-care-sculpture{width:200px;height:200px;right:65px;bottom:12px;transform:scale(.65);transform-origin:bottom right;opacity:.8}.mcs-care-home{left:0}.mcs-hero-motion{right:auto;left:24px;bottom:28px}.mcs-glow-one{width:300px;height:300px}}
@media(prefers-reduced-motion:reduce){.mcs-depth-hero::before,.mcs-depth-hero .mcs-care-float,.mcs-depth-hero .mcs-care-heart,.mcs-depth-hero .mcs-care-orbit,.mcs-depth-hero .mcs-hero-glow,.mcs-depth-hero .mcs-care-spark{animation:none!important;will-change:auto}.mcs-care-sculpture{transition:none!important}.mcs-hero-motion{display:none}}
