.apartments-intro{display:grid;grid-template-columns:42.2% 57.8%;border-bottom:1px solid var(--line)}
.intro-copy{padding:32px clamp(24px,4.8vw,75px);align-self:center}
.intro-copy h1{font:400 clamp(40px,4.1vw,66px)/1.03 var(--serif);letter-spacing:-.03em;margin-bottom:18px}
.intro-copy h2{font:400 clamp(23px,2vw,32px)/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:12px}
.intro-copy p{font-size:clamp(14px,1.15vw,18px);line-height:1.6;max-width:46ch;color:var(--muted)}
.riyadh-photo{width:100%;height:320px;object-fit:cover;object-position:center}
.apartment-collection{padding:30px 4.8% 60px;scroll-margin-top:24px}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:10px}
.collection-heading h2{font:400 clamp(34px,3vw,48px)/1.2 var(--serif);letter-spacing:-.025em}
.collection-heading p{color:var(--muted);font-size:15px;margin-top:4px}
.apartment-filters{display:flex;gap:12px;flex-wrap:wrap}
.apartment-filters button{font:400 13px var(--sans);padding:12px 20px;min-height:44px;border:1px solid #77746c;border-radius:24px;color:var(--ink);background:transparent;cursor:pointer}
.apartment-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.apartment-filters button:hover{border-color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.apartment-filters button:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
.booking-note{font-size:13px;color:var(--muted);margin-bottom:22px}
.apartment-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 22px}
.apartment[hidden]{display:none}
.apartment{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}
.apartment-image{display:block;overflow:hidden;background:var(--soft)}
.apartment-image img{width:100%;height:auto;aspect-ratio:2.4;object-fit:cover}
.apartment-body{padding:16px 0 0;display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:start}
.apartment h3{font:400 clamp(22px,1.75vw,28px)/1.2 var(--serif);letter-spacing:-.02em;grid-column:1/-1}
.apartment h3 span{margin-right:10px}
.apartment-facts{font-size:14px;display:flex;gap:16px;font-variant-numeric:tabular-nums}
.apartment-description{font-size:14px;line-height:1.65;color:var(--muted);grid-column:1/-1;max-width:70ch}
.booking-link{display:flex;gap:15px;align-items:center;min-height:44px;background:var(--ink);color:var(--paper);padding:10px 16px;font-size:13px;grid-column:2;grid-row:2/4;align-self:center}
.booking-link img{filter:invert(1)}
.booking-link:hover{background:#48463e}.apartment-description{grid-column:1}
.stay-help{padding:38px 4.8%;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:24px}
.stay-help h2{font:400 32px/1.2 var(--serif);margin-bottom:8px}.stay-help p{font-size:14px;color:var(--muted)}
.stay-help a{display:flex;gap:18px;align-items:center;min-height:44px;font-size:14px}
.header-nav [aria-current=page]{text-decoration:underline;text-underline-offset:8px}
@media(max-width:1100px){.collection-heading{align-items:flex-start;flex-direction:column}.apartment-body{display:flex;flex-direction:column}.booking-link{align-self:flex-start}.apartment-description{min-height:46px}.intro-copy{padding:26px}.intro-copy h1{font-size:43px}.riyadh-photo{height:330px}}
@media(max-width:650px){.apartments-intro{grid-template-columns:1fr}.intro-copy{padding:32px 24px}.intro-copy h1{font-size:43px}.intro-copy h2{font-size:25px}.riyadh-photo{height:220px}.apartment-collection{padding:30px 24px 40px}.apartment-grid{grid-template-columns:1fr;gap:28px}.apartment-filters{gap:8px}.apartment-filters button{padding:11px 14px;font-size:12px}.apartment-image img{aspect-ratio:1.6}.apartment h3{font-size:25px}.apartment-description{min-height:0}.stay-help{padding:30px 24px;align-items:flex-start;flex-direction:column}.stay-help h2{font-size:29px}.collection-heading h2{font-size:36px}.booking-note{line-height:1.6}}

.site-footer{flex-wrap:wrap}.photo-credit{flex-basis:100%;font-size:11px}.photo-credit a{text-decoration:underline}