@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--green:#0b2036;--gold:#c59435;--paper:#fbfaf6;--ink:#14283f;--muted:#607084}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,sans-serif}html[lang=ar] body{font-family:'Noto Sans Arabic',Tahoma,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;max-width:1360px;margin:auto;padding:0 5%}.brand{display:flex;align-items:center;gap:13px;letter-spacing:2px;font-size:12px}.brand b{display:block;font-size:15px}.mark{border:1px solid var(--gold);color:var(--gold);padding:6px;font:27px Georgia,serif}.lang{border:1px solid #c8c9c0;background:transparent;border-radius:30px;padding:8px 20px;color:var(--green)}main{max-width:1360px;margin:auto}.hero{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:510px}.hero>div:first-child{padding:65px 12%}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;color:var(--gold);font-weight:bold;margin:0 0 15px}h1{font:normal clamp(40px,4.5vw,66px)/1.12 Georgia,serif;margin:15px 0 24px}html[lang=ar] h1,html[lang=ar] h2{font-family:inherit;line-height:1.6}.intro{color:#d2dbd6;max-width:420px;margin-bottom:30px}.hero-image{position:relative;min-height:350px}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image span{position:absolute;bottom:20px;inset-inline-start:25px;background:#0b2036c9;padding:7px 13px;font-size:12px}.button{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:5px;border:0;font-weight:600}.button.light{background:#eee8dc;color:var(--green)}.collection{padding:65px 5%;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}h2{font:normal 34px/1.25 Georgia,serif;margin:0 0 15px}.section-heading p{max-width:340px;color:var(--muted);font-size:13px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 22px}nav button{border:1px solid #d5d8cf;border-radius:40px;padding:10px 21px;background:transparent;color:var(--ink)}nav button.active{background:var(--green);color:white;border-color:var(--green)}.tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px;color:var(--muted);font-size:13px}.tools label{display:grid;gap:5px;width: min(390px,70%)}input{width:100%;padding:11px 15px;border:1px solid #d5d8cf;background:white;border-radius:5px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:white;border:1px solid #e0e1d9;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.photo-button{display:block;padding:0;border:0;background:#e5e3da;width:100%;position:relative;text-align:start}.photo-button img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .3s}.photo-button:hover img{transform:scale(1.025)}.type-badge{position:absolute;top:15px;inset-inline-start:15px;background:#fffef4eb;border-radius:3px;padding:3px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.card-content{padding:22px;display:flex;flex-direction:column;flex:1}.area{color:var(--gold);font-size:12px;margin:0 0 8px}.card h3{font:normal 21px/1.35 Georgia,serif;margin:0 0 15px;min-height:56px}.facilities{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 22px}.facilities li{font-size:11px;background:#f4f5f0;padding:5px 9px;border-radius:4px}.card-actions{margin-top:auto;display:grid;gap:10px}.detail-link{border:1px solid #ced3ca;color:var(--green);background:transparent;padding:8px;border-radius:4px}.card .button{font-size:12px;padding:10px}.contact{margin:0 5% 60px;padding:38px;background:#eaece3;display:flex;gap:35px;justify-content:space-between;align-items:center}.contact p{max-width:600px;color:var(--muted)}footer{border-top:1px solid #d8dbd1;display:flex;justify-content:space-between;gap:20px;padding:25px 5%;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:12px;padding:0;width:min(900px,94vw);max-height:92dvh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0d1d19bb}.close{position:sticky;top:12px;float:right;z-index:5;margin:12px 15px -50px 0;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;background:white;box-shadow:0 1px 10px #0003}.gallery{position:relative;background:#e4e3dc}.gallery>img{width:100%;height:440px;object-fit:contain;display:block}.gallery-control{position:absolute;top:45%;border:0;border-radius:50%;width:40px;height:40px;background:#ffffffee;font-size:23px}.prev{left:15px}.next{right:15px}.photo-count{position:absolute;bottom:12px;right:15px;background:#0b2036d9;color:white;padding:3px 12px;border-radius:20px;font-size:12px}.thumbs{display:flex;gap:8px;overflow:auto;padding:12px}.thumbs button{padding:0;border:2px solid transparent;flex-shrink:0;border-radius:4px;overflow:hidden}.thumbs button.selected{border-color:var(--gold)}.thumbs img{width:75px;height:55px;object-fit:cover;display:block}.detail-text{padding:20px 35px 35px}.detail-text h2{font-size:29px}.detail-text>p{color:var(--muted)}.facility-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.facility-groups h3{font-size:15px}.facility-groups ul{padding-inline-start:18px;color:var(--muted);font-size:13px}.notice{font-size:12px;padding:12px;background:#eaece3;border-radius:4px}.empty{padding:50px 20px;text-align:center;border:1px dashed #c8cdbf;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>div:first-child{padding:50px 10%}.section-heading{display:block}}@media(max-width:600px){header{height:78px}.brand{font-size:10px;letter-spacing:1px}.brand b{font-size:12px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:38px 7%}.hero-image{min-height:245px}.cards{grid-template-columns:1fr}.collection{padding:40px 5%}.photo-button img{height:240px}.card h3{min-height:0}.contact{display:block;padding:25px}.contact .button{margin-top:10px}.facility-groups{grid-template-columns:1fr 1fr}.gallery>img{height:290px}.detail-text{padding:20px}.section-heading h2{font-size:29px}footer{flex-direction:column;gap:5px}nav{gap:8px}nav button{font-size:12px;padding:9px 13px}}