.hero-image { background-image: url('assets/abu-dhabi-hero.jpg'); }
.feature-image { background-image: linear-gradient(#07111635, #07111635), url('assets/architecture.jpg'); }
.choice-grid input { width: auto; padding: 0; }
.brand { width: auto; height: 56px; padding: 0; border: 0; background: transparent; box-shadow: none; display: flex; align-items: center; gap: 10px; }
.brand-icon { width: 52px; height: 52px; display: block; overflow: hidden; background: #080e12; border: 1px solid #ffffff59; box-shadow: 0 10px 25px #0003; }
.brand img { width: 88px; height: 113px; max-width: none; object-fit: cover; object-position: 50% 20%; transform: translate(-18px, -4px); }
.brand-wordmark { display: grid; gap: 3px; text-transform: uppercase; color: #fff; line-height: 1; }.brand-wordmark b { font-size: .8rem; letter-spacing: .2em; }.brand-wordmark small { font-size: .43rem; letter-spacing: .08em; line-height: 1.35; color: #ffffffae; }
.site-header nav { gap: clamp(13px, 1.75vw, 28px); font-size: .66rem; }.header-cta { font-size: .68rem; white-space: nowrap; }.hero { background:#071116; }.hero-copy { max-width: 760px; }.hero-copy h1 { font-size: clamp(3.4rem, 5.15vw, 5.75rem); max-width: 720px; white-space: nowrap; }.hero-text { max-width: 440px; font-size: .97rem; }.hero-actions { display: flex; align-items: center; gap: 16px; margin-top: 31px; }.hero-button { display: inline-block; padding: 16px 19px; background: var(--orange); text-transform: uppercase; letter-spacing: .1em; font-size: .65rem; font-weight: 700; }.hero-button span { font-size: 1rem; margin-left: 8px; }.hero-secondary { display: inline-block; padding: 15px 18px; border: 1px solid #ffffff8c; text-transform: uppercase; letter-spacing: .1em; font-size: .65rem; font-weight: 700; }.hero-secondary span { color: var(--orange); font-size: 1rem; margin-left: 8px; }.hero-image { opacity: 0; animation: hero-image-reveal 1.5s cubic-bezier(.2,.75,.2,1) .55s forwards; }.hero-copy > * { opacity: 0; transform: translateY(16px); animation: hero-copy-reveal .65s ease forwards; }.hero-copy .eyebrow { animation-delay: .1s; }.hero-copy h1 { animation-delay: .2s; }.hero-copy .hero-text { animation-delay: .33s; }.hero-copy .hero-actions { animation-delay: .43s; }.hero-stats { opacity: 0; animation: hero-copy-reveal .7s ease forwards .9s; } @keyframes hero-image-reveal { from { opacity: 0; transform:scale(1.08); filter:blur(9px); } to { opacity:1; transform:scale(1.02); filter:blur(0); } } @keyframes hero-copy-reveal { to { opacity: 1; transform: translateY(0); } }
.reveal { opacity: 0; transform: translateY(32px); transition: opacity .75s ease, transform .75s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.properties { padding: 110px 8vw; background: #f0ebe1; }
.properties-intro { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 48px; }
.properties-intro h2 { font-size: clamp(2.7rem,4.5vw,5rem); }
.properties-intro > p { max-width: 320px; color: #5d6567; font-size: .92rem; line-height: 1.75; margin: 0; }
.property-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.property-card { background: #fff; box-shadow: 0 18px 45px #27231a0d; overflow: hidden; }
.property-image { height: 230px; position: relative; padding: 18px; display: flex; align-items: flex-start; justify-content: space-between; color: #fff; background-size: cover; background-position: center; }
.property-image::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #071116a8, transparent 55%, #071116a2); }
.property-image span, .property-image small { position: relative; z-index: 1; letter-spacing: .12em; font-weight: 700; }
.property-image span { font-size: .8rem; }.property-image small { font-size: .58rem; text-transform: uppercase; padding: 6px 8px; border: 1px solid #ffffff80; }
.property-aldar .property-image { background-image: url('assets/abu-dhabi-hero.jpg'); }.property-damac .property-image { background-image: url('assets/architecture.jpg'); }.property-reportage .property-image { background-image: url('assets/abu-dhabi-hero.jpg'); background-position: 70% center; }.property-azizi .property-image { background-image: url('assets/architecture.jpg'); background-position: 50% 40%; }.property-binghatti .property-image { background-image: url('assets/abu-dhabi-hero.jpg'); background-position: 25% center; }
.property-body { padding: 23px; }.property-body > p { font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; color: #7a817f; margin: 0 0 10px; }.property-body h3 { font: 600 1.55rem 'Playfair Display', serif; margin: 0 0 22px; }.property-body > div { display: grid; gap: 4px; padding-top: 15px; border-top: 1px solid #e5e1dc; }.property-body strong { font-size: .94rem; }.property-body > div span { color: #7a817f; font-size: .72rem; }.property-contact { padding: 18px 0 0; margin-top: 18px; width: 100%; border: 0; border-top: 1px solid #e5e1dc; background: transparent; text-align: left; color: var(--ink); text-transform: uppercase; letter-spacing: .09em; font-size: .63rem; font-weight: 700; cursor: pointer; }.property-contact b { float: right; color: var(--orange); font-size: 1rem; }.property-card:hover .property-image { transform: scale(1.03); transition: transform .45s ease; }.property-image { transition: transform .45s ease; }
@media (max-width: 900px) { .property-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .hero-mark { width: 145px; right: 4vw; top: 12%; opacity: .13; }.properties { padding: 75px 6vw; }.properties-intro { display: grid; margin-bottom: 32px; }.property-grid { grid-template-columns: 1fr; }.property-image { height: 205px; }.brand { width: 60px; height: 52px; } }
.about { display: grid; grid-template-columns: 1fr 1fr; min-height: 650px; background: #ece6da; }.about-portrait { position: relative; min-height: 650px; overflow: hidden; background: linear-gradient(145deg, #15242b22, #0610158c), url('assets/shilpi-chaudhary.jpeg') center 70%/cover no-repeat, #17252a; }.about-portrait::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #0711169e, transparent 64%); }.portrait-placeholder { position: absolute; z-index: 1; bottom: 48px; left: 11%; color: #fff; opacity: .92; }.portrait-placeholder span { color: #e8bd78; font-size: .62rem; letter-spacing: .2em; font-weight: 700; }.portrait-placeholder p { font: 600 clamp(2.6rem, 4vw, 4.4rem)/.92 'Playfair Display', serif; letter-spacing: -.05em; margin: 12px 0; }.portrait-placeholder small { font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }.about-copy { padding: clamp(60px, 10vw, 125px) 13%; }.about-copy h2 { font-size: clamp(2.7rem, 4.5vw, 5rem); }.about-copy p { max-width: 490px; color: #5d6567; font-size: .94rem; line-height: 1.8; }.about-copy .about-lead { color: #2f3b3d; font-size: 1.03rem; }.about-copy strong { color: #162228; }.about-points { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; border-top: 1px solid #cfc7ba; border-bottom: 1px solid #cfc7ba; margin: 27px 0 15px; padding: 18px 0; }.about-points div { display: grid; gap: 3px; }.about-points b { font: 600 2rem 'Playfair Display', serif; color: var(--orange); }.about-points span { font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: #68706d; }.commission-note { font-size: .79rem !important; line-height: 1.6 !important; font-style: italic; }.about.is-visible .about-portrait { animation: portrait-arrive 1.5s cubic-bezier(.2,.75,.2,1) both .25s; }.about.is-visible .portrait-placeholder { animation: copy-arrive .7s ease both 1.05s; } @keyframes portrait-arrive { from { opacity: 0; transform: scale(1.08); filter: blur(10px); } to { opacity: 1; transform: scale(1); filter: blur(0); } } @keyframes copy-arrive { from { opacity: 0; transform: translateY(14px); } to { opacity: .92; transform: translateY(0); } }
@media (max-width: 760px) { .brand-wordmark { display: none; }.hero-copy h1 { font-size: clamp(3.25rem, 15vw, 4.6rem); white-space: normal; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }.about { grid-template-columns: 1fr; }.about-portrait { min-height: 490px; background-position: center 68%; }.about-copy { padding: 70px 9vw; } }
@media (prefers-reduced-motion: reduce) { .hero-image,.hero-copy > *,.hero-stats { animation: none; opacity: 1; transform: none; filter: none; } }

/* Prominent SCREC branding */
.site-header { height: 96px; }
.brand { height: 72px; gap: 13px; }
.brand-icon { width: 66px; height: 66px; border-color: #ffffffa8; box-shadow: 0 12px 32px #0008, 0 0 0 5px #ffffff12; }
.brand img { width: 109px; height: 140px; transform: translate(-22px, -5px); }
.brand-wordmark { gap: 5px; }
.brand-wordmark b { font-size: 1.02rem; letter-spacing: .22em; }
.brand-wordmark small { max-width: 180px; font-size: .54rem; letter-spacing: .1em; line-height: 1.42; color: #fff; }
.hero-company { display: grid; gap: 9px; margin-bottom: 22px; padding-left: 17px; border-left: 2px solid var(--orange); text-transform: uppercase; }
.hero-company span { color: #ecc27a; font-size: .61rem; font-weight: 700; letter-spacing: .2em; }
.hero-company strong { max-width: 590px; color: #fff; font-size: clamp(1rem, 1.7vw, 1.45rem); font-weight: 600; letter-spacing: .13em; line-height: 1.35; }
.hero-copy .hero-company { animation-delay: .1s; }
.hero-copy h1 { animation-delay: .24s; }
.hero-copy .hero-text { animation-delay: .37s; }
.hero-copy .hero-actions { animation-delay: .47s; }

/* Distinct visual treatments for the expanded developer catalogue */
.catalogue-image.developer-aldar,.catalogue-image.developer-bloom,.catalogue-image.developer-modon,.catalogue-image.developer-rental { background-image: url('assets/abu-dhabi-hero.jpg'); }
.catalogue-image.developer-emaar,.catalogue-image.developer-damac,.catalogue-image.developer-danube,.catalogue-image.developer-azizi,.catalogue-image.developer-nakheel { background-image: url('assets/architecture.jpg'); }
.catalogue-image.developer-reportage { background-image: linear-gradient(135deg, #263d4670, #b0703b42), url('assets/abu-dhabi-hero.jpg'); }
.catalogue-image.developer-aldar { background-position: 20% center; }.catalogue-image.developer-emaar { background-position: 70% 45%; }.catalogue-image.developer-damac { background-position: center 62%; }.catalogue-image.developer-danube { background-position: 30% center; }.catalogue-image.developer-reportage { background-position: 72% center; }.catalogue-image.developer-azizi { background-position: 80% 55%; }.catalogue-image.developer-bloom { background-position: 40% 70%; }.catalogue-image.developer-nakheel { background-position: 10% 45%; }.catalogue-image.developer-modon { background-position: 58% center; }.catalogue-image.developer-rental { background-position: 78% center; }

@media (max-width: 760px) { .site-header { height: 76px; }.brand { width: 72px; height: 62px; }.brand-icon { width: 58px; height: 58px; }.brand img { width: 96px; height: 123px; transform: translate(-19px, -5px); }.hero-company strong { font-size: .93rem; letter-spacing: .1em; }.hero-company span { font-size: .54rem; } }

/* Contact, social links, and warmer reading scale */
.header-tools,.catalogue-tools,.footer-actions { display:flex; align-items:center; gap:18px; }
.social-links { display:flex; align-items:center; gap:9px; }
.social-links a { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:31px; height:31px; padding:0 8px; border:1px solid #ffffff80; color:#fff; border-radius:50px; transition:transform .2s ease, background .2s ease, border-color .2s ease; }
.social-links a:hover { transform:translateY(-2px); background:var(--orange); border-color:var(--orange); }
.social-links svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; }
.social-links a:nth-child(2) svg { fill:currentColor; stroke:none; }
.contact { background:linear-gradient(115deg, #0b1b25, #152d38 58%, #1e4650); }
.contact-actions p { font-size:1.02rem; }
.contact-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.contact-social { display:grid; gap:10px; margin-top:27px; }
.contact-social > span { color:#dfe8e7; font-size:.76rem; letter-spacing:.06em; }
.contact-social .social-links a { width:auto; padding:0 12px; font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; }
.form-message a { color:#136c58; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.finder-heading > p:not(.eyebrow),.section-intro > p:not(.eyebrow),.about-copy p { font-size:1rem; }
.hero-text { font-size:1.04rem; }
.catalogue-tools .social-links a,.catalogue-header .social-links a { border-color:#bdafa2; color:var(--ink); }
.catalogue-tools .social-links a:hover { color:#fff; }
.social-links--footer a { width:29px; min-width:29px; height:29px; padding:0; }
footer { font-size:.7rem; background:linear-gradient(90deg,#080f13,#10232b); }
footer .footer-actions { margin-left:auto; }
@media (max-width:760px) { .header-tools,.catalogue-tools { gap:10px; }.social-links--header,.social-links--catalogue { display:none; }.contact-buttons { display:grid; }.contact-buttons a { margin:0; text-align:center; }.contact-social .social-links a { width:auto; }.footer-actions { width:100%; justify-content:space-between; }.contact-actions p { font-size:.96rem; } }

/* Mobile navigation and touch-first layout */
.mobile-menu-extra { display:none; }
.menu-button { width:46px; height:46px; padding:0; border:1px solid #ffffff92; border-radius:50%; align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.menu-button span { display:block; width:18px; height:1px; background:currentColor; transition:transform .25s ease, opacity .2s ease; }
@media (max-width:760px) {
  body.menu-open { overflow:hidden; }
  .site-header,.catalogue-header { height:76px; padding:9px 20px; position:relative; z-index:20; }
  .site-header { position:absolute; }
  .catalogue-header { position:relative; }
  .site-header nav,.catalogue-header nav { display:none; position:absolute; z-index:10; top:76px; left:0; right:0; max-height:calc(100vh - 76px); overflow-y:auto; padding:21px 24px 30px; background:#0b1b25; border-top:1px solid #ffffff21; box-shadow:0 20px 36px #0007; }
  .catalogue-header nav { background:#f8f5ef; border-color:#d8d0c7; box-shadow:0 20px 34px #26201825; }
  .site-header.mobile-open nav,.catalogue-header.mobile-open nav { display:grid; gap:0; }
  .site-header nav > a,.catalogue-header nav > a { display:block; padding:15px 0; border-bottom:1px solid #ffffff20; color:#fff; font-size:.82rem; letter-spacing:.13em; opacity:1; }
  .catalogue-header nav > a { color:var(--ink); border-color:#d8d0c7; }
  .mobile-menu-extra { display:grid; gap:16px; padding-top:22px; }
  .mobile-enquiry { display:flex !important; align-items:center; justify-content:space-between; padding:15px 17px !important; border:0 !important; background:var(--orange); color:#fff !important; font-weight:700; }
  .mobile-enquiry span { font-size:1.1rem; }
  .mobile-social { display:flex; gap:20px; }
  .mobile-social a { color:#d9e4e2; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; border-bottom:1px solid #d9e4e277; padding-bottom:5px; }
  .catalogue-header .mobile-social a { color:#475255; border-color:#a7a098; }
  .menu-button { display:flex; position:relative; z-index:12; color:#fff; }
  .catalogue-header .menu-button { color:var(--ink); border-color:#bdb4aa; }
  .mobile-open .menu-button span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .mobile-open .menu-button span:nth-child(2) { opacity:0; }
  .mobile-open .menu-button span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .header-tools,.catalogue-tools { display:none; }
  .hero { min-height:720px; height:100svh; }
  .hero-copy { padding:142px 8vw 0; }
  .hero-company { margin-bottom:17px; }
  .hero-copy h1 { font-size:clamp(3.1rem, 15vw, 4.45rem); }
  .hero-text { max-width:350px; font-size:1rem; line-height:1.65; margin:20px 0; }
  .hero-actions { width:100%; }
  .hero-button,.hero-secondary { width:100%; text-align:center; }
  .hero-stats { display:grid; grid-template-columns:repeat(3,1fr); width:84vw; left:8vw; bottom:22px; gap:8px; }
  .hero-stats strong { font-size:1.35rem; }.hero-stats span { font-size:.48rem; line-height:1.35; }
  .finder { padding:68px 6vw; }.finder-heading > p:not(.eyebrow),.about-copy p { font-size:.98rem; }
  .search-card { padding:29px 19px; }.form-step legend { font-size:1.55rem; }.choice-grid span { padding:14px 12px; font-size:.86rem; }.next-button,.submit-button,.back-button { min-height:46px; }
  .catalogue-hero { padding:66px 7vw 82px; }.catalogue-hero h1 { font-size:clamp(3rem,14vw,4.5rem); }.catalogue-hero > p:last-child { font-size:.96rem; }
  .catalogue-controls { margin:-28px 14px 0; }.filters select { min-height:47px; font-size:.88rem; }.filters button { min-height:46px; }
  .catalogue-body { padding:23px; }.catalogue-body h3 { font-size:1.65rem; }.catalogue-body strong { font-size:1.05rem; }.catalogue-body ul { font-size:.8rem; }
}