.slideshow{z-index:0;width:100%;height:calc(100vh - 100px);position:relative;overflow:hidden}.slide{opacity:0;transition:opacity .8s ease-in-out;position:absolute;inset:0}.slide.active{opacity:1}.slide img{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;color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-text h1{letter-spacing:3px;text-shadow:2px 2px 12px #0009;white-space:pre-line;font-family:Montserrat,Arial;font-size:64px;font-weight:600}.hero-text p{letter-spacing:3px;text-align:right;text-shadow:2px 2px 12px #0009;font-family:Times New Roman;font-size:28px;font-weight:100}.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:24px}.hero-text p{font-size:16px}.arrow{display:none}}