/* A consistent Arabic report system: Oaktree colors, direct headings, no decorative captions. */
body,button,input,select{font-family:Cairo,Arial,sans-serif}
h1,h2,h3,.copy h2,.details h3,.material-list h3,.hero-title{font-family:Cairo,Arial,sans-serif;letter-spacing:0;font-weight:650}
h1{font-size:clamp(46px,4.6vw,74px);line-height:1.55;margin-bottom:20px}
h1 em{display:block;font-family:Cairo,Arial,sans-serif;font-size:.8em;font-weight:350;line-height:1.5}
h2{font-size:clamp(29px,2.7vw,43px);line-height:1.65;margin-bottom:24px}
.copy h2{font-size:clamp(29px,2.7vw,43px);line-height:1.65}
h3{font-size:17px;line-height:1.9;font-weight:650}
.hero-title{font-size:20px;font-weight:500;line-height:1.95;margin:22px 0 16px}
.report-kicker{font-size:14px;color:#726944;margin-bottom:18px;font-weight:600}
.hero{grid-template-columns:1fr 1fr;gap:8%;padding-top:55px;padding-bottom:65px}
.hero-copy{border-top:2px solid #726944;padding-top:27px;align-self:center}
.hero-visual{max-height:690px}
.hero .meta{font-size:13px;line-height:2.1}
.hero-actions{margin-top:30px}
.hero-index{font-family:Cairo,sans-serif;font-size:12px}
.scene{padding-top:78px;padding-bottom:78px}
.section-head{max-width:850px;margin-bottom:40px}
.section-head p:not(.eyebrow){font-size:15px;line-height:2.05}
.section-subtitle{font-size:15px;color:#726944;margin-top:-10px;margin-bottom:18px}
.overview .section-head{max-width:850px}
.overview h2{color:#fff}
.numbers{margin:48px 0 40px;gap:28px}
.stat{padding-top:20px}
.stat strong{font-family:Cairo,sans-serif;font-size:clamp(42px,4.5vw,68px);font-weight:300;line-height:1.8}
.stat>span:last-child{font-size:13px;line-height:1.9}
.overview:after{display:none}
.location-link{margin-bottom:0;padding-block:20px}
.details article{gap:22px;padding:22px 0 9px}
.details article>span,.mini-number,.followups li>span{font-family:Cairo,sans-serif;font-size:12px;font-weight:500}
.details p,.material-list p{font-size:14px;line-height:2.05;color:#657176}
.material-list article{padding:22px 0}
.material-list article>span{font-size:11px}
.material-list h3{font-size:18px}
.spec-line strong,.lift-stats strong,.water-mark strong{font-family:Cairo,sans-serif;font-weight:300}
.spec-line strong{font-size:30px}
.spec-line span,.lift-stats span{font-size:11px}
.lift-stats strong{font-size:45px;line-height:1.9}
.water-mark strong{font-size:82px;line-height:1.5}
.parking-title h2 strong{font-family:Cairo,sans-serif;font-size:125px;font-weight:300}
.parking-title h2 span{font-size:32px;font-weight:600}
.hvac .copy>p:not(.eyebrow){font-size:14px;line-height:2.1}
.hvac h2{color:white}
.closing{grid-template-columns:.85fr 1.15fr;gap:50px 7%;padding-bottom:100px}
.closing-head{align-self:start;border-top:2px solid #726944;padding-top:25px}
.closing-head h2{max-width:12ch}
.closing-head>p{font-size:14px;color:#726944}
.followups li{padding:21px 0;gap:24px}
.followups p{font-size:14px;line-height:2}
.closing-gallery{border-top:1px solid #d9d7cb;padding-top:45px;margin-top:0}
.closing-gallery h3{font-family:Cairo,sans-serif;font-size:30px;font-weight:650;line-height:1.7}
.closing-gallery>div{padding-inline:15px}
.closing footer{margin-top:15px}
.bottom-nav{min-width:270px;border-radius:3px;background:#fffffff5}
.bottom-nav #counter{font-family:Cairo,sans-serif;font-size:9px}
.bottom-nav #current-label{font-size:11px}
.tools button{gap:7px}
.tools button span{font-size:12px}
.menu-top>span{font-size:15px;font-weight:600;color:#726944}
.lightbox-top h2{font-family:Cairo,sans-serif;font-size:20px;font-weight:600}
.pill{font-family:Cairo,sans-serif;font-size:11px;letter-spacing:1px}
.photo span{font-size:11px}
.duo .photo:first-child{clip-path:none}
.hero-art{background:#f7f6f0;padding:24px 30px;min-height:490px;max-height:720px;height:69svh}
.hero-art .hero-image{aspect-ratio:2/3;width:auto;height:100%;background:transparent;max-width:100%}
.hero-art .hero-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.hero-art .hero-zoom{left:12px;bottom:12px;border:1px solid #d9d7cb;background:#fff;color:#004238}
.hero .hero-copy{border-top:0;padding-top:0}
.hero .hero-art{background:transparent;padding:12px 20px}
.hero-copy h1{color:#004238;font-size:clamp(48px,5.3vw,82px);font-weight:650;line-height:1.65;margin-bottom:30px}
.number-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.number-value{font:inherit!important;color:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit!important}
.closing footer{margin-top:25px}.closing{min-height:calc(100svh - 90px)}
.opening-pending .hero-art,.opening-pending .hero-copy>*{opacity:0!important}
.opening-running .hero-art{opacity:1!important;transform:none!important;transition:none!important}
.opening-running .hero-art .hero-image img{animation:midrar-draw-up 1.65s cubic-bezier(.22,.7,.2,1) both!important}
.opening-running .hero-copy>h1{animation:midrar-intro-copy .65s .7s both!important;transition:none!important}
.opening-running .hero-copy>.meta{animation:midrar-intro-copy .65s .95s both!important;transition:none!important}
.opening-running .hero-copy>.hero-actions{animation:midrar-intro-copy .65s 1.15s both!important;transition:none!important}
@keyframes midrar-draw-up{from{clip-path:inset(100% 0 0 0);opacity:.15;transform:translateY(14px)}to{clip-path:inset(0);opacity:1;transform:none}}
@keyframes midrar-intro-copy{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.opening-pending .hero-art,.opening-pending .hero-copy>*{opacity:1!important}.opening-running .hero *{animation:none!important}}
@media(max-width:760px){.hero .hero-art{padding:10px 8px;height:auto;min-height:0;max-height:none}.hero-art .hero-image{width:100%;height:auto;aspect-ratio:2/3}.hero-art .hero-image img{height:auto;width:100%}.hero-copy h1{font-size:46px;margin-bottom:23px}}
@media(max-width:760px){
  .hero{display:grid;grid-template-columns:1fr;gap:17px;padding-top:30px;padding-bottom:58px}
  .hero .hero-copy{display:contents}
  .hero .hero-copy>h1{grid-row:1;text-align:center;font-size:42px;line-height:1.55;margin:0}
  .hero .hero-art{grid-row:2;height:48svh;min-height:320px;max-height:460px;padding:0;display:flex;justify-content:center;align-items:center}
  .hero .hero-art .hero-image{width:auto;max-width:100%;height:100%;aspect-ratio:2/3}
  .hero .hero-art .hero-image img{width:100%;height:100%;object-fit:contain}
  .hero .hero-copy>.meta{grid-row:3;text-align:center;margin:0;font-size:12px;line-height:1.8}
  .hero .hero-copy>.meta br{display:block}
  .hero .hero-copy>.hero-actions{grid-row:4;justify-content:center;margin:6px 0 0;gap:22px}
  .hero .hero-zoom{display:none}.bottom-nav{transition:transform .3s,opacity .3s}.on-cover .bottom-nav{transform:translate(-50%,110px);opacity:0;pointer-events:none}
}
.hero-index{direction:ltr;text-align:left}
@media(max-width:1100px){.hero{gap:6%}.hero-title{font-size:18px}.details p{font-size:13px}.numbers{gap:20px}.stat>span:last-child{font-size:12px}.parking-title h2 strong{font-size:100px}.parking-title h2 span{font-size:28px}}
@media(max-width:760px){
  header{padding-inline:20px}.brand img{width:100px}.tools button{padding:8px;font-size:21px}.tools button span{font-size:10px}
  .hero{gap:30px;padding:34px 25px 65px}.hero-copy{padding-top:20px;width:100%}.report-kicker{font-size:12px;margin-bottom:12px}
  h1{font-size:43px;line-height:1.5;margin-bottom:12px}h1 em{display:inline;font-size:.78em;margin-right:8px;font-weight:400}
  .hero-title{font-size:16px;line-height:1.9;margin:15px 0 13px}.hero .meta{font-size:12px;line-height:1.9}.hero .meta br{display:none}.hero .meta br:after{content:' '}
  .hero-actions{margin-top:23px}.hero-visual{max-height:none}.hero-zoom{bottom:12px;background:#ffffffeb}
  .scene{padding:48px 25px 58px}h2,.copy h2{font-size:29px;line-height:1.6;margin-bottom:22px}
  .section-head{margin-bottom:30px}.section-head p:not(.eyebrow){font-size:13px;line-height:2.1}.section-subtitle{font-size:13px;margin-top:-8px}
  .overview{padding-bottom:60px}.numbers{gap:25px 20px;margin:32px 0}.stat{padding-top:14px}.stat strong{font-size:52px;line-height:1.65}.stat>span:last-child{font-size:12px}
  .numbers .stat:last-child{display:flex;grid-column:1/-1;flex-direction:row;align-items:center;gap:25px}.numbers .stat:last-child strong{font-size:50px;min-width:60px;text-align:right}.numbers .stat:last-child>span:last-child{font-size:12px}
  .location-link{margin:27px 0 0;padding-block:18px}.location-link>b{margin-right:46px}.location-link strong{font-size:14px}
  .details h3,.material-list h3{font-size:17px}.details article{padding:20px 0 8px;gap:20px}.details p,.material-list p{font-size:13px}
  .lobby-photo{margin-right:0}.lobby-photo .photo{height:420px}.parking-title h2 strong{font-size:105px}.parking-title h2 span{font-size:28px}
  .spec-line{gap:20px}.spec-line strong{font-size:27px}.spec-line span{font-size:9px}.lift-stats strong{font-size:38px}.water-mark strong{font-size:75px}
  .closing{gap:30px;padding-bottom:110px}.closing-head{padding-top:22px}.closing-head h2{max-width:none}.closing-head>p{font-size:13px}
  .followups li{padding:19px 0;gap:20px}.followups p{font-size:13px}.closing-gallery{padding-top:30px;gap:25px}.closing-gallery>div{padding:0}.closing-gallery h3{font-size:26px}
  .bottom-nav{min-width:250px}.bottom-nav #current-label{font-size:10px}.photo span{font-size:10px}.lightbox-top h2{font-size:17px}
}