/* The cards share the film's stage; static variants stay in document flow. */
#services .services-content{position:relative;padding:32px var(--services-gutter) 56px;outline-offset:-6px;scroll-margin-top:0}
#services .services-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;max-width:1680px;margin:0 auto}
#services .service-drop{position:relative;min-width:0;border-radius:8px;transform-origin:50% 50%;isolation:isolate}
#services .service-drop:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent 15%,#ffffff42 47%,transparent 72%);opacity:var(--drop-sheen,0);transform:translateX(var(--drop-glint,0px))}
#services .service-offer{min-width:0;overflow:hidden;border:1px solid #ffffff30;border-radius:8px;background:linear-gradient(135deg,#222627f5,#111415f5);box-shadow:inset 0 1px 0 #ffffff19,0 12px 32px #0003;transition:border-color .25s,background-color .25s}
#services .service-offer:is(:hover,:focus-within){border-color:#ffffff69}
#services .service-offer[open]{border-color:#d6e6bc73;background-color:#181d1b}
#services .service-offer summary{position:relative;display:grid;grid-template-columns:1fr 28px;grid-template-rows:15px minmax(28px,auto) minmax(44px,auto);gap:15px 16px;align-items:center;min-height:164px;padding:24px;list-style:none;cursor:pointer;outline-offset:-5px}
#services .service-offer summary::-webkit-details-marker{display:none}
#services .service-number{grid-column:1;font:400 .625rem/1.5 var(--mono);color:#9ca5a3;margin:0}
#services .service-offer h3{grid-column:1;grid-row:2;font-size:1.375rem;line-height:1.25;font-weight:500;margin:0;overflow-wrap:anywhere}
#services .service-card-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto}
#services .service-card-icon svg{width:100%;height:100%;stroke-width:1.5}
#services summary>.service-card-icon{grid-column:2;grid-row:1/3;justify-self:end;width:28px;height:28px;color:#c9d1cc;transition:transform .4s var(--ease),color .2s}
#services summary:hover>.service-card-icon{color:var(--solar)}
#services .service-offer[open] summary>.service-card-icon{transform:rotate(45deg);color:var(--solar)}
#services .service-summary{grid-column:1/-1;align-self:start;font-size:.8125rem;line-height:1.65;color:#aeb6b2;max-width:32ch;margin:0}
#services .service-card-body{overflow:auto;scrollbar-width:thin;scrollbar-color:#65736b #151918}
#services .service-card-content{padding:0 24px 22px}
#services .service-description{border-top:1px solid #ffffff21;padding-top:18px;margin:0;color:#d0d5d2;font-size:.8125rem;line-height:1.7}
#services .service-scope{list-style:none;margin:16px 0 8px;padding:0;color:#aab7ae;font-size:.75rem;line-height:1.6}
#services .service-scope li{position:relative;padding:4px 0 4px 13px;overflow-wrap:anywhere}
#services .service-scope li:before{content:'';position:absolute;left:0;top:13px;width:4px;height:4px;background:#b7cc94;border-radius:50%}
#services .service-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;color:#eff6e8;font-size:.75rem;line-height:1.5}
#services .service-cta>.service-card-icon{width:18px;height:18px;transition:transform .25s var(--ease)}
#services .service-cta:hover{color:var(--solar)}
#services .service-cta:hover>.service-card-icon{transform:translate(2px,-2px)}
#services[data-pinned=true] .services-content{position:absolute;z-index:4;left:0;right:0;top:calc(var(--offers-top,50%) + var(--offers-shift,0px));padding:0 var(--services-gutter);opacity:0;pointer-events:none}
#services[data-pinned=true][data-offers-visible=true] .services-content{opacity:1}
#services[data-pinned=true][data-offers-ready=true] .services-content{pointer-events:auto}
#services[data-pinned=true] .service-card-body{max-height:var(--service-body-space,280px)}
#services[data-pinned=true] .service-drop{will-change:transform,clip-path}
#services[data-pinned=true][data-offers-ready=true] .service-drop{will-change:auto}
#services[data-pinned=false] .service-drop{transform:none!important;clip-path:none!important;filter:none!important;opacity:1!important}
#services[data-pinned=false] .service-drop:after{display:none}
@media(max-width:1100px){
  #services .services-offers{gap:14px}
  #services .service-offer summary{padding:20px;min-height:172px;gap:12px;grid-template-rows:15px minmax(45px,auto) minmax(40px,auto)}
  #services .service-offer h3{font-size:1.125rem}
  #services .service-summary{font-size:.75rem}
  #services .service-card-content{padding-inline:20px}
}
@media(max-width:700px){
  #services .services-content{padding-top:24px;padding-bottom:32px}
  #services .services-offers{grid-template-columns:1fr;gap:12px;max-width:520px}
  #services .service-offer summary{grid-template-columns:20px minmax(0,1fr) 24px;grid-template-rows:auto;min-height:78px;padding:17px 18px;gap:12px}
  #services .service-number{grid-column:1;grid-row:1}
  #services .service-offer h3{grid-column:2;grid-row:1;font-size:1.0625rem;line-height:1.35}
  #services summary>.service-card-icon{grid-column:3;grid-row:1;width:24px;height:24px}
  #services .service-summary{display:none}
  #services .service-card-content{padding:0 18px 14px}
  #services .service-description{font-size:.75rem;padding-top:14px;line-height:1.6}
  #services .service-scope{font-size:.6875rem;margin:10px 0 2px}
  #services .service-scope li{padding-block:3px}
  #services .service-scope li:before{top:11px}
  #services .service-cta{min-height:44px;font-size:.75rem}
}
@media(max-width:359px){#services .service-offer h3{font-size:1rem}#services .service-offer summary{padding-inline:14px;gap:10px}}
@media(max-width:700px) and (max-height:740px){
  #services .services-offers{gap:8px}
  #services .service-offer summary{min-height:64px;padding-block:12px}
  #services .service-card-content{padding-bottom:10px}
  #services .service-description{padding-top:12px;line-height:1.55}
  #services .service-scope{margin:6px 0 0;line-height:1.5}
  #services .service-scope li{padding-block:2px}
}
#services[data-large-text=true] .services-offers{grid-template-columns:1fr;max-width:900px}
#services[data-large-text=true] .service-offer summary{grid-template-columns:1fr 28px;grid-template-rows:auto;gap:16px}
#services[data-large-text=true] .service-number{grid-column:1;grid-row:1}
#services[data-large-text=true] .service-offer h3{grid-column:1;grid-row:2}
#services[data-large-text=true] summary>.service-card-icon{grid-column:2;grid-row:1/3}
@media(prefers-reduced-motion:reduce){#services .services-content *{animation:none!important;transition:none!important}}
html.motion-paused #services .services-content *{animation:none!important;transition:none!important}
@media(forced-colors:active){#services .service-offer{background:Canvas;border:1px solid CanvasText;box-shadow:none}#services .service-number,#services .service-summary,#services .service-description,#services .service-scope,#services .service-cta,#services summary>.service-card-icon{color:CanvasText}#services .service-scope li:before{background:CanvasText}}