/* AR PROPERTIES — OAR Pulse hero refinement */
:root{
  --pulse-black:#050505;
  --pulse-ink:#0b0b0b;
  --pulse-paper:#f6f6f3;
  --pulse-white:#fff;
  --pulse-muted:#c5c5c1;
}

body.ar-site,
body.ar-site button,
body.ar-site input,
body.ar-site select,
body.ar-site textarea{
  font-family:"Cairo",Arial,sans-serif!important;
}
body.ar-site .brand-copy strong,
body.ar-site .brand-copy small,
body.ar-site .section-kicker,
body.ar-site .eyebrow,
body.ar-site .property-price{
  font-family:"Manrope","Cairo",sans-serif!important;
}

/* Header — same structure, pure monochrome only. */
.site-header{
  background:#050505!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 10px 34px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px)!important;
  transition:box-shadow .28s ease,border-color .28s ease!important;
}
.site-header.is-scrolled{
  background:#000!important;
  box-shadow:0 14px 44px rgba(0,0,0,.34)!important;
  border-bottom-color:rgba(255,255,255,.16)!important;
}
.header-inner{height:80px!important}
.brand{gap:12px!important}

/* AR-logo original portrait proportion: 3834 × 6835. Never stretch. */
.brand-mark{
  width:34px!important;
  height:61px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:61px!important;
  max-height:61px!important;
  flex:0 0 34px!important;
  aspect-ratio:3834/6835!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  scale:1!important;
}
.brand-logo{
  width:34px!important;
  height:61px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:61px!important;
  max-height:61px!important;
  aspect-ratio:3834/6835!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.brand-copy strong{color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.025em!important}
.brand-copy small{color:rgba(255,255,255,.68)!important}
.brand-byline{color:#fff!important;opacity:.78}
.desktop-nav a{
  color:rgba(255,255,255,.72)!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
.desktop-nav a:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.06)!important;
}
.desktop-nav a.active{
  color:#050505!important;
  background:#fff!important;
  border-color:#fff!important;
}
.header-actions .ghost-btn,.language-btn{
  background:#050505!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.header-actions .ghost-btn:hover,.language-btn:hover{background:#fff!important;color:#050505!important}
.menu-btn{background:#050505!important;border-color:rgba(255,255,255,.22)!important}
.menu-btn span{background:#fff!important}
.mobile-menu{background:#050505!important;border-color:rgba(255,255,255,.10)!important}
.mobile-menu a{color:#fff!important;border-color:rgba(255,255,255,.10)!important}

/* Hero image */
.hero-section{
  position:relative!important;
  min-height:610px!important;
  padding:78px 0 72px!important;
  background:#080808!important;
  color:#fff!important;
  overflow:hidden!important;
  isolation:isolate;
}
.hero-section::before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:-3;
  background:url('/header.png') center 50%/cover no-repeat;
  filter:grayscale(.12) contrast(1.10) brightness(.56);
  transform:scale(1.035);
  animation:arHeroDrift 24s ease-in-out infinite alternate;
  will-change:transform,background-position;
}
.hero-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.22) 38%,rgba(0,0,0,.62) 100%),
    linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.40) 43%,rgba(0,0,0,.82) 100%);
}
.hero-grid-lines{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none;
  opacity:.19;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.hero-layout{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  text-align:right!important;
  max-width:1240px!important;
  margin-inline:auto!important;
}
.hero-copy{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-right:0!important;
  margin-left:auto!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.hero-copy .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#fff!important;
  background:rgba(5,5,5,.66)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  letter-spacing:.16em!important;
  font-size:10px!important;
  font-weight:800!important;
  backdrop-filter:blur(10px);
}
.live-dot{background:#fff!important;box-shadow:0 0 0 5px rgba(255,255,255,.08)!important}
#heroTitle{
  margin:20px 0 13px!important;
  width:min(100%,760px)!important;
  min-height:3.45em!important;
  display:block!important;
  text-align:right!important;
  direction:rtl!important;
  color:#fff!important;
  font-family:"Cairo",Arial,sans-serif!important;
  font-weight:900!important;
  font-size:clamp(34px,4.15vw,58px)!important;
  line-height:1.38!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
  text-shadow:0 4px 30px rgba(0,0,0,.38);
  overflow:hidden;
}
.hero-kinetic-line{display:inline!important;position:relative}
.hero-type-cursor{
  display:inline-block;
  width:3px;
  height:.88em;
  margin-inline-start:8px;
  vertical-align:-.06em;
  border-radius:99px;
  background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.32);
  animation:arCursorBlink 1s steps(1,end) infinite;
}
.hero-copy>p{
  margin:0!important;
  max-width:670px!important;
  color:#e3e3df!important;
  font-family:"Cairo",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.9!important;
  text-align:right!important;
}
.hero-proof{justify-content:flex-start!important;margin-top:20px!important}
.hero-proof span{color:#d4d4cf!important;font-family:"Cairo",Arial,sans-serif!important}
.hero-proof b{color:#fff!important}

/* Refined, slower visual accents. */
.hero-section[data-motion="focus"] .hero-copy{animation:arFocusIn .95s ease both}
.hero-section[data-motion="rise"] .hero-copy{animation:arRiseIn .9s cubic-bezier(.2,.7,.2,1) both}
.hero-section[data-motion="soft"] .hero-copy{animation:arSoftIn 1s ease both}
.hero-section[data-motion="scan"]::after{animation:arOverlayPulse 3.8s ease both}

.search-wrap{margin-top:30px!important}
.search-card{
  width:min(100%,1040px)!important;
  margin-inline:auto!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:22px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(18px)!important;
}
.quick-area-chips{justify-content:center!important;text-align:center!important}
.quick-area-chips>span{color:#d1d1cc!important}
.quick-area-chips button{background:rgba(8,8,8,.64)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.quick-area-chips button:hover{background:#fff!important;color:#050505!important}

@keyframes arHeroDrift{
  0%{transform:scale(1.035) translate3d(0,0,0);background-position:50% 50%}
  100%{transform:scale(1.07) translate3d(-.45%,.3%,0);background-position:51.5% 49%}
}
@keyframes arCursorBlink{0%,52%{opacity:1}53%,100%{opacity:.12}}
@keyframes arFocusIn{from{filter:blur(3px);opacity:.72;transform:scale(.997)}to{filter:blur(0);opacity:1;transform:scale(1)}}
@keyframes arRiseIn{from{opacity:.70;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes arSoftIn{from{opacity:.76}to{opacity:1}}
@keyframes arOverlayPulse{0%{filter:brightness(.9)}50%{filter:brightness(1.03)}100%{filter:brightness(1)}}

@media(max-width:900px){
  .header-inner{height:72px!important}
  .brand-mark,.brand-logo{
    width:30px!important;height:54px!important;
    min-width:30px!important;max-width:30px!important;
    min-height:54px!important;max-height:54px!important;
    flex-basis:30px!important;
    aspect-ratio:3834/6835!important;
  }
  .hero-section{min-height:570px!important;padding:58px 0 60px!important}
  .hero-copy{width:100%!important;max-width:680px!important}
  #heroTitle{width:100%!important;max-width:680px!important;font-size:clamp(32px,7vw,48px)!important;min-height:3.7em!important}
}

@media(max-width:620px){
  .hero-section{min-height:540px!important;padding-top:46px!important}
  #heroTitle{font-size:clamp(29px,9vw,40px)!important;line-height:1.45!important;min-height:4.15em!important}
  .hero-copy>p{font-size:13px!important}
  .hero-proof{gap:9px!important}
  .search-wrap{margin-top:24px!important}
}

@media(prefers-reduced-motion:reduce){
  .hero-section::before,.hero-type-cursor,.hero-copy{animation:none!important}
}

/* Compact header pass — ~40% smaller, same layout and logo proportions. */
@media(min-width:901px){
  .site-header .shell{width:min(1180px,calc(100% - 40px))!important}
  .header-inner{
    height:52px!important;
    min-height:52px!important;
    gap:14px!important;
    padding-inline:0!important;
  }
  .brand{gap:8px!important}
  .brand-mark,.brand-logo{
    width:21px!important;
    height:38px!important;
    min-width:21px!important;
    max-width:21px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex:0 0 21px!important;
    aspect-ratio:3834/6835!important;
    object-fit:contain!important;
    background-size:contain!important;
  }
  .brand-copy{line-height:1!important;gap:1px!important}
  .brand-copy strong{font-size:10px!important;letter-spacing:.02em!important}
  .brand-copy small{font-size:6px!important;margin-top:1px!important;line-height:1.05!important}
  .brand-tagline{font-size:6px!important;letter-spacing:.06em!important}
  .desktop-nav{gap:3px!important;margin-inline:auto!important}
  .desktop-nav a{
    padding:6px 9px!important;
    min-height:28px!important;
    border-radius:8px!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
  }
  .desktop-nav a.active{padding:6px 10px!important;border-radius:8px!important}
  .header-actions{gap:6px!important}
  .language-btn,.header-actions .ghost-btn{
    min-width:31px!important;
    width:31px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:8px!important;
    font-weight:800!important;
    display:grid!important;
    place-items:center!important;
  }
}

@media(max-width:900px){
  .header-inner{height:52px!important;min-height:52px!important;gap:10px!important}
  .brand{gap:7px!important}
  .brand-mark,.brand-logo{
    width:20px!important;height:36px!important;
    min-width:20px!important;max-width:20px!important;
    min-height:36px!important;max-height:36px!important;
    flex-basis:20px!important;
    aspect-ratio:3834/6835!important;
  }
  .brand-copy strong{font-size:10px!important}
  .brand-copy small{font-size:6px!important;line-height:1!important;margin-top:1px!important}
  .language-btn,.header-actions .ghost-btn{
    min-width:32px!important;width:32px!important;height:32px!important;min-height:32px!important;
    padding:0!important;border-radius:10px!important;font-size:8px!important;
  }
  .menu-btn{width:32px!important;height:32px!important;border-radius:10px!important}
  .menu-btn span{width:14px!important;height:1.5px!important}
}