.international-page{overflow-x:clip}.international-shell{width:1192px;max-width:calc(100vw - 80px);margin:0 auto}
.international-hero{height:520px;position:relative;overflow:hidden;background:#f5f6f9}.international-hero .hero-backgrounds{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.international-hero .hero-backgrounds img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;will-change:opacity;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.international-hero .hero-backgrounds img.active{opacity:1}
.international-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:20px}.international-hero h1{width:620px;max-width:58%;margin:0 0 32px;font-size:48px;line-height:1.16;letter-spacing:1px;font-weight:600}.international-hero p{width:620px;max-width:58%;margin:0 0 32px;font-size:16px;line-height:24px;color:#666}.international-text-link{display:flex;align-items:center;gap:12px;font-size:20px;line-height:24px;letter-spacing:1px;transition:color .22s ease}.international-text-link svg{width:14px;height:14px;transition:transform .22s ease}.international-text-link:hover{color:var(--purple)}.international-text-link:hover svg{transform:translateX(6px)}
.international-hero-dots{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:12px;align-items:center}.international-hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:#c9cbd0;cursor:pointer;transition:width .22s ease,background-color .22s ease}.international-hero-dots button.active{width:24px;background:var(--purple)}.international-hero-dots button:focus-visible{outline:2px solid rgba(119,83,255,.32);outline-offset:4px}
.international-content{padding:80px 0 120px;display:flex;flex-direction:column;gap:120px}.international-metrics{height:136px;margin-bottom:0;padding:32px 0}.international-eyebrow{display:block;color:#666;font-size:18px;line-height:22px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:16px}.split-heading{display:grid;grid-template-columns:521px 1fr;gap:100px;align-items:start}.split-heading h2{margin:0;font-size:44px;line-height:1.18;font-weight:600}.split-heading p{margin:4px 0 0;color:#999;font-size:16px;line-height:24px}.split-heading div p+p{margin-top:12px}
.service-capabilities{display:flex;flex-direction:column;gap:32px}.service-capabilities .split-heading{grid-template-columns:512px 1fr}.service-feature{height:366px;display:grid;grid-template-columns:512px 472px 8px;justify-content:space-between;align-items:center}.service-feature-image{width:512px;height:366px;object-fit:cover;border-radius:16px;display:block}.service-feature-copy h3{margin:0 0 12px;font-size:36px;line-height:1.2;font-weight:600}.service-feature-copy p{margin:0;color:#999;font-size:16px;line-height:24px}.service-feature-copy p+p{margin-top:12px}.service-feature-image,.service-feature-copy{transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.service-feature.is-switching .service-feature-image,.service-feature.is-switching .service-feature-copy{opacity:0;transform:translateY(10px)}.service-dots{width:64px;height:224px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:ns-resize;touch-action:none}.service-dots button{width:8px;height:8px;min-height:8px;padding:0;border:0;border-radius:8px;background:#e0e0e0;cursor:pointer;transition:height .25s ease,background .25s ease}.service-dots button.active{height:32px;background:var(--purple)}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.audience-item{display:flex;align-items:center;gap:20px;min-width:0}.audience-icon{width:112px;height:112px;flex:0 0 112px;display:block;object-fit:contain}.audience-item h3{margin:0 0 12px;font-size:20px;line-height:24px;font-weight:600;white-space:nowrap}.audience-item p{margin:0;color:#999;font-size:16px;line-height:24px}
.international-cta{height:400px;background:#534093 url("https://img1.dxycdn.com/t/s7/2026/0916/783/8889414573819010012.png") center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.international-cta:before{content:"";position:absolute;inset:0;background:rgba(83,64,147,.72)}.international-cta-inner{position:relative;z-index:1;max-width:1192px;padding-bottom:12px}.international-cta h2{margin:0 auto 20px;font-size:46px;line-height:1.18;font-weight:500;white-space:nowrap}.international-cta p{margin:0 0 32px;font-size:18px;line-height:30px}.international-cta .button{min-width:294px}
.international-page .footer-bottom{color:#999}
@media(max-width:1280px){.split-heading{grid-template-columns:minmax(360px,.9fr) 1fr;gap:64px}.service-feature{grid-template-columns:minmax(430px,512px) minmax(390px,472px) 8px;gap:32px}.service-feature-image{width:100%}.audience-grid{gap:20px}.audience-icon{width:96px;height:96px;flex-basis:96px}.audience-item h3{font-size:19px}.international-cta h2{font-size:40px;white-space:normal}}
@media(max-width:900px){.international-shell{max-width:calc(100vw - 48px)}.international-hero{height:560px}.international-hero h1,.international-hero p{max-width:78%}.split-heading,.service-capabilities .split-heading{grid-template-columns:1fr;gap:24px}.service-feature{height:auto;grid-template-columns:1fr;gap:32px}.service-feature-image{height:auto;aspect-ratio:512/366}.service-dots{width:100%;height:32px;flex-direction:row;cursor:ew-resize}.service-dots button.active{width:32px;height:8px}.audience-grid{grid-template-columns:1fr;gap:28px}.international-cta{height:auto;min-height:400px;padding:64px 24px}.international-cta p br{display:none}}
@media(max-width:640px){.international-shell{max-width:calc(100vw - 40px)}.international-hero{height:620px}.international-hero h1{width:100%;max-width:100%;font-size:34px;line-height:1.16;margin-bottom:24px}.international-hero p{width:100%;max-width:100%;font-size:15px}.international-text-link{font-size:18px}.international-content{padding:64px 0;gap:64px}.international-metrics{height:auto;grid-template-columns:1fr 1fr;padding:0}.international-eyebrow{font-size:15px}.split-heading h2{font-size:31px}.service-feature-copy h3{font-size:28px}.audience-icon{width:84px;height:84px;flex-basis:84px}.audience-icon svg{width:44px;height:44px}.audience-item{align-items:flex-start}.audience-item h3{font-size:17px;white-space:normal}.audience-item p{font-size:14px;line-height:22px}.international-cta h2{font-size:32px}.international-cta p{font-size:16px;line-height:25px}}

.international-text-link svg{width:16px;height:16px;background:currentColor;-webkit-mask:var(--arrow-icon) center/contain no-repeat;mask:var(--arrow-icon) center/contain no-repeat}
.international-text-link svg path{display:none}
@media(min-width:641px){.international-eyebrow{font-size:16px}}

/* Who We Serve — Enterprise Services standalone */
.audiences{min-height:0}
.audiences-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.58fr);gap:clamp(48px,7vw,112px);align-items:start}
.audiences .international-eyebrow{margin:0 0 18px;color:#7c5dc7;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.18em}
.audiences-layout h2{max-width:390px;margin:0;color:#201b27;font-size:clamp(41px,4.6vw,70px);line-height:1.01;font-weight:520;letter-spacing:-.06em}
.audience-stage{min-width:0;padding-top:7px}
.audience-row{min-width:0;padding-bottom:15px}
.audience-row+.audience-row{padding-top:21px}
.audience-word{display:block;overflow:hidden;white-space:nowrap;color:transparent;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iMjYwIiB2aWV3Qm94PSIwIDAgOTAwIDI2MCIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBldGFsQSIgeDE9IjAiIHkxPSIxIiB4Mj0iMSIgeTI9IjAiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNkQ0OUM0IiBzdG9wLW9wYWNpdHk9Ii43OCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBODdFRTMiIHN0b3Atb3BhY2l0eT0iLjUyIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJwZXRhbEIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E4N0VFMyIgc3RvcC1vcGFjaXR5PSIuNTYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzA1MEM5IiBzdG9wLW9wYWNpdHk9Ii43Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8ZyBvcGFjaXR5PSIuNzIiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyIDUpIHNjYWxlKC43MikiPgogICAgICA8cGF0aCBkPSJNMTIwIDEzMEM4OCA5NiA5MiA0OCAxMzQgMTBDMTUzIDQ5IDE1NCA5MSAxMjAgMTMwWiIgZmlsbD0idXJsKCNwZXRhbEEpIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMjAgMTMwQzcyIDEzMiAzNiAxMDMgMjIgNjBDNjcgNTcgMTAzIDgwIDEyMCAxMzBaIiBmaWxsPSJ1cmwoI3BldGFsQikiLz4KICAgICAgPHBhdGggZD0iTTEyMCAxMzBDMTEwIDE3MiA3OCAxOTcgMzQgMjAxQzQyIDE1NyA3MCAxMzUgMTIwIDEzMFoiIGZpbGw9InVybCgjcGV0YWxBKSIvPgogICAgICA8cGF0aCBkPSJNMTIwIDEzMEMxNTMgMTM1IDE3OCAxNjQgMTgwIDIwOEMxNDEgMTk0IDEyMiAxNjkgMTIwIDEzMFoiIGZpbGw9InVybCgjcGV0YWxCKSIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjAiIGN5PSIxMzAiIHI9IjgiIGZpbGw9IiM3MDUwQzkiIGZpbGwtb3BhY2l0eT0iLjciLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NCAtMjIpIHNjYWxlKC45OCkiPgogICAgICA8cGF0aCBkPSJNMTIwIDEzMEM4OCA5NiA5MiA0OCAxMzQgMTBDMTUzIDQ5IDE1NCA5MSAxMjAgMTMwWiIgZmlsbD0idXJsKCNwZXRhbEEpIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMjAgMTMwQzcyIDEzMiAzNiAxMDMgMjIgNjBDNjcgNTcgMTAzIDgwIDEyMCAxMzBaIiBmaWxsPSJ1cmwoI3BldGFsQikiLz4KICAgICAgPHBhdGggZD0iTTEyMCAxMzBDMTEwIDE3MiA3OCAxOTcgMzQgMjAxQzQyIDE1NyA3MCAxMzUgMTIwIDEzMFoiIGZpbGw9InVybCgjcGV0YWxBKSIvPgogICAgICA8cGF0aCBkPSJNMTIwIDEzMEMxNTMgMTM1IDE3OCAxNjQgMTgwIDIwOEMxNDEgMTk0IDEyMiAxNjkgMTIwIDEzMFoiIGZpbGw9InVybCgjcGV0YWxCKSIvPgogICAgICA8Y2lyY2xlIGN4PSIxMjAiIGN5PSIxMzAiIHI9IjgiIGZpbGw9IiM3MDUwQzkiIGZpbGwtb3BhY2l0eT0iLjciLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MCAxMykgc2NhbGUoLjcpIj4KICAgICAgPHBhdGggZD0iTTEyMCAxMzBDODggOTYgOTIgNDggMTM0IDEwQzE1MyA0OSAxNTQgOTEgMTIwIDEzMFoiIGZpbGw9InVybCgjcGV0YWxBKSIvPgogICAgICA8cGF0aCBkPSJNMTIwIDEzMEM3MiAxMzIgMzYgMTAzIDIyIDYwQzY3IDU3IDEwMyA4MCAxMjAgMTMwWiIgZmlsbD0idXJsKCNwZXRhbEIpIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMjAgMTMwQzExMCAxNzIgNzggMTk3IDM0IDIwMUM0MiAxNTcgNzAgMTM1IDEyMCAxMzBaIiBmaWxsPSJ1cmwoI3BldGFsQSkiLz4KICAgICAgPHBhdGggZD0iTTEyMCAxMzBDMTUzIDEzNSAxNzggMTY0IDE4MCAyMDhDMTQxIDE5NCAxMjIgMTY5IDEyMCAxMzBaIiBmaWxsPSJ1cmwoI3BldGFsQikiLz4KICAgICAgPGNpcmNsZSBjeD0iMTIwIiBjeT0iMTMwIiByPSI4IiBmaWxsPSIjNzA1MEM5IiBmaWxsLW9wYWNpdHk9Ii43Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"), linear-gradient(102deg, #6d49c4 0%, #8d65d2 52%, #a87ee3 100%);background-size:cover,100% 100%;background-position:center,center;background-blend-mode:screen,normal;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,4.4vw,66px);font-weight:780;line-height:.88;letter-spacing:-.08em}
.audience-labels{display:flex;flex-wrap:wrap;align-items:center;column-gap:28px;row-gap:8px;margin-top:13px}
.audience-label{display:block;color:#504957;font-size:18px;line-height:1.35;white-space:nowrap}
@media(max-width:980px){.audiences-layout{grid-template-columns:200px minmax(0,1fr);gap:44px}}
@media(max-width:720px){.audiences-layout{grid-template-columns:1fr;gap:20px}.audience-stage{padding-top:4px}.audience-labels.two,.audience-labels.three{flex-direction:column;align-items:flex-start;gap:8px}.audience-row+.audience-row{padding-top:19px}.audience-word{font-size:clamp(32px,9vw,48px);white-space:normal;overflow:visible;line-height:.95}}

.audience-word { overflow: visible; }
@media(min-width:721px){.audience-word{width:max-content;max-width:none}}

/* Figma 7106:7476 + 7324:63743 — 2026-08-31 refresh */
.international-content{padding:80px 0 120px;gap:100px}
.international-metrics{height:136px;padding:32px 0;margin:0 auto}
.international-eyebrow{margin:0 0 16px;color:#333;font-size:18px;line-height:normal;letter-spacing:2px;font-weight:500;text-transform:uppercase}
.split-heading{grid-template-columns:520px 1fr;gap:80px}
.split-heading h2{font-size:44px;line-height:normal;font-weight:600}
.split-heading p{margin:0;color:#999;font-size:16px;line-height:24px}
.capability-intro{margin-bottom:60px}
.capability-intro-copy>div{margin-top:20px}
.capability-intro-image{display:block;width:100%;aspect-ratio:1184/800;object-fit:cover;border-radius:16px}
.capability-intro .split-heading{align-items:center}

.service-capabilities{gap:32px;margin-bottom:60px}
.service-capabilities header{display:grid;grid-template-columns:520px 1fr;gap:80px;align-items:start}
.service-capabilities header h2{margin:0;color:#333;font-size:44px;line-height:normal;font-weight:600}
.service-capabilities header>p{height:72px;margin:0;color:#999;font-size:16px;line-height:24px}
.service-carousel-viewport{position:relative;width:100%;height:680px;overflow:clip;outline:none;touch-action:pan-y}
.service-carousel-track{position:absolute;inset:0;width:100%;height:100%;transition:transform .52s cubic-bezier(.65,0,.35,1);will-change:transform}
.service-slide{width:100%;height:680px;display:grid;grid-template-columns:520px 520px;align-items:center;justify-content:space-between}
.service-slide>img{display:block;width:520px;height:520px;object-fit:cover}
.service-feature-copy{width:520px}
.service-feature-copy.is-entering{animation:service-copy-slide-up .52s cubic-bezier(.65,0,.35,1) both}
@keyframes service-copy-slide-up{from{transform:translate3d(0,64px,0)}to{transform:translate3d(0,0,0)}}
.service-feature-copy h3{margin:0 0 12px;color:#333;font-size:36px;line-height:normal;font-weight:500}
.service-feature-copy p{margin:0;color:#999;font-size:16px;line-height:24px}
.service-feature-copy p+p{margin-top:12px}
.service-dots{position:absolute;z-index:3;left:50%;top:50%;width:8px;height:104px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:ns-resize;touch-action:none}
.service-dots button{flex:0 0 auto;width:8px;height:8px;min-height:8px;padding:0;border:0;border-radius:8px;background:#e0e0e0;cursor:pointer;transition:height .28s ease,background-color .28s ease}
.service-dots button.active{height:32px;background:#7753ff}
.service-carousel-viewport:focus-visible{box-shadow:0 0 0 2px rgba(119,83,255,.2);border-radius:4px}

.audience-groups{width:auto;flex:1;gap:28px;justify-content:center}
.audience-group{gap:4px}
.audience-group h3{font-size:44px;line-height:normal}
.audience-descriptions{gap:40px;font-size:18px;line-height:normal;color:#666}

.international-cta{height:auto;min-height:340px;padding:48px 40px;border-bottom:1px solid #e0e0e0;background:#f5f6f9;color:#333}
.international-cta:before{display:none}
.international-cta-inner{width:1192px;max-width:100%;padding-bottom:12px;display:flex;flex-direction:column;align-items:center;gap:32px}
.international-cta h2{margin:0;font-size:44px;line-height:normal;font-weight:500;white-space:normal}
.international-cta p{margin:-12px 0 0;max-width:1192px;color:#999;font-size:18px;line-height:28px}
.international-cta .button{min-width:0;height:52px;padding:0 32px;border-radius:26px;font-size:18px}

.international-hero p{margin-bottom:24px}
.international-hero-content>.button.primary{height:52px;padding:0 32px;border-radius:26px;color:#fff;font-size:18px;font-weight:500;letter-spacing:0}

@media(max-width:1280px){
  .split-heading,.service-capabilities header{grid-template-columns:minmax(360px,520px) 1fr;gap:64px}
  .service-slide{grid-template-columns:minmax(0,520px) minmax(0,520px);gap:80px}
  .service-slide>img,.service-feature-copy{width:100%}
  .service-slide>img{height:auto;aspect-ratio:1}
  .audience-groups{min-width:0}
  .audience-descriptions{flex-wrap:wrap;gap:8px 40px}
}
@media(max-width:900px){
  .international-content{gap:72px}
  .capability-intro,.service-capabilities{margin-bottom:24px}
  .split-heading,.service-capabilities header{grid-template-columns:1fr;gap:24px}
  .capability-intro-image{width:100%;max-width:592px}
  .service-capabilities header>p{height:auto}
  .service-carousel-viewport{height:820px}
  .service-slide{height:820px;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:28px;padding-bottom:56px}
  .service-slide>img{width:min(520px,100%);justify-self:center}
  .service-feature-copy{width:100%}
  .service-dots{left:50%;top:auto;bottom:16px;width:104px;height:8px;transform:translateX(-50%);flex-direction:row;cursor:ew-resize}
  .service-dots button{width:8px;height:8px;min-height:0}
  .service-dots button.active{width:32px;height:8px}
  .service-carousel-track{width:500%;display:flex;transition:transform .52s cubic-bezier(.65,0,.35,1)}
  .service-slide{width:20%;flex:0 0 20%}
  .service-slide>img{order:2}
  .service-slide>.service-feature-copy{order:1}
  .service-feature-copy {
    position: relative;
    z-index: 2;
    min-height: 0;
    overflow: visible;
  }
  .service-feature-copy h3 {
    display: block;
    position: relative;
    z-index: 1;
    visibility: visible;
    opacity: 1;
  }
  .service-feature-copy.is-entering{animation:none;transform:none}

}
@media(max-width:640px){
  .international-content{padding:64px 0 80px;gap:64px}
  .international-metrics{height:auto;padding:0}
  .international-metrics div:nth-child(3)::before{display:none}
  .international-metrics div:nth-child(4)::before{content:"";display:block;width:1px;height:80px;position:absolute;left:0;top:20px;background:var(--line)}
  .international-metrics div:nth-child(4)::after{display:none}
  .international-eyebrow{font-size:15px}
  .split-heading h2,.service-capabilities header h2,.audiences-heading h2{font-size:34px}
  .service-carousel-viewport{height:680px}
  .service-slide{height:680px;gap:24px;padding-bottom:48px}
  .service-feature-copy h3{font-size:28px}
  .service-feature-copy p{font-size:15px;line-height:22px}
  .audiences-heading,.audiences-heading h2{width:100%}
  .audience-group h3{font-size:32px}
  .audience-descriptions{font-size:15px;line-height:22px}
  .international-cta{padding:56px 20px}
  .international-cta h2{font-size:32px}
  .international-cta p{font-size:16px;line-height:25px}
}
@media(prefers-reduced-motion:reduce){.international-hero .hero-backgrounds img,.service-carousel-track{transition:none}.service-feature-copy.is-entering{animation:none}}

/* Mobile artwork hero aligned with the homepage banner treatment. */
@media(max-width:980px){
  .international-hero{height:520px;min-height:520px}
  .international-hero::before{display:none}
  .international-hero .hero-backgrounds{inset:0 0 auto auto!important;width:1920px;height:520px}
  .international-hero .hero-backgrounds img{inset:0 0 auto auto!important;width:1920px!important;height:520px!important;object-position:right center!important}
  .international-hero-content{width:100%;max-width:none;height:auto!important;margin:0;padding:20px 20px 40px!important;box-sizing:border-box;position:absolute;inset:auto 0 0;gap:24px;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;background:rgba(255,255,255,.86)}
  .international-hero h1{width:100%;max-width:none;margin:0!important;font-size:24px;line-height:normal;letter-spacing:0;text-align:left!important}
  .international-hero p{width:100%;max-width:none;margin:0!important;font-size:12px;line-height:16px;text-align:left!important}
  .international-hero-content>.button.primary{width:auto;max-width:100%;height:40px;padding:0 32px;font-size:16px;white-space:nowrap}
  .international-hero-dots{bottom:16px}
}

/* Scroll-linked story interaction, aligned with Impact in action */
.service-capabilities{display:block;height:calc(5 * (100vh - 64px));position:relative;scroll-margin-top:64px}
.service-story-stage{height:calc(100vh - 64px);position:sticky;top:64px;overflow:hidden;background:#fff}
.service-story-inner{height:100%;display:flex;flex-direction:column;justify-content:center;gap:32px}
.service-carousel-viewport{height:min(680px,calc(100vh - 186px))}
.service-slide{height:100%;min-height:0}
.service-slide>img{width:min(520px,100%,calc(100vh - 200px));height:auto;aspect-ratio:1}
@media(max-width:980px){
  .service-capabilities{height:auto;min-height:0;margin-bottom:24px;scroll-margin-top:60px}
  .service-story-stage{height:auto;position:static;overflow:visible}
  .service-story-inner{height:auto;display:flex;justify-content:flex-start;gap:32px}
  .service-carousel-viewport{height:820px}
  .service-carousel-track{width:500%;display:flex;transition:transform .52s cubic-bezier(.65,0,.35,1)}
  .service-slide{height:820px}
  .service-slide{width:20%;flex:0 0 20%}
  .service-slide>img{width:min(520px,100%);height:auto}
  .service-dots{left:50%;top:auto;bottom:16px;width:104px;height:8px;transform:translateX(-50%);flex-direction:row;cursor:ew-resize}
  .service-dots button{width:8px;height:8px;min-height:0}
  .service-dots button.active{width:32px;height:8px}
}
@media(max-width:640px){

  .service-carousel-viewport{height:calc(min(520px,100vw - 40px) + 300px)}
  .service-slide{height:100%;align-content:start}
}