.uh-fold{position:relative}
.uh-fold--closed{max-height:var(--uh-fold-h,340px);overflow:hidden}
.uh-fold--closed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--uh-fold-bg,#fff) 80%)}
.uh-fold__toggle{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;border:1px solid #c9ced8;background:#fff;color:#13264f;border-radius:999px;padding:6px 12px;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 1px 4px rgba(19,38,79,.12)}
.uh-fold__toggle:hover{border-color:#13264f}
.uh-fold__toggle .uh-fold__arrow{display:inline-block;transition:transform .2s}
.uh-fold--open .uh-fold__toggle .uh-fold__arrow{transform:rotate(180deg)}
.uh-fold__more{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;border:0;background:#13264f;color:#fff;border-radius:999px;padding:9px 18px;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(19,38,79,.25);white-space:nowrap}
.uh-fold--open .uh-fold__more{display:none}
.uh-fold__toggle:focus-visible,.uh-fold__more:focus-visible{outline:3px solid #f0b54a;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.uh-fold__toggle .uh-fold__arrow{transition:none}}
/* Old GHL "form loads when you are ready" placeholders sat on top of the owned contact form (state pages): hide them
   wherever the owned form is present, so the form itself shows. */
.ghl-inline-wrap:has(.usah-owned-form-override) .search-frame__ph,.ghl-inline-wrap:has([data-usah-universal-intake]) .search-frame__ph{display:none!important}
/* One layout: the photo heroes on state pages (.photo-act) and intent pages (.intent-hero: /buy/, /sell/, /invest/, /rent/)
   become the compact navy USAHouses.com hero, so the title, main buttons and home-value box sit in the first screen.
   The homepage has neither class and keeps its own hero. */
.photo-act,.intent-hero{min-height:0!important;height:auto!important;background:linear-gradient(135deg,#13264f 0%,#1d3a6e 100%)!important;border-bottom:4px solid #a51c24;padding:26px 0 22px!important;overflow:visible!important}
.photo-act .bgimg,.photo-act .scrim,.photo-act .bottom-fade,.photo-act .below-space,.intent-hero .intent-hero__image,.intent-hero .intent-hero__scrim{display:none!important}
.photo-act .content,.intent-hero .intent-hero__content{position:relative!important;padding:0!important;min-height:0!important;height:auto!important;text-align:left!important;display:block!important}
.photo-act .content .wrap,.intent-hero .intent-hero__content{max-width:min(1600px,calc(100vw - 2*clamp(16px,3vw,64px)));margin:0 auto;padding:0 18px!important}
.photo-act .brandlock,.intent-hero .eyebrow{display:inline-block!important;background:none!important;border:0!important;padding:0!important;margin:0 0 8px!important;color:#f0c87a!important;font-size:12px!important;letter-spacing:.12em!important;backdrop-filter:none!important}
.photo-act h1,.intent-hero h1{color:#fff!important;font-size:clamp(1.55rem,4.6vw,2.5rem)!important;line-height:1.15!important;margin:0 0 10px!important;max-width:none!important;text-shadow:none!important;text-align:left!important}
.photo-act .sub,.intent-hero .intent-hero__intro{color:#e6ebf4!important;font-size:1rem!important;line-height:1.5!important;margin:0 0 16px!important;max-width:62ch!important;text-shadow:none!important;opacity:1!important;text-align:left!important}
.photo-act .hero-actions,.intent-hero .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-start!important;margin:0 0 14px!important}
.photo-act .hero-actions .btn,.intent-hero .hero-actions .button{width:auto!important;flex:0 1 auto!important;padding:11px 18px!important;font-size:15px!important;min-height:0!important;border-radius:999px!important}
.photo-act .hero-actions .btn:first-child,.intent-hero .hero-actions .button:first-child{background:#a51c24!important;color:#fff!important;box-shadow:none!important;border-color:#a51c24!important}
.intent-hero .hero-actions .button:not(:first-child){background:#fff!important;color:#13264f!important;border-color:#fff!important}
.photo-act .hero-value-tool{margin:6px 0 0!important;max-width:640px}
.photo-act .hero-value-tool .value-label{color:#fff!important;text-align:left!important}
.photo-act .hero-helper{color:#d7deea!important;text-align:left!important}
.photo-act .addr-bar{background:#fff!important;border-radius:12px!important;box-shadow:none!important}
.photo-act .addr-bar input{background:#fff!important;color:#14181f!important;padding:14px 16px!important;font-size:16px!important}
.photo-act .addr-bar input::placeholder{color:#6b7280!important;opacity:1}
.photo-act .addr-bar button{background:#a51c24!important;color:#fff!important;padding:12px 18px!important}
.intent-hero .hero-proof{color:#d7deea!important;margin:4px 0 0!important}
/* Same navy hero on the new-homes hubs (builders, communities, MPCs: .nh-hero) and the stored city/county new-homes pages
   (main > section.hero). Not on the newusahouses.com search page, which has its own. */
.nh-hero,body:not(.uh-nuh-search) main > section.hero{background:linear-gradient(135deg,#13264f 0%,#1d3a6e 100%)!important;color:#fff!important;border-bottom:4px solid #a51c24!important;border-radius:0!important;padding:26px 18px 22px!important;margin-top:0!important}
body:not(.uh-nuh-search) main > section.hero .wrap{padding:0!important}
.nh-hero h1,body:not(.uh-nuh-search) main > section.hero h1{color:#fff!important;font-size:clamp(1.55rem,4.6vw,2.5rem)!important;line-height:1.15!important;margin:0 0 10px!important}
.nh-hero p,.nh-hero label,.nh-hero .nh-note,body:not(.uh-nuh-search) main > section.hero p{color:#e6ebf4!important}
.nh-hero .nh-eyebrow,body:not(.uh-nuh-search) main > section.hero .eyebrow{color:#f0c87a!important;background:none!important;border:0!important}
.nh-hero strong,body:not(.uh-nuh-search) main > section.hero strong{color:#fff!important}
.nh-hero a:not(.nh-actions a),body:not(.uh-nuh-search) main > section.hero p a{color:#fff!important;text-decoration:underline}
.nh-hero input{background:#fff!important;color:#14181f!important}
.nh-hero button{background:#a51c24!important;color:#fff!important;border-color:#a51c24!important}
.nh-hero .nh-actions a,body:not(.uh-nuh-search) main > section.hero .btn{background:#fff!important;color:#13264f!important;border-color:#fff!important}
.nh-hero .nh-actions a:first-child,body:not(.uh-nuh-search) main > section.hero .btn:first-child{background:#a51c24!important;color:#fff!important;border-color:#a51c24!important}
/* The USAHouses.com wordmark stays as designed on every page, even where an older page stylesheet styles .brand. */
header.site-header .brand__word{font-family:"Libre Baskerville",Georgia,"Times New Roman",serif!important;text-transform:none!important;letter-spacing:-.02em!important;color:#13264f!important;font-weight:700!important}
header.site-header .brand__word b{color:#a51c24!important;font-weight:700!important}
header.site-header .brand__word{font-size:25px!important;line-height:1!important}
@media (max-width:1200px){header.site-header .brand__word{font-size:21px!important}}
@media (min-width:901px) and (max-width:1000px){header.site-header .brand__word{font-size:19px!important}}
@media (max-width:900px){header.site-header .brand__word{font-size:23px!important}}
@media (max-width:430px){header.site-header .brand__word{font-size:20px!important}}
@media (max-width:400px){header.site-header .brand__word{font-size:18px!important}}
/* Spam-trap fields stay off screen without widening the page on phones. */
.ui2-hp,input.ui2-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Use the screen: content containers go up to 1600px with 3-5% side margins instead of a narrow 1120-1240px column. */
body .wrap{max-width:min(1600px,calc(100% - 2*clamp(16px,3vw,64px)))}
body .wrap .head,body .wrap .lede,body .wrap p{max-width:min(82ch,100%)}
/* No glowing headline: the homepage's photo-hero text shadow is not used on other heroes. */
body section.hero:not(:has(.hero__copy)) h1,body:not(:has(.hero__copy)) .hero h1{text-shadow:none!important}
/* Pages whose title sits straight in the page (listings, ZIP index, catalog, hub pages) get the navy hero by script. */
.uh-auto-hero{background:linear-gradient(135deg,#13264f 0%,#1d3a6e 100%);color:#fff;border-bottom:4px solid #a51c24;margin:0 calc(50% - 50vw) 22px;padding:24px max(clamp(16px,3vw,64px),calc(50vw - 800px)) 20px}
.uh-auto-hero h1{color:#fff!important;font-size:clamp(1.55rem,4.6vw,2.5rem)!important;line-height:1.15!important;margin:0 0 10px!important}
.uh-auto-hero p{color:#e6ebf4!important;margin:0 0 10px!important;max-width:70ch}
.uh-auto-hero p a{color:#fff!important}
.uh-auto-hero .worker-eyebrow,.uh-auto-hero .kicker{color:#f0c87a!important;margin:0 0 8px!important}
body:has(.uh-auto-hero){overflow-x:clip}
/* Phone action bar: appears after the first screen, leaves room for the Ask USA Houses button on the right. */
.uh-cta-bar{position:fixed;left:10px;bottom:12px;z-index:9990;display:none;gap:8px;transform:translateY(140%);transition:transform .25s}
.uh-cta-bar.is-on{transform:none}
.uh-cta-bar a{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 14px;border-radius:999px;font:700 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;box-shadow:0 6px 18px rgba(19,38,79,.28);white-space:nowrap}
.uh-cta-bar a.uh-cta-main{background:#a51c24;color:#fff}
.uh-cta-bar a.uh-cta-alt{background:#fff;color:#13264f;border:1px solid #c9ced8}
@media (max-width:760px){.uh-cta-bar{display:flex}}
@media (prefers-reduced-motion:reduce){.uh-cta-bar{transition:none}}
@media print{.uh-fold--closed{max-height:none;overflow:visible}.uh-fold--closed::after,.uh-fold__toggle,.uh-fold__more,.uh-cta-bar{display:none}}