html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; }
.siteHeader { position: relative; z-index: 40; }
[hidden] { display: none !important; }
.wpContent { min-height: 60vh; padding: 80px 24px; }
.wpContent article { max-width: 900px; margin: 30px auto; }
.genericStudioVisual { width: 100%; height: 100%; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#0d4280,#1684db); }
.genericStudioVisual b { font: 900 clamp(70px,12vw,180px)/1 Arial,sans-serif; opacity: .36; }
.sobluePage > .siteHeader { background: #fff; }
.sobluePage .soblueHeroPhoto > span { position: absolute; left: 24px; bottom: 24px; z-index: 3; color: #fff; font-size: 10px; font-weight: 800; }
.sobluePage .soblueHeroCopy h1 { font-size: clamp(38px,4vw,60px); }
.listingPage h1 { max-width: 900px; margin: 16px auto 22px; color: #0b2d52; font-size: clamp(34px,6vw,66px); }
.listingPage > .sectionInner > .detailLabel,.listingPage > .sectionInner > .intro { max-width: 900px; margin-left: auto; margin-right: auto; }
.listingBenefits { max-width: 1000px; margin: 60px auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.listingBenefits article { padding: 30px; border: 1px solid #dce6f0; border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(17,47,78,.07); }
.listingBenefits span { color: #1870df; font-weight: 900; }
.listingBenefits h2 { color: #102f50; font-size: 20px; }
.listingBenefits p { color: #536b82; line-height: 1.8; }
@media (max-width: 760px) {
  .headerInner nav .headerSearch { display: none; }
  .studioFacts { grid-template-columns: 1fr 1fr; margin: 0 18px 30px; }
  .studioFacts > div:last-child { grid-column: 1 / -1; }
  .sobluePage .soblueHero { padding-bottom: 34px; }
  .listingBenefits { grid-template-columns: 1fr; }
}