/* One desktop layout at every screen width. Original vw/% dimensions scale
   together, without mobile font enlargement or rearranging the design. */
html{min-height:100%;background:#d8f1f6}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;margin:0;padding:0}
body>header,body>section,body>footer{flex-shrink:0}
body>footer{margin-top:auto;margin-bottom:0;width:100%}
body>footer:last-of-type{padding-bottom:0}
footer .c27hem6{height:auto}
footer .c27hem6 p:last-child{margin-bottom:0}
.ciat1ye{padding-right:2.5vw}

/* Keep the original desktop proportions; keep content at its original position on short pages
   while allowing the footer to reach the bottom of the viewport. */
body[data-page=index]>.home-section{flex-grow:1;display:flex;align-items:flex-start}
body[data-page=index]>.home-section>div{height:80vw;width:100%}
footer .c27hem6{width:70%;left:2vw;bottom:2vw}
footer .c27hem6 h1{white-space:nowrap}


/* The same viewport ratios apply on phone and desktop. Keep the complete
   contact block within the left decorative shape rather than its full width. */
footer .c27hem6 h1{font-family:"Saba Optima",Optima,Candara,sans-serif;font-weight:700;font-size:2.1vw;line-height:1.25;margin:0 0 1vw;white-space:nowrap}
footer .c27hem6 p{font-size:1.7vw;line-height:1.4;margin:.7vw 0}
footer .c27hem6 a{font-size:inherit;overflow-wrap:anywhere}
.home-section li::marker{font-size:1em}