/* Sanad's sand-gold leads the interface. Charcoal supports readable copy. */
:root{--primary:#96866f;--accent:#96866f;--ink:#414a46;--muted:#79776e;--paper:#faf8f4;--line:#e9e1d5;--soft:#f1ebe1;--gold-ink:#756047;--support:#4e5959}
.private-banner{background:#eee7dd;color:#6d624f}.banner-detail{color:#786f60;border-color:#d8cbb8}.site-header{height:118px}.original-logo{padding:0;background:transparent;border-radius:0}.original-logo img{width:222px;mix-blend-mode:darken;filter:brightness(1.035)}.header-tag{color:var(--ink);font-size:13px}.header-tag strong{font-weight:500}.tag-line{background:#d5c6af}.header-caption{font-size:10px;color:var(--gold-ink)}.help-link{color:var(--gold-ink)}
.main-grid{border-color:#e2d8c9;box-shadow:0 14px 46px #96866f0f}.project-panel{background:linear-gradient(148deg,#e8dfd0 0%,#f3ede3 46%,#e8dfd0 100%);color:var(--ink)}.project-panel:before{background:radial-gradient(ellipse at 20% 10%,#fff9 0,transparent 60%);opacity:1}.project-copy{padding:41px 37px 0}.project-copy .eyebrow{direction:rtl;font:11px/1.8 Tahoma,Arial,sans-serif;letter-spacing:0;color:#766044;margin-bottom:17px;display:flex;align-items:center;gap:10px}.project-copy .eyebrow:before{content:none}.project-copy .eyebrow:after{content:"";height:1px;width:26px;background:var(--primary)}.project-copy h1{font-size:33px;line-height:1.8;color:#52564c;font-weight:400;letter-spacing:-.8px}.project-copy em{color:#7c664a}.project-intro{font-size:11px;line-height:2.1;color:#7c766a;margin-top:13px}
.project-collage{position:relative;height:423px;margin:23px 14px 0;flex-shrink:0;isolation:isolate}.blueprint-art{position:absolute;width:100%;height:88%;bottom:0;left:0;color:#96866f;opacity:.58;z-index:-1}.collage-shot{position:absolute;margin:0;background:#faf8f4;padding:6px;box-shadow:0 9px 28px #715b3a21;border:1px solid #fdfbf7;border-radius:8px;overflow:hidden}.photo-window{position:relative;aspect-ratio:1.44;overflow:hidden;background:#d6c8b5;border-radius:4px}.photo-window img{position:absolute;width:107%;height:auto;max-width:none;left:-3.5%;top:-4%;display:block}.shot-main{width:91%;top:0;right:4.5%;border-radius:62px 8px 8px 8px;padding:7px}.shot-main .photo-window{border-radius:55px 3px 3px 3px}.shot-main figcaption{padding:10px 8px 6px;font-size:9px;line-height:1.7;color:var(--gold-ink)}.shot-evening{width:39%;bottom:38px;left:4%;transform:rotate(-5deg);z-index:2;padding:5px}.shot-detail{width:32%;bottom:0;right:5%;transform:rotate(5deg);z-index:1;padding:4px}.drawing-caption{position:absolute;bottom:40px;right:36%;font-size:8px;line-height:1.8;color:#8b7759;max-width:88px;text-align:center;transform:rotate(0deg);background:#efe8dca6;padding:4px 6px;border-radius:3px}
.project-meta{color:#716550;border-color:#96866f27;font-size:9px;padding:24px 12px 20px;gap:20px}.project-meta .icon{color:#96866f}.project-foot{padding:29px 36px}.project-foot p{color:#8a7e6c;font-size:11px}.project-foot strong{color:#625744}.small-line{background:#96866f}.booking-panel h2{color:#584e3e;font-size:27px}.steps li[aria-current]{color:#756047}.steps li[aria-current] .step-number{background:#96866f;color:#171d1b;border-color:#96866f;box-shadow:0 0 0 4px #96866f12}.steps li.complete .step-number{background:#f0e8dc;color:#766044}.steps li:not(:last-child):after{background:#e5d8c5}.step-number{border-color:#ddd1bf}.calendar-box{border-color:#e6ddce}.calendar-legend{border-color:#eee8dd}.day[aria-pressed=true]{background:#96866f;color:#171d1b;font-weight:700}.day[aria-pressed=true]:hover{background:#b3a287}.day:not(:disabled):hover{background:#eee5d8}.day[aria-pressed=true]:hover{background:#b3a287}.day.today:after{background:#8a6c46}.day[aria-pressed=true].today:after{background:#443b2b}.primary{background:#96866f;color:#171d1b;font-weight:700}.primary:hover:not(:disabled){background:#b3a287;box-shadow:0 4px 12px #96866f30}.primary:disabled{background:#eee9e0;color:#a39786}.secondary{border-color:#e6dac8}.icon-button:hover:not(:disabled){background:#f1e9dc}.time-option{border-color:#e6dfd2}.time-option[aria-pressed=true]{background:#96866f;color:#171d1b;border-color:#96866f}.time-option:not(:disabled):hover{background:#f2eadf}.time-option[aria-pressed=true]:hover{background:#b3a287}.selection-strip,.selected-appointment{background:#f3ede3;border-color:#e5d8c4;color:#756047}.success-icon{background:#f2ece2;border-color:#d9cbb5}.success-icon:after{border-color:#eee5d6}.success-icon .icon{color:#826a47}.confirmation-project{background:#f5efe6}.confirmation-id b{color:#756047}.confirmation-card{border-color:#ded2bf}.confirmation-five{color:#96866f}.pdf-download{color:#756047;background:#f0e8dc;border-color:#d7c7ae}.pdf-download:hover:not(:disabled){background:#e7d9c4}.notification-box,.privacy-note,.flexible-time,.interest-box{background:#f8f4ed;border-color:#e5dac9}.calendar-link{border-color:#e3d8c7}.calendar-link:hover{background:#f5eee4;border-color:#96866f}.calendar-link .google-mark,.calendar-link .outlook-mark{color:#876f4e}.toast{background:#96866f;color:#171d1b;border:1px solid #b5a183}.site-footer{color:#8b806e}.field input,.field textarea,.field select{border-color:#ded3c1}.field input:focus,.field textarea:focus,.field select:focus{border-color:#96866f}.review-card{border-color:#e2d6c3}.review-card-header{background:#f8f3eb}.summary-list dt{color:#8b806e}.interest-box .field-row{grid-template-columns:1fr}.interest-box .field{margin-bottom:14px}.field-label{font-size:11px;display:block;margin-bottom:9px}.field-label>span{color:var(--gold-ink)}.project-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.field .project-option{display:block;position:relative;margin:0;cursor:pointer;min-width:0}.project-option>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0;min-height:0;padding:0}.project-option>span{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:12px 5px;border:1px solid #ded3bf;border-radius:9px;background:#fffdf9;min-height:99px;transition:background .15s,border-color .15s}.project-option>span>b{font:25px Georgia,serif;color:#96866f}.project-option>span>span{font-size:10px;white-space:nowrap;color:#655b4b}.project-option small{font-size:8px;color:#9a8b75}.project-option>input:checked+span{border-color:#96866f;box-shadow:0 0 0 1px #96866f;background:#eee3d2}.project-option>input:checked+span>b{color:#6e5635}.project-option>input:checked+span small{color:#746043}.project-option>input:focus-visible+span{outline:3px solid #96866f;outline-offset:3px}.project-options[aria-invalid=true]{outline:1px solid var(--error);outline-offset:4px;border-radius:9px}
@media(min-width:1450px){.project-copy{padding:44px 42px 0}.project-copy h1{font-size:36px}.project-collage{height:444px;margin-top:25px}.original-logo img{width:232px}}
@media(max-width:1050px){.project-copy{padding:34px 25px 0}.project-copy h1{font-size:29px}.project-intro{font-size:10px}.project-collage{height:360px;margin:22px 8px 0}.drawing-caption{bottom:40px;right:36%;max-width:82px;font-size:7px}.shot-evening{bottom:41px}.project-meta{font-size:8px;gap:13px}.project-foot{padding:28px}.booking-panel h2{font-size:25px}.header-tag{font-size:11px}.header-caption{font-size:9px}.original-logo img{width:190px}.tag-line{margin-inline:4px}.project-option>span>span{font-size:9px}}
@media(max-width:760px){.site-header{height:91px;gap:10px}.original-logo{padding:0;background:transparent}.original-logo img{width:173px}.header-tag{display:none}.help-link{font-size:10px}.project-panel{height:auto;min-height:0;background:linear-gradient(135deg,#e9dfd0,#f4eee5)}.project-panel:after{display:none}.project-copy{padding:25px 24px 0}.project-copy .eyebrow{font-size:9px;margin-bottom:9px}.project-copy h1{font-size:27px;line-height:1.65}.project-intro{font-size:10px;width:100%;margin-top:8px;line-height:1.9}.project-collage{height:auto;aspect-ratio:1.28;margin:15px 14px 21px}.blueprint-art{height:95%}.shot-main{width:80%;right:10%;border-radius:43px 7px 7px 7px;padding:5px}.shot-main .photo-window{border-radius:38px 3px 3px 3px}.shot-main figcaption{padding:7px 5px 3px;font-size:8px}.shot-evening{width:31%;left:4%;bottom:3%;padding:4px}.shot-detail{width:28%;right:3%;bottom:0;padding:4px}.drawing-caption{right:37%;bottom:8%;max-width:84px;font-size:7px;text-align:center;background:transparent}.project-meta,.project-foot{display:none}.booking-panel h2{font-size:25px}.steps{gap:8px}.steps li{font-size:9px;gap:5px}.steps li:not(:last-child):after{width:12px}.step-number{width:25px;height:25px}.project-options{gap:7px}.project-option>span>span{font-size:10px}.project-option>span{min-height:96px}.interest-box .field-row{grid-template-columns:1fr}.field .project-option{font-size:10px}.field-label{font-size:12px}}
@media(max-width:380px){.original-logo img{width:159px}.site-header{height:85px}.help-link{font-size:9px;gap:5px}.help-link .icon{width:15px;height:15px}.project-copy{padding-inline:20px}.project-copy h1{font-size:25px}.booking-panel h2{font-size:22px}.steps li{font-size:8px}.steps li:not(:last-child):after{width:7px}.project-options{gap:5px}.project-option>span>span{font-size:9px}.project-option small{font-size:7px}}

/* Keep captions in document flow, clear of the layered photographs. */
.gallery-caption{position:relative;z-index:3;margin:18px 22px 4px;padding:0 6px;text-align:center;font-size:11px;line-height:1.9;color:var(--gold-ink);flex-shrink:0}
/* One continuous connector follows the three RTL booking steps. */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative;border-bottom:0;padding:5px 0 20px;margin:25px 0 23px;--step-line-width:0%}
.steps:before,.steps:after{content:"";position:absolute;top:22px;height:2px;pointer-events:none}
.steps:before{left:16.6667%;right:16.6667%;background:#e6dac8}
.steps:after{inset-inline-start:16.6667%;width:var(--step-line-width);background:#96866f;transition:width .25s ease}
.steps li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;z-index:1;font-size:10px;text-align:center;white-space:normal;min-width:0}
.steps li:not(:last-child):after{display:none}
.steps .step-number{width:36px;height:36px;position:relative;border-width:1px;background:#fff;box-shadow:0 0 0 5px #fff;font-size:13px}
.steps li[aria-current] .step-number{box-shadow:0 0 0 5px #fff;background:#96866f;color:#171d1b}
.steps li.complete .step-number{box-shadow:0 0 0 5px #fff;background:#f1e7d9;border-color:#cbbb9e}
.primary,.primary:hover:not(:disabled){color:#fff}
.primary:disabled{color:#fff;background:#c9beae}
.project-option small.project-card-address{font-size:9px;color:#8b7b62;line-height:1.8;text-align:center;white-space:normal}
.visit-location{display:flex;align-items:center;gap:12px;padding:15px;margin:0 0 20px;background:#f7f1e7;border:1px solid #e2d4bf;border-radius:10px;flex-wrap:wrap}
.location-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#e9dfcf;color:#8b7352;flex-shrink:0}
.location-copy{flex:1;min-width:140px}.location-copy h3{font-size:12px;font-weight:500;margin-bottom:4px}.location-copy p{font-size:11px;line-height:1.9;color:#74624c}.location-copy small{display:block;font-size:9px;color:#9b8a72;line-height:1.9}
.direction-link{background:#fffdf8;border-color:#d6c2a3;color:#796042;font-size:10px;min-height:40px;padding:9px 12px}.direction-link:hover{background:#eee2cf}.review-map-row{padding:0 14px 6px}.review-map-row:has(a[hidden]){display:none}
@media(max-width:760px){.gallery-caption{margin:14px 19px 22px;font-size:10px}.project-collage{margin-bottom:8px}.steps{gap:0;padding-top:5px;padding-bottom:20px;margin:23px 0 22px}.steps li{font-size:9px;gap:8px}.steps .step-number{width:36px;height:36px}.project-option small.project-card-address{font-size:8px}.visit-location{gap:10px}.direction-link{width:100%}}
@media(max-width:380px){.project-option small.project-card-address{font-size:7px}.steps li{font-size:9px}.gallery-caption{font-size:10px}}

/* A native, keyboard-accessible switch keeps the same booking in either language. */
.header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbcfbd;border-radius:24px;padding:9px 11px;min-height:44px;background:#fffcf7;color:#756047;font-size:10px;direction:ltr;white-space:nowrap}
.switch-track{display:block;position:relative;width:30px;height:17px;background:#e7ddcf;border:1px solid #d4c2a8;border-radius:12px}
.switch-track>span{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#96866f;transition:transform .2s}
.language-switch[aria-checked=true] .switch-track>span{transform:translateX(13px)}
.language-switch[aria-checked=false]>span[lang=ar],.language-switch[aria-checked=true]>span[lang=en]{font-weight:700;color:#584e3e}
html[lang=en]{font-family:Arial,Tahoma,sans-serif}html[lang=en] .project-copy .eyebrow{direction:ltr;text-align:left;font-family:Arial,sans-serif}html[lang=en] .project-copy h1{font-family:Georgia,serif;font-size:36px;line-height:1.3;letter-spacing:-.8px}html[lang=en] .project-intro{font-size:12px;line-height:1.8}html[lang=en] .booking-panel h2{font-size:25px;letter-spacing:-.5px;line-height:1.4}html[lang=en] .summary-list dd{text-align:right}html[lang=en] .dialog-close{left:auto;right:16px}html[lang=en] .project-option>span>span{font-size:10px}html[lang=en] .project-copy .eyebrow:after{flex-shrink:0}html[lang=en] .month-buttons .icon,html[lang=en] .button .icon:has(use[href="#i-left"]),html[lang=en] .text-button .icon:has(use[href="#i-left"]){transform:rotate(180deg)}
@media(max-width:1050px){.header-actions{gap:12px}.header-tag{max-width:240px;flex-wrap:wrap;row-gap:4px}.header-tag .header-caption{width:100%}.header-tag .tag-line{display:none}html[lang=en] .project-copy h1{font-size:30px}}
@media(max-width:760px){.header-actions{gap:12px}.help-link>span{display:none}.help-link{padding:10px 0}.language-switch{font-size:10px;padding:8px;gap:5px}.original-logo img{width:156px}html[lang=en] .project-copy h1{font-size:30px}html[lang=en] .project-intro{font-size:11px}html[lang=en] .booking-panel h2{font-size:24px}.private-banner{flex-wrap:wrap;gap:5px 8px}.banner-detail{max-width:100%;line-height:1.6}}
@media(max-width:380px){.original-logo img{width:126px}.header-actions{gap:8px}.language-switch{font-size:9px;padding:7px;gap:4px}.help-link .icon{width:16px;height:16px}.site-header{gap:6px}html[lang=en] .project-copy h1{font-size:27px}html[lang=en] .booking-panel h2{font-size:22px}html[lang=en] .project-option>span>span{font-size:9px}.flexible-time{grid-template-columns:1fr 110px}}

#review-directions {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: #96866f;
}

#review-directions:hover,
#review-directions:focus-visible {
  text-decoration: none;
  color: #4e5959;
}

#review-directions .icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}