:root{--ember:#9f3d18;--sun:#e68100;--gold:#ffb000;--maroon:#4b1720;--maroon-deep:#351017;--sand:#f4eadb;--cream:#fffaf2;--ink:#211b17;--muted:#766b62;--line:rgba(33,27,23,.13);--shadow:0 24px 70px rgba(68,38,18,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Kufi Arabic","Outfit",sans-serif;overflow-x:hidden}html[lang=en] body{font-family:"Outfit","Noto Kufi Arabic",sans-serif}img{max-width:100%}a{text-decoration:none}.skip-link{position:fixed;top:-100px;inset-inline-start:1rem;background:#fff;color:#000;padding:.75rem 1rem;z-index:9999}.skip-link:focus{top:1rem}.section-pad{padding:110px 0}.section-kicker{display:inline-block;color:var(--ember);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3.65rem);font-weight:700;line-height:1.25;letter-spacing:-.035em}.section-copy{color:var(--muted);font-size:1.05rem;line-height:2}.btn{border-radius:3px;font-weight:700;padding:.75rem 1.4rem}.btn-lg{padding:.95rem 1.65rem;font-size:.95rem}.btn-brand{background:linear-gradient(135deg,var(--sun),var(--ember));border:0;color:#fff;box-shadow:0 10px 28px rgba(159,61,24,.28)}.btn-brand:hover,.btn-brand:focus{background:linear-gradient(135deg,#f29100,#8d3212);color:#fff;transform:translateY(-1px)}
.navbar{padding:12px 0;transition:.35s;background:rgba(255,250,242,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.navbar.at-top{background:transparent;box-shadow:none}.navbar-brand{padding:0}.navbar-brand img{width:76px;height:76px;object-fit:contain;transition:.3s}.navbar.at-top .navbar-brand img{width:88px;height:88px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));background:rgba(255,255,255,.9);border-radius:50%}.navbar .nav-link{color:var(--ink);font-size:.9rem;font-weight:600;padding:.65rem .8rem!important}.navbar.at-top .nav-link{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}.nav-link:hover{color:var(--sun)!important}.lang-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-weight:800}.navbar.at-top .lang-link{color:#fff;border-color:rgba(255,255,255,.45)}.navbar-toggler{border:0;box-shadow:none!important}.navbar.at-top .navbar-toggler{background:#fff}.navbar .btn-brand{font-size:.82rem;padding:.7rem 1rem}
.hero{height:max(730px,100svh);position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:#1a120d}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;animation:heroZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,11,7,.82) 0%,rgba(28,15,7,.55) 47%,rgba(20,11,6,.08) 78%),linear-gradient(0deg,rgba(20,10,5,.52),transparent 45%)}[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(17,11,7,.82) 0%,rgba(28,15,7,.55) 47%,rgba(20,11,6,.08) 78%),linear-gradient(0deg,rgba(20,10,5,.52),transparent 45%)}.hero-content{position:relative;z-index:2;padding-top:90px}.eyebrow{display:inline-flex;align-items:center;gap:.8rem;color:#ffd389;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.3rem}.eyebrow:before{content:"";width:42px;height:1px;background:#ffd389}.hero h1{font-size:clamp(3rem,7.2vw,6.7rem);line-height:1.12;font-weight:700;letter-spacing:-.05em;margin-bottom:1.5rem}.hero-lead{max-width:680px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:2;color:rgba(255,255,255,.86);margin-bottom:2rem}.hero-scroll{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.74);font-size:.75rem}.hero-scroll span{width:25px;height:40px;border:1px solid rgba(255,255,255,.5);border-radius:20px;position:relative}.hero-scroll span:after{content:"";position:absolute;width:3px;height:7px;border-radius:2px;background:#fff;left:10px;top:8px;animation:scrollDot 1.8s infinite}@keyframes heroZoom{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.intro-section{background:var(--cream)}.image-frame{position:relative;padding:0 0 38px 38px}.image-frame:before{content:"";position:absolute;inset:40px 0 0 0;background:var(--sand)}.image-frame img{position:relative;width:100%;height:650px;object-fit:cover;border-radius:2px;box-shadow:var(--shadow)}.image-note{position:absolute;bottom:0;inset-inline-end:0;width:160px;height:160px;background:var(--maroon);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-note strong{font-family:"Outfit",sans-serif;font-size:3.6rem;color:var(--gold);line-height:1}.image-note span{font-size:.78rem;margin-top:.5rem}.feature-list{margin-top:2rem;border-top:1px solid var(--line)}.feature-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.feature-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--ember);font-size:1.2rem}.feature-item strong,.feature-item small{display:block}.feature-item strong{font-size:.94rem;margin-bottom:.25rem}.feature-item small{color:var(--muted);line-height:1.6}
.numbers-strip{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff}.stat{padding:38px 12px;border-inline-end:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat strong{display:block;color:var(--gold);font:700 2.6rem/1 "Outfit",sans-serif}.stat span{display:block;font-size:.77rem;margin-top:.65rem;color:rgba(255,255,255,.72)}
.rooms-section{background:#f2e7d6;position:relative}.rooms-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(230,129,0,.1),transparent 32%),linear-gradient(135deg,transparent 70%,rgba(159,61,24,.05))}.rooms-section .container{position:relative}.room-card{background:#fff;box-shadow:var(--shadow)}.room-media{height:570px;min-height:570px;overflow:hidden}.room-media .carousel,.room-media .carousel-inner,.room-media .carousel-item{height:100%}.room-media .carousel-item img{display:block;width:100%;height:100%;object-fit:cover}.room-content{padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.room-label{color:var(--ember);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.room-content h3{font-size:clamp(2rem,3.4vw,3rem);font-weight:700;line-height:1.3;margin:1rem 0}.room-content p{color:var(--muted);line-height:1.9}.room-specs{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;padding:1.7rem 0;margin:1rem 0 1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.85rem}.room-specs b{font:700 1.1rem "Outfit",sans-serif;color:var(--ember)}.room-card .btn-dark{background:var(--maroon);border-color:var(--maroon)}.room-card .btn-dark:hover,.room-card .btn-dark:focus{background:var(--maroon-deep);border-color:var(--maroon-deep)}.carousel-indicators [data-bs-target]{width:28px;height:3px;border:0}.carousel-control-prev,.carousel-control-next{width:11%}
.experience-section{background:var(--cream);padding-bottom:0}.experience-panel{height:680px;position:relative;overflow:hidden}.experience-panel>img{width:100%;height:100%;object-fit:cover}.experience-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,13,6,.84),rgba(24,13,6,.15) 72%)}[dir=rtl] .experience-overlay{background:linear-gradient(270deg,rgba(24,13,6,.84),rgba(24,13,6,.15) 72%)}.experience-copy{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:8%;max-width:600px;color:#fff}.experience-copy h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:700;line-height:1.2;letter-spacing:-.04em}.experience-copy p{font-size:1.05rem;line-height:2;color:rgba(255,255,255,.8);max-width:520px}
.gallery-section{background:var(--cream)}.gallery-heading{max-width:750px;margin-bottom:55px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:14px}.gallery-item{position:relative;overflow:hidden;border:0;padding:0;background:#ddd;grid-column:span 4;cursor:zoom-in}.gallery-item.wide:nth-child(1){grid-column:span 7;grid-row:span 2}.gallery-item.wide:nth-child(2){grid-column:span 5;grid-row:span 2}.gallery-item.wide:nth-child(3){grid-column:span 5;grid-row:span 2}.gallery-item.wide:nth-child(4){grid-column:span 7;grid-row:span 2}.gallery-item.tall{grid-column:span 6;grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.65s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,13,6,.72),transparent 55%);opacity:.65;transition:.35s}.gallery-item span{position:absolute;z-index:2;inset-inline-start:22px;bottom:18px;color:#fff;font-weight:700;font-size:.88rem}.gallery-item:hover img{transform:scale(1.045)}.gallery-item:hover:after{opacity:1}.modal-gallery-image{display:block;max-height:82vh;width:100%;object-fit:contain}
.booking-section{background:#f2e7d6}.booking-card{box-shadow:var(--shadow)}.booking-copy{background:linear-gradient(145deg,var(--maroon),var(--maroon-deep));color:#fff;padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.booking-copy h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:700;line-height:1.25;margin-bottom:1.2rem}.booking-copy p{color:rgba(255,255,255,.76);line-height:1.9}.contact-line{display:flex;align-items:center;gap:.8rem;color:#fff;font:600 1.08rem "Outfit",sans-serif;margin-top:1rem}.contact-line:hover{color:#ffd9a0}.contact-line span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--sun)}.booking-form-wrap{background:#fff;padding:clamp(2rem,5vw,4.5rem)}.form-label{font-size:.8rem;font-weight:700}.form-label small{font-weight:400;color:var(--muted)}.form-control,.form-select{border:1px solid #ded6cc;border-radius:2px;min-height:50px;background-color:#fffdf9}.form-control:focus,.form-select:focus{border-color:var(--sun);box-shadow:0 0 0 .2rem rgba(230,129,0,.12)}textarea.form-control{min-height:100px}
.contact-section{padding:65px 0;background:linear-gradient(135deg,var(--ember),var(--maroon));color:#fff}.contact-section h2{font-size:clamp(1.8rem,3vw,3rem);font-weight:700}.contact-section p{margin:0;color:rgba(255,255,255,.78)}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}.site-footer{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff;padding:48px 0}.footer-logo{background:#fff;border-radius:50%;object-fit:contain}.site-footer p{color:rgba(255,255,255,.7);line-height:1.8;margin:0}.site-footer a{color:#fff;display:block;font:600 1.02rem "Outfit",sans-serif}.site-footer a+a{margin-top:.35rem}.site-footer small{display:block;color:rgba(255,255,255,.5);margin-top:.65rem;font-family:"Outfit",sans-serif}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:991.98px){.section-pad{padding:78px 0}.navbar-collapse{background:var(--cream);margin:10px -12px -12px;padding:18px}.navbar.at-top .navbar-collapse .nav-link{color:var(--ink);text-shadow:none}.navbar.at-top .navbar-collapse .lang-link{color:var(--ink);border-color:var(--line)}.nav-actions{padding-top:.7rem}.hero{height:820px;min-height:100svh}.image-frame img{height:520px}.room-media{height:480px;min-height:480px}.experience-panel{height:600px}.gallery-grid{grid-auto-rows:180px}.gallery-item{grid-column:span 6!important}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:575.98px){.section-pad{padding:64px 0}.navbar-brand img,.navbar.at-top .navbar-brand img{width:65px;height:65px}.hero{height:760px}.hero h1{font-size:2.8rem}.hero-shade,[dir=rtl] .hero-shade{background:linear-gradient(0deg,rgba(15,9,5,.88),rgba(15,9,5,.17) 78%)}.hero-content{align-self:flex-end;padding-bottom:110px}.hero-scroll{display:none}.image-frame{padding:0 0 25px 25px}.image-frame img{height:450px}.image-note{width:120px;height:120px}.image-note strong{font-size:2.7rem}.room-media{height:350px;min-height:350px}.room-specs{grid-template-columns:1fr}.experience-section{padding-top:0}.experience-panel{height:590px}.experience-copy{inset-inline:8%;top:auto;bottom:38px;transform:none}.gallery-grid{display:block}.gallery-item{width:100%;height:280px;margin-bottom:12px}.booking-card{margin-inline:-12px}.booking-copy,.booking-form-wrap{padding:32px 24px}.site-footer{text-align:center}.footer-logo{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.hero-scroll span:after{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.account-link{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);font:600 .9rem "Outfit","Noto Kufi Arabic",sans-serif;background:rgba(255,255,255,.65);text-decoration:none;white-space:nowrap}.navbar.at-top .account-link{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}.account-link:hover{color:var(--maroon);background:#fff}.navbar.at-top .account-link:hover{color:#fff;background:rgba(255,255,255,.18)}.account-link img,.account-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--maroon));color:#fff;font-weight:700}@media(max-width:991.98px){.navbar.at-top .navbar-collapse .account-link{color:var(--ink);border-color:var(--line);background:#fff}.nav-actions{flex-wrap:wrap}.account-link{justify-content:center}}