/* Reusable artwork layer: no page-specific copy baked into the images. */
body{grid-template-columns:270px minmax(0,1fr);background:#f8f6ff;position:relative;isolation:isolate}
body:before{content:'';position:absolute;z-index:-1;top:0;right:0;left:270px;height:490px;background:url('../Images/page-roofline-v2.jpg') top right/cover no-repeat;mask-image:linear-gradient(#000 50%,transparent);-webkit-mask-image:linear-gradient(#000 50%,transparent);pointer-events:none}
.sidebar{background:#302253 url('../Images/sidebar-mountains-v1.png') 70% bottom/auto 100% no-repeat}
.sidebar:before{display:none}
main{max-width:1280px;margin:0 auto;padding-top:28px}
.sidebar-bottom{padding-top:170px}
.hero{min-height:140px}
.continue-card{background:#ffffffdc;backdrop-filter:blur(8px)}
.preview-tools label,#count{background:#faf8fff0;border-radius:8px;padding:5px 9px;color:#66527e}
.return{background:#302253d9}
@media(min-width:1700px){body{grid-template-columns:290px minmax(0,1fr)}body:before{left:290px}}
@media(max-width:1390px){body{grid-template-columns:235px minmax(0,1fr)}body:before{left:235px}}
@media(max-width:1050px){body{grid-template-columns:205px minmax(0,1fr)}body:before{left:205px}}
@media(max-width:800px){body{grid-template-columns:76px minmax(0,1fr)}body:before{left:76px;height:420px}.sidebar{background-size:auto 100%;background-position:65% bottom}.hero{min-height:0}.sidebar-bottom{padding-top:30px}}
@media(max-width:520px){body{grid-template-columns:58px minmax(0,1fr)}body:before{left:58px}}