.ss-about-showcase{--ss-heading:#0c1f3d;--ss-accent:#e51b16;--ss-body:#14213d;--ss-surface:#fff;--ss-border:#d6dbe3;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:clamp(18px,3vw,42px);background:#f6f7f8;color:var(--ss-body);font-family:var(--ss-body-font);overflow:hidden}
.ss-about-showcase *{box-sizing:border-box}
.ss-top{display:grid;grid-template-columns:minmax(270px,31%) 1fr;gap:clamp(18px,2vw,34px);align-items:stretch}
.ss-copy{padding:10px 0 20px}
.ss-eyebrow,.ss-title{font-family:var(--ss-heading-font);font-weight:800;line-height:.98;letter-spacing:-.04em}
.ss-eyebrow{font-size:var(--ss-heading-size);color:var(--ss-heading)}
.ss-title{font-size:var(--ss-title-size);color:var(--ss-accent);margin:.1em 0 .35em}
.ss-rule{width:60px;height:3px;background:var(--ss-accent);margin:18px 0}
.ss-intro{font-size:var(--ss-body-size);line-height:1.48;max-width:430px;margin:0 0 18px}
.ss-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}
.ss-service{text-align:center;min-width:0}
.ss-service-img{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 7px;border-radius:50%}
.ss-service-title{font-size:12px;line-height:1.28;font-weight:800;color:var(--ss-body)}
.ss-products{position:relative;min-height:540px;border-radius:4px;overflow:hidden;background-image:var(--ss-products-bg);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(12,31,61,.06);transform-origin:center;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}
.ss-products::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 32%,transparent 100%);pointer-events:none}
.ss-products-shimmer{position:absolute;inset:-20% -50%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-65%);pointer-events:none}
.ss-products.is-visible .ss-products-shimmer{animation:ssProductShimmer 2.2s ease .25s 1}
@keyframes ssProductShimmer{to{transform:translateX(65%)}}
.ss-hover-lift .ss-products:hover{transform:scale(1.012)}
.ss-hover-zoom .ss-products:hover{transform:scale(1.025)}
.ss-features{margin-top:28px;padding:18px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.94);border:1px solid rgba(20,33,61,.08);border-radius:14px;box-shadow:0 10px 30px rgba(12,31,61,.08)}
.ss-feature{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:6px 18px;border-right:1px solid var(--ss-border)}
.ss-feature:last-child{border-right:0}
.ss-feature-img{width:72px;height:72px;object-fit:contain}
.ss-feature h3{font-size:15px;line-height:1.1;margin:0 0 8px;font-family:var(--ss-heading-font);color:var(--ss-heading)}
.ss-feature p{font-size:13px;line-height:1.45;margin:0}
.ss-hover-lift .ss-service,.ss-hover-lift .ss-feature{transition:transform .28s ease,filter .28s ease}
.ss-hover-lift .ss-service:hover,.ss-hover-lift .ss-feature:hover{transform:translateY(-5px)}
.ss-hover-zoom .ss-service-img,.ss-hover-zoom .ss-feature-img{transition:transform .3s ease}.ss-hover-zoom .ss-service:hover .ss-service-img,.ss-hover-zoom .ss-feature:hover .ss-feature-img{transform:scale(1.06)}
.ss-anim{opacity:0;will-change:transform,opacity;transition:opacity var(--ss-duration) ease,transform var(--ss-duration) cubic-bezier(.2,.8,.2,1)}
[data-animation="fade-up"] .ss-anim{transform:translateY(24px)}[data-animation="zoom"] .ss-anim{transform:scale(.88)}[data-animation="slide-left"] .ss-anim{transform:translateX(35px)}[data-animation="slide-right"] .ss-anim{transform:translateX(-35px)}[data-animation="float"] .ss-anim{transform:translateY(18px)}
.ss-anim.is-visible{opacity:1;transform:none}
[data-animation="float"] .ss-anim.is-visible{animation:ssFloat 3.6s ease-in-out .7s infinite}
@keyframes ssFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
[data-animation="none"] .ss-anim{opacity:1;transform:none;transition:none}
.ss-reference{margin-top:20px}.ss-reference img{max-width:100%;height:auto;display:block}
@media(max-width:1100px){.ss-eyebrow,.ss-title{font-size:clamp(36px,4vw,46px)}.ss-services{grid-template-columns:repeat(3,1fr)}.ss-products{min-height:500px}.ss-feature{grid-template-columns:58px 1fr;padding:5px 10px}.ss-feature-img{width:58px;height:58px}}
@media(max-width:820px){.ss-top{grid-template-columns:1fr}.ss-copy{padding-bottom:0}.ss-intro{max-width:none}.ss-products{min-height:500px}.ss-features{grid-template-columns:repeat(2,1fr)}.ss-feature:nth-child(2){border-right:0}.ss-feature:nth-child(-n+2){border-bottom:1px solid var(--ss-border);padding-bottom:15px}.ss-feature:nth-child(n+3){padding-top:15px}}
@media(max-width:560px){.ss-about-showcase{padding:14px}.ss-eyebrow{font-size:34px}.ss-title{font-size:36px}.ss-intro{font-size:16px}.ss-services{grid-template-columns:repeat(2,1fr);gap:16px 8px}.ss-service-img{width:62px;height:62px}.ss-service-title{font-size:11px}.ss-products{min-height:380px}.ss-features{grid-template-columns:1fr;padding:10px}.ss-feature,.ss-feature:nth-child(2),.ss-feature:nth-child(3){border-right:0;border-bottom:1px solid var(--ss-border);padding:12px 5px}.ss-feature:last-child{border-bottom:0}.ss-feature-img{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.ss-anim{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}