.sf-home #conversion.sf-services-constellation { padding:44px clamp(20px,4.5vw,88px) 48px!important; background:#fff!important; border-top:0!important; color:#14334f; }
.sf-home #conversion.sf-services-constellation .sf-services-heading { display:block!important; text-align:center; margin:0 0 28px!important; }
.sf-home #conversion.sf-services-constellation .sf-services-kicker { margin:0 0 18px!important; font-size:11px!important; letter-spacing:.26em; color:#74889d; }
.sf-home #conversion.sf-services-constellation .sf-services-heading h2 { margin:0!important; font-size:clamp(28px,3.6vw,56px)!important; line-height:1.45; letter-spacing:.03em; }
.sf-home #conversion.sf-services-constellation .sf-services-intro { max-width:none!important; margin:16px auto 0!important; font-size:15px!important; color:#738294; }
.sf-constellation-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,28%) minmax(0,1fr); grid-template-rows:repeat(2,270px); gap:56px 32px; max-width:1560px; margin:auto; }
.sf-home #conversion.sf-services-constellation .sf-service-card { position:relative; isolation:isolate; overflow:hidden; display:block!important; padding:0!important; border:0!important; background:#fff!important; }
.sf-service-partnership { grid-area:1/1; }
.sf-service-recovery { grid-area:1/3; }
.sf-service-procurement { grid-area:2/1; }
.sf-service-repair { grid-area:2/3; }
.sf-home #conversion.sf-services-constellation .sf-service-index { display:flex; align-items:center; gap:20px; margin:0 0 26px!important; }
.sf-home #conversion.sf-services-constellation .sf-service-index span { margin:0!important; font:500 27px/1.3 Georgia,serif!important; color:#b3944c; }
.sf-service-index::after { content:""; height:1px; flex:1; background:#b3944c; opacity:.8; }
.sf-home #conversion.sf-services-constellation .sf-service-recovery .sf-service-index,
.sf-home #conversion.sf-services-constellation .sf-service-repair .sf-service-index { flex-direction:row-reverse; padding-left:0; }
.sf-home #conversion.sf-services-constellation .sf-service-copy { position:relative; z-index:2; padding:0!important; display:flex!important; flex-direction:column; align-items:flex-start; height:auto!important; }
.sf-home #conversion.sf-services-constellation .sf-service-copy h3 { font-size:clamp(23px,2.5vw,38px)!important; line-height:1.4; margin:0 0 12px!important; font-weight:700; }
.sf-home #conversion.sf-services-constellation .sf-service-detail { margin:0!important; font-size:clamp(11px,1.05vw,16px)!important; line-height:1.8; color:#687e94; white-space:nowrap; }
.sf-home #conversion.sf-services-constellation .sf-service-action { display:inline-flex; position:static!important; margin:32px 0 0!important; align-items:center; gap:20px; background:transparent!important; border:0; padding:0; color:#173751; font-size:13px; font-weight:650; cursor:pointer; }
.sf-home #conversion.sf-services-constellation .sf-service-action span { display:grid; place-items:center; width:38px; height:38px; border:1px solid #a8b9c9; border-radius:50%; font-size:18px; transition:background .2s; }
.sf-home #conversion.sf-services-constellation .sf-service-action:hover span { background:#f0f3f6; }
.sf-service-scene { position:absolute; width:64%; height:83%; right:-2%; bottom:0; object-fit:contain; object-position:right bottom; z-index:0; mask-image:linear-gradient(to right,transparent,#000 23%); }
.sf-service-brand { grid-area:1/2/3/3; align-self:center; text-align:center; padding-top:30px; }
.sf-service-brand img { display:block; width:min(100%,330px); height:auto; margin:auto; mix-blend-mode:multiply; }
.sf-home #conversion.sf-services-constellation .sf-service-brand p { margin:14px -10px 0!important; font-size:clamp(13px,1.3vw,20px); color:#14334f; letter-spacing:.27em; padding-left:.27em; white-space:nowrap; }
.sf-service-brand p::after { content:""; display:block; width:44px; height:3px; background:#b3944c; margin:25px auto 0; }
.sf-constellation-grid { position:relative; }
.sf-service-connector { position:absolute; z-index:4; height:1px; background:#b3944c; transform-origin:left center; pointer-events:none; }
.sf-service-connector::before,.sf-service-connector::after { content:""; position:absolute; top:-2px; width:5px; height:5px; border-radius:50%; background:#b3944c; }
.sf-service-connector::before { left:-2px; }
.sf-service-connector::after { right:-2px; }
@media(min-width:761px) {
  .sf-service-brand img { margin-top:-137px; position:relative; left:3px; }
  .sf-service-partnership .sf-service-index::after,.sf-service-procurement .sf-service-index::after { margin-right:28px; }
  .sf-service-recovery .sf-service-index::after,.sf-service-repair .sf-service-index::after { margin-left:28px; }
  .sf-service-scene { mask-image:linear-gradient(to right,transparent,#000 42%); }
}
@media(max-width:760px) { .sf-service-connector { display:none; } }
.sf-home #conversion.sf-services-constellation .sf-service-action { width:auto!important; min-width:112px; max-width:none!important; white-space:nowrap; flex-shrink:0; }
@media(max-width:1100px) {
  .sf-constellation-grid { grid-template-columns:minmax(0,1fr) minmax(155px,20%) minmax(0,1fr); grid-template-rows:repeat(2,235px); gap:22px 12px; }
  .sf-home #conversion.sf-services-constellation .sf-service-detail { white-space:normal; max-width:18em; font-size:11px!important; }
  .sf-home #conversion.sf-services-constellation .sf-service-copy h3 { font-size:23px!important; }
  .sf-service-scene { width:73%; height:64%; opacity:.8; }
}
@media(max-width:760px) {
  .sf-home #conversion.sf-services-constellation { padding:32px 20px!important; }
  .sf-home #conversion.sf-services-constellation .sf-services-kicker { font-size:8px!important; letter-spacing:.16em; }
  .sf-home #conversion.sf-services-constellation .sf-services-heading h2 { font-size:27px!important; }
  .sf-home #conversion.sf-services-constellation .sf-services-intro { font-size:12px!important; line-height:1.8; }
  .sf-constellation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:26px 18px; }
  .sf-service-brand { grid-area:1/1/2/3; padding:0; }
  .sf-service-brand img { width:150px; margin:auto; }
  .sf-home #conversion.sf-services-constellation .sf-service-brand p { font-size:14px; margin-top:4px!important; }
  .sf-service-brand p::after { margin-top:15px; }
  .sf-service-partnership { grid-area:2/1; }
  .sf-service-recovery { grid-area:2/2; }
  .sf-service-procurement { grid-area:3/1; }
  .sf-service-repair { grid-area:3/2; }
  .sf-home #conversion.sf-services-constellation .sf-service-card { min-height:300px; }
  .sf-home #conversion.sf-services-constellation .sf-service-index { margin-bottom:15px!important; gap:10px; }
  .sf-home #conversion.sf-services-constellation .sf-service-index span { font-size:22px!important; }
  .sf-home #conversion.sf-services-constellation .sf-service-copy h3 { font-size:20px!important; }
  .sf-home #conversion.sf-services-constellation .sf-service-detail { font-size:10px!important; }
  .sf-service-scene { width:100%; right:0; height:125px; bottom:4px; opacity:1; mask-image:none; }
  .sf-home #conversion.sf-services-constellation .sf-service-action { margin-top:17px!important; font-size:11px; gap:9px; }
  .sf-home #conversion.sf-services-constellation .sf-service-action span { width:28px; height:28px; font-size:15px; }
}