/* Inside portfolio: concrete, matte steel, Amiri and the brand's blue. */
[hidden]{display:none!important}
.stays-page{--portfolio-blue:#074bea;--steel:linear-gradient(113deg,#bfc2bf 0%,#ebece7 32%,#c7c9c5 66%,#e2e4dd 100%)}
.stays-page .site-header{max-width:1500px}
.site-header [aria-current=page]{color:var(--blue);border-bottom:1px solid currentColor}
.stays-shell{max-width:1440px;margin:auto;padding-inline:5%}
.stays-hero{padding-block:55px 60px;display:grid;grid-template-columns:1.08fr .92fr;gap:6%;align-items:center}
.folio-kicker{display:flex;align-items:center;gap:12px;font:11px/1.5 Arial,sans-serif;letter-spacing:2.4px;margin-bottom:23px;color:#4f5653}
.folio-kicker:before{content:'';width:8px;height:8px;background:var(--blue)}
.stays-hero h1{font-size:clamp(48px,5.6vw,79px);line-height:1.36;font-weight:400;margin-bottom:22px}
.stays-hero h1 em{color:var(--blue);font-weight:700}
.stays-intro{max-width:440px;color:var(--muted);font-size:21px;line-height:1.9}
.folio-overview{display:flex;gap:34px;margin-top:34px;border-top:1px solid var(--line);padding-top:22px}
.folio-overview>div{display:flex;flex-direction:column;gap:0}
.folio-overview b{font-size:39px;line-height:1.2;color:var(--blue)}
.folio-overview span{font-size:16px;color:var(--muted)}
.map-stage{background:#222722;position:relative;isolation:isolate;aspect-ratio:1.06;min-height:380px;border-radius:4px;overflow:hidden;color:#e7e9df;box-shadow:0 18px 40px #161d181c}
.map-stage:before{position:absolute;inset:0;content:'';z-index:-1;opacity:.15;background-image:linear-gradient(#a9b5a044 1px,transparent 1px),linear-gradient(90deg,#a9b5a044 1px,transparent 1px);background-size:36px 36px}
.map-title{position:absolute;top:25px;right:25px;display:flex;flex-direction:column;line-height:1.5;z-index:1}
.map-title small{font:10px Arial,sans-serif;letter-spacing:2px;color:#bdc5b8;margin-top:6px}
.kingdom-map{position:absolute;inset:15% 4% 3%;width:92%;height:82%;overflow:visible}
.kingdom-map .kingdom-shape{fill:#73816a;fill-opacity:.4;stroke:#a8b49b;stroke-width:1.1}
.kingdom-map .map-route{stroke:var(--lime);stroke-dasharray:4 5;fill:none;opacity:.7}
.kingdom-map .city-dot{fill:var(--lime);stroke:#293329;stroke-width:3}
.kingdom-map .city-halo{fill:none;stroke:var(--lime);stroke-width:1;opacity:.38}
.kingdom-map text{font:22px Amiri,serif;fill:#fff;direction:rtl}
.kingdom-map .map-caption{font:10px Arial,sans-serif;fill:#a3b296;letter-spacing:2px}
.kingdom-map a{outline-offset:8px}
.kingdom-map a:hover text,.kingdom-map a:focus-visible text{fill:var(--lime)}
.map-foot{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#c0c8ba}
.map-foot span[dir]{font:9px Arial,sans-serif;letter-spacing:1.7px}
.cities-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:55px}
.city-card{display:grid;grid-template-columns:1fr auto;gap:15px;padding:26px 30px;background:var(--steel);border:1px solid #fff7;border-radius:4px;position:relative;box-shadow:0 6px 18px #151f1310;transition:transform .2s,border-color .2s;overflow:hidden}
.city-card:hover{transform:translateY(-3px);border-color:var(--blue)}
.city-card .city-word{font-size:38px;line-height:1.3;color:var(--blue)}
.city-card .city-en{font:10px Arial,sans-serif;letter-spacing:2.3px;color:#59635d;display:block;margin-bottom:5px}
.city-card .city-tagline{font-size:18px;color:#3f4842}
.city-card .city-quantity{display:flex;align-items:center;gap:20px;align-self:center}
.city-card .city-quantity strong{font-size:44px;line-height:1.2;font-weight:400}
.city-card .city-quantity small{font-size:15px;line-height:1.5;display:block;color:#4b554e}
.city-card .city-arrow{font:27px Arial,sans-serif;color:var(--blue);align-self:center}
.portfolio-heading{border-top:1px solid var(--line);padding-top:35px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}
.portfolio-heading h2{font-size:43px;line-height:1.4}
.portfolio-heading p{color:var(--muted);font-size:18px;margin-top:8px}
.folio-step{font:10px Arial,sans-serif;letter-spacing:1.6px;color:var(--muted);white-space:nowrap}
.catalog-controls{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:35px}
.controls-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.city-filters{display:flex;flex-wrap:wrap;gap:8px}
.city-filters button{background:transparent;border:1px solid #959d93;border-radius:3px;min-height:45px;padding:6px 23px;color:var(--ink);cursor:pointer;font-size:19px}
.city-filters button.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.city-filters small{font:11px Arial,sans-serif;opacity:.7;margin-inline-start:9px}
.stay-search{display:flex;align-items:center;gap:10px;min-width:260px;border-bottom:1px solid #7d897b;padding:5px 0;color:#4a5948}
.stay-search input{border:0;background:transparent;color:var(--ink);width:100%;font-size:18px;min-height:35px;border-radius:0}
.stay-search input::placeholder{color:#5b6557}
.stay-search svg{width:18px;height:18px;flex-shrink:0}
.location-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filter-label{color:#636c60;font-size:16px;margin-inline-end:5px}
.location-filters button{background:transparent;border:0;padding:4px 10px;border-radius:3px;color:#40483d;cursor:pointer;font-size:17px;min-height:36px}
.location-filters button[aria-pressed=true]{background:#eaf0df;color:#17420c;box-shadow:inset 0 0 0 1px #7a9270}
.results-line{display:flex;justify-content:space-between;align-items:center;margin-block:0 25px;color:var(--muted);font-size:16px}
.results-line strong{font-weight:400;color:var(--ink)}
.location-section{margin-bottom:58px}
.location-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;border-top:1px solid #8d9789;padding:24px 0 26px}
.location-eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted);margin-bottom:4px}
.location-eyebrow:before{content:'';width:6px;height:6px;background:var(--blue)}
.location-heading h3{font-size:34px;font-weight:400;line-height:1.5}
.location-heading .map-link{font-size:15px;border-bottom:1px solid #919b8b;display:inline-block;margin-top:5px}
.location-stats{display:flex;gap:30px;align-items:flex-start}
.location-stats>div{display:flex;flex-direction:column;align-items:flex-start}
.location-stats b{font-size:27px;line-height:1.4;font-weight:400}
.location-stats span{font-size:14px;color:var(--muted)}
.units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.unit-card{position:relative;min-width:0;scroll-margin-top:30px}
.unit-cover{display:block;position:relative;aspect-ratio:4/3;background:#b5b9b0;overflow:hidden;border-radius:3px;isolation:isolate}
.unit-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:saturate(.93)}
.unit-cover:hover img{transform:scale(1.035)}
.unit-cover:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#101b1acc);z-index:0;pointer-events:none}
.unit-photo-count{position:absolute;right:14px;top:14px;background:#e7e9e0eb;color:#263225;font-size:14px;padding:3px 10px;border-radius:2px;z-index:1}
.unit-number{position:absolute;left:14px;bottom:10px;color:#fff;font:11px Arial,sans-serif;letter-spacing:1.2px;z-index:1}
.cover-invite{position:absolute;right:14px;bottom:9px;color:#fff;font-size:16px;z-index:1}
.unit-info{padding:15px 0 8px}
.unit-title-line{display:flex;justify-content:space-between;align-items:center;gap:10px}
.unit-info h4{font-size:26px;line-height:1.4;font-weight:400;margin:0}
.unit-open{border:1px solid #899482;background:transparent;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font:19px Arial,sans-serif}
.unit-open:hover{background:var(--blue);border-color:var(--blue);color:white}
.unit-features{list-style:none;display:flex;flex-wrap:wrap;gap:0 14px;margin:8px 0 0;padding:0;color:var(--muted);font-size:15px}
.unit-history{border-top:1px solid #aab1a3;padding-top:9px;margin-top:12px;display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#505b4c}
.unit-history strong{font-weight:700;color:#2b3926}
.unit-history small{font-size:13px}
.image-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#46503e;background:var(--steel)}
.image-pending strong{font-size:35px;font-weight:400}
.history-key{padding:30px;border:1px solid #a3ad9c;background:#e0e3d9a3;margin-bottom:55px;border-radius:4px;display:grid;grid-template-columns:1fr 2.3fr;gap:30px}
.history-key h3{font-size:26px;font-weight:400}
.history-key p{font-size:17px;color:#4d5847;line-height:1.9}
.history-key a{border-bottom:1px solid #a1ad98}
.history-key .source-logo{width:90px;height:auto;vertical-align:middle;margin-inline-start:5px}
.units-grid:has(> .unit-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.units-grid>.unit-card:only-child{display:grid;grid-template-columns:1.08fr 1fr;gap:32px;padding:18px;background:var(--steel);border:1px solid #bec5b7;border-radius:4px}
.units-grid>.unit-card:only-child .unit-cover{aspect-ratio:1.6}
.units-grid>.unit-card:only-child .unit-info{align-self:center;padding:20px}
.units-grid>.unit-card:only-child h4{font-size:37px}
.units-grid>.unit-card:only-child .unit-features{font-size:20px;margin-top:14px}
.units-grid>.unit-card:only-child .unit-history{margin-top:24px;font-size:18px;flex-wrap:wrap}
.folio-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px 55px;border-top:1px solid var(--line)}
.folio-cta h2{font-size:35px;font-weight:400}
.folio-cta p{font-size:19px;color:var(--muted);margin-top:8px}
.empty-state{padding:60px 30px;text-align:center;border:1px dashed #8f9b85;margin-bottom:40px}
.empty-state h3{font-weight:400;font-size:30px}.empty-state p{margin-block:10px 25px;color:var(--muted)}
.catalog-notice{padding:15px 20px;background:#e5e8db;border:1px solid #93a081;margin-bottom:20px;font-size:17px}
.unit-dialog{border:1px solid #c7cfc0;border-radius:5px;padding:0;max-width:1130px;width:calc(100% - 40px);max-height:90vh;color:var(--ink);background:#dcdfd5 url('/static/inside-concrete.svg');overscroll-behavior:contain}
.unit-dialog::backdrop{background:#091209bb;backdrop-filter:blur(6px)}
.dialog-open{overflow:hidden}
.dialog-topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 25px;background:#e0e3d9f2;backdrop-filter:blur(12px);border-bottom:1px solid #bac3b1;font-size:16px}
.dialog-close{border:1px solid #959f8b;background:transparent;padding:6px 17px;min-height:40px;font-size:17px;cursor:pointer;border-radius:3px}
.dialog-body{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding:30px;align-items:start}
.dialog-gallery{min-width:0}
.dialog-main-photo{position:relative;background:#242c22;aspect-ratio:4/3;border-radius:3px;overflow:hidden}
.dialog-main-photo>img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-controls{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none;direction:ltr}
.gallery-controls button{border:1px solid #e1e5db;background:#e9ede1ee;color:#1e2f1b;width:39px;height:39px;border-radius:50%;cursor:pointer;pointer-events:auto;font:20px Arial,sans-serif}
.gallery-controls span{color:#fff;background:#192b15be;border-radius:2px;padding:3px 11px;font:12px Arial,sans-serif}
.gallery-thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:5px;direction:rtl}
.gallery-thumbs button{border:2px solid transparent;padding:0;border-radius:2px;width:84px;height:65px;flex-shrink:0;cursor:pointer;overflow:hidden;background:#cad0c1}
.gallery-thumbs button[aria-pressed=true]{border-color:var(--blue)}
.gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.dialog-copy h2{font-weight:400;font-size:38px;line-height:1.4;margin-bottom:6px}
.dialog-copy .unit-code{font-size:14px;color:var(--muted);margin-bottom:20px}
.dialog-copy .unit-features{font-size:18px;margin-bottom:25px}
.dialog-metrics{border-block:1px solid #a4b098;padding:20px 0;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.dialog-metrics strong{display:block;font-size:29px;line-height:1.4;font-weight:400;color:#224116}
.dialog-metrics span{font-size:15px;color:var(--muted)}
.dialog-history-note{font-size:15px;line-height:1.9;color:#53604b;margin-bottom:22px}
.dialog-copy .button{width:100%;font-size:18px}.dialog-copy .map-link{font-size:17px;margin-top:20px;display:inline-block;border-bottom:1px solid #9dac91}
.dialog-data-date{padding:0 30px 25px;color:#56624f;font-size:14px}
.stays-preview{margin:0 auto 55px;max-width:1296px;background:var(--steel,linear-gradient(113deg,#bfc2bf,#ebece7 32%,#c7c9c5 66%,#e2e4dd));border:1px solid #b8bfb0;border-radius:4px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.stays-preview h2{font-size:35px;font-weight:400}.stays-preview p{color:var(--muted);font-size:20px;margin-top:8px}
.stays-preview .overline{margin-bottom:10px}
@media(max-width:1100px){.units-grid{gap:20px}.stays-hero h1{font-size:58px}.map-stage{min-height:365px}.folio-overview{gap:25px}.city-card{padding:22px}.location-stats{gap:22px}.location-stats b{font-size:25px}.unit-info h4{font-size:23px}.dialog-body{gap:25px;padding:25px}.stays-preview{margin-inline:5%}.stays-page .site-header nav{gap:22px}}
@media(max-width:820px){.stays-shell{padding-inline:6%}.stays-hero{grid-template-columns:1fr 1fr;gap:25px}.stays-hero h1{font-size:47px}.stays-intro{font-size:19px}.folio-overview{gap:22px}.folio-overview b{font-size:31px}.map-stage{min-height:340px}.city-card .city-quantity{gap:12px}.city-card .city-word{font-size:32px}.city-card .city-quantity strong{font-size:35px}.city-card .city-tagline{font-size:16px}.units-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.location-heading{gap:20px}.location-stats{gap:20px}.location-stats>div:last-child{display:none}.dialog-body{grid-template-columns:1.3fr 1fr;gap:20px;padding:22px}.dialog-copy h2{font-size:30px}.dialog-metrics strong{font-size:24px}.dialog-copy .unit-features{font-size:16px}.history-key{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.stays-hero{grid-template-columns:1fr;padding-block:32px 27px;gap:28px}.stays-hero h1{font-size:51px;line-height:1.35;margin-bottom:15px}.stays-intro{max-width:100%;font-size:20px}.folio-kicker{font-size:9px;letter-spacing:2px;margin-bottom:19px}.folio-overview{margin-top:23px;padding-top:20px;gap:40px}.folio-overview b{font-size:35px}.folio-overview span{font-size:15px}.map-stage{min-height:0;aspect-ratio:1.19;max-height:380px}.map-title{top:18px;right:20px;font-size:17px}.map-title small{font-size:8px}.map-foot{bottom:14px;left:18px;right:18px;font-size:12px}.map-foot span[dir]{font-size:8px}.kingdom-map{inset:12% 1% 3%;width:98%;height:86%}.cities-row{gap:12px;padding-bottom:35px}.city-card{display:flex;flex-direction:column;gap:10px;padding:20px}.city-card .city-quantity{align-self:stretch;justify-content:space-between}.city-card .city-word{font-size:31px}.city-card .city-en{font-size:9px}.city-card .city-tagline{font-size:15px}.city-card .city-arrow{display:none}.city-card .city-quantity strong{font-size:32px}.city-card .city-quantity small{font-size:13px}.portfolio-heading{padding-top:27px;align-items:flex-start;gap:10px}.portfolio-heading h2{font-size:35px}.portfolio-heading p{font-size:17px}.folio-step{font-size:8px;padding-top:12px;letter-spacing:1px}.controls-top{display:block;margin-bottom:18px}.city-filters{gap:7px;margin-bottom:18px}.city-filters button{padding:6px 17px;font-size:18px;min-height:43px}.stay-search{min-width:0}.location-filters{gap:5px}.location-filters button{font-size:16px;padding:3px 8px;min-height:38px}.filter-label{width:100%;margin-bottom:3px}.catalog-controls{padding-bottom:18px;margin-bottom:23px}.location-heading{display:block;padding-block:20px}.location-heading h3{font-size:31px}.location-stats{margin-top:17px;gap:28px}.location-stats>div:last-child{display:flex}.location-stats b{font-size:24px}.location-stats span{font-size:13px}.location-section{margin-bottom:35px}.units-grid{grid-template-columns:1fr;gap:26px}.unit-info h4{font-size:27px}.unit-cover{aspect-ratio:4/3}.unit-history{font-size:16px}.unit-features{font-size:16px}.unit-history small{font-size:14px}.history-key{padding:23px;gap:10px;margin-bottom:30px}.history-key h3{font-size:26px}.history-key p{font-size:16px}.folio-cta{display:block;padding-bottom:40px}.folio-cta h2{font-size:31px}.folio-cta p{font-size:18px}.folio-cta .button{margin-top:22px}.results-line{font-size:14px}.results-line>span{max-width:55%;text-align:left}.unit-dialog{width:calc(100% - 18px);max-height:95dvh;border-radius:4px}.dialog-topbar{padding:10px 16px;font-size:14px}.dialog-close{font-size:16px;padding:5px 12px}.dialog-body{grid-template-columns:1fr;padding:16px;gap:23px}.dialog-main-photo{aspect-ratio:4/3}.dialog-copy h2{font-size:35px}.dialog-copy .unit-code{font-size:14px}.dialog-copy .unit-features{font-size:18px}.dialog-metrics strong{font-size:29px}.dialog-history-note{font-size:16px}.dialog-data-date{padding:0 16px 20px}.stays-preview{margin-inline:6%;padding:25px;display:block}.stays-preview h2{font-size:31px}.stays-preview p{font-size:19px}.stays-preview .button{margin-top:22px}.stays-page .site-header nav{gap:13px;font-size:16px;flex-wrap:wrap}.stays-page .site-header nav a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.unit-cover img{transition:none}.unit-cover:hover img,.city-card:hover{transform:none}}
@media(max-width:600px){.portfolio-heading{display:block}.folio-step{display:block;margin-top:16px;padding-top:0}.units-grid:has(> .unit-card:nth-child(2):last-child){grid-template-columns:1fr}.units-grid>.unit-card:only-child{display:block;padding:0;border:0;background:transparent}.units-grid>.unit-card:only-child .unit-cover{aspect-ratio:4/3}.units-grid>.unit-card:only-child .unit-info{padding:15px 0 8px}.units-grid>.unit-card:only-child h4{font-size:27px}.units-grid>.unit-card:only-child .unit-features{font-size:16px;margin-top:8px}.units-grid>.unit-card:only-child .unit-history{font-size:16px;margin-top:12px}}
@media print{.map-stage,.catalog-controls,.unit-dialog,.site-header>.button,.folio-cta{display:none!important}.unit-card{break-inside:avoid}.units-grid{grid-template-columns:repeat(2,1fr)}}
