.hero-card{min-height:570px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;background:#081615;border-color:rgba(216,156,69,.6);box-shadow:0 30px 70px rgba(0,0,0,.28)}.hero-card:before{content:"";position:absolute;inset:0;z-index:-1;background-color:#020303;background-image:url("assets/front%20cover%20%281%29.png");background-position:center;background-size:contain;background-repeat:no-repeat}.hero-card .pulse-ring{display:block;position:absolute;inset:0;width:auto;height:auto;border-radius:0;z-index:0;background:linear-gradient(180deg,transparent 36%,rgba(8,22,21,.18) 54%,rgba(8,22,21,.96) 100%);pointer-events:none}.hero-card .pulse-ring:before,.hero-card .pulse-ring:after,.hero-card .monogram{display:none}.hero-card>p{position:relative;margin:0 0 30px;text-shadow:0 3px 18px #000}.hero-card>div:not(.pulse-ring){position:relative}.hero-card:after{display:none}
.media-card{position:relative;overflow:hidden;color:white;background-color:#102827}.media-card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,21,.18),rgba(8,22,21,.97))}.media-card:nth-child(1):before{background-image:url("https://img.youtube.com/vi/QapIzIWzKtE/hqdefault.jpg")}.media-card:nth-child(2):before{background-image:url("https://img.youtube.com/vi/HafdfEOHv8E/hqdefault.jpg")}.media-card:nth-child(3):before{background-image:url("assets/dale-ron-hickman.jpg")}.media-card:nth-child(4):before{background-image:url("assets/front%20cover%20%281%29.png");background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#020303}.media-card:hover:before{transform:scale(1.06)}.media-card>*{position:relative;z-index:2}.media-card p{color:#d4dfdc}.media-card>span,.media-card b{color:#f1c271}.media-card b:before{content:"▶";display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border:1px solid currentColor;border-radius:50%;font-size:9px}.media-card:hover{background:#102827}
@media(max-width:850px){.hero-card{min-height:520px}.hero-card:before{background-position:center;background-size:contain}.media-card{min-height:340px}}


.hero-card .pulse-ring,.hero-card>p,.hero-card>div:not(.pulse-ring){display:none}