:root{--floor-plan-line-width:3px;--floor-plan-line-locationX:-10px;--floor-plan-image-height:300px;--floor-plan-image-margin:20px;--floor-plan-title-height:35px}.floor-plans{display:flex;justify-content:space-between;align-items:center}.floor-plan{width:21%;padding:0 10px;position:relative}a.floor-plan{text-decoration:none;color:var(--black)}.floor-plan__image{display:flex;justify-content:center;align-items:center;height:var(--floor-plan-image-height);margin-bottom:var(--floor-plan-image-margin);position:relative;overflow:hidden;transition:.3s ease all}.floor-plan__image img{width:100%;height:100%;object-fit:cover;object-position:center}.floor-plan__image.sold-out:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(26,26,26,.45);z-index:5}.floor-plan__image.sold-out:after{content:'SOLD OUT';display:block;text-wrap:nowrap;position:absolute;bottom:5px;left:5px;font-weight:900;font-size:35px;font-family:'Goldenbook',serif;line-height:1;color:#fff;opacity:.8;z-index:10}.floor-plan__content-title{position:relative;display:flex;align-items:center;transform:translateX(-20px);width:calc(100% + var(--floor-plan-image-margin))}.floor-plan__title{position:relative;margin-bottom:0;padding:0 5px;display:inline-block;text-wrap:nowrap}.floor-plan__lineY{display:block;position:absolute;top:0;left:var(--floor-plan-line-locationX);width:var(--floor-plan-line-width);height:calc(var(--floor-plan-image-height) + var(--floor-plan-image-margin) + (var(--floor-plan-title-height)/2));background:var(--black);z-index:10;transition:.3s ease all;transform-origin:bottom}.floor-plan__lineX1,.floor-plan__lineX2{display:block;height:var(--floor-plan-line-width);background:var(--black)}.floor-plan.black .floor-plan__lineY,.floor-plan.black .floor-plan__lineX1,.floor-plan.black .floor-plan__lineX2{background:var(--black)}.floor-plan.brown .floor-plan__lineY,.floor-plan.brown .floor-plan__lineX1,.floor-plan.brown .floor-plan__lineX2{background:var(--brown)}.floor-plan.red .floor-plan__lineY,.floor-plan.red .floor-plan__lineX1,.floor-plan.red .floor-plan__lineX2{background:var(--red)}.floor-plan.teal .floor-plan__lineY,.floor-plan.teal .floor-plan__lineX1,.floor-plan.teal .floor-plan__lineX2{background:var(--teal)}.floor-plan.green .floor-plan__lineY,.floor-plan.green .floor-plan__lineX1,.floor-plan.green .floor-plan__lineX2{background:var(--green)}.floor-plan__lineX1{width:30px}.floor-plan__lineX2{width:100%;position:relative;transition:.3s ease all;transform-origin:top left}.floor-plan__info{font-size:12px;margin:0}@media screen and (min-width:1025px){a.floor-plan.red:hover{color:var(--red)}a.floor-plan.brown:hover{color:var(--brown)}a.floor-plan.teal:hover{color:var(--teal)}a.floor-plan.green:hover{color:var(--green)}a.floor-plan:hover .floor-plan__lineX2{transform:scaleX(1.05);transition:.3s ease all}a.floor-plan:hover .floor-plan__lineY{transform:scaleY(1.03);transition:.3s ease all}a.floor-plan:hover .floor-plan__image{transform:scale(1.03);transition:.3s ease all}}@media screen and (max-width:1180px){.floor-plans{flex-wrap:wrap;padding-left:10px;row-gap:60px;margin-bottom:20px}.floor-plan{width:45%}}@media screen and (max-width:600px){.floor-plan{width:100%}}