/* Requested mobile refinements. Desktop rules and layout stay unchanged. */
@media(max-width:820px){
 html body #ss22-header#ss22-header#ss22-header .ss22-menu-toggle{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;letter-spacing:.04em!important;padding:10px 3px!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html body main#main#main#main#main#main.ss22-home .ss23-home-story-copy{box-sizing:border-box!important;padding:26px 24px!important;text-align:center!important}
 html body main#main#main#main#main#main.ss22-home .ss23-home-story-copy p{font-size:16px!important;line-height:1.75!important;text-align:center!important;margin:0 0 22px!important;max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important}
 html body main#main#main#main#main#main.ss22-home .ss23-home-story-copy .ss22-text-link{display:inline-block!important;margin-top:4px!important}
 html body main#main#main#main#main#main .propertyCollageHero{width:calc(100% - 40px)!important;gap:10px!important;margin:12px auto 20px!important;grid-auto-rows:auto!important}
 html body main#main#main#main#main#main .propertyCollageTitle{background:transparent!important;border:0!important;box-shadow:none!important;padding:20px 12px 24px!important;min-height:0!important}
 html body main#main#main#main#main#main .propertyCollageTitle>span{display:block!important;font-size:10px!important;line-height:1.6!important;letter-spacing:.1em!important}
 html body main#main#main#main#main#main .propertyCollageTitle h1{font-size:32px!important;line-height:1.2!important;margin:16px 0!important}
 html body main#main#main#main#main#main .propertyCollageTitle p{font-size:13px!important;line-height:1.6!important;margin:0 auto!important;max-width:360px!important}
 html body main#main#main#main#main#main .propertyCollageHero>figure{width:min(100%,max(96px,calc((100svh - 480px) * .75)))!important;justify-self:center!important;min-height:0!important;height:auto!important}
 html body main#main#main#main#main#main .portfolioParentCard{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;height:100%!important;overflow:visible!important;background:#fff!important}
 html body main#main#main#main#main#main .portfolioParentCardContent{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;padding:18px 16px!important;min-height:110px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:#f8f8f5!important;border:0!important;box-sizing:border-box!important;flex:1!important}
 html body main#main#main#main#main#main .portfolioParentCardContent h2{font-size:22px!important;line-height:1.3!important;margin:0 0 8px!important}
 html body main#main#main#main#main#main.ss22-home .ss22-project{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;height:100%!important;background:#f8f8f5!important;overflow:visible!important}
 html body main#main#main#main#main#main.ss22-home .ss22-project>img{position:relative!important;inset:auto!important;flex:0 0 auto!important}
 html body main#main#main#main#main#main.ss22-home .ss22-project::after{display:none!important}
 html body main#main#main#main#main#main.ss22-home .ss22-project>span{position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:18px 16px!important;min-height:110px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#f8f8f5!important;flex:1!important}
 html body main#main#main#main#main#main.ss22-home .ss22-project strong{font-size:22px!important;line-height:1.3!important}
}
@media(max-width:820px){html body main#main#main#main#main#main .propertyCollageTitle::before,html body main#main#main#main#main#main .propertyCollageTitle::after{content:none!important;display:none!important}}
@media(max-width:820px) and (max-height:700px){html body main#main#main#main#main#main .propertyCollageTitle{padding:12px 10px 16px!important}html body main#main#main#main#main#main .propertyCollageTitle h1{font-size:28px!important;line-height:1.18!important;margin:12px 0!important}}

html body main#main#main#main#main#main.ss22-home .ddn-home-about-heading{display:block!important;font:400 36px/1.25 Georgia,serif!important;color:#47533c!important;margin:0 0 22px!important;text-align:center!important}
@media(max-width:820px){html body main#main#main#main#main#main.ss22-home .ddn-home-about-heading{display:block!important;font:400 28px/1.25 Georgia,serif!important;color:#47533c!important;margin:0 0 22px!important;text-align:center!important}}

/* Mobile reading pages match the approved homepage About panel. */
@media(max-width:820px){
 html body.ss4711-reading-page{background:#fff!important}
 html body main#main#main#main#main#main.ss4711-article{padding:28px 22px 44px!important;background:#fff!important}
 html body main#main#main#main#main#main.ss4711-article>.ss4711-copy{background:rgb(245,243,237)!important;border:0!important;padding:26px 24px!important;margin:28px auto 0!important;text-align:center!important;font:400 16px/1.75 Arial,Helvetica,sans-serif!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy :is(section,article,header,aside,.ss4711-section){text-align:center!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy :is(p,li){text-align:center!important;font:400 16px/1.75 Arial,Helvetica,sans-serif!important;overflow-wrap:anywhere!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy p{margin:0 0 22px!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy :is(h2,h3){font:400 28px/1.25 Georgia,serif!important;color:#47533c!important;text-align:center!important;margin:28px 0 18px!important;letter-spacing:normal!important;overflow-wrap:anywhere!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy h3{font-size:24px!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy :is(ul,ol){padding-left:0!important;list-style-position:inside!important;text-align:center!important;margin:0 0 22px!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy li{margin:0 0 14px!important}
 html body main#main#main#main#main#main.ss4711-article .ss4711-copy .ss24-related-links{justify-content:center!important}
}
@media(max-width:820px){html body main#main#main#main#main#main.ss4711-article .ss4711-copy .f4-feature{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}html body main#main#main#main#main#main.ss4711-article .ss4711-copy .f4-feature>strong{display:block!important;font-size:32px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}}
