section.video-card{margin:30px auto;.blend-normal{opacity:.6}.card{background-color:var(--cincGreen);border-radius:16px;overflow:hidden;padding:10%;position:relative}.content{display:grid;gap:60px;grid-template-columns:1fr;position:relative;@media (max-width:659px){gap:40px;grid-template-areas:"action" "copy";text-align:center;.copy{grid-area:copy}.action{grid-area:action}}@media (min-width:660px){grid-template-columns:1fr auto}@media (min-width:1024px){grid-template-columns:1fr 440px}.action{display:grid;place-items:center;button.play{aspect-ratio:1/1;background:transparent;border:0;border-radius:150px;position:relative;width:215px;&:after{border:1.5px solid var(--white);border-radius:50%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}&:after,&:before{content:"";position:absolute;transition:.25s ease}&:before{background:transparent;border-radius:150px;box-shadow:0 0 30px rgba(0,0,0,.8);inset:10px}&:hover{&:after{height:calc(100% + 10px);width:calc(100% + 10px)}&:before{box-shadow:0 0 60px rgba(125,216,0,.75)}}svg{transform:translateX(15%);width:58px}}}}figure{margin:0}.heading{>*{letter-spacing:-.025em;text-wrap:balance}}.text-white>*{color:inherit;font-weight:var(--light);strong{font-weight:var(--medium)}}}.video-modal{align-items:center;backdrop-filter:blur(10px);background:rgba(17,39,25,.95);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease,visibility .3s;visibility:hidden;z-index:100000;&.visible{opacity:1;pointer-events:auto;visibility:visible;.video-wrapper{opacity:1;transform:scale(1)}}.video-wrapper{--maxWidth:95vw;max-width:var(--maxWidth);opacity:0;padding-top:56.25%;position:relative;transform:scale(.8);transition:opacity .3s ease .1s,transform .3s ease .1s;width:100%;@media (min-width:640px){--maxWidth:144rem}&:before{animation:breathing 5s ease-in-out infinite;background-color:var(--electricGreen);content:"";filter:blur(10rem);opacity:.5;padding-top:56.25%;top:50%;transform:translateY(-50%)}&:before,iframe{left:0;position:absolute;width:100%}iframe{border:0;height:100%;top:0}}.close-btn{background:transparent;border:none;color:var(--white);cursor:pointer;font-size:2.4rem;line-height:1;padding:.25rem .5rem;position:absolute;right:2rem;top:2rem}}@keyframes breathing{0%{opacity:.5;scale:.9}50%{opacity:.45;scale:1}to{opacity:.5;scale:.9}}