:root{--black:#090909;--black2:#11100f;--gold:#c7a365;--gold-bright:#e4c78a;--gold-muted:#927349;--ivory:#f5ebdc;--muted:#b6afa3;--line:rgba(200,163,101,.3);--font:Manrope,"DM Sans",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--black);color:var(--ivory);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;z-index:100;background:var(--gold);color:var(--black);padding:12px}.skip-link:focus{top:20px}
.site-header{position:relative;z-index:15;background:#080808;border-bottom:1px solid rgba(199,163,101,.18)}.header-inner{height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;color:var(--gold-bright)}.brand-monogram{width:50px}.brand-monogram svg{width:100%;height:auto}.brand-copy{display:flex;flex-direction:column;line-height:1.02}.brand-name{font-family:Georgia,serif;font-size:48px;letter-spacing:.13em;line-height:.94}.brand-english{font-size:10px;font-weight:600;letter-spacing:.22em;margin-top:8px}.brand-arabic{font-family:"Noto Sans Arabic",sans-serif;font-size:16px;line-height:1.5}.desktop-nav{display:flex;align-items:center;gap:30px;margin-inline-start:auto}.desktop-nav a{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#ded2c0;transition:color .2s}.desktop-nav a:hover{color:var(--gold-bright)}.header-actions{display:flex;align-items:center;gap:34px}.language-switch{display:flex;align-items:center;gap:11px;color:var(--gold-muted);font-size:13px;letter-spacing:.1em}.language-switch button{background:none;border:0;color:#9b958d;cursor:pointer;padding:8px 1px}.language-switch button.active{color:var(--gold-bright);border-bottom:1px solid var(--gold)}.menu-toggle{width:38px;height:34px;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:flex-end;cursor:pointer;background:none;border:0;padding:0}.menu-toggle span{height:2px;width:36px;background:var(--gold);transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{position:absolute;right:0;top:100%;width:min(350px,100%);background:#13110f;border:1px solid var(--line);padding:24px 36px;box-shadow:0 15px 30px #0008}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:13px 0;color:var(--ivory);border-bottom:1px solid #ffffff16}
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:625px;display:flex;align-items:center;background:linear-gradient(90deg,#080808 0%,#080808 38%,#13100c 83%,#0a0908 100%)}.hero-inner{position:relative;z-index:2;padding-block:92px 110px}.hero-content{width:min(790px,68%)}.eyebrow,.section-label{font-size:11px;letter-spacing:.36em;font-weight:600;color:var(--gold);line-height:1.7}.hero .eyebrow{white-space:normal;margin-bottom:25px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(50px,5vw,80px);letter-spacing:-.045em;line-height:1.13;color:var(--gold-bright);margin:0 0 24px}.hero h1 em{font-style:normal;white-space:nowrap}.hero-description{margin:0;color:#d9d0c3;font-size:18px;line-height:1.65;font-weight:400}.button-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:54px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:14px;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button-primary{background:linear-gradient(95deg,#f1d89d,#c49b56);color:#140f09}.button-primary:hover{background:#e8c584}.button-outline{border:1px solid var(--gold);color:var(--gold-bright);background:rgba(0,0,0,.34)}.button-outline:hover{border-color:var(--gold-bright);background:rgba(199,163,101,.09)}.button-small{min-height:46px;padding:9px 23px;gap:20px}.hero-bottom-line{position:absolute;bottom:0;height:1px;left:4%;right:4%;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.hero-visual{position:absolute;inset:0 0 0 49%;z-index:0;overflow:hidden;background:linear-gradient(110deg,transparent 0%,rgba(87,65,39,.10) 28%,rgba(26,20,13,.68) 62%,#090909 100%)}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,transparent 35%),radial-gradient(ellipse at 82% 41%,rgba(179,127,62,.19),transparent 48%)}.arch{position:absolute;top:-18%;bottom:-12%;border:2px solid rgba(154,114,61,.19);border-radius:44% 44% 0 0/18% 18% 0 0;transform:skewY(-2deg)}.arch-one{left:23%;width:54%}.arch-two{left:43%;width:54%;border-color:rgba(200,152,80,.18)}.arch-three{left:61%;width:48%;border-color:rgba(193,148,87,.14)}.light-streak{position:absolute;top:0;bottom:0;left:59%;width:2px;background:linear-gradient(transparent,rgba(246,207,138,.39),transparent);box-shadow:0 0 22px rgba(198,144,73,.3)}.hotel-door-line{position:absolute;top:0;bottom:0;left:75%;width:1px;background:rgba(198,155,94,.21)}.door-handle{position:absolute;top:46%;left:67%;width:16%;height:9px;border-radius:7px;background:linear-gradient(#ddc08b,#715634);box-shadow:0 1px 15px #b28b565c}
.services-section{padding-top:90px;padding-bottom:102px}.section-label{display:flex;align-items:center;gap:18px}.short-line{display:inline-block;width:62px;height:1px;background:var(--gold)}.services-heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:18px;margin-bottom:30px}.services-heading-row h2,.about-copy h2,.skyline-copy h2,.contact-section h2{font:400 clamp(35px,3.4vw,54px)/1.18 var(--serif);letter-spacing:-.025em;color:var(--ivory);margin:0}.services-heading-row p{max-width:360px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 6px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{min-height:242px;padding:28px 28px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;border:1px solid rgba(196,155,92,.55);border-radius:14px;background:linear-gradient(165deg,rgba(218,176,116,.025),rgba(0,0,0,.0) 65%);transition:border-color .25s,transform .25s,background .25s}.service-card:hover{border-color:var(--gold-bright);transform:translateY(-3px);background:#17130d}.service-card svg{height:55px;width:55px;color:var(--gold);margin-bottom:3px}.service-card h3{font:400 25px/1.18 var(--serif);margin:0;color:var(--ivory)}.circle-arrow{margin-top:auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--gold);color:var(--gold);border-radius:50%;font-size:16px}
.about-section{display:grid;grid-template-columns:1.06fr 1fr;gap:65px;align-items:center;padding-bottom:107px}.about-copy h2{margin:22px 0 20px}.about-copy p{max-width:530px;color:#c4bcaf;font-size:16px;line-height:1.87;margin:0 0 28px}.about-visual{min-height:355px;position:relative;overflow:hidden;border:1px solid rgba(187,145,88,.36);border-radius:16px;background:radial-gradient(ellipse at 77% 34%,rgba(178,128,68,.12),transparent 42%),linear-gradient(110deg,#18140f,#262017 48%,#11100e 100%)}.about-visual:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(4,4,4,.8))}.about-arch{position:absolute;top:10%;bottom:-22%;width:38%;border:1px solid rgba(200,163,101,.35);border-radius:49% 49% 0 0/25% 25% 0 0}.about-arch-one{left:25%}.about-arch-two{left:50%;border-color:rgba(200,163,101,.23)}.placeholder-label{position:absolute;bottom:24px;left:25px;z-index:2;letter-spacing:.2em;color:#b99d74;font-size:10px}.values-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-top:30px;padding-bottom:30px}.value{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:.09em;color:#d7c4a2;text-transform:uppercase;padding:0 20px;border-right:1px solid var(--line)}.value:first-child{padding-left:0}.value:last-child{border-right:none}.value-number{font:400 26px var(--serif);color:var(--gold)}
.skyline-section{position:relative;overflow:hidden;min-height:355px;margin-top:60px;isolation:isolate}.skyline-copy{position:relative;z-index:2;padding-top:8px}.skyline-copy h2{color:var(--gold-bright);margin-top:15px}.skyline-art{position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:280px;opacity:.48}.skyline-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,#090909);pointer-events:none}
.contact-section{display:flex;justify-content:space-between;gap:70px;align-items:center;padding-top:70px;padding-bottom:93px;border-top:1px solid var(--line)}.contact-section h2{margin-top:18px}.contact-aside{max-width:330px}.contact-aside p{color:#b9b1a6;font-size:15px;line-height:1.8}.location-tag{display:inline-flex;gap:12px;color:var(--gold);font-size:13px;letter-spacing:.12em;margin-top:15px}
.site-footer{background:#070707;border-top:1px solid var(--line)}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>div{display:flex;align-items:center;gap:14px;color:var(--gold)}.footer-inner strong{font:400 30px Georgia,serif;letter-spacing:.15em}.footer-inner>div span{font:13px "Noto Sans Arabic",sans-serif}.footer-inner p{font-size:11px;color:#988d7c;letter-spacing:.1em}.footer-inner>a{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
[dir=rtl] .header-inner,[dir=rtl] .footer-inner{direction:rtl}[dir=rtl] .brand{direction:ltr}[dir=rtl] .brand-copy{direction:ltr}[dir=rtl] .hero-visual{transform:scaleX(-1)}[dir=rtl] .hero-content{text-align:right}[dir=rtl] .hero h1 em{white-space:normal}[dir=rtl] .services-heading-row,[dir=rtl] .about-section,[dir=rtl] .contact-section{text-align:right}[dir=rtl] .services-grid{text-align:right}[dir=rtl] .service-card{align-items:flex-start}[dir=rtl] .about-copy{order:1}[dir=rtl] .about-visual{order:2}[dir=rtl] .mobile-nav{right:auto;inset-inline-end:0}
@media(max-width:1050px){.wrap{width:calc(100% - 70px)}.desktop-nav{display:none}.header-inner{height:105px}.hero-content{width:78%}.hero-visual{left:44%}.hero h1{font-size:clamp(48px,6vw,68px)}.service-card{padding:25px 18px}.service-card h3{font-size:23px}.about-section{gap:35px}.value{font-size:11px;padding:0 10px}}
@media(max-width:700px){html{scroll-padding-top:76px}.wrap{width:calc(100% - 42px)}.header-inner{height:86px}.brand-monogram{width:33px}.brand{gap:8px}.brand-name{font-size:29px;letter-spacing:.1em}.brand-english{font-size:6.7px;letter-spacing:.15em;margin-top:4px}.brand-arabic{font-size:10px}.header-actions{gap:17px}.language-switch{gap:6px;font-size:11px}.menu-toggle{width:27px;gap:5px}.menu-toggle span{width:27px}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:605px;align-items:flex-start}.hero-inner{padding-top:82px;padding-bottom:100px}.hero-content{width:100%}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:24px;max-width:340px}.hero h1{font-size:clamp(46px,9.7vw,66px);line-height:1.11;max-width:560px}.hero h1 em{white-space:normal}.hero-description{font-size:14px;line-height:1.75;max-width:340px}.button-row{gap:12px;margin-top:28px}.button{font-size:12px;min-height:48px;padding:10px 19px;gap:14px}.button svg{width:17px}.hero-visual{inset:0 0 0 31%;opacity:.35}.hero-visual:before{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.6) 45%,transparent)}.services-section{padding-top:64px;padding-bottom:74px}.section-label{font-size:10px;letter-spacing:.25em}.services-heading-row{display:block;margin-top:18px;margin-bottom:24px}.services-heading-row h2,.about-copy h2,.skyline-copy h2,.contact-section h2{font-size:clamp(32px,8vw,44px)}.services-heading-row p{margin-top:18px;font-size:13px;line-height:1.8}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{min-height:198px;padding:22px 16px 15px;gap:14px;border-radius:11px}.service-card svg{width:44px;height:44px}.service-card h3{font-size:20px}.circle-arrow{height:27px;width:27px}.about-section{grid-template-columns:1fr;gap:30px;padding-bottom:70px}.about-copy h2{margin:18px 0}.about-copy p{font-size:14px;line-height:1.8}.about-visual{min-height:270px}.values-section{grid-template-columns:repeat(2,1fr);gap:25px 0;padding-top:25px;padding-bottom:25px}.value{border-right:0!important;font-size:10px;gap:10px;padding:0!important}.value-number{font-size:23px}.skyline-section{margin-top:52px;min-height:295px}.skyline-art{height:215px;width:160%;left:-30%}.contact-section{display:block;padding-top:52px;padding-bottom:75px}.contact-aside{margin-top:26px}.footer-inner{min-height:125px;flex-wrap:wrap;padding-block:25px}.footer-inner strong{font-size:24px}.footer-inner>div span{font-size:11px}.footer-inner p{order:3;flex-basis:100%;margin:0;font-size:9px}.footer-inner>a{margin-inline-start:auto}}
@media(max-width:390px){.wrap{width:calc(100% - 34px)}.brand-monogram{width:27px}.brand-name{font-size:25px}.brand-english{font-size:5.8px}.brand-arabic{font-size:9px}.header-actions{gap:10px}.hero h1{font-size:42px}.button{padding:10px 15px}.services-grid{gap:9px}.service-card{padding:19px 12px}.service-card h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* CMS-managed image placements and inquiry form */
.site-logo[hidden]{display:none}.site-logo{display:block;max-width:240px;max-height:95px;object-fit:contain}.brand.has-uploaded-logo .brand-monogram,.brand.has-uploaded-logo .brand-copy{display:none}
.hero-visual .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.66}
.hero-visual:has(.hero-photo:not([hidden])) .arch,.hero-visual:has(.hero-photo:not([hidden])) .light-streak,.hero-visual:has(.hero-photo:not([hidden])) .hotel-door-line,.hero-visual:has(.hero-photo:not([hidden])) .door-handle{display:none}
.about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.about-visual:has(.about-photo:not([hidden])) .about-arch,.about-visual:has(.about-photo:not([hidden])) .placeholder-label{display:none}
.skyline-photo{position:absolute;z-index:-1;left:0;right:0;bottom:0;width:100%;height:290px;object-fit:cover;object-position:center;opacity:.24;filter:grayscale(1) sepia(.35)}.skyline-section:has(.skyline-photo:not([hidden])) .skyline-art{display:none}
.contact-section{align-items:start}.contact-aside{max-width:545px;width:100%}.contact-aside>p{margin-top:0}
.enquiry-form{display:grid;gap:16px;margin-top:20px}.enquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.enquiry-form label{display:flex;flex-direction:column;gap:7px;color:#d2bd98;font-size:11px;letter-spacing:.04em}
.enquiry-form input,.enquiry-form textarea,.enquiry-form select{width:100%;background:#13110e;color:#f1e9dc;border:1px solid rgba(193,150,84,.32);border-radius:6px;outline:0;padding:12px 14px;font:400 13px var(--font);line-height:1.4}
.enquiry-form input:focus,.enquiry-form textarea:focus,.enquiry-form select:focus{border-color:var(--gold)}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#8b8173}.enquiry-form textarea{resize:vertical}.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.enquiry-submit{cursor:pointer;border:0;justify-self:start}.enquiry-submit:disabled{opacity:.5;cursor:wait}.enquiry-feedback{min-height:18px;margin:0!important;font-size:12px!important;color:#b7d1b4!important}.enquiry-feedback.error{color:#ecb5a0!important}
[dir=rtl] .enquiry-form{text-align:right}[dir=rtl] .enquiry-submit svg{transform:scaleX(-1)}
@media(max-width:700px){.site-logo{max-width:170px;max-height:64px}.hero-visual .hero-photo{object-position:55% center}.contact-aside{max-width:100%}.enquiry-row{grid-template-columns:1fr}.enquiry-form{gap:13px}.skyline-photo{height:215px}}
