/* AURA 8.7.8 — Residential Architecture adopts the approved HMO visual system.
   Presentation only: page post_content, wording and heading structure remain untouched. */

body.aura-page-residential-architecture #aura-main{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  background:#fff!important;
}
body.aura-page-residential-architecture #aura-main>.wp-block-post-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
}
body.aura-page-residential-architecture #aura-main>.wp-block-post-content>.aura-landing-top,
body.aura-page-residential-architecture #aura-main>.wp-block-post-content>.aura-landing-image{
  grid-column:1!important;
  grid-row:1!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-image{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:clamp(640px,78vh,820px)!important;
  margin:0!important;
  overflow:hidden!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-image:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(2,12,20,.95) 0%,rgba(3,16,27,.82) 31%,rgba(3,16,27,.42) 54%,rgba(3,16,27,.10) 74%,rgba(3,16,27,0) 90%)!important;
  pointer-events:none!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:min(1600px,calc(100% - 96px))!important;
  min-height:clamp(640px,78vh,820px)!important;
  margin:0 auto!important;
  padding:108px 0 72px!important;
  background:transparent!important;
  color:#fff!important;
  box-sizing:border-box!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top>.aura-eyebrow{
  margin:0 0 clamp(54px,8vh,92px)!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top>.wp-block-columns{
  display:block!important;
  width:min(980px,74%)!important;
  margin:0!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top .wp-block-column{
  width:100%!important;
  max-width:none!important;
  flex-basis:auto!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top :where(h1,p){
  color:#fff!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top h1{
  max-width:950px!important;
  margin:0 0 28px!important;
  font-size:clamp(58px,6vw,104px)!important;
  line-height:.91!important;
  letter-spacing:-.058em!important;
  font-weight:500!important;
}
body.aura-page-residential-architecture #aura-main .aura-landing-top .aura-lead{
  max-width:750px!important;
  margin:0 0 28px!important;
  font-size:clamp(18px,1.45vw,24px)!important;
  line-height:1.55!important;
}
body.aura-page-residential-architecture #aura-main .aura-content{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(90px,8vw,132px) max(48px,calc((100vw - 1600px)/2))!important;
  background:#f1eee7!important;
  box-sizing:border-box!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>h2:first-child{
  max-width:1120px!important;
  margin:0 0 42px!important;
  color:#153a55!important;
  font-size:clamp(54px,5.3vw,90px)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  font-weight:500!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>p{
  max-width:900px!important;
  color:#3f4b52!important;
  font-size:clamp(17px,1.25vw,21px)!important;
  line-height:1.7!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>h2:not(:first-child){
  max-width:1050px!important;
  margin:64px 0 22px!important;
  padding-top:34px!important;
  border-top:1px solid rgba(21,58,85,.22)!important;
  color:#153a55!important;
  font-size:clamp(36px,3.7vw,62px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:500!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group{
  width:calc(100% + (2 * max(48px,calc((100vw - 1600px)/2))))!important;
  max-width:none!important;
  margin:clamp(86px,8vw,126px) 0 calc(-1 * clamp(90px,8vw,132px)) calc(-1 * max(48px,calc((100vw - 1600px)/2)))!important;
  padding:clamp(82px,7vw,116px) max(48px,calc((100vw - 1600px)/2))!important;
  background:#071725!important;
  color:#fff!important;
  box-sizing:border-box!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group :where(h2,h3,p,a){
  color:#fff!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group>h2{
  max-width:980px!important;
  margin:0 0 54px!important;
  font-size:clamp(48px,4.8vw,78px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  font-weight:500!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group .wp-block-columns{
  gap:0!important;
  margin:0!important;
  border-top:1px solid rgba(255,255,255,.2)!important;
  border-bottom:1px solid rgba(255,255,255,.2)!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group .wp-block-column{
  padding:34px 38px 40px 0!important;
}
body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group .wp-block-column+.wp-block-column{
  padding-left:38px!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
}
body.aura-page-residential-architecture #aura-main>.wp-block-post-content>.aura-cta{
  grid-column:1!important;
  grid-row:3!important;
  margin:0!important;
}

@media(max-width:900px){
  body.aura-page-residential-architecture #aura-main .aura-landing-top{
    width:calc(100% - 40px)!important;
    min-height:660px!important;
    padding:90px 0 56px!important;
  }
  body.aura-page-residential-architecture #aura-main .aura-landing-image{height:660px!important}
  body.aura-page-residential-architecture #aura-main .aura-landing-top>.aura-eyebrow{margin-bottom:46px!important}
  body.aura-page-residential-architecture #aura-main .aura-landing-top>.wp-block-columns{width:100%!important}
  body.aura-page-residential-architecture #aura-main .aura-landing-top h1{font-size:clamp(48px,14vw,70px)!important}
  body.aura-page-residential-architecture #aura-main .aura-content{padding:76px 20px!important}
  body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group{
    width:calc(100% + 40px)!important;
    margin:76px 0 -76px -20px!important;
    padding:74px 20px!important;
  }
  body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group .wp-block-columns{display:block!important}
  body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group .wp-block-column{padding:28px 0!important;border-left:0!important}
  body.aura-page-residential-architecture #aura-main .aura-content>.wp-block-group .wp-block-column+.wp-block-column{padding-left:0!important;border-top:1px solid rgba(255,255,255,.18)!important}
}