@import url("site.css?v=20260830-1");

/* Reference-template module styling and admission motion. */
html,
body {
  overflow-x: hidden;
}

.home-hero {
  perspective: 1600px;
  transform-style: preserve-3d;
}

.home-page .hero-arrow {
  display: block;
  z-index: 10;
}

.home-page .hero-slide {
  opacity: 0;
  visibility: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: none;
  transform: none;
  transform-origin: center center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}

.home-page .hero-slide > * {
  transform: translateZ(0);
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.home-page .hero-slide.is-active,
.home-page .hero-slide.is-entering,
.home-page .hero-slide.is-leaving {
  opacity: 1;
  visibility: visible;
}

.home-page .hero-slide.is-active {
  z-index: 1;
}

.home-page .hero-slide.is-leaving {
  z-index: 1;
  pointer-events: none;
  animation-name: referenceBannerNextOut;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.home-page .hero-slide.is-entering {
  z-index: 1;
  pointer-events: none;
  animation-name: referenceBannerNextIn;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.home-page .hero-slide.is-leaving.is-reverse {
  animation-name: referenceBannerPrevOut;
}

.home-page .hero-slide.is-entering.is-reverse {
  animation-name: referenceBannerPrevIn;
}

@keyframes referenceBannerNextIn {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes referenceBannerNextOut {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes referenceBannerPrevIn {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes referenceBannerPrevOut {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(100%, 0, 0);
  }
}

.home-page .hero-slide.is-effect-4.is-leaving {
  animation-name: billboardItem_4_off;
}

.home-page .hero-slide.is-effect-4.is-entering {
  animation-name: billboardItem_4_on;
}

.home-page .hero-slide.is-effect-4.is-leaving.is-reverse {
  animation-name: billboardItem_4_off_reverse;
}

.home-page .hero-slide.is-effect-4.is-entering.is-reverse {
  animation-name: billboardItem_4_on_reverse;
}

.home-page .hero-slide.is-effect-5.is-leaving {
  animation-name: billboardItem_5_off;
}

.home-page .hero-slide.is-effect-5.is-entering {
  animation-name: billboardItem_5_on;
}

.home-page .hero-slide.is-effect-5.is-leaving.is-reverse {
  animation-name: billboardItem_5_off_reverse;
}

.home-page .hero-slide.is-effect-5.is-entering.is-reverse {
  animation-name: billboardItem_5_on_reverse;
}

.home-page .hero-slide.is-effect-6.is-leaving {
  animation-name: billboardItem_6_off;
}

.home-page .hero-slide.is-effect-6.is-entering {
  animation-name: billboardItem_6_on;
}

.home-page .hero-slide.is-effect-6.is-leaving.is-reverse {
  animation-name: billboardItem_6_off_reverse;
}

.home-page .hero-slide.is-effect-6.is-entering.is-reverse {
  animation-name: billboardItem_6_on_reverse;
}

.home-page .hero-slide.is-effect-7.is-leaving {
  animation-name: billboardItem_7_off;
}

.home-page .hero-slide.is-effect-7.is-entering {
  animation-name: billboardItem_7_on;
}

.home-page .hero-slide.is-effect-7.is-leaving.is-reverse {
  animation-name: billboardItem_7_off_reverse;
}

.home-page .hero-slide.is-effect-7.is-entering.is-reverse {
  animation-name: billboardItem_7_on_reverse;
}

@keyframes billboardItem_4_on {
  0%,
  50% {
    transform: rotateY(-90deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

@keyframes billboardItem_4_off {
  0% {
    transform: rotateY(0deg);
  }

  50%,
  100% {
    transform: rotateY(90deg);
  }
}

@keyframes billboardItem_4_on_reverse {
  0%,
  50% {
    transform: rotateY(90deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

@keyframes billboardItem_4_off_reverse {
  0% {
    transform: rotateY(0deg);
  }

  50%,
  100% {
    transform: rotateY(-90deg);
  }
}

@keyframes billboardItem_5_on {
  0%,
  50% {
    transform: rotateX(-90deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

@keyframes billboardItem_5_on_reverse {
  0%,
  50% {
    transform: rotateX(90deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

@keyframes billboardItem_5_off {
  0% {
    transform: rotateX(0deg);
  }

  50%,
  100% {
    transform: rotateX(90deg);
  }
}

@keyframes billboardItem_5_off_reverse {
  0% {
    transform: rotateX(0deg);
  }

  50%,
  100% {
    transform: rotateX(-90deg);
  }
}

@keyframes billboardItem_6_on {
  0% {
    transform: rotateY(-90deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

@keyframes billboardItem_6_on_reverse {
  0% {
    transform: rotateY(90deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

@keyframes billboardItem_6_off {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(90deg);
  }
}

@keyframes billboardItem_6_off_reverse {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(-90deg);
  }
}

@keyframes billboardItem_7_on {
  0% {
    transform: rotateX(90deg);
  }

  100% {
    transform: rotateX(0deg);
  }
}

@keyframes billboardItem_7_on_reverse {
  0% {
    transform: rotateX(-90deg);
  }

  100% {
    transform: rotateX(0deg);
  }
}

@keyframes billboardItem_7_off {
  0% {
    transform: rotateX(0deg);
  }

  100% {
    transform: rotateX(-90deg);
  }
}

@keyframes billboardItem_7_off_reverse {
  0% {
    transform: rotateX(0deg);
  }

  100% {
    transform: rotateX(90deg);
  }
}

.service-card__body {
  position: relative;
}

.service-card__body::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 33px;
  height: 34px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}


.service-card__body > a {
  display: inline-block;
}

.service-card:nth-child(1) .service-card__body::before {
  width: 31px;
  height: 32px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNUMzMTQ4ODg1RTgxMUU2OTAyQTgwMjYxNTM5M0E1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNUMzMTQ4OTg1RTgxMUU2OTAyQTgwMjYxNTM5M0E1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QzMxNDg2ODVFODExRTY5MDJBODAyNjE1MzkzQTUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1QzMxNDg3ODVFODExRTY5MDJBODAyNjE1MzkzQTUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0zr7iQAABg1JREFUeNqsl3+IFVUUx+/cmff8QaCbmBbGroJplK6aCSUm0W9JdwUpzRRc2dQgIkgNNTIkSbPWpMAsLUVWLSpTRNANTFeNMktNMhHTQvojSgUl9817c/ucmTvvzXvO6q40cN79dc75nnvOuefe59TUDFOVnzFGaa1VNpu9i8Fcpvox10S7o8jkOMrxfaULBRVkMirwPJXP5UI513VDHfwoE7I6VsRRBfjz+XzY91TKJwIoaUBkrSliOQ/RbEfpBNXBD5nHafJQS9q6rpwIsDbjus9nPW9tEAT7TBD0YM6BFqFsPLTneqB2t6uhndpxdrOJt9P43J49+5YBe647pUsms47+AWgMCtpsKPah8W+snUM7jIktThAoR1wrbsbdAS7ly3hafwzgzIQH7qPpTqdFwhGIHG7XyTgDPBXgZkD3Q6PLXBjxvMf8C/TrET7IVJWysS2Gy3EWQNNTQjAPueVX7Vws8TxvYpdsdgvKjxaMGSVg2iZMmFw2afi+Y3AL4zonn19Fe0mSTXjQ04P1QyTcRNpeKQaMFkPzhcI34bi6ulayczw73gbwEaiY/i5ZGYhLS8DJL6PzeV9cHkiGK/UZcw+25XL9XM+7Qt78gqcGpwkC/hhruzSunmaB98TAQNXQ3FN5/IwxyQlfdiyG4aHXmJmEu3tlM5mTcpQAuJOd/n7V7iG8/AREzHGhuAy1f8WLCP2GokPW5ZIXg5NGxOfcunIJtDhOWI7o7WzmjB8ZUM3auYqTYHzfX5GjJnhYKcfAx+J3C0GwgX5fC1JPPET5XmBGkwcSw38qYriAtUWVHnK1rsaAo22+P5SpAXj3DAu3isHgPQKdC4uME02skvzCgCbOtQJoIONT7GIrrWT9O9C/KlmtlJoLvZEW0yAyYAgGHMGAWqb6c/yOMv8qO//asQnsxQoxYCXdmzKetwSlT3J+qxjXQcvYzSuJbBfgFxkvv1ahsQYMpVj9hPsfhn9QCJpWZMK6GwR76baRqW8xMZb+KoBfrkiYRnjf70h5tWW6L/z70fOrYEhYpL5Lv6zCOdFZbaV7G0IjsF5qc1sCeBo861QnPsCeofk8drWJa0dabRcGMnUWYehP/2ICeAbjDZ0EngLQpvgUqdJtGbZe2dlNZCy7PqtLwONvYMez0bz5Wjye3L3t3efWrDqAt3YSeBayaxJT06Cu0Idl4BkeAmngkEvGTwZ4YyeBF1YASygb8eIYvHlBRWU4inlcNiuJr3ADwPORXJoy/yjzP6LvU4ZPxbegbkfPSKgbQnIP5zoI/LqxZ9/e68nvCrseQXucsr0FV4wLQ+vE9bxUvapg+J5+a6DUtzDVdgB4KcCLRZq6XXwspBSeu2nOuo6zg/UBWhiLJBYb02AzfARGbMRBJ0xkdXvAK+BZKK4U4LCAaN2fpT7x0Q0Li8XwC4VhJnqqrdHh7RRTxD0pcbanIrxZ4mUqXja2gi0zUuMtAGVU3ga9Kamnkf0yTt6wmnF6dEQX8Oh6eZDq+Blkk6wnQrUV5fRpGNcjcACesQngj6TmJ2u5lFJeQ8fDSkkOlL1UZZ2dC6FzOGG64KnSLaXsDdYt5QEwnRC04bbniNcMph4AuDER1xrWR3JuV9L2zgeBPEQOy2MTo5vpX5StmejROB+poXhpdlmFQ7DdNzlCjQj3Ia51uPYTZf8AhCXTdecTw9mye4AHwX4SXeL2etaP0bYGAuw4MzH4TTB3YsAHOi74lp69zp+AmyVpYnPluSQvFgxaCvBp6wkPQ5vkhWvDst8a36CjULVC41R4n5d2PoqJ7hV4l6EjcOxWkVCLStzJiZvqjyu5XG3XbPYwj4bj4oGCMnNgWW3DNpldyr+fg/COKZbX4q60nmcVnYXpAKV1F9Nf0T9vSjnRnkdE7hIv1+Ek3AmA+gWB2Wrl6hlvov8DPPeX1XZ7v2rXmG20X2B1s7oO2DUMuIwBQzDgZ47Wn5ztlwBuQu8x1kZeJTNw4L3Rn4LEv45k3TXxi8QeJ4lxxv5JkKKSdilhSBUGnAO4GzKnmLsjobr0yrES6v/6rAfO53x/FMDbbXlOBfhPgAEAyiBI+pUaK4AAAAAASUVORK5CYII=");
}

.service-card:nth-child(2) .service-card__body::before {
  width: 31px;
  height: 31px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkYyMjJCMjg1RTgxMUU2OUQzQ0FFNUYxMTkwQjg4NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkYyMjJCMzg1RTgxMUU2OUQzQ0FFNUYxMTkwQjg4NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE2RjIyMkIwODVFODExRTY5RDNDQUU1RjExOTBCODg1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2RjIyMkIxODVFODExRTY5RDNDQUU1RjExOTBCODg1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LwxWlQAABTFJREFUeNqkl11oHFUUx+/HzCYmIZYG2yLqQyQRK1LT1hT1QRD7RUEECypGECyC+Cbos7ZoQfChD+KDgkLog4qgiBUtvqhYbG2p9KEFq6VVqsXWhGzTZHdn7vV3Zu5sJ2s2mejA2XPvufee//m6H6tHRsd3GO8fUc69oJTyqurnmaq1ajrHUkdTL7ukFscqSVOVQjLfGKV20nreKdUDqSqUstBVAFtoa+aXCTz7wFaXs0GUVSUxWa8AXACNMRutMTPQGwV8pP7DZ5yrPNcBDOBYT612XECjKHoJVm8lyb4Vg2vxAnKSsAoeA7wB4BN0zyfOjbHq1SiO9xqt62ZlyLqy1y4P9TjAJyVFeLrHOzeF7CExiiI9XRlccp15XQE8hPpegH/A/ToVPgLojtjaqwzf1Ww2x5tp+uWKwq4FGMV++VBvAvgo3ZnU+1XIfGTtBP3+BsCpc8cIe8WCC15b9qdfospDVUuOf6Qzk3h/Y1bVuccCvJlwHzdBh1keN59olwl3yPFmyTHAfwVgExlTAN8jwOUtaqrkT8Itue7mtb+e42N0/gZ4jdgLcD0AjxHqnzrPBrOUx44wt1qtjC9ZXNZuCzkW4KHg8Qy8L4T6pFnE8KjrllJaJcsUlg7nNYr3igzvhjKlxjSEAbwJ2QnTJWKmqlAKrqDsUrF2J0n+hWL6g+FzXBavE603I63PBmDJcVfgrDi7eb5gonjFiVYQoLtQeoh5RwGdZPxhVvRh2FZktwO83i2S49IFI6laGHYRi6U6b0vR1FE4JzdYK1wmshhv3+GI+oLOk9ktl6b74ii6wppXmq3WU0mSnKbyVfkGK+ooEtAoyrE6/dW5dY8aoy8xcWtcq2WTY+Qxymr5nJtgB9u3k7X1YPtFFJ7CkBwEsoGkLfURQ20nSuBpAN+N1R9xCRxppem3Kt9G7QU0BgWP1vcqnx9brffTr1H5n1qAdelVojvOi3I0otJ4UxuznbAL8DeNRuPBdpig9iKtR1Weno+VREDrtT4Lit9Nf8qXjl9dqp/OFBTgDvE1lE1Ak3h7mL29rQidCR778HohrA9IdUuIUfwJ/CzjX/nwKClAqzw2BHyaaTW8nmRPHqRKJ3rIiw0F4zqePYwfgB3QUvUdAFVBy+D9WQ7zQ2NLLYrO0B9w/95y0hNTXsPItzlIMmMK08wK33QZOJ59hrV3ytaDrwN0QI7JxXZ/cGtGgIotudi5UPmKHh7emG2BxQqi6+2ltVX/7/PocYaiek/uXgSzUKPEp6H50C54nVoQK5tQEmi2o18PfD7wudL41cAvE6tnSZ15Bq8vIjgDnyOyN9C+pvKD5FI75FhKxffD/1R5aprhGb8mKG2wnie9vo32b9BgAB4MYw3S0w/oefrPwXdFIdyH+P2Z9gUm3MrABUDGMnCtZ7O3hPfiyS3QYQDWZ+9973sZF/DfvfzpwDBSsp31nyMbYVzWD9O+gm6pI9mm77J+i1yIxQk3xMSXESZwi4dPo+B+5I8F7+Trg95n/MOwv9PwD2Q//RpyUco7y59i/d2M3YeOFxk/InPhomcPc29G3ivR0HeMjovrH7DoiY5LJmZSa8F/M9ma3icq7HF54UgB+rDtyjeX79h+8n/OBZmxdgrBdxzEmpn+cfgGCW9YXke15H1t2xRtXPhrtToYkYGiftrkZ/1A6fZq6rxuVhWy7IKR41fOFXnRUqh29ap1v3JayRHbGyp0Xh7JLLb+er+odhsKbR6EbEwXO7A9N5O1gsltWWjLx0vLf836t/4RYAAXZ8eadW961QAAAABJRU5ErkJggg==");
}

.service-card:nth-child(3) .service-card__body::before {
  width: 33px;
  height: 34px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAYAAADRcLDBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjdEMTJBMzg1RTgxMUU2QTM0MkZBRERCRENFMEFGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQjdEMTJBNDg1RTgxMUU2QTM0MkZBRERCRENFMEFGOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCN0QxMkExODVFODExRTZBMzQyRkFEREJEQ0UwQUY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCN0QxMkEyODVFODExRTZBMzQyRkFEREJEQ0UwQUY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aqIjnwAACIBJREFUeNqcmHlsFUUcx3dnd1/BI1hFogQCRqQCJmglyFHlVEBrC3J4hCooIoIxKvwjRIxXYiKCmoBgNIoYERsoh0IbQQsBqQEhgAICiooElaTKJel7b3f8/GZna3l99XrJdHZnfvP7fX/n/LZu587XOvILfN9RSjmZTEbmPr7vz2U5zGSz41n7wXVdR0buL5VKNT6HYWhGKggczbs5o3WfyHHq5Fn2stlsMz6q6YvWWgAMVp63FbK+jBJPqe2+57UXgP/1x/kaBG5lzNd/Q5fLeQQW2CBI0f4WUJe6SrVF2z1BEFwn6wL0H3+ijOuu4+kWHYOZiqC5LYLQ1gLYqAxt11qL3JsNw0/CKNoEg5Cli5l7CF0jfYvytZhbFBlu33c6sWseZ8w0PJoMAyLgIfC8mwCwShaiKKpgcwkW6Uac/MSSx9pEyL/k/QPc4+RzTQILi1VivcERfBkD4VXMmCZ7uPUF9h8Qi6omfJDlO67nvSdMMP/NQF6PKa8mLnZD7LN2G2trPdetZ63Q87zLQ60HZNLpZi5ASDVnhskbQXgj8xbhr6NoAYrUI3QpiryJIqeQ96Eby3RUBlRE72FrstaMHow9AgB33M5eja9UPduFOrZUFQLb5LjFh2EVY5i1Zj/GFoT2Z+0AvH4HyDEybYYxv1LLWBvaGBOChDEG4noQrsYKXwlTAAxhXoerToGu0KbgSNZfgeYA6/OTVOPvCtZGYv6viaXrmesQ1JG1zQDtAskJz/drQb0WHk/aM58wlWiTHWgD4+OZMOxrFmCcjaISDm/huYGl1jaI+vNnFSY/i/B2zFMLguBBG6xLiAOZ6xGyQ8V15y4nNkshVugkdKwtQqEXAbncxsUm5qtUok06nT6A8AkQTKfAHMEqpyUoTZGJoqEw2YF/j7PWClMfMqmn1BsAKyOdK7FmGcQ3AmydI6mMO9zYx48wbjaW1PpnzjpuFI1hf5/kJMC+8C666LIm1cXdhbCtmPp3hCvrgl4I2grq06xdyFIVQEsQEPE+iHE3ID/C37Wc/wWgj8H8UiJzEbSdCfonoK3g+VvO3cH8h42/KWJRiUOVG+GA8CB+St6Ye0G9D8bEr5uygdgV8xVgrfWmJkjpDoLtBalUdx4XAmgG+9Ow0gKCbSIaD+RUKbRXw+M4GSaRWcXzNXIeD/Rzk7ujWboFQRdc0hEQnzrNi9MZW21bNxpRqRO45QqA/5by/dcBNyXKZrs6nnfQxAtusDG3ir0ycRkuHJTOZGpVS1WPA4cgrHDzV8fzbcAuQmgHnvdL2gJ6cxSGCms8zKn+3G7HNMLQVsqAAFjGVGbTW7Kv1gToOYKTUmqDlSC6n7fV+W5PG0OX4fujCC3m7Qhx0x23bLMV9HP2TqcbGsztiaC3ADHO7kmgfnrOBSZC5Cr37TBCMZ+4AXOVY7aN+YDAtJyxhKA8C10vQJ8BSDFVdU0Y1x+56oNWBQWvQ3e/KXZaS6atP/cCiy8cI5zDZiS9A7XA1HdoBkL7VT63Kd8fT2DOgfmvFKr+klDALeXcu7IvVpBMEHrADgXIhhav8tybzfqtDnCrBBACbmA+kg8IsTAdN8ySFMc1cmeIMhVYdw77GQBeRw0aDaANyirY1LKmToi2XlzxkliQ95WsD+FQEYxaEfnVrC9lbSprQfPwcAezfxAXrOP5IGM0tP0AIyAqCdh9jhWeKGpuWpGVC0IGF9YyDo+G+A/Qz2L/GdKsAS3llqxhb3Le5kSp0QDcwRWwHEk/Q1eKqYfA4zDgdiWWE8GhpGwSCnmCbSUHyyGgvrrnMe/nQBGm/Qag7UH/KGsDOLwxX3OD4NWc64XgRey353k2sbUYvid5X4lbG4Xnbe9sISm3iGdTYGbRhMjN2humFbxfLIFGJmxCs7H5MsbGiNyeXaF7Gq1fsuCqGCVOnhbR7dSpp3EHgbWCzVGSBZCcAl1PzFqEoOlo8hgWaINfT6ZJO8dqwplHOftqM6bSo0TRKc4XclmFKPIFQnoLZGKrJ9bY3VQB37Zdy5lG2aCRSnitVmoj60eI6r4AENMH2pqOtIz9qvVrvF/CudlNgdiu/cKU627DeitBdaWIxK1HuTu+9mxH5dr2zmt3acf3EHanTc+5mP42uR0l1aTCgTINo4UwOmt8ycEgbtkcWwdq4dMeF1yfJ1Yvh34Q83nw3IsluzBPBuA45vVJv6roAS6IrAlh+BwmvIJnAXCIut8DyM+7oLbamQKWaI2Pn0WXdmEm8xCgl+WLEbtShwt6IHQYYyG8J5niaIfCriNBsN0EpuftQcD3UdzE1FHhJJezxk2WoY67aKmwlYynqJZrCkS41tJJbXNzYgPFdkrXxn45Vqk2fQZ1B7lFjsSXNLq2eZXW/AAoO3AN7+X0BjQbj4aO3II6uUuspljkbcYY4w6tFyTgEDYAgLua4PiM92I0vxvAkp7TcaM0Mz5yJ0utEIWoQKFD+36GdOrNwlEEdePwl3KHyHemliCUAEo+VLiOETrBxFAUjWB9sbbfoVzZZ7HeTQiR74HvCL7BKFaKC99H0SegmavFnTQ/WOVeN/7ciC1h27gTaN4Hpg0IEfTVOvfLynEW8zjOltzh7Ffnmp/fSQQWwa8YC87DYmvQeBLn59E2xlkVhj/Avy1Z0s4zip3L4CeMLq1WWr4hCNq1dlOCcIWgTwAw1Tgt9Bnsfy9KUf67Wd4zGe/w0AHhY4m9l41iUXSrfETl66z2o+EA24qNYMg3RB1RPErSUj6S0armnz/JTcc9nLSUdr8GHvfJLQyADxPo1KJR4p6W2rs6bftAfjfYIaYsp3h9/O//N2DO/wivqZx1AXUPTCpjEaa8D6Ga/nWBmVIr6UdGWCBrcME4CtNb0hMw7hEXuI7zf/5PkfBcyrTUfArAj4D/UcD8KcAA3Sg7Apvw/coAAAAASUVORK5CYII=");
}

.reference-motion-pending {
  opacity: 0 !important;
}

.reference-move-left {
  animation: moveInLeft 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
  will-change: transform, opacity;
}

.reference-move-right {
  animation: moveInRight 0.6s cubic-bezier(0.61, -0.01, 0.36, 1);
}

.reference-icon-pending::before {
  opacity: 0 !important;
}

.reference-icon-move::before {
  animation: moveInLeft 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
  will-change: transform, opacity;
}

@keyframes moveInLeft {
  0% {
    transform: translate3d(56px, 0, 0);
    opacity: 0;
  }
  55% {
    opacity: 0.9;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes moveInRight {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (min-width: 901px) {
  .home-hero {
    height: 840px;
  }

  .home-page .hero-arrow {
    width: 70px;
    height: 70px;
    font-size: 58px;
    display: grid;
  }

  .home-page .hero-arrow--prev {
    left: 54px;
  }

  .home-page .hero-arrow--next {
    right: 54px;
  }

  .hero-slide__panel {
    width: 925px;
    min-height: 550px;
    padding: 62px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    left: -18px;
    top: -12px;
  }

  .hero-slide__panel h1 {
    font-size: 82px;
    margin: 10px 0 28px;
  }

  .hero-slide__en {
    font-size: 54px !important;
  }

  .home-page .hero-production {
    grid-template-columns: 290px 1fr;
    gap: 44px;
    width: 120px;
    position: relative;
  }

  .home-page .hero-production__title {
    position: relative;
    border: 0;
    padding: 18px 63px;
    font-size: 82px;
    line-height: 1.05;
  }

  .home-page .hero-production__title::before,
  .home-page .hero-production__title::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
  }

  .home-page .hero-production__title::before {
    left: 0;
    border-left: 6px solid #fff;
    border-radius: 18px 0 0 18px;
  }

  .home-page .hero-production__title::after {
    right: 0;
    border-right: 6px solid #fff;
    border-radius: 0 18px 18px 0;
  }

  .home-page .hero-production__copy {
    align-self: center;
    font-size: 20px;
    line-height: 1.75;
  }

  .home-page .hero-production__copy strong {
    font-size: 21px;
  }

  .home-page .hero-production__copy p {
    margin: 2px 0;
    white-space: nowrap;
  }

  .home-page .hero-production__copy p + p::before,
  .home-page .hero-production__copy::after {
    content: "》 ";
    font-weight: 700;
  }

  .home-page .hero-production__copy::after {
    content: "》 打造百款网络爆款传奇";
    display: block;
    font-weight: 400;
  }

  .home-page .hero-production__tagline {
    width: 610px;
    justify-self: center;
    margin-top: 8px;
    padding: 12px 20px;
    font-size: 22px;
  }

  .promise-row {
    min-height: 180px;
  }

  .service-grid {
    grid-template-columns: repeat(3, 369px);
    gap: 20px;
    justify-content: center;
  }

  .service-card > img {
    width: 369px;
    height: 282px;
    aspect-ratio: auto;
  }

  .service-card__body {
    padding: 20px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reference-motion-pending,
  .reference-icon-pending::before {
    opacity: 1 !important;
  }

  .reference-move-left,
  .reference-move-right,
  .reference-icon-move::before {
    animation: none !important;
  }
}

/* 定制案例二级导航：纯 HTML/CSS，不依赖脚本。 */
@media (min-width: 901px) {
  .site-nav {
    height: 100%;
  }

  .site-nav__item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .site-nav__item--has-submenu > .site-nav__link {
    padding-right: 17px;
  }

  .site-nav__item--has-submenu > .site-nav__link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    transform: translateY(-75%) rotate(45deg);
    transition: transform 0.22s ease;
  }

  .site-subnav {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 50%;
    width: 136px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 12px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
  }

  .site-subnav::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 18px;
  }

  .site-nav__item--has-submenu:hover .site-subnav,
  .site-nav__item--has-submenu:focus-within .site-subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }

  .site-nav__item--has-submenu:hover > .site-nav__link::before,
  .site-nav__item--has-submenu:focus-within > .site-nav__link::before {
    transform: translateY(-25%) rotate(225deg);
  }
}

.site-subnav__link {
  display: block;
  padding: 9px 22px;
  color: #333;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.site-subnav__link:hover,
.site-subnav__link:focus-visible {
  color: #9a6e4b;
  background: #f7f7ef;
  outline: 0;
}

/* SVG 导航入口：下拉视觉与主导航二级菜单保持一致。 */
.scmlang {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.scmlang > i {
  position: relative;
  height: 100%;
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-style: normal;
  cursor: pointer;
  outline: 0;
}

.scmlang > i::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 5px;
  left: 50%;
  height: 2px;
  background: #9a6e4b;
  transition: left 0.25s ease, right 0.25s ease;
}

.scmlang .icon {
  width: 24px;
  height: 24px;
  display: block;
  fill: #000;
  transition: color 0.2s ease, transform 0.2s ease;
}

.scmlang:hover > i,
.scmlang:focus-within > i {
  color: #9a6e4b;
}

.scmlang:hover > i::after,
.scmlang:focus-within > i::after {
  right: 0;
  left: 0;
}

.scmlang:hover .icon,
.scmlang:focus-within .icon {
  transform: scale(1.06);
}

@media (min-width: 901px) {
  .scmlang:hover > .site-subnav,
  .scmlang:focus-within > .site-subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 900px) {
  
  .cnsianoncoa{
    flex-wrap: wrap;
  }
  .csajijcoaina {
    width: 100%;
    height: 200px;
  }
  .dmvsoivmo{
    padding-bottom: 0;
  }
  .case-collage__center {
    width: 50%;
    height: 100%;
  }
  .site-nav__item {
    width: 100%;
    padding: 5px 2px;
  }

  .site-nav__item--has-submenu > .site-nav__link {
    display: block;
    padding: 5px 2px;
    text-align: left;
  }

  .site-subnav {
    width: 100%;
    padding: 2px 0 6px;
  }

  .site-subnav__link {
        padding: 8px 20px;
        color: #777;
        font-size: 14px;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

  .site-nav.is-open + .scmlang {
    display: none;
  }

  .scmlang {
    height: 50px;
  }
  .scmlang > i::after {
    bottom: 0;
}

  .scmlang > .site-subnav {
    position: absolute;
    z-index: 100;
    top: 100%;
    right: 0;
    left: auto;
    width: 136px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
  }

  .scmlang:hover > .site-subnav,
  .scmlang:focus-within > .site-subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}