body{background:#fff;margin:0;padding-top:90px;font-family:Merriweather,serif}.hero{color:#fff;background:linear-gradient(#0009,#0009),url(/background-image.webp) 50%/cover no-repeat;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100vh;padding:0 80px;display:flex}.heroLeft{flex:1}.heroLeft h1{font-size:60px}.heroLeft span{color:#ff5a00}.heroLeft p{color:#ddd;margin-top:20px}.carousel{flex:1;height:350px;position:relative}.card{border-radius:12px;transition:all .5s;position:absolute;overflow:hidden}.card img{object-fit:cover}.overlay{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mainOverlay h2{font-size:28px}.left{opacity:.4;width:200px;height:280px;top:25px;left:0}.right{opacity:.4;width:200px;height:280px;top:25px;right:0}.center{z-index:2;border:4px solid #ff5a00;width:320px;height:320px;left:50%;transform:translate(-50%)}.breadcrumb{color:#666;padding:10px 80px;font-size:14px}.breadcrumb a{color:#ff5a00;font-weight:500;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}@media (max-width:1024px){.hero{text-align:center;flex-direction:column;padding:40px}.carousel{margin-top:40px}.left,.right{display:none}.center{margin:auto;position:relative;left:auto;transform:none}}@media (max-width:768px){body{padding-top:70px}.hero{padding:30px 20px}.heroLeft h1{font-size:40px}.center{width:260px;height:260px}}@media (max-width:480px){.heroLeft h1{font-size:30px}.center{width:220px;height:220px}.mainOverlay h2{font-size:18px}}@media (max-width:360px){.center{width:180px;height:180px}}