.smp-shell{width:min(100% - 80px,1340px);margin-inline:auto}
.smp-hero,.smp-field{background:#020202;color:#fff}
.smp-hero{isolation:isolate;position:relative;padding:48px 0 54px;border-bottom:5px solid #fecb01;overflow:hidden}
.smp-hero:before{content:"";position:absolute;z-index:-1;inset:auto auto 0 0;width:22%;height:100px;background:#fe6302;clip-path:polygon(0 26%,0 100%,100% 100%)}
.smp-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,72px);align-items:center}
.smp-hero-copy{padding:18px 0 40px}
.smp-hero .smp-eyebrow{display:inline-block;margin:0 0 22px;padding:8px 18px;background:#fecb01;color:#020202;font-size:.79rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.smp-hero h1{font-size:clamp(3rem,5.6vw,6.1rem);font-weight:850;letter-spacing:-.06em;line-height:.98;margin:0 0 24px;color:#fff;max-width:12ch}
.smp-hero .smp-intro{font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.57;color:#fff;margin:0 0 28px;max-width:43ch}
.smp-actions{display:flex;gap:12px;flex-wrap:wrap}
.smp-hero .smp-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:11px 16px;border:2px solid #fe6302;background:#fe6302;color:#020202;text-decoration:none;font-weight:800;border-radius:7px;font-size:.94rem}
.smp-hero .smp-outline{background:#020202;border-color:#fff;color:#fff}
.smp-hero .smp-button:hover,.smp-hero .smp-button:focus-visible{background:#fecb01;border-color:#fecb01;color:#020202}
.smp-hero-photo,.smp-field figure{margin:0}
.smp-hero-photo img{display:block;width:100%;height:clamp(355px,39vw,590px);object-fit:cover;border:4px solid #fecb01;background:#fff}
.smp-ringlock .smp-hero-photo img{height:clamp(430px,43vw,645px);object-position:50% 51%}
.smp-crosslock .smp-hero-photo img{object-fit:contain;padding:20px}
.smp-hero-photo figcaption,.smp-field figcaption{padding:10px 0 0;font-size:.8rem;line-height:1.4;color:#fff}
.smp-applications,.smp-field,.smp-overview,.smp-factory{padding:clamp(36px,5.4vw,76px) 0}
.smp-kicker{margin:0 0 9px;color:#9d3d00;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.smp-field .smp-kicker{color:#fecb01}
.smp-shell h2{font-size:clamp(2rem,3.5vw,3.8rem);font-weight:820;line-height:1.06;letter-spacing:-.045em;margin:0 0 25px}
.smp-field h2{color:#fff}
.smp-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,3vw,42px)}
.smp-use-grid>div{border-top:3px solid #fecb01;padding:15px 0 0}
.smp-number{color:#9d3d00;font-size:.85rem;font-weight:850}
.smp-use-grid h3{font-size:1.22rem;margin:5px 0 6px}
.smp-use-grid p,.smp-overview p,.smp-factory p{margin:0;color:inherit;line-height:1.58}
.smp-field-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}
.smp-field img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}
.smp-text-link{display:inline-block;margin-top:18px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.smp-field .smp-text-link{color:#fecb01}
.smp-overview{border-bottom:1px solid #ddd}
.smp-overview-grid,.smp-factory-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,65px)}
.smp-overview-grid:not(:has(.editorialsystemphoto)){grid-template-columns:1fr}
.smp-overview-grid p:not(.smp-kicker){max-width:70ch}
.smp-overview .editorialsystemphoto{margin:0;max-width:470px;justify-self:end}
.smp-overview .editorialsystemphoto img{display:block;max-height:295px;width:100%;object-fit:contain}
.smp-factory{background:#020202;color:white}
.smp-factory h2,.smp-factory p,.smp-factory a{color:white}
.smp-factory .smp-kicker,.smp-factory .smp-text-link{color:#fecb01}
.smp-factory img{width:100%;aspect-ratio:1.7;object-fit:cover;border:3px solid #fecb01}
.smp-hero~#specifications,.smp-hero~#system-information{scroll-margin-top:105px}
.smp-quotation{border-top:4px solid #fecb01}
@media(max-width:900px){.smp-shell{width:min(100% - 44px,1340px)}.smp-hero-grid{gap:25px}.smp-hero h1{font-size:clamp(2.5rem,6vw,4rem)}}
@media(max-width:700px){.smp-shell{width:calc(100% - 36px)}.smp-hero{padding:22px 0 20px}.smp-hero:before{display:none}.smp-hero-grid,.smp-field-grid,.smp-overview-grid,.smp-factory-grid{grid-template-columns:1fr;gap:20px}.smp-hero-copy{padding:0}.smp-hero .smp-eyebrow{margin:0 0 12px;font-size:.67rem}.smp-hero h1{font-size:clamp(2.6rem,11vw,3.6rem);margin:0 0 13px;max-width:13ch}.smp-hero .smp-intro{margin-bottom:16px;line-height:1.45}.smp-hero .smp-button{padding:9px 10px;font-size:.84rem;min-height:44px}.smp-hero-photo img,.smp-ringlock .smp-hero-photo img{height:auto;aspect-ratio:1.24;min-height:0}.smp-hero-photo figcaption{font-size:.72rem}.smp-use-grid{grid-template-columns:1fr;gap:16px}.smp-overview .editorialsystemphoto{justify-self:start}.smp-shell h2{margin-bottom:17px}}
/* Match the local site's selector specificity for the product review sections. */
.sm-site section.smp-hero{padding:48px 0 54px}
.sm-site section.smp-applications,.sm-site section.smp-field,.sm-site section.smp-overview,.sm-site section.smp-factory{padding:clamp(36px,5.4vw,76px) 0}
.sm-site .smp-hero-photo figcaption,.sm-site .smp-field figcaption{padding:10px 0 0;color:#fff}
.sm-site .smp-quotation .contactpanel{background:#020202;border-color:#fecb01}
.sm-site .smp-quotation .contactpanel :is(h2,p,a){color:#fff}
.sm-site .smp-quotation .contactpanel .eyebrow{color:#fecb01}
.sm-site .smp-quotation .contactpanel a.btn{background:#fe6302;color:#020202}
@media(min-width:1050px){.smp-hero .smp-shell{width:auto;max-width:1340px;margin-left:max(40px,calc((100% - 1340px)/2));margin-right:max(88px,calc((100% - 1340px)/2))}}
@media(max-width:700px){.sm-site section.smp-hero{padding:22px 0 24px}.sm-site .smp-hero-photo figcaption{font-size:.72rem}}
/* Assembly and connection photographs share the original hero image footprint. */
.smp-media-study{position:relative;border:4px solid #fecb01;overflow:hidden;height:clamp(355px,39vw,590px)}
.sm-site .smp-media-study img{border:0}
.sm-site .smp-media-study .smp-primary-photo{height:100%;width:100%;padding:0}
.smp-crosslock .smp-media-study{display:grid;grid-template-columns:1.75fr 1fr;background:#fff}
.sm-site .smp-crosslock .smp-primary-photo{padding:22px 11px;object-fit:contain;min-width:0;min-height:0}
.smp-connection-views{display:grid;grid-template-rows:1fr 1fr;min-height:0;padding:13px;gap:12px;background:#020202;border-left:3px solid #fecb01}
.smp-connection-views>div,.smp-cup-detail{display:grid;grid-template-rows:minmax(0,1fr) auto;background:#fff;min-width:0;min-height:0}
.sm-site .smp-connection-views img,.sm-site .smp-cup-detail img{width:100%;height:100%;min-height:0;object-fit:contain;padding:10px;aspect-ratio:auto}
.smp-connection-views span,.smp-cup-detail span{background:#020202;color:#fff;border-top:2px solid #fecb01;padding:5px 7px;text-align:center;font-size:clamp(.62rem,1vw,.85rem);font-weight:750;line-height:1.2}
.smp-cup-detail{position:absolute;right:12px;bottom:12px;width:clamp(76px,13vw,150px);height:clamp(88px,14vw,166px);border:2px solid #fecb01;box-shadow:0 4px 16px #020202a0}
@media(max-width:700px){.smp-media-study{height:auto;aspect-ratio:1.24}.smp-connection-views{gap:6px;padding:6px}.sm-site .smp-crosslock .smp-primary-photo{padding:10px 4px}.sm-site .smp-connection-views img,.sm-site .smp-cup-detail img{padding:4px}.smp-cup-detail{right:7px;bottom:7px}.smp-connection-views span,.smp-cup-detail span{padding:4px 2px}}
.sm-site .smp-ringlock .smp-primary-photo{filter:brightness(1.10) contrast(1.03);object-position:50% 57%}
.sm-site .smp-frame .smp-primary-photo{object-position:50% 49%}
.sm-site .smp-cuplock .smp-primary-photo{object-position:63% 50%}