.slideshow{z-index:0;width:100%;height:100vh;position:relative;overflow:hidden}.slide{opacity:0;transition:opacity .8s ease-in-out;position:absolute;inset:0}.slide.active{opacity:1}.slide img{opacity:.65;object-fit:cover;z-index:0}.overlay{z-index:1;background:#000000a6;position:absolute;inset:0;box-shadow:inset 0 0 50px #111}.hero-text{z-index:2;text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:100px 0 0}.hero-text h1{color:#fff;letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px 12px #0009;font-family:Montserrat,Arial;font-size:64px;font-weight:800}.caption{z-index:2;color:#fff;background:#00000080;border-radius:6px 0 0;padding:8px 12px;font-family:Montserrat,Arial;font-size:16px;position:absolute;bottom:0;right:0}.arrow{z-index:3;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:5px;padding:10px 14px;font-size:32px;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:15px}.arrow.right{right:15px}.dots{text-align:left;z-index:3;width:100%;padding-left:10px;position:absolute;bottom:10px}.dot{cursor:pointer;background:#bbb;border-radius:50%;width:10px;height:10px;margin:0 5px;display:inline-block}.dot.active{background:#fff}@media (max-width:768px){.slideshow{height:350px}.hero-text h1{font-size:36px}.arrow{display:none}}