.services{position:relative;isolation:isolate;min-height:max(950px,100svh);height:71vw;max-height:1300px;overflow:hidden;background:#03120d;touch-action:pan-y;padding-top:154px}
.services-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.services-forest{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.services-ribbon{position:absolute;display:block;left:50.5%;top:16.2%;height:87%;width:auto;transform:translateX(-52%);pointer-events:none}.service-connections,.service-pointer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.service-pointer{z-index:2;mix-blend-mode:screen}
.services-title{position:relative;z-index:3;text-align:center;margin:0 24px;font-size:clamp(46px,4.25vw,76px);line-height:1.1;font-weight:550;letter-spacing:-2.3px}.services-title em{font-style:normal;color:#7ce6c4}
.services-map{position:absolute;inset:0}
.service-card{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);display:grid;place-items:center;padding:18px 24px;border:0;border-radius:30px;background:transparent;color:#fafbf4;cursor:pointer;isolation:isolate;transform:perspective(900px) translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--scale,1));touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform}
.service-card::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/services-glass.webp') 50.35% 46.36%/107.05% 143.65% no-repeat;filter:brightness(var(--brightness,.66))}
.service-card::after{content:'';position:absolute;inset:3px;z-index:-1;border-radius:27px;background:radial-gradient(ellipse at var(--px,50%) var(--py,50%),#caffed55, #55ffd522 30%,transparent 70%);box-shadow:inset 0 0 0 1px #beffe4aa,0 10px 36px #3cffa533,0 0 22px #a6ffd74d;opacity:var(--react,0);pointer-events:none}
.service-glass-light{position:absolute;inset:3px;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:var(--glass-opacity,0)}
.service-glass-light::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 46% 100% at var(--glass-x,50%) var(--glass-y,50%),#a6ffd747,transparent 72%),radial-gradient(ellipse 40% 80% at calc(100% - var(--glass-x,50%)) calc(100% - var(--glass-y,50%)),#f1da8529,transparent 74%),linear-gradient(var(--glass-angle,0deg),transparent 39%,#caffed08 46%,#caffed29 50%,transparent 61%)}
.service-glass-light::after{content:'';position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--glass-angle,0deg),transparent 0deg,#a6ffd7cc 35deg,transparent 78deg,transparent 188deg,#f1da8599 230deg,transparent 270deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.services[data-paused="true"] .service-glass-light{opacity:0}.service-sound-control{min-width:88px;min-height:44px}.service-sound-control:focus-visible{outline:2px solid #f6e0a0;outline-offset:4px}
.service-title{font-size:clamp(23px,2.08vw,36px);line-height:1.2;font-weight:450;letter-spacing:-.9px;text-align:center}
.service-description{font-size:clamp(14px,1.12vw,19px);line-height:1.5;font-weight:400;letter-spacing:-.1px;text-align:center;max-width:390px;animation:service-reveal 180ms cubic-bezier(.23,1,.32,1) both}
.service-title[hidden],.service-description[hidden]{display:none}
.service-card:focus-visible{outline:2px solid #f6e0a0;outline-offset:5px}
.service-card[aria-expanded="true"]::before{filter:brightness(max(var(--brightness,.66),.9))}
.services[data-paused="true"] .service-card{transform:none;transition:none}.services[data-paused="true"] .service-card::before{filter:brightness(.8);transition:none}.services[data-paused="true"] .service-card::after{opacity:0}
.services[data-keyboard="true"] .service-card,.services[data-keyboard="true"] .service-description{transition:none;animation:none}
@keyframes service-reveal{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1831px){.services{padding-top:190px}}
@media(max-width:1100px) and (min-width:901px){.services{padding-top:148px}.services-title{font-size:48px}.service-card{padding:16px 19px;border-radius:25px}.service-title{font-size:24px}.service-description{font-size:14px;line-height:1.4}}
@media(max-width:900px){.services{height:auto;min-height:0;max-height:none;padding:136px 16px 86px}.services-title{font-size:36px;line-height:1.13;letter-spacing:-1.4px;margin:0 8px 45px}.services-title em{display:block}.services-map{position:relative;display:grid;gap:20px;padding-left:29px}.service-card{position:relative;left:auto;top:auto;width:100%;height:122px;border-radius:26px;padding:18px 22px}.service-card:nth-child(even){left:0}.service-title{font-size:23px;letter-spacing:-.6px;max-width:260px}.service-description{font-size:14px;line-height:1.5;max-width:280px}.services-forest{object-position:45% 50%}.services-ribbon{display:none}.services .motion-control{bottom:24px}}
@media(max-width:350px){.services{padding-left:12px;padding-right:12px}.services-title{font-size:31px}.services-map{padding-left:22px;gap:17px}.service-card{height:130px;padding:17px 20px}.service-title{font-size:21px}.service-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){.service-card{transform:none!important;will-change:auto}.service-description{animation:none}.service-card::before{transition:none}.service-glass-light{display:none}}