:root{--color-blue-100:#abeaee;--color-blue-200:#78d8de;--color-blue-300:#48dce0;--color-blue-400:#00eedd;--color-blue-500:#2ebbb8;--color-blue-600:#0d7a8f;--color-blue-700:#046f80;--color-blue-800:#005665;--color-blue-900:#003944;--color-blue-400-trans:#00eedd2f;--color-orange-100:#ffc7de;--color-orange-200:#ff9bc6;--color-orange-250:#ff7bb5;--color-orange-300:#ff59a4;--color-orange-350:#ff3695;--color-orange-400:#e11074;--color-orange-500:#c4005c;--color-orange-600:#a4004c;--color-orange-700:#8c003e;--color-orange-800:#730032;--color-orange-900:#570023;--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.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:5rem;padding-bottom:5rem;position:relative}@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.jpg")}}@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.jpg")}}@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.jpg")}}@media screen and (min-width:calc(2200px + 1px)){body[data-page-is-homepage] .banner{background-image:url("/assets/images/static/hp-banner-2800.jpg")}}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:36rem}body[data-page-is-homepage] .banner .container .content h1{color:white;margin-top:0;font-size:2.5rem;margin-bottom:1rem;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 h1 span{display:inline-block;font-size:0.75em;margin-left:0.15em;color:var(--color-orange-100)}body[data-page-is-homepage] .banner .container .content .advice{margin-bottom:1.75rem;max-width:calc(5rem + 1rem + 21.5rem);display:grid;grid-template-columns:5rem 1fr;grid-gap:1rem;align-items:center}body[data-page-is-homepage] .banner .container .content .advice q{display:block;font-weight:700;line-height:1.6em;color:var(--color-blue-700)}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 .video{position:absolute;right:0;top:50%;height:10rem;width:10rem;transform:translate(-50%,-50%)}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .banner .container .video{right:15%}}body[data-page-is-homepage] .banner .container .video img{max-height:100%;max-width:100%;filter:drop-shadow(0 0 2rem rgba(0,0,0,0.5))}@media screen and (max-width:600px){body[data-page-is-homepage] .banner .container .video{display:none}}body[data-page-is-homepage] .banner .plaque{position:absolute;top:0;right:1.5rem;width:auto;filter:drop-shadow(0 0 1rem rgba(0,0,0,0.5));height:30%;transition:all 0.2s ease-in-out;z-index:200}body[data-page-is-homepage] .banner .plaque:focus,body[data-page-is-homepage] .banner .plaque:hover{height:85%}@media screen and (min-width:calc(900px + 1px)){body[data-page-is-homepage] .banner .plaque{height:50%}}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .banner .plaque{height:75%}}@media screen and (min-width:calc(1500px + 1px)){body[data-page-is-homepage] .banner .plaque{height:85%}}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;padding-bottom:1rem}body[data-page-is-homepage] .about{margin-top:2.5rem}body[data-page-is-homepage] .about .cols-2{position:relative}@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 .cols-2 .video{position:absolute;left:0;top:0;width:10rem;height:10rem;display:block}@media screen and (min-width:calc(900px + 1px)){body[data-page-is-homepage] .about .cols-2 .video{left:calc(50% + 5rem);top:25%;transform:translate(-25%,-50%)}}body[data-page-is-homepage] .about .cols-2 .video img{max-height:100%;max-width:100%;filter:drop-shadow(0 0 1rem rgba(0,0,0,0.25))}body[data-page-is-homepage] .about+.houses,body[data-page-is-homepage] .houses+.about{margin-top:3.5rem}
/*# sourceMappingURL=homepage.css.map */