/* A short cooking film; the Arabic copy stays live, readable, and independent. */
#home.hero-video {position:relative;isolation:isolate;width:100%;height:min(730px,calc(100svh - 133px));min-height:640px;overflow:clip;background:#281b19;color:#fff4e2}
#home.hero-video .film-media,#home.hero-video .film-shade {position:absolute;inset:0;pointer-events:none}
#home.hero-video .film-media {z-index:-3}
#home.hero-video .film-poster,#home.hero-video .film-video {display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:44% center}
#home.hero-video .film-video {opacity:0;transition:opacity .7s ease}
#home.hero-video[data-video-state="playing"] .film-video,#home.hero-video[data-video-state="paused"] .film-video {opacity:1}
#home.hero-video .film-shade {z-index:-1;background:linear-gradient(270deg,#2d1719f2 0%,#2d1719d9 22%,#281b19a6 43%,#1a18154d 67%,#16140f14 100%),linear-gradient(0deg,#171312e8,transparent 26%,transparent 80%,#17131255)}
#home.hero-video .film-inner {position:relative;z-index:1;height:100%;display:flex;align-items:center;padding-block:59px 122px}
#home.hero-video .film-copy {width:min(610px,56%);min-width:0}
#home.hero-video .film-eyebrow {display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.9;color:#efd0a1;margin-bottom:17px}
#home.hero-video .film-eyebrow>span {width:29px;height:1px;background:#dcb17c;flex-shrink:0}
#home.hero-video h1 {font-family:var(--script);font-size:clamp(76px,7.65vw,112px);font-weight:700;line-height:1.25;color:#fff5e4;letter-spacing:0;margin:0;text-shadow:0 4px 35px #170b1340}
#home.hero-video .film-line {display:block;width:fit-content;padding-bottom:3px}
#home.hero-video .film-gold {color:#e5b77b;position:relative;padding-inline:3px;padding-bottom:13px}
#home.hero-video .film-gold::after {content:"";position:absolute;left:0;right:0;bottom:6px;height:11px;border-bottom:1.5px solid #e5b77bb3;border-radius:50%;transform:rotate(-4deg)}
#home.hero-video .film-description {font-size:17px;font-weight:600;line-height:2.1;color:#f2e0ca;margin-top:21px;max-width:480px;text-shadow:0 2px 8px #160d1366}
#home.hero-video .film-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px;margin-top:27px}
#home.hero-video .film-order {display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:12px 26px;border:1px solid #f5e5ca;border-radius:6px;background:#f5e5ca;color:#5c3230;font-size:16px;line-height:1.8;font-weight:700;transition:background .2s,transform .2s}
#home.hero-video .film-order:hover {background:#e7be89;transform:translateY(-2px)}
#home.hero-video .film-order .icon {width:21px;height:21px}
#home.hero-video .film-instagram {display:inline-flex;align-items:center;gap:9px;min-height:44px;padding-block:7px;font-size:14px;font-weight:700;color:#fff0dc;transition:color .2s}
#home.hero-video .film-instagram:hover {color:#efbe7c}
#home.hero-video .film-instagram .icon {width:18px;height:18px}
#home.hero-video .film-note {display:flex;align-items:center;flex-wrap:wrap;gap:9px 13px;margin-top:25px;font-size:13px;line-height:1.9;font-weight:600;color:#d9c3b0}
#home.hero-video .film-note>span:nth-child(even) {color:#d7aa72;font-size:11px}
#home.hero-video .film-toggle {display:none;position:absolute;z-index:3;left:32px;top:25px;min-height:44px;padding:8px 16px;align-items:center;justify-content:center;gap:9px;background:#281b1978;border:1px solid #f5e5ca61;border-radius:30px;color:#fff1dc;font-family:var(--font);font-size:12px;font-weight:700;line-height:1.8;backdrop-filter:blur(8px);transition:background .2s}
#home.hero-video[data-video-ready="true"] .film-toggle {display:inline-flex}
#home.hero-video .film-toggle:hover {background:#281b19c9}
#home.hero-video .film-toggle .icon {width:17px;height:17px;stroke-width:2}
#home.hero-video .film-footer {position:absolute;z-index:2;left:0;right:0;bottom:28px;display:grid;grid-template-columns:1fr auto 1fr;direction:ltr;align-items:center;gap:25px;border-top:1px solid #edd8bc42;padding-top:20px}
#home.hero-video .film-caption {font-size:10px;font-weight:600;letter-spacing:2.5px;color:#e6d2bc}
#home.hero-video .film-scroll {display:flex;align-items:center;gap:14px;direction:rtl;font-size:12px;font-weight:600;color:#ffeed7;min-height:44px;line-height:1.8}
#home.hero-video .film-scroll-arrow {display:grid;place-items:center;width:30px;height:40px;border:1px solid #edd8bc68;border-radius:18px;font-size:19px;transition:transform .2s}
#home.hero-video .film-scroll:hover .film-scroll-arrow {transform:translateY(4px)}
#home.hero-video .film-signature {font-family:var(--script);font-size:22px;line-height:1.5;direction:rtl;text-align:right;color:#e4be8e}
#home.hero-video[data-hero-ready="true"] .film-enter {animation:amal-film-enter .85s cubic-bezier(.2,.65,.2,1) var(--enter-delay,0ms) both}
@keyframes amal-film-enter {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px) {#home.hero-video {height:760px;min-height:700px}#home.hero-video h1 {font-size:116px}}
@media(max-width:1150px) {#home.hero-video {min-height:620px}#home.hero-video .film-copy {width:59%}#home.hero-video h1 {font-size:clamp(74px,8.5vw,95px)}#home.hero-video .film-eyebrow {font-size:13px}#home.hero-video .film-description {font-size:16px}#home.hero-video .film-actions {gap:10px 19px}#home.hero-video .film-order {font-size:15px;padding-inline:23px}#home.hero-video .film-instagram {font-size:13px}#home.hero-video .film-shade {background:linear-gradient(270deg,#2d1719f0,#2d1719ce 29%,#281b196b 65%,#16140f20),linear-gradient(0deg,#171312e8,transparent 30%)}#home.hero-video .film-footer {gap:18px}}
@media(max-width:900px) {#home.hero-video .film-copy {width:67%}#home.hero-video .film-note {font-size:12px}#home.hero-video .film-caption {font-size:9px;letter-spacing:1.5px}#home.hero-video .film-signature {font-size:20px}#home.hero-video .film-scroll {font-size:11px}#home.hero-video .film-poster,#home.hero-video .film-video {object-position:40% center}}
@media(max-width:720px) {
  #home.hero-video {height:calc(100svh - 119px);min-height:650px;max-height:790px}
  #home.hero-video .film-shade {background:linear-gradient(0deg,#241719e0 0%,#241719a1 35%,#24171978 70%,#17191745 100%)}
  #home.hero-video .film-poster,#home.hero-video .film-video {object-position:49% center}
  #home.hero-video .film-inner {align-items:center;padding-block:77px 126px}
  #home.hero-video .film-copy {width:100%;max-width:520px;margin-inline:auto;text-align:center}
  #home.hero-video .film-eyebrow {justify-content:center;font-size:13px;margin-bottom:20px;gap:10px}
  #home.hero-video .film-eyebrow>span {width:22px}
  #home.hero-video h1 {font-size:clamp(70px,12vw,93px);line-height:1.25}
  #home.hero-video .film-line {margin-inline:auto}
  #home.hero-video .film-description {font-size:16px;line-height:2;margin:19px auto 0}
  #home.hero-video .film-actions {justify-content:center;gap:11px 22px;margin-top:24px}
  #home.hero-video .film-order {font-size:15px;min-height:52px;padding:11px 23px}
  #home.hero-video .film-instagram {font-size:13px}
  #home.hero-video .film-note {justify-content:center;font-size:12px;gap:8px 11px;margin-top:20px}
  #home.hero-video .film-toggle {left:20px;top:18px;font-size:11px;padding:7px 13px;gap:7px}
  #home.hero-video .film-footer {bottom:22px;grid-template-columns:1fr auto;gap:15px;padding-top:16px}
  #home.hero-video .film-caption {font-size:8px;letter-spacing:1.2px}
  #home.hero-video .film-signature {display:none}
  #home.hero-video .film-scroll {font-size:11px;gap:10px}
  #home.hero-video .film-scroll-arrow {width:27px;height:36px;font-size:17px}
}
@media(max-width:380px) {#home.hero-video {min-height:655px}#home.hero-video h1 {font-size:68px}#home.hero-video .film-eyebrow {font-size:12px}#home.hero-video .film-description {font-size:15px}#home.hero-video .film-actions {gap:5px 13px}#home.hero-video .film-order {font-size:14px;min-height:50px;padding:10px 21px}#home.hero-video .film-instagram {font-size:12px}#home.hero-video .film-note {font-size:11px;gap:8px}#home.hero-video .film-caption {font-size:8px;letter-spacing:.7px}#home.hero-video .film-scroll {font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce) {#home.hero-video .film-enter {animation:none!important;opacity:1;transform:none}#home.hero-video *,#home.hero-video *::after {transition:none!important;animation:none!important}}
