:root{--forest:#263b31;--forest-deep:#192e25;--cream:#f4efe5;--paper:#fbfaf6;--clay:#b87553;--ochre:#c29a5c;--ink:#26352d;--muted:#77776c;--line:#e2dccf;--sans:'IBM Plex Sans Arabic',sans-serif;--display:'Marhey',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85}a{color:inherit}.site-header{height:82px;padding:0 max(calc((100vw - 1200px)/2),6.5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263b3112;background:#fbfaf6ef;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.identity{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--forest)}.brand-icon{width:43px;height:43px;border:1px solid #c8b997;border-radius:50%;display:grid;place-items:center}.brand-icon svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.identity-copy strong,.identity-copy small{display:block}.identity-copy strong{font-size:15px;line-height:1.4}.identity-copy small{color:#928977;font-size:10px}.header-links{display:flex;gap:31px;margin-right:auto;margin-left:38px}.header-links a,.back-top{font-size:12px;text-decoration:none;color:#646b60;transition:color .2s}.header-links a:hover,.back-top:hover{color:var(--clay)}.header-cta{height:42px;padding:0 15px;display:flex;align-items:center;gap:13px;background:var(--forest);color:white;text-decoration:none;font-size:11px;font-weight:600}.header-cta span{font-size:16px;color:#d8b684}.hero{max-width:1200px;min-height:640px;margin:auto;padding:67px 0 82px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8%;position:relative}.hero-copy{padding-right:3%;position:relative;z-index:2}.overline,.eyebrow{font-size:12px;color:var(--clay);display:flex;align-items:center;gap:10px;letter-spacing:.04em}.overline span{width:28px;height:1px;background:var(--clay)}h1{margin:20px 0 17px;color:var(--forest);font-size:clamp(43px,4.8vw,64px);font-weight:600;line-height:1.45;letter-spacing:-.04em}h1 em,h2 em{font-family:var(--display);color:var(--clay);font-weight:500;font-style:normal}.hero-lead{max-width:475px;color:#6a6d62;font-size:15px;line-height:2;margin:0 0 25px}.hero-actions,.visit-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.button{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-size:12px;font-weight:600;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--forest);color:white}.button-dark:hover{background:var(--forest-deep)}.button-outline{border:1px solid #d6cebf;color:var(--forest);background:transparent}.button-outline:hover{background:#f0ebdf}.rating{display:flex;align-items:center;gap:9px;margin-top:22px;color:#77796e;font-size:11px}.rating strong{color:var(--ink);font-size:13px}.stars{color:#bd8b4d;letter-spacing:2px;font-size:15px}.rating-divider{width:1px;height:17px;background:var(--line)}.hero-note{display:flex;align-items:center;gap:9px;margin-top:29px;color:#928d80;font-size:10px}.note-rule{height:1px;width:27px;background:#c8b99f}.hero-visual{height:485px;position:relative;padding:0 0 30px 35px}.hero-image{position:absolute;inset:0 4% 28px 8%;overflow:hidden;background:#d6c6ab}.hero-image:before{content:"";position:absolute;z-index:1;inset:48% 0 0;background:linear-gradient(0deg,#1d302acc,transparent);pointer-events:none}.hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 43%;transition:transform .7s}.hero-image:hover img{transform:scale(1.025)}.hero-tag{position:absolute;bottom:55px;right:-14px;z-index:2;padding:14px 19px;background:var(--paper);box-shadow:0 12px 35px #17241d20}.hero-tag span,.hero-tag b{display:block}.hero-tag span{font-size:10px;color:var(--clay)}.hero-tag b{font-size:14px;color:var(--forest);line-height:1.6}.hero-stamp{position:absolute;top:-19px;left:2%;width:90px;height:90px;background:var(--cream);border:1px solid #c7b898;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.35;transform:rotate(-8deg);color:var(--forest)}.hero-stamp span{font-size:10px;color:var(--clay)}.hero-stamp b{font-size:12px;text-align:center}.hero-stamp i{font-size:18px;font-style:normal;position:absolute;bottom:-10px;color:var(--clay)}.hero-image-index{position:absolute;bottom:0;left:5%;display:flex;align-items:center;gap:9px;color:#f8f5ed;font-size:10px;z-index:2}.hero-image-index b{font-size:16px;color:#e0bb8d;direction:ltr}.side-script{position:absolute;right:-30px;top:42%;writing-mode:vertical-rl;color:#a79b86;font-size:10px;letter-spacing:.15em}.section-shell{max-width:1200px;margin:0 auto}.story{border-top:1px solid var(--line);padding:60px 0 72px}.section-label{display:flex;align-items:center;gap:11px;color:#897e6a;font-size:10px;letter-spacing:.06em}.section-label span:first-child{color:var(--clay);font-size:12px;direction:ltr}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:29px}.eyebrow{margin:0 0 9px;font-size:11px}.story h2,.visit-copy h2{margin:0;color:var(--forest);font-weight:500;font-size:35px;line-height:1.6}.story-copy{padding-top:9px;color:#6c6e63;font-size:13px;line-height:2}.story-copy p{margin:0 0 11px}.amenities{display:grid;grid-template-columns:repeat(5,1fr);margin-top:35px;background:#f0ecdf;border:1px solid #e5dece}.amenities>div{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 8px;border-left:1px solid #dfd8ca;color:var(--forest);font-size:11px}.amenities>div:last-child{border:0}.amenities span{color:var(--clay);font-size:19px}.gallery-section{background:#f1ece1;padding:66px 0 58px}.gallery-shell{max-width:1200px;margin:0 auto}.gallery-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.gallery-heading h2{font-size:35px;color:var(--forest);font-weight:500;margin:8px 0 0}.gallery-heading h2 em{font-family:var(--display)}.gallery-heading>p{margin:0 0 4px;color:#7b7a70;font-size:11px;line-height:1.9}.photo-grid{display:grid;grid-template-columns:1.12fr .88fr .95fr;grid-template-rows:250px 230px 240px;gap:13px;grid-template-areas:"one two three" "one four three" "five six seven"}.photo-card{position:relative;display:block;overflow:hidden;background:#ded4c2;color:white;text-decoration:none}.photo-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s;filter:saturate(.94)}.photo-card:hover img{transform:scale(1.035)}.photo-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#17251ee8,transparent);pointer-events:none}.card-one{grid-area:one}.card-two{grid-area:two}.card-three{grid-area:three}.card-four{grid-area:four}.card-five{grid-area:five}.card-six{grid-area:six}.card-seven{grid-area:seven}.photo-caption{position:absolute;z-index:1;right:15px;bottom:12px}.photo-caption b,.photo-caption small{display:block}.photo-caption b{font-size:12px}.photo-caption small{font-size:9px;color:#ece8dfc9}.photo-open{position:absolute;z-index:2;top:10px;left:11px;width:28px;height:28px;border:1px solid #ffffff9c;border-radius:50%;display:grid;place-items:center;background:#16231e55;font-size:14px}.gallery-credit{text-align:left;margin:12px 0 0;color:#898477;font-size:9px}.review-band{position:relative;overflow:hidden;text-align:center;padding:54px 20px 58px;background:var(--forest);color:#f6f1e7}.review-stars{color:#d2a267;letter-spacing:4px;font-size:14px}.review-band blockquote{position:relative;z-index:1;max-width:700px;margin:12px auto 7px;font-family:var(--display);font-size:21px;line-height:1.9}.review-source{color:#c0c7bb;font-size:10px}.review-mark{position:absolute;left:8%;top:-23px;font-size:220px;line-height:1;color:#ffffff0a}.visit-section{padding:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.visit-copy .eyebrow{margin-top:27px}.visit-copy h2{font-size:34px}.address{font-size:12px;color:#77776d;line-height:2.1;margin:17px 0 20px}.address b{color:var(--forest);margin-right:5px}.plain-phone{font-size:12px;text-decoration:none;color:var(--forest);border-bottom:1px solid #c8b99f;padding:6px 3px}.map-card{display:block;text-decoration:none;box-shadow:0 12px 34px #263b3112;background:#f1ece0}.map-art{height:270px;position:relative;overflow:hidden;background-color:#e8e3d5;background-image:linear-gradient(30deg,transparent 47%,#d3d2c5 48%,#d3d2c5 50%,transparent 51%),linear-gradient(145deg,transparent 43%,#d2d3c9 44%,#d2d3c9 46%,transparent 47%),linear-gradient(90deg,transparent 48%,#fff9 49%,#fff9 51%,transparent 52%);background-size:160px 150px,190px 175px,80px 110px}.road{position:absolute;height:10px;border:2px solid #f9f8f2;background:#d5d1c4;opacity:.85;transform:rotate(-24deg)}.road-a{width:130%;top:33%;right:-10%}.road-b{width:125%;top:68%;right:-11%;transform:rotate(21deg)}.road-c{width:85%;top:18%;right:10%;transform:rotate(62deg)}.map-ripple{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #c87a5a55;border-radius:50%}.ripple-a{width:105px;height:105px}.ripple-b{width:177px;height:177px}.map-pin{position:absolute;z-index:2;left:50%;top:43%;transform:translate(-50%,-70%);width:48px;height:48px;background:var(--clay);border-radius:50% 50% 50% 8%;rotate:-45deg;box-shadow:0 7px 18px #263b3130;display:grid;place-items:center}.map-pin svg{width:23px;height:23px;fill:none;stroke:white;stroke-width:1.8;rotate:45deg}.map-label{position:absolute;left:50%;top:56%;transform:translateX(-50%);background:white;padding:3px 10px;color:var(--forest);font-size:10px;box-shadow:0 2px 9px #0001;white-space:nowrap}.map-cross{position:absolute;right:12%;bottom:20%;color:#6e9d80;font-size:23px}.map-open{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;color:var(--forest);font-size:11px}.map-open b{color:var(--clay);font-size:16px}.site-footer{min-height:90px;padding:17px max(calc((100vw - 1200px)/2),6.5vw);background:#eee9df;display:flex;align-items:center;justify-content:space-between}.footer-id .brand-icon{width:38px;height:38px}.footer-id .identity-copy strong{font-size:13px}.footer-id .identity-copy small{font-size:9px}.footer-place,.back-top{color:#898477;font-size:10px;text-decoration:none}.made-by{height:47px;display:flex;align-items:center;justify-content:center;gap:5px;background:#e7e1d6;border-top:1px solid #d9d1c4;color:#827d72;font-size:11px}.made-by a{color:var(--clay);font-weight:700;text-decoration:none;letter-spacing:.05em;border-bottom:1px solid currentColor}.whatsapp-float{position:fixed;z-index:20;left:23px;bottom:23px;width:59px;height:59px;border-radius:50%;display:grid;place-items:center;background:#15966b;color:white;box-shadow:0 8px 24px #15966b55;text-decoration:none;animation:wa-float 2.6s ease-in-out infinite}.whatsapp-float:before,.whatsapp-float:after{content:"";position:absolute;inset:-6px;border:2px solid #15966b77;border-radius:50%;animation:wa-pulse 2.6s ease-out infinite}.whatsapp-float:after{animation-delay:1.3s}.whatsapp-float svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}.whatsapp-float:hover{animation-play-state:paused;background:#0c7f59}@keyframes wa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes wa-pulse{0%{transform:scale(.86);opacity:.85}100%{transform:scale(1.5);opacity:0}}
@media(max-width:1280px){.hero,.section-shell,.gallery-shell{margin-left:6.5vw;margin-right:6.5vw}.side-script{right:-24px}}
@media(max-width:760px){html{scroll-padding-top:72px}body{font-size:14px}.site-header{height:70px;padding:0 5vw}.brand-icon{width:37px;height:37px}.identity-copy strong{font-size:13px}.identity-copy small{font-size:9px}.header-links{display:none}.header-cta{height:38px;padding:0 11px;font-size:10px;gap:8px}.hero{min-height:auto;margin:0;padding:25px 5vw 44px;display:flex;flex-direction:column-reverse;gap:24px}.hero-visual{height:380px;width:100%;padding:0 0 24px 25px}.hero-image{inset:0 5% 24px 5%}.hero-image img{object-position:center 40%}.hero-tag{right:-7px;bottom:47px;padding:11px 14px}.hero-tag b{font-size:12px}.hero-stamp{width:72px;height:72px;left:0;top:-9px}.hero-stamp b{font-size:10px}.hero-image-index{left:6%;font-size:9px}.side-script{display:none}.hero-copy{padding:0}.overline{font-size:10px}h1{font-size:43px;line-height:1.45;margin:12px 0}.hero-lead{font-size:13px;line-height:1.95;margin-bottom:17px}.hero-actions{gap:8px}.button{min-height:46px;padding:0 12px;font-size:10px;gap:9px}.rating{font-size:9px;gap:7px;margin-top:16px}.stars{font-size:13px}.hero-note{font-size:9px;margin-top:20px}.story{margin:0 5vw;padding:35px 0 41px}.story-layout{grid-template-columns:1fr;gap:13px;margin-top:20px}.story h2,.visit-copy h2{font-size:28px}.story-copy{font-size:12px;padding:0}.amenities{grid-template-columns:repeat(2,1fr);margin-top:20px}.amenities>div{justify-content:flex-start;padding:11px 12px;font-size:10px}.amenities>div:nth-child(2n){border-left:0}.amenities>div:last-child{grid-column:1/-1;border-top:1px solid #dfd8ca}.gallery-section{padding:42px 0 37px}.gallery-shell{margin:0 5vw}.gallery-heading{display:block;margin-bottom:17px}.gallery-heading h2{font-size:27px}.gallery-heading>p{margin-top:7px;font-size:10px}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 175px 175px 175px 175px;gap:8px;grid-template-areas:"one one" "one one" "two three" "four five" "six seven"}.photo-card.card-one{min-height:240px}.photo-caption{right:9px;bottom:8px}.photo-caption b{font-size:10px}.photo-caption small{font-size:8px}.photo-open{width:23px;height:23px;top:6px;left:6px;font-size:11px}.gallery-credit{font-size:8px;margin-top:8px}.review-band{padding:37px 7vw 39px}.review-band blockquote{font-size:16px}.review-source{font-size:9px}.review-mark{font-size:140px;top:-7px}.visit-section{margin:0 5vw;padding:41px 0;grid-template-columns:1fr;gap:22px}.visit-copy .eyebrow{margin-top:17px}.visit-copy h2{font-size:28px}.address{font-size:11px}.visit-actions{gap:10px}.plain-phone{font-size:10px}.map-art{height:205px}.site-footer{min-height:76px;padding:13px 5vw}.footer-id .brand-icon{width:33px;height:33px}.footer-id .identity-copy strong{font-size:11px}.footer-place{display:none}.back-top{font-size:9px}.made-by{height:41px;font-size:9px}.whatsapp-float{left:14px;bottom:16px;width:55px;height:55px}.whatsapp-float svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.whatsapp-float,.whatsapp-float:before,.whatsapp-float:after{animation:none!important}*,*:before,*:after{transition:none!important}}
