*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,sans-serif;background:#0f0f0f;color:#eee;line-height:1.8}
a{color:inherit;text-decoration:none}
.nav{position:fixed;top:0;inset-inline:0;display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:rgba(15,15,15,.75);backdrop-filter:blur(8px);z-index:10}
.logo img{height:64px;display:block}
.nav nav{display:flex;gap:22px;align-items:center}.nav nav a{opacity:.8}.nav nav a:hover{opacity:1;color:#CEA111}
#lang{background:none;border:1px solid #CEA111;color:#CEA111;padding:3px 12px;border-radius:20px;cursor:pointer;font-family:inherit}
.hero{height:100vh;max-height:820px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;perspective:900px;--mx:0;--my:0}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(#0005,#0f0f0f)}
.hero-in{position:relative;z-index:2}.hero h1{font-size:clamp(2rem,6vw,4.5rem);font-weight:700}.hero p{font-size:.87rem;opacity:.85;margin:8px 0 28px}
.btn{border:1px solid #CEA111;color:#CEA111;padding:10px 30px;border-radius:30px}.btn:hover{background:#CEA111;color:#111}
.sec{padding:90px 5% 60px;max-width:1300px;margin:auto}h2{text-align:center;font-size:2rem;margin-bottom:30px}
.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}
.filters button{background:#1c1c1c;border:1px solid #333;color:#ccc;padding:6px 20px;border-radius:20px;cursor:pointer;font-family:inherit}
.filters button.on{background:#CEA111;color:#111;border-color:#CEA111}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid figure{margin:0;position:relative;overflow:hidden;border-radius:8px;cursor:zoom-in;aspect-ratio:4/5;background:#1a1a1a}.grid figure img{height:100%;object-fit:cover}.grid.reels figure{aspect-ratio:9/16}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.grid img{width:100%;display:block;transition:transform .5s}.grid figure:hover img{transform:scale(1.05)}
.grid figcaption{position:absolute;bottom:0;inset-inline:0;padding:10px 14px;background:linear-gradient(transparent,#000c);opacity:0;transition:.3s}.grid figure:hover figcaption{opacity:1}
.about{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center}.about img{width:100%;border-radius:8px}.about h2{text-align:start}.about p{font-size:1.1rem;opacity:.9}
.contact{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.contact a{background:#1c1c1c;border:1px solid #333;padding:14px 24px;border-radius:10px;min-width:200px;text-align:center}.contact a:hover{border-color:#CEA111}
.contact small{display:block;color:#CEA111}
footer{text-align:center;padding:30px;opacity:.5;border-top:1px solid #222}
.lb{position:fixed;inset:0;background:#000e;display:none;align-items:center;justify-content:center;flex-direction:column;z-index:20}.lb.show{display:flex}
.lb img{max-width:90vw;max-height:82vh}.lb p{margin-top:10px}.lb button{position:absolute;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer}
.x{top:10px;inset-inline-end:24px}.ar.p{left:20px}.ar.n{right:20px}
@media(max-width:700px){.hero{max-height:640px}.about{grid-template-columns:1fr}.nav nav{gap:12px;font-size:.9rem}.logo img{height:46px;display:block}}
.hero-logo img{width:clamp(200px,24vw,320px);height:auto;display:block;margin:0 auto 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:#1c1c1c}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.06)}
.card div{position:absolute;inset:auto 0 0 0;padding:14px 18px;background:linear-gradient(transparent,#000d)}
.card b{display:block;font-size:1.15rem}.card span{color:#CEA111;font-size:.9rem}
.back{background:none;border:1px solid #CEA111;color:#CEA111;padding:6px 18px;border-radius:20px;cursor:pointer;font-family:inherit;margin-bottom:20px}
@media(max-width:700px){.logo img{height:48px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card b{font-size:.95rem}}

#grid figure{position:relative}#lbv{height:86vh;aspect-ratio:9/16;max-width:92vw}#lbv iframe{width:100%;height:100%;border:0}

.hero-bg{position:absolute;inset:-6%;background-size:cover;background-position:center;z-index:0;opacity:.5;transform:translate3d(calc(var(--mx)*-14px),calc(var(--my)*-10px),0) scale(calc(1.04 + var(--z,0)*.04));will-change:transform}
.hero-in{transform-style:preserve-3d;transform:rotateY(calc(var(--mx)*7deg)) rotateX(calc(var(--my)*-6deg)) translate3d(calc(var(--mx)*16px),calc(var(--my)*12px),0);will-change:transform}
.hero-in>*{transform-style:preserve-3d}.hero-logo{transform:translateZ(70px)}#tagline{transform:translateZ(35px)}.hero-in .btn{display:inline-block;transform:translateZ(50px)}
.hero-logo img{filter:drop-shadow(calc(var(--mx)*-10px) calc(var(--my)*-8px + 10px) 18px #000a)}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-in,.hero-in>*{transform:none!important}}

.gsub{grid-column:1/-1;margin:18px 0 4px;font-size:15px;letter-spacing:4px;color:#CEA111;font-weight:600;border-bottom:1px solid #CEA11155;padding-bottom:8px}.gsub:first-child{margin-top:0}.grid figure.vid{aspect-ratio:9/16}.grid.reels figure:not(.vid){aspect-ratio:4/5}
.grid figure video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;background:#1a1a1a}.grid figure:hover video{transform:scale(1.05)}
.grid hr.gdiv{grid-column:1/-1;height:1px;border:0;background:linear-gradient(90deg,transparent,#CEA111aa,transparent);margin:14px 0;padding:0}

#lbv video{width:100%;height:100%;object-fit:contain;background:#000;border:0}
/* cinematic gold glow on category names */
@property --gx{syntax:'<percentage>';inherits:false;initial-value:0%}
.card b,#gallery:has(#back:not([hidden])) #gTitle{width:fit-content;max-width:100%;color:#f3e4b8;background:linear-gradient(105deg,#f3e4b8 0%,#f3e4b8 35%,#fff7dc 44%,#CEA111 50%,#fff7dc 56%,#f3e4b8 65%,#f3e4b8 100%) var(--gx) 0/260% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 2px rgba(206,161,17,.45)) drop-shadow(0 0 8px rgba(206,161,17,.25));animation:gsweep 7s cubic-bezier(.45,0,.25,1) infinite,gpulse 3.6s ease-in-out infinite;transition:filter .45s}
#gallery:has(#back:not([hidden])) #gTitle{margin-inline:auto;animation-duration:9s,4.2s}
.card:nth-child(3n+2) b{animation-delay:-2.3s,-1.2s}.card:nth-child(3n) b{animation-delay:-4.6s,-2.4s}
.card:hover b,.card:focus-visible b{animation-duration:3.2s,1.8s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 3px rgba(255,214,90,.8)) drop-shadow(0 0 14px rgba(206,161,17,.65)) drop-shadow(0 0 28px rgba(206,161,17,.35))}
@keyframes gsweep{0%,15%{--gx:0%}85%,100%{--gx:100%}}
@keyframes gpulse{0%,100%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 2px rgba(206,161,17,.4)) drop-shadow(0 0 7px rgba(206,161,17,.18))}50%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 3px rgba(206,161,17,.7)) drop-shadow(0 0 14px rgba(206,161,17,.42))}}
.card:hover b,.card:focus-visible b{animation-name:gsweep,gpulseH}
@keyframes gpulseH{0%,100%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 3px rgba(255,214,90,.75)) drop-shadow(0 0 14px rgba(206,161,17,.6))}50%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 4px rgba(255,220,110,.95)) drop-shadow(0 0 22px rgba(206,161,17,.8)) drop-shadow(0 0 36px rgba(206,161,17,.35))}}
@media(prefers-reduced-motion:reduce){.card b,#gallery #gTitle{animation:none!important;background-position:50% 0;transition:none}}
.card span{text-shadow:0 1px 2px rgba(0,0,0,.45)}
.contact .cicons{display:flex;gap:22px;justify-content:center;width:100%}
.contact a.ci{flex:0 0 auto;min-width:0;width:64px;height:64px;padding:0;display:grid;place-items:center;border-radius:50%;background:#161616;border:1px solid #CEA11155;color:#CEA111;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}
.contact a.ci svg{width:28px;height:28px;fill:currentColor;transition:filter .3s}
.contact a.ci:hover,.contact a.ci:focus-visible{border-color:#CEA111;background:#1d1a10;transform:translateY(-3px);box-shadow:0 0 18px rgba(206,161,17,.45),0 0 40px rgba(206,161,17,.2)}
.contact a.ci:hover svg,.contact a.ci:focus-visible svg{filter:drop-shadow(0 0 6px rgba(206,161,17,.8))}
@media(prefers-reduced-motion:reduce){.contact a.ci{transition:none}.contact a.ci:hover{transform:none}}
/* MANO link in the Download menu (the MANO site itself lives on mano-plugin.pages.dev) */
.ddm a.dd-mano{color:#CEA111;font-weight:700;border-bottom:1px solid #cea11122;margin-bottom:4px}
/* Book Now (WhatsApp) */
.hero-in .btn-book{margin-inline-start:14px;background:linear-gradient(135deg,#f3d37a,#CEA111 50%,#9a7408);color:#111;font-weight:700;border-color:#CEA111;box-shadow:0 6px 24px rgba(206,161,17,.35);transition:box-shadow .3s,filter .3s}
.hero-in .btn-book:hover,.hero-in .btn-book:focus-visible{background:linear-gradient(135deg,#f3d37a,#CEA111 50%,#9a7408);color:#111;filter:brightness(1.08);box-shadow:0 8px 34px rgba(206,161,17,.6)}
.btn-book[hidden],.bookf[hidden]{display:none!important}
.bookf{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:15;display:flex;align-items:center;gap:9px;padding:11px 20px 11px 16px;border-radius:40px;background:linear-gradient(135deg,#f3d37a,#CEA111 50%,#9a7408);color:#111;font-weight:700;font-size:1rem;box-shadow:0 8px 28px rgba(0,0,0,.55),0 0 22px rgba(206,161,17,.35);transition:transform .25s,box-shadow .25s,filter .25s}
.bookf svg{width:22px;height:22px;fill:currentColor;flex:none}
.bookf:hover,.bookf:focus-visible{transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 12px 34px rgba(0,0,0,.6),0 0 32px rgba(206,161,17,.6)}
[dir=rtl] .bookf{padding:11px 16px 11px 20px}
footer{padding-bottom:84px}
@media(max-width:600px){.hero-in .btn-book{margin-inline-start:8px}.bookf{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:10px 16px 10px 13px;font-size:.92rem}[dir=rtl] .bookf{padding:10px 13px 10px 16px}}
@media(prefers-reduced-motion:reduce){.bookf,.hero-in .btn-book{transition:none}.bookf:hover{transform:none}}