/* Amlak Dam — shared styles & motion for inner pages */
:root{--ease:cubic-bezier(.2,.7,.2,1);--ease-io:cubic-bezier(.7,0,.2,1)}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0B}
a{color:#EDEDEA;text-decoration:none}
a:hover{color:#FFFFFF}
input,textarea,select,button{font-family:inherit}
input::placeholder,textarea::placeholder{color:#7C7C82}

/* Arabic-only site: Latin display face off, no letter-spacing on Arabic */
[dir="rtl"] [style*="'Jost'"]{font-family:'IBM Plex Sans Arabic',sans-serif !important;letter-spacing:0 !important}

/* progress + header */
.progress{transform:scaleX(var(--p,0));transform-origin:right;transition:transform .12s linear}
header{transition:background .5s var(--ease),box-shadow .5s var(--ease)}
header[data-scrolled]{background:rgba(10,10,11,.92) !important;box-shadow:0 12px 34px rgba(0,0,0,.4)}
.navlink{position:relative;transition:color .3s}
.navlink::after{content:"";position:absolute;right:0;bottom:-7px;height:1px;width:0;background:var(--accent,#B8B2A7);transition:width .45s var(--ease)}
.navlink:hover{color:#FFFFFF !important}
.navlink:hover::after,.navlink[aria-current="page"]::after{width:100%}

/* page hero */
@keyframes heroIn{from{opacity:0;transform:translateY(34px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes kenburns{from{scale:1.18}to{scale:1.03}}
@keyframes lineDown{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.ph-img{animation:kenburns 3.2s var(--ease) both;translate:0 calc(var(--sy,0) * .3px)}
.ph-in > *{animation:heroIn 1.1s var(--ease) both}
.ph-in > *:nth-child(1){animation-delay:.15s}
.ph-in > *:nth-child(2){animation-delay:.3s}
.ph-in > *:nth-child(3){animation-delay:.48s}
.ph-in > *:nth-child(4){animation-delay:.66s}
.ph-in > *:nth-child(5){animation-delay:.84s}
.spot{opacity:0;transition:opacity .6s;background:radial-gradient(520px circle at var(--mx,50%) var(--my,40%),rgba(255,255,255,.09),transparent 62%);pointer-events:none}
[data-spot]:hover .spot{opacity:1}
.scroll-cue{animation:heroIn 1s 1.2s var(--ease) both}
.scroll-cue i{display:block;width:1px;height:46px;background:#EDEDEA;animation:lineDown 2.2s 1.5s var(--ease-io) infinite}

/* buttons */
.btn,.btn-ghost,.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 30px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .35s,border-color .35s,color .35s;box-sizing:border-box}
.btn{background:#EDEDEA;color:#0A0A0B !important;border:0}
.btn:hover{background:#FFFFFF;transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.3)}
.btn-ghost{background:transparent;color:#FFFFFF !important;border:1px solid rgba(255,255,255,.35)}
.btn-ghost:hover{border-color:#FFFFFF;background:rgba(255,255,255,.06);transform:translateY(-3px)}
.btn-dark{background:#0A0A0B;color:#EDEDEA !important;border:1px solid #0A0A0B}
.btn-dark:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.btn svg,.btn-ghost svg,.btn-dark svg,.arrow-link svg{transition:transform .35s var(--ease)}
.btn:hover svg.arr,.btn-ghost:hover svg.arr,.btn-dark:hover svg.arr,.arrow-link:hover svg.arr{transform:translateX(-6px)}

/* media */
.zoom{position:relative;overflow:hidden}
.zoom img{transition:transform 1.2s var(--ease),scale 1.7s var(--ease),filter .7s}
.zoom:hover img{transform:scale(1.07)}
.zoom:hover img.gray{filter:grayscale(0) contrast(1.05) !important}
.zoom::after{content:"";position:absolute;inset:0;border:1px solid rgba(237,237,234,0);transition:border-color .6s,inset .6s var(--ease);pointer-events:none}
.zoom:hover::after{border-color:rgba(237,237,234,.35);inset:12px}
.zoom figcaption{transition:transform .6s var(--ease)}
.zoom:hover figcaption{transform:translateY(-6px)}
button.zoom{padding:0;border:0;background:#111113;cursor:zoom-in;display:block;width:100%}

/* cards & tiles */
.card{position:relative;transition:background-color .5s var(--ease),border-color .5s}
.card::before{content:"";position:absolute;top:-1px;right:0;height:2px;width:0;background:var(--accent,#B8B2A7);transition:width .7s var(--ease)}
.card:hover{background-color:#151517 !important}
.card:hover::before{width:100%}
.card .ico{transition:transform .6s var(--ease)}
.card:hover .ico{transform:translateY(-6px) rotate(-4deg)}
.tile{transition:background-color .5s}
.tile .num{display:inline-block;transition:transform .6s var(--ease),letter-spacing .6s}
.tile:hover{background-color:#131315 !important}
.tile:hover .num{transform:translateX(-8px);letter-spacing:.08em}
.row-link{transition:padding .45s var(--ease),background-color .45s}
.row-link:hover{padding-right:14px !important;padding-left:14px !important;background-color:#111113}
.social{transition:transform .35s var(--ease),border-color .35s}
.social:hover{transform:translateY(-4px);border-color:#EDEDEA !important}
[data-tilt]{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease),box-shadow .6s}
[data-tilt]:hover{box-shadow:0 30px 60px rgba(0,0,0,.35)}
input,textarea{transition:border-color .4s}
input:focus,textarea:focus{border-bottom-color:var(--accent,#B8B2A7) !important}

/* tabs */
.tab{min-height:52px;padding:0 26px;font-size:15px;cursor:pointer;transition:background-color .35s,color .35s,border-color .35s;border:1px solid #2E2E33;background:transparent;color:#BDBDC1}
.tab:hover{border-color:#EDEDEA;color:#FFFFFF}
.tab[aria-selected="true"]{background:#EDEDEA;color:#0A0A0B;border-color:#EDEDEA}
@keyframes panelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.panel{animation:panelIn .6s var(--ease) both}

/* lightbox */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes zoomIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.lb{animation:fadeIn .35s var(--ease) both}
.lb img{animation:zoomIn .5s var(--ease) both}

/* marquee */
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
.marquee-track{animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}

/* whatsapp */
@keyframes ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}
.wa-btn{position:relative;transition:transform .35s var(--ease)}
.wa-btn:hover{transform:scale(1.08)}
.wa-btn::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(37,211,102,.7);animation:ping 2.4s var(--ease) infinite;pointer-events:none}
.wa-pop{animation:popIn .45s var(--ease) both;transform-origin:bottom left}

/* scroll reveal — armed by site.js only when the page really scrolls */
[data-anim] [data-reveal]{transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease),clip-path 1.3s var(--ease-io),background-color .5s,box-shadow .6s}
[data-anim] [data-reveal="up"]{opacity:0;transform:translateY(48px);filter:blur(6px)}
[data-anim] [data-reveal="up"][data-from="top"]{transform:translateY(-48px)}
[data-anim] [data-reveal="img"]{opacity:0;transform:translateY(64px)}
[data-anim] [data-reveal="img"][data-from="top"]{transform:translateY(-64px)}
[data-anim] [data-reveal="img"] img{scale:1.2}
[data-anim] [data-reveal][data-in]{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}
[data-anim] [data-reveal="img"][data-in] img{scale:1}
[data-anim] [data-reveal][data-tilt][data-in]{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
[data-d="1"]{transition-delay:.08s !important}
[data-d="2"]{transition-delay:.16s !important}
[data-d="3"]{transition-delay:.24s !important}
[data-d="4"]{transition-delay:.32s !important}
[data-d="5"]{transition-delay:.4s !important}

/* language switch + mobile menu */
.lang-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.3);font-family:'Jost','IBM Plex Sans Arabic',sans-serif;font-size:13px;font-weight:500;color:#EDEDEA !important;transition:background-color .3s,color .3s,border-color .3s;box-sizing:border-box}
.lang-btn::after{display:none !important}
.lang-btn:hover{background:#EDEDEA;color:#0A0A0B !important;border-color:#EDEDEA}
.menu-btn{display:none}
@keyframes menuIn{from{opacity:0}to{opacity:1}}
.mnav{animation:menuIn .35s var(--ease) both}
.mnav nav a{animation:heroIn .6s var(--ease) both}
.mnav nav a:nth-child(1){animation-delay:.05s}.mnav nav a:nth-child(2){animation-delay:.1s}.mnav nav a:nth-child(3){animation-delay:.15s}.mnav nav a:nth-child(4){animation-delay:.2s}.mnav nav a:nth-child(5){animation-delay:.25s}

/* LTR (English) mirrors */
[dir="ltr"] .progress{transform-origin:left}
[dir="ltr"] .navlink::after{right:auto;left:0}
[dir="ltr"] .card::before{right:auto;left:0}
[dir="ltr"] .btn:hover svg.arr,[dir="ltr"] .btn-ghost:hover svg.arr,[dir="ltr"] .btn-dark:hover svg.arr,[dir="ltr"] .arrow-link:hover svg.arr{transform:translateX(6px)}
[dir="ltr"] .tile:hover .num{transform:translateX(8px)}
[dir="ltr"] .wa-pop{transform-origin:bottom right}

/* tablet & phone */
@media (max-width: 960px){
  header nav[aria-label],header .hdr-extra{display:none !important}
  .menu-btn{display:flex !important}
}
@media (max-width: 760px){
  .brand-lockup{height:36px !important}
  .brand-lockup-f{height:52px !important}
  .span2{grid-column:auto !important;grid-row:auto !important;min-height:340px !important}
  .hide-sm{display:none !important}
  [style*="max-width: 1320px"],[style*="max-width: 1100px"]{padding-left:20px !important;padding-right:20px !important}
  section[style*="max-width: 1320px"][style*="padding: 1"],div[style*="max-width: 1320px"][style*="padding: 1"]:not(header > div),section[style*="max-width: 1100px"]{padding-top:72px !important;padding-bottom:72px !important}
  header > div{padding-top:14px !important;padding-bottom:14px !important}
  [style*="padding: 200px 32px"],[style*="padding: 220px 32px"]{padding-top:130px !important;padding-bottom:44px !important}
  section[data-spot],#top{min-height:560px !important}
  figure[style*="min-height"],.zoom[style*="min-height"],div[style*="min-height: 520px"]{min-height:300px !important}
  [style*="grid-row: span 2"]{grid-row:auto !important}
  [style*="grid-column: span 2"]{grid-column:auto !important}
  form[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  [style*="padding: 48px 44px"]{padding:28px 22px !important}
  [style*="padding: 44px"],[style*="padding: 48px;"]{padding:24px !important}
  [style*="padding: 36px 30px"],[style*="padding: 34px 30px"]{padding:26px 22px !important}
  [data-tilt]{transform:none !important}
  .ph-img,.hero-img{translate:none !important}
  [style*="font-size: 96px"]{font-size:64px !important}
  [style*="font-size: 76px"]{font-size:56px !important}
  .marquee-track{font-size:22px !important}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}.ph-img{translate:none !important}}