.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(https://i.imgur.com/qxfNL7n.jpeg);background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay)}.hero__content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:2rem;color:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero__logo{width:100%;max-width:500px;height:auto;background:rgba(200,200,200,.2);border-radius:5px;padding:8px}.hero__button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:500px}.hero__button{background-image:url(https://i.imgur.com/UEe4UPa.png);background-position:50%;background-size:cover;color:var(--color-white);border:none;padding:1rem 0;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 6px rgba(0,0,0,.2);flex:1 1;min-width:180px}.hero__button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.hero__button:active{transform:translateY(0)}@media (max-width:768px){.hero__content{padding:1.5rem}.hero__logo{max-width:400px}.hero__button-group{max-width:450px}}@media (max-width:520px){.hero__logo{max-width:320px}.hero__button-group{flex-direction:column;align-items:center;gap:.75rem}.hero__button{width:80%;flex:none;max-width:280px;min-width:280px;padding:.8rem 1.5rem;font-size:.9rem}}.card{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.card__image-container{position:relative;width:100%;height:220px}.card__image{width:100%;height:100%;object-fit:cover}.card__content{padding:16px;flex-grow:1}.card__price{font-size:20px;font-weight:700;color:#333;margin:0}.card__title{font-size:16px;font-weight:600;color:#222;margin:8px 0}.card__details{font-size:14px;color:#666;margin:0;line-height:1.4}.card__overlay{top:0;left:0;width:100%;height:100%;background-color:rgba(22,22,22,.6);z-index:1}.card__hover-content,.card__overlay{position:absolute;opacity:0;transition:opacity .3s ease-in-out}.card__hover-content{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:2rem;z-index:2;pointer-events:none}.card:hover .card__hover-content,.card:hover .card__overlay{opacity:1;pointer-events:auto}.card__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#d0d0d0;background:none;border:none;cursor:pointer;padding:10px;text-decoration:none;font-family:inherit;transition:color .2s ease,transform .2s ease}.card__button:hover{color:#ffffff;transform:scale(1.1)}.card__icon{width:36px;height:36px}.card__button-text{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.properties{width:100%;padding:40px 0;background-color:#ffffff}.properties__container{max-width:1200px;margin:-60px auto 0;padding:0 15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}