.sa-showcase{padding:72px 0 80px;background:#fff;color:#082c42}
.sa-showcase .sa-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.sa-head{margin-bottom:32px}
.sa-head .sa-kicker{margin:0 0 15px;color:#087c78;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.sa-head h2{max-width:980px;margin:0 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em}
.sa-head>p:last-child{max-width:820px;margin:0;color:#587080;font-size:16px;line-height:1.6}
.sa-media{overflow:hidden;margin:0;border-radius:18px;background:#edf5f4}
.sa-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(.98)}
.sa-list{margin:0;padding:0;list-style:none}
.sa-item h3{margin:0 0 9px;font-size:18px;line-height:1.22;letter-spacing:-.025em}
.sa-item p{margin:0;color:#587080;font-size:13px;line-height:1.55}
.sa-number{color:#087c78;font-variant-numeric:tabular-nums}

/* Option 1: panoramic institutional path */
.sa-path .sa-media{height:390px}
.sa-path .sa-list{position:relative;display:grid;margin-top:22px;grid-template-columns:repeat(var(--sa-count),minmax(0,1fr));gap:22px}
.sa-path .sa-list:before{position:absolute;top:24px;right:0;left:0;border-top:1px solid rgba(8,148,141,.5);content:""}
.sa-path .sa-item{position:relative;padding-top:72px}
.sa-path .sa-number{position:absolute;top:0;left:0;z-index:1;display:grid;width:48px;height:48px;place-items:center;border:4px solid #fff;border-radius:50%;background:#15938e;box-shadow:0 8px 20px rgba(4,91,89,.11);color:#fff;font-size:13px;font-weight:700}
.sa-path .sa-number:after{position:absolute;top:44px;left:50%;height:19px;border-left:1px solid #15938e;content:""}

/* Option 2: protected object with surrounding applications */
.sa-focus .sa-body{position:relative;min-height:610px}
.sa-focus .sa-media{width:54%;height:610px;margin-inline:auto}
.sa-focus .sa-list{position:absolute;inset:0}
.sa-focus .sa-item{position:absolute;width:21%;padding-top:58px}
.sa-focus .sa-item:before{position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:#e8f7f5;content:""}
.sa-focus .sa-number{position:absolute;top:13px;left:13px;z-index:1;font-size:12px;font-weight:700}
.sa-focus .sa-item:nth-child(1){top:56px;left:0}
.sa-focus .sa-item:nth-child(2){bottom:58px;left:0}
.sa-focus .sa-item:nth-child(3){top:56px;right:0}
.sa-focus .sa-item:nth-child(4){right:0;bottom:58px}
.sa-focus .sa-item h3:after{display:block;width:58px;margin-top:15px;border-top:1px solid #15938e;content:""}

/* Option 3: image and editorial directory */
.sa-directory .sa-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:stretch}
.sa-directory .sa-media{min-height:560px}
.sa-directory .sa-list{display:grid}
.sa-directory .sa-item{display:grid;padding:22px 0;grid-template-columns:92px 1fr;align-content:center;border-bottom:1px solid #d9e7e8}
.sa-directory .sa-item:first-child{border-top:1px solid #d9e7e8}
.sa-directory .sa-number{grid-row:1/3;font-size:54px;font-weight:300;line-height:1;letter-spacing:-.06em}
.sa-directory .sa-item h3{margin-top:2px}

@media(max-width:1000px){
  .sa-path .sa-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}.sa-path .sa-list:before{display:none}.sa-path .sa-item{min-height:174px;padding:28px 0 26px 64px;border-top:1px solid #d9e7e8}.sa-path .sa-number{top:24px;width:42px;height:42px;border-width:3px}.sa-path .sa-number:after{display:none}.sa-path .sa-item:last-child:nth-child(odd){grid-column:1/-1}
  .sa-focus .sa-body{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:28px 42px}.sa-focus .sa-media{width:100%;height:520px;grid-column:1/-1}.sa-focus .sa-list{position:static;display:contents}.sa-focus .sa-item,.sa-focus .sa-item:nth-child(n){position:relative;inset:auto;width:auto;min-height:150px;padding:58px 0 20px}.sa-focus .sa-item h3:after{display:none}
  .sa-directory .sa-body{grid-template-columns:1fr}.sa-directory .sa-media{min-height:460px}.sa-directory .sa-item{grid-template-columns:78px 1fr}.sa-directory .sa-number{font-size:46px}
}
@media(max-width:640px){
  .sa-showcase{padding:52px 0 58px}.sa-showcase .sa-shell{width:min(100% - 32px,1180px)}.sa-head{margin-bottom:24px}.sa-head h2{font-size:34px}.sa-head>p:last-child{font-size:15px}
  .sa-path .sa-media{height:auto;aspect-ratio:1.35/1}.sa-path .sa-list{grid-template-columns:1fr;margin-top:18px}.sa-path .sa-item,.sa-path .sa-item:last-child:nth-child(odd){grid-column:auto;min-height:0;padding:22px 0 22px 58px}.sa-path .sa-number{top:19px;width:38px;height:38px;font-size:11px}
  .sa-focus .sa-body{grid-template-columns:1fr;gap:0}.sa-focus .sa-media{height:auto;aspect-ratio:1/1;grid-column:auto}.sa-focus .sa-list{display:block}.sa-focus .sa-item,.sa-focus .sa-item:nth-child(n){min-height:0;padding:22px 0 22px 58px;border-bottom:1px solid #d9e7e8}.sa-focus .sa-item:before{top:19px;width:38px;height:38px}.sa-focus .sa-number{top:30px;left:11px}
  .sa-directory .sa-media{min-height:0;aspect-ratio:1.12/1}.sa-directory .sa-body{gap:18px}.sa-directory .sa-item{padding:20px 0;grid-template-columns:62px 1fr}.sa-directory .sa-number{font-size:36px}.sa-item h3{font-size:18px}.sa-item p{font-size:13px}
}