:root{--color-blue-100:#abeaee;--color-blue-200:#78d8de;--color-blue-300:#48dce0;--color-blue-400:#11b0b4;--color-blue-500:#0c898c;--color-blue-600:#0c7477;--color-blue-700:#0a6365;--color-blue-800:#084e50;--color-blue-900:#063a3b;--color-blue-400-trans:#0a63652f;--color-orange-100:#ffe5d1;--color-orange-200:#ffb887;--color-orange-250:#ff9a56;--color-orange-300:#ff8f45;--color-orange-350:#ff7b1f;--color-orange-400:#ff6b00;--color-orange-500:#e36600;--color-orange-600:#cb5800;--color-orange-700:#b24c00;--color-orange-800:#964000;--color-orange-900:#6e2e00;--color-grey-100:#efefef;--color-grey-200:#c5c5c5;--color-grey-300:#868686;--color-grey-400:#3f3e3e;--color-black:#000;--color-white:#fff;--color-links:var(--color-blue-600);--color-text:var(--color-grey-400);--color-text-inverted:var(--color-white);--color-headings:var(--color-text);--color-hamburger:var(--color-text)}body[data-page-is-homepage] .banner{background-color:var(--color-grey-200);background-image:url("/assets/images/static/hp-banner-900.jpeg");background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:5rem;padding-bottom:5rem}@media screen and (min-width:calc(900px + 1px)) and (max-width:1200px){body[data-page-is-homepage] .banner{background-image:url("/assets/images/static/hp-banner-1200.jpeg")}}@media screen and (min-width:calc(1200px + 1px)) and (max-width:1500px){body[data-page-is-homepage] .banner{background-image:url("/assets/images/static/hp-banner-1500.jpeg")}}@media screen and (min-width:calc(1500px + 1px)) and (max-width:2200px){body[data-page-is-homepage] .banner{background-image:url("/assets/images/static/hp-banner-2200.jpeg")}}@media screen and (min-width:calc(2200px + 1px)) and (max-width:3000px){body[data-page-is-homepage] .banner{background-image:url("/assets/images/static/hp-banner-3000.jpeg")}}@media screen and (min-width:calc(3000px + 1px)){body[data-page-is-homepage] .banner{background-image:url("/assets/images/static/hp-banner-4800.jpeg")}}body[data-page-is-homepage] .banner .container{position:relative}body[data-page-is-homepage] .banner .container .content{padding:1.5rem 2rem 2rem;background-color:rgba(0,0,0,0.35);border-radius:0.5rem;max-width:30rem}body[data-page-is-homepage] .banner .container .content h1{color:white;margin-top:0;font-size:2.5rem;margin-bottom:1rem;max-width:10em;text-align:left}body[data-page-is-homepage] .banner .container .content h1 small{font-size:0.75em;display:block;font-weight:300}body[data-page-is-homepage] .banner .container .content .advice{margin-bottom:1.75rem;max-width:calc(5rem + 1rem + 19rem);display:grid;grid-template-columns:5rem 1fr;grid-gap:1rem;align-items:center}body[data-page-is-homepage] .banner .container .content .advice img{border-radius:50%;border:2px solid white;width:100%;height:auto}body[data-page-is-homepage] .banner .container .content .advice p{background-color:white;border-radius:0.5rem;padding:0.65rem 1rem 0.5rem;margin-bottom:0;position:relative;z-index:3}body[data-page-is-homepage] .banner .container .content .advice p:after{content:"";position:absolute;bottom:0;left:-0.3rem;width:2rem;height:2rem;z-index:-1;transform:scale(1,0.75) rotate(-45deg);background-color:white}body[data-page-is-homepage] .banner .container .extra{position:absolute;right:-2rem;top:-4rem;display:flex;flex-flow:column nowrap;align-items:flex-end;justify-content:center}body[data-page-is-homepage] .banner .container .extra img:first-child{height:10rem;width:auto}body[data-page-is-homepage] .banner .container .extra img:nth-child(2){height:8rem;width:auto;transform:translateY(-2rem) rotate(-3deg)}body[data-page-is-homepage] .banner .container a.extra{transition:all 0.5s ease-in-out}body[data-page-is-homepage] .banner .container a.extra:hover{transform:scale(1.05) rotate(1deg)}@media screen and (max-width:750px){body[data-page-is-homepage] .banner .container{padding-top:9rem}body[data-page-is-homepage] .banner .container .extra{right:-1rem}body[data-page-is-homepage] .banner .container .extra img:first-child{height:9rem}body[data-page-is-homepage] .banner .container .extra img:nth-child(2){height:7rem}}body[data-page-is-homepage] h2{font-size:2.5rem}body[data-page-is-homepage] .houses{margin-top:1.25rem}body[data-page-is-homepage] .houses .houses-visual-picker{padding-top:1rem}body[data-page-is-homepage] .about{margin-top:2.5rem}@media screen and (min-width:calc(900px + 1px)){body[data-page-is-homepage] .about .cols-2{grid-template-columns:50% 1fr}}body[data-page-is-homepage] .about .cols-2>img{order:2}body[data-page-is-homepage] .about+.houses,body[data-page-is-homepage] .houses+.about{margin-top:3.5rem}
/*# sourceMappingURL=homepage.css.map */