.cjp.banner{position:relative;overflow:hidden;width:100%;--banner-bg: url("../../../assets/images/design/bg-green.webp")}.cjp.banner.banner--blue-green{--banner-bg: url("../../../assets/images/design/bg-blue-green_dark.webp")}.cjp.banner.banner--blue-green p{color:var(--white)}.cjp.banner.banner--yellow{--banner-bg: url("../../../assets/images/design/bg-yellow.webp")}.cjp.banner.banner--yellow h1,.cjp.banner.banner--yellow p{color:var(--dark-blue)}.cjp.banner.banner--purple{--banner-bg: url("../../../assets/images/design/bg-purple.webp")}.cjp.banner.banner--purple p{color:var(--white)}.cjp.banner.banner--orange{--banner-bg: url("../../../assets/images/design/bg-orange.webp")}.cjp.banner.banner--green{--banner-bg: url("../../../assets/images/design/bg-green.webp")}.cjp.banner.banner--blue{--banner-bg: url("../../../assets/images/design/bg-blue.webp")}.cjp.banner.banner--blue p{color:var(--white)}.cjp.banner::after{position:absolute;top:0;left:0;width:100%;height:82%;border-radius:.75rem;background-image:var(--banner-bg);background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--beige);content:""}@media screen and (min-width:1024px){.cjp.banner::after{height:68.8%;border-radius:1.25rem}}.cjp.banner:not(:has(figure))::after{border-radius:1.25rem;height:100%}@media screen and (min-width:1320px){.cjp.banner:not(:has(figure)) article{padding:7.6875rem 5rem 7.6875rem}}.cjp.banner:not(:has(figure)) h1{margin-bottom:0;line-height:110%}@media screen and (min-width:1199px){.cjp.banner:not(:has(figure)) h1{font-size:4.6875rem}}.cjp.banner .wrapper{position:relative;z-index:1}.cjp.banner article{padding:2.5rem 0;color:var(--beige);text-align:center}@media screen and (min-width:768px){.cjp.banner article{padding:2.5rem 1.875rem}}@media screen and (min-width:1024px){.cjp.banner article{padding:4.375rem 3.125rem 3.75rem}}@media screen and (min-width:1320px){.cjp.banner article{padding:4.1875rem 5rem 3.75rem}}.cjp.banner article p{font-family:"Open Sans",sans-serif;color:var(--dark-gray);text-align:center;font-size:1.125rem;font-weight:600;line-height:150%}@media screen and (min-width:1024px){.cjp.banner article p{font-weight:600}}.cjp.banner h1{margin-bottom:2rem;color:var(--white);font-size:clamp(2.5rem,3.33333vw + 1.6875rem,4.6875rem);line-height:110%;text-align:center;text-shadow:var(--text-shadow)}@media screen and (min-width:1320px){.cjp.banner h1{margin-bottom:2.25rem}}.cjp.banner .aspect-box{--aspect-ratio: 197/350}@media screen and (min-width:991px){.cjp.banner .aspect-box{--aspect-ratio: 654/1240}}.cjp.banner .banner__video-wrap{position:relative}.cjp.banner .banner__play-btn{position:absolute;inset:0;display:grid;place-items:center;outline:none;border:none;background:none;cursor:pointer;z-index:2}.cjp.banner .banner__play{width:3.75rem;height:3.75rem}@media screen and (min-width:991px){.cjp.banner .banner__play{width:5.625rem;height:5.625rem}}.cjp.banner .banner__play img{width:100%;height:100%;object-fit:contain}.banner__video-content{text-align:center;margin-top:1.5rem}.banner__video-content .banner__video-title{font-size:clamp(1.25rem,1.14286vw + .97142875rem,2rem)}.banner__video-content .banner__video-description{font-size:1.125rem;color:var(--dark-gray)}.section.section--video-matrix{padding:0 0 3.75rem}@media screen and (min-width:991px){.section.section--video-matrix{padding:3.5rem 0}}.section.section--video-matrix .video-matrix__grid{display:flex;flex-direction:column;margin:0 -1.25rem}@media screen and (min-width:768px){.section.section--video-matrix .video-matrix__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin:0}}@media screen and (min-width:1199px){.section.section--video-matrix .video-matrix__grid{row-gap:5rem;grid-template-columns:repeat(3, 1fr)}}.section.section--video-matrix .video-matrix__grid .slick-list{display:flex;padding-left:1.25rem}.section.section--video-matrix .video-matrix__grid .slick-track{display:flex}.section.section--video-matrix .video-matrix__grid .slick-slide{flex:1;padding-right:1.125rem}.section.section--video-matrix .video-matrix__grid .slick-dots{position:relative;left:50%;display:flex;width:fit-content;align-items:center;padding:.5rem .75rem;border-radius:3.125rem;backdrop-filter:blur(1.25rem);background-color:var(--light-gray);gap:.5rem;transform:translateX(-50%);bottom:0}.section.section--video-matrix .video-matrix__grid .slick-dots li{width:.5rem;height:.5rem;border-radius:3.125rem;margin:0}.section.section--video-matrix .video-matrix__grid .slick-dots li button{width:100%;height:100%;border-radius:3.125rem;background:var(--white);transition:background .3s ease-in-out}.section.section--video-matrix .video-matrix__grid .slick-dots li button::before{display:none}.section.section--video-matrix .video-matrix__grid .slick-dots li.slick-active button{background:var(--dark-blue)}.section.section--video-matrix .video-matrix__item .aspect-box{--aspect-ratio: 240/397}.section.section--video-matrix .video-matrix__item .l-round{border-radius:.5rem}@media screen and (min-width:768px){.section.section--video-matrix .video-matrix__item .l-round{border-radius:.75rem}}.section.section--video-matrix .video-matrix__thumb{position:relative;margin-bottom:1.25rem}@media screen and (min-width:1199px){.section.section--video-matrix .video-matrix__thumb{margin-bottom:2rem}}.section.section--video-matrix .video-matrix__btn{position:absolute;inset:0;outline:none;border:none;background:none;cursor:pointer;z-index:2;display:grid;place-items:center}.section.section--video-matrix .video-matrix__play{width:1.8125rem;height:1.8125rem}@media screen and (min-width:991px){.section.section--video-matrix .video-matrix__play{width:2.75rem;height:2.75rem}}.section.section--video-matrix .video-matrix__play img{width:100%;height:100%;object-fit:contain}.section.section--video-matrix .video-matrix__title{font-size:1.25rem;line-height:130%;margin-bottom:1rem}@media screen and (min-width:1199px){.section.section--video-matrix .video-matrix__title{margin-bottom:1.5rem}}.section.section--video-matrix .video-dialog{border:none;padding:0;background:rgba(0,0,0,0);position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:unset;max-height:unset}.section.section--video-matrix .video-dialog[open]{display:flex;justify-content:center;align-items:center}.section.section--video-matrix .video-dialog::backdrop{background:rgba(7,41,76,.9)}.section.section--video-matrix .video-dialog .video-dialog__wrap{width:86.1111111111%;max-height:82dvh;max-width:88rem;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.section.section--video-matrix .video-dialog .video-dialog__wrap iframe{width:100%;height:100%;border:none;border-radius:.75rem}@media screen and (min-width:1024px){.section.section--video-matrix .video-dialog .video-dialog__wrap{position:relative}}.section.section--video-matrix .video-dialog .video-dialog__close{position:absolute;top:.5rem;right:.5rem;border:none;background:none;width:3.125rem;height:3.125rem;font-size:0;display:grid;place-items:center;cursor:pointer;z-index:2;transition:opacity .2s}@media screen and (min-width:1024px){.section.section--video-matrix .video-dialog .video-dialog__close{top:-4rem;right:0}}.section.section--video-matrix .video-dialog .video-dialog__close:hover span{width:45%}.section.section--video-matrix .video-dialog .video-dialog__close span{height:.125rem;width:75%;background:var(--white);display:block;position:absolute;border-radius:3.125rem;transition:width .2s ease-in-out}.section.section--video-matrix .video-dialog .video-dialog__close span:first-child{transform:rotate(45deg)}.section.section--video-matrix .video-dialog .video-dialog__close span:last-child{transform:rotate(-45deg)}.section.section--video-matrix .no-scroll{overflow:hidden}.l-play-btn img{transition:transform .2s ease-in-out}.l-play-btn:hover{box-shadow:var(--ring-shadow-gray)}.l-play-btn:hover img{transform:scale(1.2)}.l-play-btn:focus,.l-play-btn:focus-visible{box-shadow:var(--ring-shadow-orange)}.l-play-btn:focus img,.l-play-btn:focus-visible img{transform:scale(1.2)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%)}
