/* One compact service view; native details remain usable without JavaScript. */
.services.section-pad{padding-block:72px}
.services .section-head{margin-bottom:30px;gap:32px}
.services .section-head h2{font-size:46px;line-height:1.18}
.services .section-description{font-size:16px;line-height:1.8;max-width:410px}
.service-picker{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);grid-template-rows:repeat(7,minmax(57px,auto));column-gap:48px;align-items:stretch}
.service-option{display:contents;--art-paper:#f8f8f0;--art-blue:#0069e5;--art-accent:#d7f64b;--art-ink:#18231d}
.service-option>summary{grid-column:1;list-style:none;display:flex;align-items:center;gap:17px;border-bottom:1px solid #c8d0c3;padding:13px 14px;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}
.service-option>summary::-webkit-details-marker{display:none}
.service-order{font:10px/1 Arial;color:#64705e}
.service-option h3{font-size:23px;line-height:1.4;margin:0;letter-spacing:-.4px;font-weight:700}
.service-plus{margin-inline-start:auto;flex:none;font:24px/1 Arial;color:var(--blue);width:25px;text-align:center;transition:rotate .25s}
.service-option[open]>summary{background:#d7f64b;border-color:#d7f64b;color:#18231d}
.service-option[open] .service-plus{rotate:45deg}
.service-option>summary:hover{background:#e1e9d4}
.service-option[open]>summary:hover{background:#d7f64b}
.service-option:not([open])>.service-detail{display:none}
.service-detail{grid-column:2;grid-row:1/8;display:flex;flex-direction:column;border:1px solid #cdd3c5;background:#fbfcf7;border-radius:10px;overflow:hidden;min-width:0}
.service-detail .expertise-art{height:164px;align-items:center;border:0}
.service-detail .expertise-art>svg{height:140px;width:260px;margin-top:18px}
.service-category{position:absolute;inset:15px 20px auto;font:9px/1 Arial;letter-spacing:1.3px;color:var(--ink);opacity:.8}
.expertise-0 .service-category,.expertise-2 .service-category,.expertise-6 .service-category{color:white}
.expertise-6 .expertise-art{background:#182f27;color:#829d91}
.service-detail-copy{display:flex;flex:1;flex-direction:column;padding:25px 28px 0}
.service-detail-copy>p{font-size:18px;line-height:1.85;margin:0 0 18px;color:#4d5b4c}
.service-detail .expertise-tags{margin:0 0 20px;gap:7px}
.service-detail .expertise-tags li{font-size:11px}
.service-detail-actions{margin-top:auto}
.service-detail .expertise-action{min-height:59px;font-size:14px}
.service-system-link{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--blue);padding-bottom:16px}
.service-system-link svg{height:16px;width:16px}
.services .expertise-together{margin-top:22px;padding:17px 22px;gap:18px;border-radius:8px;background:transparent}
.services .expertise-together>svg{width:32px;height:32px}
.services .expertise-together h3{font-size:20px;margin:0 0 2px}
.services .expertise-together p{font-size:13px;line-height:1.6}
.services .expertise-together .inline-link{font-size:14px;min-height:40px}
.motion-enabled .service-option[open] .service-detail{animation:service-enter .35s ease both}
.motion-enabled .service-picker.in-view .art-main{animation:service-drift 6s ease-in-out infinite}
.motion-enabled .service-picker.in-view .art-detail{animation:service-drift 5s -.8s ease-in-out infinite reverse}
.motion-enabled .service-picker.in-view .art-back{animation:service-drift 7s -1.4s ease-in-out infinite}
html.page-away .service-picker *{animation-play-state:paused!important}
html[lang=en] .services .section-head h2{font-size:43px}
html[lang=en] .service-option h3{font-size:20px;line-height:1.4;letter-spacing:-.3px}
html[lang=en] .service-detail-copy>p{font-size:16px;line-height:1.8}
html[lang=en] .services .expertise-together h3{font-size:18px}
@keyframes service-drift{50%{translate:0 -5px}}
@keyframes service-enter{from{opacity:.35;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.service-picker{column-gap:25px;grid-template-columns:1fr 1.15fr}.service-option h3{font-size:21px}.service-option>summary{gap:12px;padding-inline:10px}.service-detail-copy{padding:21px 22px 0}.service-detail-copy>p{font-size:17px}.services .expertise-together .inline-link{margin-inline-start:0}html[lang=en] .service-option h3{font-size:18px}}
@media(max-width:760px){.services.section-pad{padding-block:48px}.services .section-head{gap:16px;margin-bottom:24px}.services .section-head h2,html[lang=en] .services .section-head h2{font-size:35px;line-height:1.2}.services .section-description{font-size:15px;line-height:1.8;padding:0}.service-picker{display:block}.service-option{display:block;border-bottom:1px solid #c8d0c3;scroll-margin-top:100px}.service-option>summary{padding:17px 10px;gap:11px;border:0;min-height:60px}.service-option h3{font-size:20px;line-height:1.4}.service-order{font-size:9px}.service-plus{font-size:23px;width:22px}.service-detail{border:0;background:#fbfcf7;border-radius:0 0 7px 7px;margin-bottom:10px}.service-detail .expertise-art{height:112px}.service-detail .expertise-art>svg{height:104px;width:190px;margin-top:10px}.service-category{inset:12px 14px auto;font-size:7px;letter-spacing:.6px}.service-detail-copy{padding:18px 18px 0}.service-detail-copy>p{font-size:16px;line-height:1.8;margin-bottom:13px}.service-detail .expertise-tags{margin-bottom:12px;gap:5px}.service-detail .expertise-tags li{font-size:10px;padding:3px 6px}.service-detail .expertise-action{font-size:13px;min-height:53px;padding-block:10px}.services .expertise-together{display:flex;align-items:center;gap:12px;padding:16px;margin-top:18px}.services .expertise-together>svg{display:none}.services .expertise-together>div{flex-basis:100%}.services .expertise-together h3{font-size:19px}.services .expertise-together p{font-size:12px}.services .expertise-together .inline-link{font-size:13px;margin:0;min-height:32px}html[lang=en] .service-option h3{font-size:18px}html[lang=en] .service-detail-copy>p{font-size:14px}html[lang=en] .services .section-description{font-size:14px}}
@media(max-width:370px){.service-option h3{font-size:18px}.service-option>summary{gap:8px;padding-inline:8px}.services .section-head h2,html[lang=en] .services .section-head h2{font-size:31px}html[lang=en] .service-option h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.service-picker *{animation:none!important;transition:none!important}}
/* Native details has an internal content wrapper; anchor the desktop panel to
   the picker so its height cannot stretch the first summary row. */
@media(min-width:761px){.service-picker{display:block;position:relative;min-height:448px}.service-option{display:block}.service-option>summary{width:43%;min-height:64px}.service-detail{position:absolute;inset-block:0;inset-inline-end:0;width:53%;grid-area:auto}.service-detail .expertise-art{height:150px}}
@media(min-width:761px) and (max-width:1100px){.service-picker{min-height:500px}}