#services .strategy-program-group .service-program-trigger{display:flex;align-items:baseline;justify-content:flex-start;gap:7px;font:400 16px/1.5 'DM Sans',Arial,sans-serif;color:#eee;margin:0 0 14px;padding:0;text-align:left;cursor:pointer}
#services .strategy-program-group .service-program-trigger:last-child{margin-bottom:0}
#services .service-program-trigger.is-selected{color:#ddcfb8}
#services .service-program-trigger:hover{color:#fff;opacity:1;text-decoration:underline;text-underline-offset:5px}
#services .services-method-quote[hidden],#services .service-detail[hidden]{display:none}

/* Lenis owns the scroll animation: native smooth scrolling must not compete. */
html.lenis{scroll-behavior:auto!important}
#services .service-detail{position:relative;width:74%;max-width:950px;margin:52px auto 0 max(9%,calc((100% - 1050px)/2));padding:0 0 40px;background:#fff;border:0;color:#171817;scroll-margin-top:100px;overflow-anchor:none}
#services .service-detail-close{position:absolute;right:0;top:0;font-size:26px;font-weight:300;line-height:1;width:36px;height:36px;color:#555}
#services .service-detail h3{font:400 clamp(26px,2.2vw,32px)/1.2 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;max-width:none;margin:0 44px 25px 0}
#services .service-detail-lead{font:400 15px/1.7 'DM Sans',Arial,sans-serif;color:#171817;max-width:none;margin:0 0 18px;white-space:nowrap;letter-spacing:-.015em}
#services .service-detail-lead strong{font-weight:700}
#services .service-detail-description{font:400 15px/1.7 'DM Sans',Arial,sans-serif;color:#686963;max-width:none;margin:0 0 34px}
#services .service-detail dl{margin:0;font:400 14px/1.65 'DM Sans',Arial,sans-serif;color:#686963}
#services .service-detail dl>div{display:grid;grid-template-columns:22% 1fr;gap:24px;padding:20px 0;margin:0;border-top:1px solid #dfdcd6}
#services .service-detail dt{font:600 13px/1.65 'Vestige Labels',Georgia,serif;letter-spacing:.16em;text-transform:uppercase;color:#222;margin:0}
#services .service-detail dd{margin:0}
#services .service-detail-pending{font-size:15px;color:#777}
@media(max-width:1000px){
 #services .service-detail{width:94%;margin-left:3%}
 #services .service-detail-lead{font-size:15px;white-space:normal}
}
@media(max-width:650px){
 #services .service-detail{width:100%;margin-left:0;margin-top:32px;padding-bottom:32px}
 #services .service-detail h3{font-size:24px;margin-bottom:22px}
 #services .service-detail-lead{font-size:14px;white-space:normal;margin-bottom:16px}
 #services .service-detail-description{font-size:14px;line-height:1.7;margin-bottom:28px}
 #services .service-detail dl{font-size:13px}
 #services .service-detail dl>div{grid-template-columns:94px 1fr;gap:16px;padding:18px 0}
 #services .service-detail dt{font-size:11px;letter-spacing:.12em}
}

#services .service-detail-subitem{font:inherit;color:inherit;margin:0 0 12px}
#services .service-detail-subitem:last-child{margin-bottom:0}
#services .service-detail-subitem strong{font-weight:600}
#services .service-detail-note{font:400 13px/1.65 "DM Sans",Arial,sans-serif;color:#777;margin:22px 0 0}

#services .service-detail-note{font-family:"DM Sans",Arial,sans-serif;font-style:normal;letter-spacing:normal;text-transform:none}

#services .service-detail-note{width:100%;max-width:none;white-space:normal;text-wrap:wrap}

/* Let the three strategy steps use the full description width. */
#services .service-detail-description > .service-detail-subitem{width:100%;max-width:none;text-wrap:wrap}

#services .service-detail-list{list-style:disc;margin:8px 0 14px;padding-left:18px;font:inherit;color:inherit}
#services .service-detail-list li{margin:0 0 5px;padding:0}
#services .service-detail dd > .service-detail-list{margin-top:0;margin-bottom:0}

/* Match service content to the introductory description: 16px desktop, 14px mobile. */
.services-landing #services{--service-copy-size:16px}
#services .strategy-program-group h4,
#services .strategy-program-group .service-program-trigger,
#services .service-detail-lead,
#services .service-detail-description,
#services .service-detail dl,
#services .service-detail dt{font-size:var(--service-copy-size)}
#services .service-detail-lead{white-space:normal}
@media(max-width:650px){
 .services-landing #services{--service-copy-size:14px}
 html #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:16px;line-height:1.4;letter-spacing:-.015em}
 #services #mobile-service-advisory .strategy-program-group:first-child{padding-bottom:35px}
}

/* Tighten the space above the module contracting note. */
#services .service-detail-module-note{margin-top:8px}

/* Keep the retainer directly below the one-time review. */
#services #mobile-service-advisory .strategy-program-group:first-child{padding-bottom:0}
#services #mobile-service-advisory .mobile-service-body{justify-content:flex-start;gap:28px}

/* Compact mobile cards without changing their width or typography. */
@media(max-width:650px){
 #services .mobile-service-inner{height:360px;min-height:360px}
 .services-landing #services .mobile-service-front{min-height:0}
 #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{min-height:128px;padding-top:12px;padding-bottom:16px}
 #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{padding-top:20px;padding-bottom:20px;gap:22px}
}

#services .service-detail-actions{margin-top:32px;font:400 15px/1.65 'DM Sans',Arial,sans-serif}
#services .service-detail-cta{display:inline-flex;align-items:center;justify-content:center;background:#171817;color:#fff;border:1px solid #171817;border-radius:999px;padding:12px 20px;min-height:44px;font-size:14px}
#services .service-detail-custom{margin-top:26px;color:#686963}
#services .service-detail-custom strong{display:block;color:#171817;font-weight:600}
#services .service-detail-custom p{max-width:none;margin:3px 0 0}
#services .service-detail-custom a{color:#96754d;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){#services .service-detail-actions{margin-top:26px;font-size:14px}#services .service-detail-custom{margin-top:23px}}

#services .service-card-custom{width:100%;margin-top:auto;padding-top:12px;color:#ccc;font:400 12px/1.45 'DM Sans',Arial,sans-serif}
#services .service-card-custom strong{display:block;color:#eee;font-weight:600}
#services .service-card-custom p{margin:3px 0 0;max-width:none}
#services .service-card-custom a{color:#d4bb95;text-decoration:underline;text-underline-offset:3px}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{justify-content:flex-start;gap:9px;min-height:120px}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:18px;line-height:1.25;margin:0}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{justify-content:flex-start;gap:14px}
#services .strategy-program-group h4{margin-bottom:8px}
#services .strategy-program-group .service-program-trigger{margin-bottom:8px}
@media(max-width:650px){#services .mobile-service-inner{height:430px;min-height:430px}html #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:15px;line-height:1.3}#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{min-height:110px}#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{gap:12px}#services .service-card-custom{font-size:12px}}

/* Service card refinements */
#services .service-card-custom{font-size:13px}
#services .service-card-custom a{font-weight:400;white-space:nowrap}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:20px;line-height:1.25}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{gap:22px}
#services .strategy-program-group h4{color:#d4bb95}
#services .service-program-trigger.is-selected{color:#eee;text-decoration:underline;text-underline-offset:5px}
@media(min-width:651px){#services .mobile-service-inner{height:480px;min-height:480px}}
@media(max-width:650px){#services .mobile-service-inner{height:460px;min-height:460px}html #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:16px}#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{gap:20px}#services .service-card-custom{font-size:12.5px}}

#services .service-program-trigger.is-selected:hover{color:#eee}

#services .service-detail-without-note .service-detail-actions{margin-top:16px}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:22px}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{gap:28px}
#services .service-card-custom{font-size:clamp(12px,0.95vw,14px);letter-spacing:-.015em}
@media(min-width:651px){#services .mobile-service-inner{height:510px;min-height:510px}}
@media(max-width:650px){html #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner h3{font-size:18px}#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{gap:25px}#services .mobile-service-inner{height:490px;min-height:490px}#services .service-card-custom{font-size:clamp(11px,3.2vw,13.5px);letter-spacing:-.025em}}
/* Give the photo and its heading a little more breathing room. */
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{min-height:138px;gap:18px}
@media(min-width:651px){#services .mobile-service-inner{height:528px;min-height:528px}}
@media(max-width:650px){#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{min-height:128px;gap:18px}#services .mobile-service-inner{height:508px;min-height:508px}}
@media(min-width:651px){#services .mobile-service-inner{height:505px;min-height:505px}}
@media(max-width:650px){#services .mobile-service-inner{height:485px;min-height:485px}}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{min-height:146px}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{padding-top:26px}
@media(min-width:651px){#services .mobile-service-inner{height:490px;min-height:490px}}
@media(max-width:650px){#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-banner{min-height:136px}#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{padding-top:26px}#services .mobile-service-inner{height:470px;min-height:470px}}
#services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{padding-top:32px}
@media(min-width:651px){#services .mobile-service-inner{height:478px;min-height:478px}}
@media(max-width:650px){#services .mobile-service-inner{height:458px;min-height:458px}}
@media(max-width:650px){
 #services .mobile-service-inner{height:438px;min-height:438px}
 #services .service-card-custom{margin-top:0}
 #services :is(#mobile-service-strategy,#mobile-service-experience,#mobile-service-advisory) .mobile-service-body{gap:16px;padding-bottom:14px}
}

@media(max-width:650px){#services .custom-desktop-word{display:none}}

#services .service-detail[data-program="VIC Experience Program"] .service-detail-note{margin-top:10px}
#services .service-detail-cta{gap:8px}
#services .service-cta-arrow{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}