#callout{padding:4rem 2rem;text-align:center}.video-preview{position:relative;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;display:inline-block;text-align:start;width:100%}@media (min-width:620px){.video-preview{width:unset}}.video-preview:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.video-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-preview .video-title{color:#000;font-weight:700;font-size:1.2rem;text-align:start}.video-header-content{margin-bottom:100px}.videos--container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:24px;padding:1rem 0;width:100%}@media (min-width:620px){.videos--container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.video-modal{background:#fff;width:80vw;max-width:900px;border-radius:16px;padding:20px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.2);box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-animation:modal-in .4s ease-out;animation:modal-in .4s ease-out;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.video-modal form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.video-modal iframe{width:100%;height:450px;border-radius:10px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.video-modal-close{position:absolute;top:10px;right:10px;background:0 0;color:#333;border:none;font-size:1.5rem;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.video-modal-close:hover{color:#ff3b30}.video-modal[open]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;-webkit-animation:backdrop-in .4s ease-out;animation:backdrop-in .4s ease-out}@-webkit-keyframes backdrop-in{0%{opacity:0}100%{opacity:1}}@keyframes backdrop-in{0%{opacity:0}100%{opacity:1}}.video-modal:not([open]){display:none}body.no-scroll{overflow:hidden}