.service-area-v213{
  width:min(calc(100% - 36px),1500px);
  margin:clamp(58px,7vw,108px) auto;
  scroll-margin-top:220px;
}
.service-area-v213-art{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:clamp(18px,2vw,30px);
  box-shadow:0 24px 74px rgba(0,0,0,.38),0 0 32px rgba(0,178,255,.13);
}
.service-area-v213-art img{display:block;width:100%;height:auto}
.service-area-v213-art::before,
.service-area-v213-art::after{
  content:"";
  position:absolute;
  top:59.15%;
  z-index:1;
  height:6.45%;
  border-radius:16px;
  background:#020d19;
}
.service-area-v213-art::before{left:3.45%;width:30.7%}
.service-area-v213-art::after{left:33.55%;width:30%}
.service-area-v213-action{
  position:absolute;
  top:59.45%;
  height:5.95%;
  z-index:2;
  border-radius:14px;
  cursor:pointer;
  overflow:hidden;
  background:rgba(1,10,21,.96);
}
.service-area-v213-action img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.service-area-v213-action:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.service-area-v213-action-text{left:4.1%;width:29.4%}
.service-area-v213-action-book{left:34.2%;width:28.7%}
.service-area-v213-mobile{display:none}

@media(max-width:700px){
  .service-area-v213{
    width:calc(100% - 24px);
    margin:52px auto;
    scroll-margin-top:244px;
  }
  .service-area-v213-art{display:none}
  .service-area-v213-mobile{
    position:relative;
    isolation:isolate;
    display:block;
    overflow:hidden;
    padding:28px 20px 82px;
    border:1px solid rgba(41,190,255,.8);
    border-radius:22px;
    color:#f5f9ff;
    background:#03101d url("./service-area-mobile-map-v214.webp") center center/cover no-repeat;
    box-shadow:0 22px 60px rgba(0,0,0,.46),0 0 34px rgba(0,178,255,.20);
  }
  .service-area-v213-mobile::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
      linear-gradient(180deg,rgba(2,12,22,.88) 0%,rgba(2,12,22,.66) 50%,rgba(2,12,22,.46) 100%),
      linear-gradient(90deg,rgba(2,12,22,.92) 0%,rgba(2,12,22,.64) 58%,rgba(2,12,22,.22) 100%);
  }
  .service-area-v213-mobile .service-kicker{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 15px;
    color:#d6e3ee;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .service-area-v213-mobile .service-kicker::before{content:"";width:28px;height:1px;background:#29c8ff;box-shadow:0 0 9px #29c8ff}
  .service-area-v213-mobile h2{
    margin:0;
    font-size:clamp(34px,10.4vw,47px);
    line-height:.93;
    letter-spacing:-.045em;
    text-transform:uppercase;
    text-shadow:0 5px 22px rgba(0,0,0,.72);
  }
  .service-area-v213-mobile h2 span{display:block;color:#39c9ff}
  .service-area-v213-mobile>p:not(.service-kicker){margin:18px 0 0;color:#c4d0dc;font-size:14px;line-height:1.55}
  .service-area-v213-towns{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
  .service-area-v213-towns span{
    padding:7px 9px;
    border:1px solid rgba(34,177,255,.72);
    border-radius:999px;
    background:rgba(2,17,31,.78);
    color:#edf8ff;
    font-size:10px;
    line-height:1;
    box-shadow:inset 0 0 10px rgba(0,154,255,.06);
  }
  .service-area-mobile-actions{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:22px;
    padding:7px 7px 14px;
    overflow:visible;
    border-radius:14px;
    background:#020d19;
    box-shadow:inset 0 0 0 1px rgba(70,198,255,.08);
  }
  .service-area-mobile-actions .service-area-mobile-cta{
    display:block;
    width:100%;
    min-width:0;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible;
    border:0;
    border-radius:12px;
    background:#020d19;
    line-height:0;
  }
  .service-area-mobile-actions .service-area-mobile-cta img{
    display:block;
    width:100%;
    height:auto!important;
    max-height:none!important;
    object-fit:contain;
    pointer-events:none;
  }
  .service-area-v213-mobile .mobile-service-label{
    position:absolute;
    left:20px;
    right:20px;
    bottom:18px;
    padding-top:12px;
    border-top:1px solid rgba(83,207,255,.58);
    color:#eefaff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    text-shadow:0 2px 10px rgba(0,0,0,.9);
  }
  .service-area-v213-mobile .mobile-service-label strong{color:#36caff}
}

@media(min-width:701px) and (max-width:1060px){
  .service-area-v213{width:calc(100% - 28px);margin:64px auto}
}