/* Industry hero (H02 with the property managers panel). Generated from mockup/sections/industry/00-residential-property-management-marketin.html and css/industry.css. */
@keyframes i-up {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.gx-industryhero .gm-dark a:focus-visible,.gx-industryhero.gm-dark a:focus-visible,.gx-industryhero .gm-dark button:focus-visible,.gx-industryhero.gm-dark button:focus-visible,.gx-industryhero #contact a:focus-visible,.gx-industryhero footer a:focus-visible {outline-color:#FFFFFF}
.gx-industryhero .gm-plain {list-style:none;margin:0;padding:0}
.gx-industryhero .i-kick {margin:0;font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#5834C7}
.gx-industryhero .i-kick-d {color:#18C7C3}
.gx-industryhero .i-lede {margin:0;max-width:680px;font-size:20px;line-height:1.6;color:#655B77}
.gx-industryhero .i-in {animation:i-up 1.3s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
@media (prefers-reduced-motion: reduce) {
  .gx-industryhero .i-in {animation:none}
}
.gx-industryhero .gm-dark .i-opt,.gx-industryhero.gm-dark .i-opt {border-color:#FFFFFF}
.gx-industryhero .gm-dark .i-opt-feat,.gx-industryhero.gm-dark .i-opt-feat {border-color:#18C7C3}
.gx-industryhero .i-crumb {text-underline-offset:4px;transition:color .15s ease}
.gx-industryhero .i-crumb:hover,.gx-industryhero .i-crumb:focus-visible {color:#3F2396!important;text-decoration-thickness:2px}
.gx-industryhero .gm-dark .i-crumb:hover,.gx-industryhero.gm-dark .i-crumb:hover,.gx-industryhero .gm-dark .i-crumb:focus-visible,.gx-industryhero.gm-dark .i-crumb:focus-visible {color:#FFFFFF!important}
.gx-industryhero .i-dot,.gx-industryhero .i-glass {background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);-webkit-backdrop-filter:blur(2px) saturate(160%);backdrop-filter:blur(2px) saturate(160%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .gx-industryhero .i-dot,.gx-industryhero .i-glass {background:#2A2346!important}
}
.gx-industryhero .i-opt.i-glass:not(.i-opt-feat) {border:0}
.gx-industryhero .i-prow-l.i-glass {box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)}
.gx-industryhero .i-glass .i-list li {color:#FFFFFF;border-color:rgba(255,255,255,.24)}
.gx-industryhero .i-glass .i-list li:last-child {border-bottom-color:rgba(255,255,255,.24)}
.gx-industryhero .i-glass .i-list a {color:#FFFFFF}
.gx-industryhero-s1.gx-industryhero-s1 { margin-bottom: 40px }
.gx-industryhero-s2.gx-industryhero-s2 { display: flex;gap: 10px;font-size: 15px;color: #C9C2DA }
.gx-industryhero-s3.gx-industryhero-s3 { color: #FFFFFF;font-weight: 600 }
.gx-industryhero-s4.gx-industryhero-s4 { display: grid;grid-template-columns: minmax(0, 1fr) 520px;gap: 72px;align-items: center }
.gx-industryhero-s5.gx-industryhero-s5 { display: flex;flex-direction: column;gap: 28px }
.gx-industryhero-s6.gx-industryhero-s6 { --d: .15s;margin: 0;max-width: 680px;font-family: 'Epilogue', Arial, sans-serif;font-size: 19px;line-height: 1.45;font-weight: 600;color: #FFFFFF }
.gx-industryhero-s7.gx-industryhero-s7 { --d: .3s;margin: 0;font-family: 'Jost', Arial, sans-serif;font-weight: 700;font-size: 68px;line-height: 1.08;letter-spacing: -.03em;color: #FFFFFF }
.gx-industryhero-s8.gx-industryhero-s8 { color: #18C7C3 }
.gx-industryhero-s9.gx-industryhero-s9 { --d: .55s;color: #C9C2DA }
.gx-industryhero-s10.gx-industryhero-s10 { --d: .7s;display: flex;align-items: center;gap: 28px;margin-top: 4px }
.gx-industryhero-s11.gx-industryhero-s11 { display: inline-flex;align-items: center;height: 60px;padding: 0 32px;background: #FFFFFF;color: #19152F;text-decoration: none;font-size: 18px;font-weight: 600 }
.gx-industryhero-s12.gx-industryhero-s12 { display: inline-flex;align-items: center;height: 60px;color: #FFFFFF;font-size: 18px;font-weight: 600;text-decoration: underline;text-underline-offset: 7px;text-decoration-thickness: 2px;text-decoration-color: #665483 }
.gx-industryhero-s13.gx-industryhero-s13 { --d: .45s }
.gx-industryhero-s14.gx-industryhero-s14 { display: flex;flex-direction: column;align-items: flex-start }
.gx-industryhero-s15.gx-industryhero-s15 { display: block;width: 600px;height: 377px;object-fit: contain;margin-right: -80px }
.gx-industryhero-s16.gx-industryhero-s16 { align-self: stretch;position: relative;margin-top: -24px }
.gx-industryhero-s17.gx-industryhero-s17 { display: flex;flex-direction: column;gap: 20px;padding: 36px }
.gx-industryhero-s18.gx-industryhero-s18 { margin: 0 }
.gx-industryhero-s19.gx-industryhero-s19 { margin: 0;font-family: 'Jost', Arial, sans-serif;font-weight: 600;font-size: 24px;line-height: 1.3;color: #FFFFFF }
.gx-industryhero-s20.gx-industryhero-s20 { display: flex;align-items: center;gap: 16px }
.gx-industryhero-s21.gx-industryhero-s21 { display: flex;flex-direction: column;gap: 2px }
.gx-industryhero-s22.gx-industryhero-s22 { font-family: Jost, Arial, sans-serif;font-weight: 600;font-size: 20px;color: #FFFFFF }
.gx-industryhero-s23.gx-industryhero-s23 { font-size: 15px;line-height: 1.4;color: #C9C2DA }
.gx-industryhero-s24.gx-industryhero-s24 { display: flex;flex-direction: column;gap: 16px }
@media (max-width: 1100px) {
  .gx-industryhero-s4.gx-industryhero-s4 { grid-template-columns:minmax(0,1fr)!important }
  .gx-industryhero-s7.gx-industryhero-s7 { font-size:38px!important;line-height:1.1!important }
  .gx-industryhero-s10.gx-industryhero-s10 { flex-wrap:wrap }
  .gx-industryhero-s15.gx-industryhero-s15 { max-width:100%;margin-left:0!important;margin-right:0!important }
}
@media (max-width: 640px) {
  .gx-industryhero-s19.gx-industryhero-s19 { font-size:20px!important }
}

/* Panel items with a link (hand-written addition). */
.gx-industryhero .gx-ih-link { display: flex; align-items: center; gap: 16px; flex: 1; color: inherit; text-decoration: none; }
.gx-industryhero .gx-ih-link .gx-industryhero-s22 { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; text-decoration-thickness: 2px; transition: text-decoration-color .2s ease; }
.gx-industryhero .gx-ih-link:hover .gx-industryhero-s22, .gx-industryhero .gx-ih-link:focus-visible .gx-industryhero-s22 { text-decoration-color: var(--gm-teal, #18C7C3); }
.gx-industryhero .gx-ih-link:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 4px; }

/* Screenshot heroes: fill the box from the top so the glass panel overlaps the picture (hand-written addition). */
.gx-industryhero .gx-ih-fill.gx-industryhero-s15 { object-fit: cover; object-position: top center; border-radius: 4px; box-shadow: 0 24px 48px rgba(0,0,0,.35); }
.gx-industryhero .gx-ih-fill + .gx-industryhero-s16.gx-industryhero-s16 { margin-top: -56px; }

/* Panel icons sit on the dark glass, where purple reads poorly: show purple parts in the theme blue (hand-written addition). */
.gx-industryhero .gx-industryhero-s20 svg [stroke="#5834C7"], .gx-industryhero .gx-industryhero-s20 svg[stroke="#5834C7"] { stroke: var(--gm-blue, #3E88FF); }
.gx-industryhero .gx-industryhero-s20 svg [fill="#5834C7"] { fill: var(--gm-blue, #3E88FF); }