:root{--video-orange:#e3540b;--video-text:#666;--video-line:#bfbfbf}.video-center{padding-top:3.75rem;background:#fff;color:#333;overflow:hidden}.video-hero{position:relative;width:100%;overflow:hidden;background:#101010}.video-hero picture,.video-hero img{display:block;width:100%;height:auto}.video-hero__headline{position:absolute;top:50%;left:22.5rem;transform:translateY(-50%)}.video-hero__headline h1{margin:0;color:#e3e3e3;font-size:3rem;font-weight:300;line-height:1.15}.video-sections{width:min(75rem,calc(100% - 2.5rem));margin:5.25rem auto 16.375rem}.video-section__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.875rem;padding-bottom:.9375rem;border-bottom:.0625rem solid var(--video-line)}.video-section__heading h2{margin:0;color:#333;font-size:1.375rem;font-weight:400;line-height:1.2}.video-section__more{padding:0;color:#999;background:transparent;border:0;cursor:pointer;font-size:.875rem;text-decoration:none}.video-section__more:hover,.video-section__more:focus-visible{color:#333}.video-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.video-card{box-sizing:border-box;display:flex;flex:0 0 calc(33.33333% - .66667rem);max-width:calc(33.33333% - .66667rem);margin:0 0 1.25rem;padding:1rem;flex-direction:column;background:#fff;border:.0625rem solid #ebeef5;border-radius:.25rem;box-shadow:0 .125rem .75rem rgba(0,0,0,.05);transition:box-shadow .3s}.video-card:hover{box-shadow:0 .625rem 1.5rem rgba(0,0,0,.13)}.video-card[hidden]{display:none}.video-card__thumbnail{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;background:#f5f7fa;border:0;cursor:pointer}.video-card__thumbnail>img{width:100%;height:100%;object-fit:cover}.video-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#f6f6f6)}.video-card__indicator{position:absolute;z-index:1;right:.625rem;bottom:.625rem;padding:.3125rem .5rem;color:#fff;background:rgba(0,0,0,.7);border-radius:.25rem;transition:opacity .3s}.video-card__indicator>span{display:block;width:0;height:0;border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;border-left:.45rem solid #fff}.video-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}.video-card__play{position:relative;width:3rem;height:3rem;border:.12rem solid #fff;border-radius:50%;transition:transform .3s}.video-card__play::after{position:absolute;top:50%;left:52%;width:0;height:0;content:"";border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;border-left:.8rem solid #fff;transform:translate(-42%,-50%)}.video-card__thumbnail:hover .video-card__overlay,.video-card__thumbnail:focus-visible .video-card__overlay{opacity:1}.video-card__thumbnail:hover .video-card__play,.video-card__thumbnail:focus-visible .video-card__play{transform:scale(1.1)}.video-card__thumbnail:hover .video-card__indicator,.video-card__thumbnail:focus-visible .video-card__indicator{opacity:0}.video-card__text{display:flex;flex:1;flex-direction:column;gap:.5rem;width:100%}.video-card__text h3{margin:1vw 0 .5vw;color:var(--video-text);font-size:1.25rem;font-weight:400;line-height:1.625rem}.video-card__text p{display:-webkit-box;height:2.5rem;margin:0;overflow:hidden;color:var(--video-text);font-size:.875rem;font-weight:400;line-height:1.375rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-card__text time{display:flex;justify-content:flex-end;color:#818181;font-size:.75rem;font-weight:400;line-height:1}.video-pagination{position:relative;display:flex;justify-content:center;margin-bottom:3.9375rem;border-top:.0625rem solid var(--video-line)}.video-pagination[hidden]{display:none}.video-pagination ol{display:flex;gap:1.25rem;margin:0;padding:0;list-style:none}.video-pagination button{position:relative;min-width:1.25rem;padding:.75rem 0 0;color:#b3b3b3;background:transparent;border:0;cursor:pointer;font-size:.875rem;text-align:center}.video-pagination button::before{position:absolute;top:-.0625rem;left:0;width:0;height:.0625rem;content:"";background:#ff5733;transition:width .35s}.video-pagination button:hover,.video-pagination button:focus-visible,.video-pagination button.active{color:var(--video-orange)}.video-pagination button:hover::before,.video-pagination button:focus-visible::before,.video-pagination button.active::before{width:100%}.video-modal{position:fixed;z-index:1600;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.8)}.video-modal[hidden]{display:none}.video-modal__dialog{position:relative;width:50%;max-width:62.5rem;background:#000}.video-modal__close{position:absolute;z-index:2;top:-1.875rem;right:-1.875rem;display:flex;width:1.875rem;height:1.875rem;padding:0;align-items:center;justify-content:center;color:#fff;background:#333;border:0;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1}.video-modal__close:hover,.video-modal__close:focus-visible{background:#555}.video-modal__player{width:100%;aspect-ratio:16/9;background:#000}.video-modal__player iframe,.video-modal__player video{display:block;width:100%;height:100%;border:0;object-fit:contain}.video-modal-open{overflow:hidden}.video-detail{min-height:100vh;padding:8rem 0 8rem;background:#f4f4f4}.video-detail__container{width:min(62.5rem,calc(100% - 2.5rem));margin:0 auto}.video-detail__back{display:inline-block;margin-bottom:1.5rem;color:#777;font-size:.875rem}.video-detail__back:hover{color:var(--video-orange)}.video-detail__player{width:100%;aspect-ratio:16/9;background:#000;box-shadow:0 .5rem 2rem rgba(0,0,0,.18)}.video-detail__player iframe,.video-detail__player video{display:block;width:100%;height:100%;border:0}.video-detail header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-top:2rem}.video-detail h1{margin:0;color:#444;font-size:2rem;font-weight:400;line-height:1.4}.video-detail time{flex:none;padding-top:.75rem;color:#888;font-size:.875rem}.video-detail__description{max-width:52rem;margin:1.25rem 0 0;color:#666;font-size:1rem;line-height:1.7}
@media(max-width:1024px){.video-hero__headline{left:11.25rem}}
@media(max-width:767px){.video-center{padding-top:6.25rem}.video-hero__headline{top:auto;bottom:0;left:4rem;transform:none}.video-hero__headline h1{margin-bottom:.5rem;font-size:1.875rem;font-weight:500}.video-sections{width:auto;margin-top:3rem;padding:0 4.375rem}.video-card{flex:0 0 calc(50% - .5rem);max-width:calc(50% - .5rem);padding:.75rem}.video-card__text h3{margin:1rem 0 .5rem;font-size:1rem;line-height:1.375rem}.video-card__text p{height:auto;max-height:2.25rem;font-size:.75rem;line-height:1.125rem}.video-card__text time{font-size:.625rem}.video-card__indicator{right:.3125rem;bottom:.3125rem;padding:.1875rem .375rem}.video-card__play{width:2.25rem;height:2.25rem}.video-modal{padding:0}.video-modal__dialog{width:100%;max-width:none}.video-modal__close{top:-2.4rem;right:.5rem}.video-detail{padding-top:9rem}.video-detail header{flex-direction:column;gap:.5rem}.video-detail time{padding-top:0}.video-detail h1{font-size:1.5rem}}
@media(max-width:520px){.video-hero__headline{left:1.25rem}.video-sections{padding:0 1.25rem}.video-card{padding:.5rem}.video-section__heading h2{font-size:1.25rem}.video-detail__container{width:calc(100% - 2rem)}}