/* HarishProperties.ca — R6 Cinematic Experience Layer */
:root{--hp-orange:#F95E28;--hp-glass:rgba(255,255,255,.10);--hp-ease:cubic-bezier(.22,1,.36,1)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Cinematic depth without sacrificing text contrast */
.hero{min-height:850px}
.hero::before{filter:saturate(.92) contrast(1.05)}
.hero::after{background:radial-gradient(circle at 75% 35%,rgba(249,94,40,.14),transparent 27%),linear-gradient(180deg,rgba(7,20,46,.05),rgba(7,20,46,.28))!important}
.hero-copy{padding-bottom:88px;max-width:760px}
.hero-copy h1{letter-spacing:-.045em;text-wrap:balance}
.hero-copy p{font-size:clamp(1rem,1.25vw,1.2rem);max-width:650px}
.hero-person{transition:transform .9s var(--hp-ease)}
.hero:hover .hero-person{transform:translate3d(8px,-4px,0)}

.hero-search-dock{margin-top:28px;width:min(760px,100%);padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(5,11,30,.58);box-shadow:0 25px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-search-main{min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:7px 7px 7px 18px}
.hero-search-icon{font-size:1.7rem;color:var(--purple);line-height:1}
.hero-search-main input{width:100%;border:0;outline:0;background:transparent;color:var(--navy);font-size:1rem;min-width:0}
.hero-search-main input::placeholder{color:#747d8e}
.hero-search-main button{height:50px;border:0;border-radius:9px;padding:0 20px;background:linear-gradient(135deg,var(--hp-orange),#e54013);color:#fff;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 10px 28px rgba(249,94,40,.28);transition:transform .25s var(--hp-ease),box-shadow .25s var(--hp-ease)}
.hero-search-main button:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(249,94,40,.38)}
.hero-search-chips{display:flex;gap:8px;flex-wrap:wrap;padding:10px 4px 1px}
.hero-search-chips a{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:.73rem;font-weight:800;color:#eef2fb;transition:.2s}
.hero-search-chips a:hover{background:#fff;color:var(--navy);transform:translateY(-1px)}

/* High-value action rail */
.signal-strip{position:relative;z-index:12;margin-top:-32px;padding-bottom:34px}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.signal-card{position:relative;isolation:isolate;min-height:218px;padding:25px;border-radius:19px;overflow:hidden;color:#fff;box-shadow:0 18px 50px rgba(7,20,46,.16);transition:transform .35s var(--hp-ease),box-shadow .35s var(--hp-ease)}
.signal-card::before{content:"";position:absolute;right:-45px;top:-55px;width:160px;height:160px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.025);z-index:-1;transition:transform .5s var(--hp-ease)}
.signal-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(7,20,46,.25)}
.signal-card:hover::before{transform:scale(1.12) rotate(8deg)}
.signal-orange{background:linear-gradient(145deg,#ff744d,#db3510)}
.signal-blue{background:linear-gradient(145deg,#183bab,#071c72)}
.signal-purple{background:linear-gradient(145deg,#a24eb3,#672477)}
.signal-ink{background:linear-gradient(145deg,#172545,#050b1e)}
.signal-kicker{display:block;margin-bottom:35px;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:rgba(255,255,255,.72)}
.signal-card strong{display:block;font-family:Georgia,serif;font-size:1.42rem;line-height:1.1;margin-bottom:9px;max-width:230px}
.signal-card small{display:block;color:rgba(255,255,255,.76);line-height:1.5;min-height:55px}
.signal-card b{display:block;margin-top:17px;font-size:.78rem}

/* Global premium motion and surface quality */
.listing-card,.service-card,.community-card,.strategy-card,.quote,.lens-card{transition:transform .38s var(--hp-ease),box-shadow .38s var(--hp-ease),border-color .38s var(--hp-ease)}
.listing-card:hover,.service-card:hover,.quote:hover,.lens-card:hover{transform:translateY(-7px);box-shadow:0 25px 65px rgba(7,20,46,.14);border-color:rgba(249,94,40,.25)}
.listing-media{overflow:hidden}
.listing-media img{transition:transform .7s var(--hp-ease)}
.listing-card:hover .listing-media img{transform:scale(1.045)}
.section-head h2{text-wrap:balance;letter-spacing:-.035em}
.btn{transition:transform .25s var(--hp-ease),box-shadow .25s var(--hp-ease),filter .25s}
.btn:hover{box-shadow:0 12px 30px rgba(7,20,46,.16);filter:saturate(1.06)}

/* Pointer glow: progressive enhancement */
[data-pointer-glow]{position:relative;isolation:isolate}
[data-pointer-glow]::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.10),transparent 42%);opacity:0;transition:opacity .3s;z-index:-1}
[data-pointer-glow]:hover::after{opacity:1}

@media(max-width:1080px){
  .hero{min-height:900px}.hero-grid{min-height:900px}.hero-copy{padding-bottom:90px}
  .signal-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .hero{min-height:940px}.hero-grid{min-height:940px}.hero-copy{padding-top:118px;padding-bottom:62px}
  .hero-search-main{grid-template-columns:auto 1fr}.hero-search-main button{grid-column:1/-1;width:100%}
  .hero-search-chips{gap:6px}.hero-search-chips a{font-size:.68rem}
  .signal-strip{margin-top:-18px}.signal-grid{grid-template-columns:1fr}.signal-card{min-height:190px}.signal-kicker{margin-bottom:22px}
}
@media(prefers-reduced-motion:reduce){.hero-person,.signal-card,.listing-card,.service-card,.quote,.lens-card,.listing-media img{transition:none!important}.hero:hover .hero-person,.signal-card:hover,.listing-card:hover,.service-card:hover,.quote:hover,.lens-card:hover{transform:none!important}}