/* ============================================================================================
   Made in Evolve — service landings (on the case study language, css/case-sotf.css). Loaded after it.
   ============================================================================================ */
.ssvc a,.sinfo a{color:inherit;text-decoration:none}.ssvc a:hover,.sinfo a:hover{opacity:.6}
/* a service: the picture on one side, on the other its text, riding along while the picture goes by */
.ssv{align-items:stretch}
.svt{position:relative;width:707px;flex:none}
.svs{position:sticky;top:52px;padding:11px 0 40px 136px;box-sizing:border-box}
.ssv.rev .svs{padding-left:0;padding-right:136px}
.svn{font:400 12px/16px 'Lusitana',Georgia,serif;letter-spacing:-.02em}
.svh{margin:6px 0 0!important;font:400 40px/40px 'Lusitana',Georgia,serif!important;letter-spacing:-.04em}
.svh .lm{white-space:normal!important}
.svd{margin-top:40px;font:400 12px/16px 'Lusitana',Georgia,serif;letter-spacing:-.03em;text-align:justify}
.svd p{width:283px;white-space:normal!important}
.svd .b{margin:16px 0 0 91px!important}
.svl{margin-top:40px!important;width:100%}
.svl .li,.sva .li{display:flex;gap:24px}
.svi{opacity:.5;font-variant-numeric:tabular-nums}
.sfig.card{width:465px;height:541px}
/* selected work */
.scards{display:flex;gap:13px;width:1422px}
.scard{display:block;width:465px;color:inherit;text-decoration:none}
.scard .sfig{margin-bottom:12px}
.scn,.scy,.scs{display:block;font:400 12px/16px 'Lusitana',Georgia,serif;letter-spacing:-.02em}
.scn{font-size:16px;line-height:18px;letter-spacing:-.03em}
.scs{margin-top:8px}
.scard:hover .sfig img{scale:1.03}.scard .sfig img{transition:scale 1.2s cubic-bezier(.2,.7,.1,1)}
.mk{position:absolute;left:0;right:0;top:298px;text-align:center;font:400 12px/14px 'Lusitana',Georgia,serif;opacity:.6}
/* all services: an area per row */
.svl2{margin-top:40px}
.sva+.sva{margin-top:32px}
.svan{font:400 16px/18px 'Lusitana',Georgia,serif;letter-spacing:-.02em;margin-bottom:6px!important}
.svgo{display:inline-block;margin-top:40px;color:inherit;text-decoration:none;font:400 12px/16px 'Helvetica Neue',Helvetica,Arial,sans-serif}
.svgo:hover,.svh a:hover{opacity:.6}.svh a{color:inherit;text-decoration:none}
@media (max-width:1023px){
  .svt{width:auto}.svs{position:static;padding:24px 0 8px!important}
  .ssv.rev{flex-direction:column-reverse}
  .svh{font-size:28px!important;line-height:30px!important}.svd p{width:auto}.svd .b{margin-left:0!important}
  .scards{flex-direction:column;width:auto}.scard{width:auto}.sfig.card{width:100%;height:auto;aspect-ratio:465/541}
  .mk{top:66%}
}