@font-face{font-family:PatentFourStaatliches;src:url('../fonts/patent-four/staatliches-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PatentFourLato;src:url('../fonts/patent-four/lato-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PatentFourLato;src:url('../fonts/patent-four/lato-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

.patent-v3-detail-feature-band-four{padding:136px 0 131px;background:#fff}
.patent-v3-detail-feature-band-four>.container{width:100%;max-width:1300px;margin:0 auto;padding:0}
.patent-v2-summary-band-four{padding-top:0}
.patent-four-shell,.patent-four-reference{width:100%;max-width:none;margin:0 auto}
.patent-four-reference{color:#000;font-family:PatentFourLato,Arial,sans-serif;font-size:16px;line-height:23px}
.patent-four-stage{display:grid;width:100%;height:344px;margin:0 auto;grid-template-columns:minmax(0,356.64fr) minmax(0,548.67fr) minmax(0,334.69fr);column-gap:30px;align-items:stretch;background:#fff}
.patent-four-column{display:flex;min-width:0;height:344px;flex-direction:column;gap:170px}
.patent-four-feature{display:flex;width:100%;height:87px;min-width:0;align-items:center;gap:30px}
.patent-four-column-left .patent-four-feature{flex-direction:row-reverse;text-align:right}
.patent-four-column-right .patent-four-feature{flex-direction:row;text-align:left}
.patent-four-copy{min-width:0;flex:1}
.patent-four-copy h3{height:33px;margin:0 0 8px;overflow:hidden;color:#000;font-family:PatentFourStaatliches,'Arial Narrow',Arial,sans-serif;font-size:22px;line-height:33px;font-weight:400;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}
.patent-four-copy p{height:46px;margin:0;overflow:hidden;color:#000;font-family:PatentFourLato,Arial,sans-serif;font-size:16px;line-height:23px;font-weight:400;white-space:pre-line}
.patent-four-icon{position:relative;display:block;width:81px;height:81px;min-width:81px;overflow:visible;color:#000;text-align:center}
.patent-four-icon img,.patent-four-icon i{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%)}
.patent-four-icon-uploaded img{display:block;width:81px;height:81px;object-fit:contain}
.patent-four-icon-fallback{border-radius:50%;background:#a2c42e}
.patent-four-icon i{font-size:27px;line-height:1;font-style:normal}
.patent-four-icon:hover,.patent-four-icon:focus-within{animation:patentFourIconBounceOut .75s linear 1}
.patent-four-media{display:flex;width:100%;height:344px;min-width:0;align-items:center;justify-content:center;overflow:visible;text-align:center}
.patent-four-media img,.patent-four-media video{display:inline-block;width:auto;max-width:100%;height:auto;max-height:344px;object-fit:contain;transform-origin:center}
.patent-four-media img{width:min(498px,100%);aspect-ratio:498/281}
.patent-four-media video{width:100%;max-width:498px;aspect-ratio:498/281}
.patent-four-push{cursor:pointer;outline:none;will-change:transform}
.patent-four-push:hover,.patent-four-push:focus,.patent-four-push:active{animation:patentFourPush .3s linear 1}
@keyframes patentFourPush{50%{transform:scale(.8)}100%{transform:scale(1)}}
@keyframes patentFourIconBounceOut{20%{transform:scale(.9)}50%,55%{transform:scale(1.1)}100%{transform:scale(1)}}

@media (min-width:901px) and (max-width:1366px){
    .patent-v3-detail-feature-band-four{padding:96px 24px}
    .patent-v3-detail-feature-band-four>.container{max-width:100%;padding:0}
    .patent-four-stage{grid-template-columns:minmax(0,346.19fr) minmax(0,455.52fr) minmax(0,355.29fr)}
    .patent-four-column,.patent-four-stage,.patent-four-media{height:344px}
    .patent-four-column{gap:170px}
    .patent-four-feature{gap:30px}
}

@media (min-width:768px) and (max-width:900px){
    .patent-v3-detail-feature-band-four{padding:80px 24px}
    .patent-v3-detail-feature-band-four>.container{max-width:100%;padding:0}
    .patent-four-stage{display:grid;height:auto;grid-template-columns:1fr 1fr;gap:30px}
    .patent-four-column{width:100%;height:398px;gap:30px}
    .patent-four-feature{height:184px;flex-direction:column!important;gap:20px;text-align:center!important}
    .patent-four-copy h3{text-align:center}
    .patent-four-copy p{text-align:center}
    .patent-four-media{grid-column:1/-1;width:100%;height:auto;min-height:0}
    .patent-four-media img,.patent-four-media video{max-height:none}
}

@media (max-width:767px){
    .patent-v3-detail-feature-band-four{padding:80px 24px}
    .patent-v3-detail-feature-band-four>.container{width:100%;max-width:none;padding:0}
    .m-patent-section-four{padding:80px 24px!important;background:#fff}
    .patent-four-reference{font-size:16px;line-height:23px}
    .patent-four-stage{display:flex;width:100%;height:auto;min-height:0;flex-direction:column;gap:30px}
    .patent-four-column{display:flex;width:100%;height:398px;flex-direction:column;gap:30px}
    .patent-four-feature,.patent-four-column-left .patent-four-feature,.patent-four-column-right .patent-four-feature{display:flex;width:100%;height:184px;min-height:184px;align-items:stretch;flex-direction:column;gap:20px;text-align:center}
    .patent-four-copy{width:100%;flex:0 0 83px;text-align:center}
    .patent-four-copy h3{height:33px;margin-bottom:4px;font-size:21px;line-height:33px;text-align:center}
    .patent-four-copy p{height:46px;font-size:16px;line-height:23px;text-align:center}
    .patent-four-icon{width:81px;height:81px;min-width:81px;margin:0 auto}
    .patent-four-media{order:3;width:100%;height:auto;min-height:0}
    .patent-four-media img,.patent-four-media video{width:100%;max-width:498px;height:auto;max-height:none}
    .m-patent-copy-section .xrcontent ol,
    .m-patent-copy-section .xrcontent ul,
    .m-patent-copy-section .xrcontent li,
    .m-patent-copy-section .xrcontent p,
    .m-patent-copy-section .xrcontent table,
    .m-patent-copy-section .xrcontent img{box-sizing:border-box;max-width:100%!important;overflow-wrap:anywhere}
    .m-patent-copy-section .xrcontent ol,
    .m-patent-copy-section .xrcontent ul,
    .m-patent-copy-section .xrcontent li,
    .m-patent-copy-section .xrcontent p{width:auto!important}
    .m-patent-copy-section .xrcontent table{display:block;width:100%!important;overflow-x:auto}
    .m-patent-copy-section .xrcontent img{height:auto!important}
}

@media (prefers-reduced-motion:reduce){
    .patent-four-push:hover,.patent-four-push:focus,.patent-four-push:active,.patent-four-icon:hover,.patent-four-icon:focus-within{animation:none}
}