:root{--cream:#f7f0e4;--cream2:#efe4d2;--brick:#9e3f32;--brick2:#7d2f27;--olive:#48513a;--ink:#302721;--muted:#74675e;--line:#3027211f;--shadow:0 22px 60px #4d321e1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans Arabic,sans-serif;overflow-x:hidden}button,a{font:inherit}.app{min-height:100vh}.shell{width:min(1180px,100% - 42px);margin:auto}.scroll-progress{background:var(--brick);transform-origin:0;z-index:1000;height:3px;position:fixed;top:0;left:0;right:0}.nav-wrap{z-index:100;position:fixed;top:16px;left:0;right:0}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f0e4db;border:1px solid #ffffff38;border-radius:20px;justify-content:space-between;align-items:center;height:74px;padding:0 18px 0 14px;display:flex;box-shadow:0 10px 30px #30272114}.brand{color:var(--ink);cursor:pointer;text-align:right;background:0 0;border:0;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--olive);color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.brand strong{font-family:Noto Kufi Arabic;font-size:16px;display:block}.brand small{color:var(--muted);margin-top:-2px;font-size:10px;display:block}.nav-links{align-items:center;gap:28px;display:flex}.nav-links button,.footer-grid button{cursor:pointer;color:var(--ink);background:0 0;border:0;transition:all .25s}.nav-links button:hover{color:var(--brick)}.cta-small{background:var(--brick);color:#fff;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:7px;padding:11px 16px;display:flex}.menu-toggle{color:var(--ink);background:0 0;border:0;display:none}.mobile-panel{background:var(--cream);box-shadow:var(--shadow);border-radius:20px;gap:6px;padding:16px;display:grid;position:absolute;top:84px;left:21px;right:21px}.mobile-panel button{text-align:right;background:0 0;border:0;padding:12px}.hero{background:#1e1a16;height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#19140f0f 20%,#19140f80 68%,#19140fc7 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding-top:70px;display:flex;position:relative}.hero-copy{color:#fff;width:min(660px,70%)}.eyebrow,.kicker{letter-spacing:.02em;color:#a94837;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow{color:#f4d5c7;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px}.hero h1{letter-spacing:-.04em;margin:18px 0 14px;font-family:Noto Kufi Arabic;font-size:clamp(46px,6vw,90px);line-height:1.15}.hero-copy p{color:#ffffffd1;max-width:610px;font-size:18px;line-height:2}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:14px 22px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--brick);color:#fff;box-shadow:0 12px 26px #9e3f3247}.btn.glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.hero-meta{color:#fff;gap:26px;font-size:13px;display:flex;position:absolute;bottom:48px;right:0}.hero-meta span{align-items:center;gap:8px;display:flex}.slider-controls{z-index:4;align-items:center;gap:12px;display:flex;position:absolute;bottom:42px;left:6%}.slider-controls>button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.dots{gap:7px;display:flex}.dots button{background:#ffffff73;border:0;border-radius:20px;width:8px;height:8px;padding:0;transition:all .3s}.dots button.active{background:#fff;width:28px}.ticker{background:var(--olive);color:#fff;align-items:center;height:62px;display:flex;overflow:hidden}.ticker-track{white-space:nowrap;min-width:max-content;animation:25s linear infinite ticker;display:flex}.ticker span{align-items:center;gap:20px;padding:0 34px;font-weight:600;display:inline-flex}.ticker i{color:#d9b887;font-style:normal}@keyframes ticker{to{transform:translate(50%)}}.section{padding:110px 0}.story{grid-template-columns:1.02fr .98fr;align-items:center;gap:76px;display:grid}.story-image{position:relative}.story-image img{aspect-ratio:5/4;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:30px}.floating-note{min-width:190px;box-shadow:var(--shadow);background:#fff9f0;border-radius:18px;padding:17px 18px;position:absolute;bottom:34px;left:-22px}.floating-note span{color:var(--brick);font-size:12px;font-weight:800}.floating-note strong,.floating-note small{display:block}.floating-note strong{margin:4px 0}.floating-note small{color:var(--muted);font-size:11px}.story-copy h2,.section-head h2,.pack-copy h2,.events-copy h2,.cta-copy h2{letter-spacing:-.03em;margin:12px 0 18px;font-family:Noto Kufi Arabic;font-size:clamp(36px,4.4vw,64px);line-height:1.35}.story-copy h2 em,.events-copy h2 em{color:var(--brick);font-family:inherit;font-style:normal}.story-copy>p,.pack-copy>p,.events-copy>p{color:var(--muted);font-size:16px;line-height:2}.feature-list{gap:8px;margin-top:28px;display:grid}.feature-list>div{border-bottom:1px solid var(--line);gap:13px;padding:14px 0;display:flex}.feature-list svg{color:var(--olive);margin-top:4px}.feature-list strong,.feature-list small{display:block}.feature-list small{color:var(--muted);margin-top:3px}.detail-banner{height:520px;margin:30px 0 10px;position:relative;overflow:hidden}.detail-banner img{object-fit:cover;width:100%;height:100%}.detail-banner:after{content:"";background:linear-gradient(90deg,#19140fa8,#19140f14 60%);position:absolute;inset:0}.detail-copy{z-index:2;color:#fff;text-align:left;direction:rtl;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.detail-copy span{color:#f0c9bb;font-size:13px}.detail-copy h3{margin:8px 0;font-family:Noto Kufi Arabic;font-size:clamp(32px,4vw,58px);line-height:1.45}.section-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.section-head h2{margin-bottom:0}.section-head p{max-width:430px;color:var(--muted);line-height:1.9}.filters{scrollbar-width:none;gap:8px;padding:4px 0 20px;display:flex;overflow-x:auto}.filters button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:9px 16px;transition:all .25s}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.menu-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.food-card{background:#fffaf2;border:1px solid #32281e14;border-radius:24px;overflow:hidden;box-shadow:0 12px 34px #462d1c0d}.food-image{position:relative;overflow:hidden}.food-image img{aspect-ratio:1.06;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.food-card:hover img{transform:scale(1.05)}.food-image span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);background:#f7f0e4e0;border-radius:999px;padding:6px 10px;font-size:10px;position:absolute;top:13px;right:13px}.food-body{justify-content:space-between;align-items:center;padding:16px 17px 18px;display:flex}.food-body h3{margin:0 0 4px;font-family:Noto Kufi Arabic;font-size:17px}.food-body p{color:var(--muted);margin:0;font-size:11px}.food-body button{background:var(--cream2);width:40px;height:40px;color:var(--brick);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.events{background:var(--olive);color:#fff;overflow:hidden}.events-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.events-copy p{color:#ffffffb8;max-width:500px}.kicker.light{color:#e0c39c}.btn.cream{background:var(--cream);color:var(--ink);margin-top:18px}.events-image{position:relative}.events-image img{aspect-ratio:5/4;object-fit:cover;border-radius:30px;width:100%}.events-badge{background:var(--brick);color:#fff;border-radius:20px;padding:15px 20px;font-size:12px;position:absolute;bottom:28px;left:-26px;transform:rotate(-4deg)}.events-badge strong{font-size:18px}.packaging{grid-template-columns:.84fr 1.16fr;align-items:center;gap:70px;display:grid}.pack-image img{aspect-ratio:5/4;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:30px}.stats{gap:36px;margin-top:30px;display:flex}.stats span{border-right:2px solid var(--brick);padding-right:14px}.stats strong,.stats small{display:block}.stats strong{font-family:Noto Kufi Arabic;font-size:24px}.stats small{color:var(--muted)}.cta-section{height:560px;position:relative;overflow:hidden}.cta-section img{object-fit:cover;width:100%;height:100%}.cta-shade{background:linear-gradient(90deg,#1e17121a 15%,#1e1712a6 72%,#1e1712cc);position:absolute;inset:0}.cta-copy{z-index:2;color:#fff;max-width:560px;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.cta-copy span{color:#efcbbf;font-size:13px}.cta-copy p{color:#ffffffc7;margin-bottom:24px;line-height:1.9}footer{color:#e8ded1;background:#241f1b;padding:72px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-brand{max-width:390px}.footer-brand .brand-mark{margin-bottom:16px}.footer-brand strong{font-family:Noto Kufi Arabic;font-size:24px}.footer-brand p{color:#a99b90;line-height:1.9}.footer-grid h4{color:#fff;margin:0 0 16px}.footer-grid button,.footer-grid span{color:#b9ada3;margin:8px 0;display:block}.footer-grid button:hover{color:#fff}.footer-bottom{color:#83776f;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:48px;padding-top:20px;font-size:11px;display:flex}@media (width<=980px){.nav-links,.cta-small{display:none}.menu-toggle{place-items:center;display:grid}.hero-copy{width:80%}.story,.events-grid,.packaging{grid-template-columns:1fr;gap:40px}.events-grid{grid-template-columns:1fr}.events-image{order:-1}.menu-grid{grid-template-columns:repeat(2,1fr)}.section-head{flex-direction:column;align-items:flex-start}.pack-image{order:-1}.detail-banner{height:430px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}@media (width<=640px){.shell{width:min(100% - 28px,1180px)}.nav-wrap{top:9px}.nav{border-radius:17px;height:62px;padding:0 12px}.brand-mark{border-radius:11px;width:34px;height:34px}.brand strong{font-size:13px}.brand small{display:none}.hero{min-height:700px}.hero-overlay{background:linear-gradient(#14100c1f 20%,#14100ccc 82%,#14100ce6)}.hero-content{justify-content:flex-end;padding-bottom:122px}.hero-copy{width:100%}.hero h1{font-size:44px}.hero-copy p{font-size:15px;line-height:1.85}.hero-meta{flex-wrap:wrap;gap:12px;bottom:72px;right:0}.hero-meta span{font-size:10px}.slider-controls{bottom:18px;left:50%;transform:translate(-50%)}.section{padding:78px 0}.story{gap:32px}.floating-note{bottom:10px;left:10px}.story-copy h2,.section-head h2,.pack-copy h2,.events-copy h2,.cta-copy h2{font-size:36px}.detail-banner{height:420px}.detail-banner:after{background:linear-gradient(#19140f14,#19140fb8)}.detail-copy{text-align:right;inset:auto 20px 32px;transform:none}.menu-grid{grid-template-columns:1fr 1fr;gap:10px}.food-card{border-radius:17px}.food-body{padding:11px}.food-body h3{font-size:13px}.food-body p{font-size:9px}.food-body button{width:32px;height:32px}.food-body button svg{width:16px}.food-image span{font-size:9px;top:8px;right:8px}.events-badge{bottom:10px;left:8px}.stats{gap:16px}.stats strong{font-size:20px}.cta-section{height:520px}.cta-shade{background:linear-gradient(#1e17122e,#1e1712c7)}.cta-copy{inset:auto 22px 44px;transform:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.ticker{height:54px}.ticker span{padding:0 22px}.btn{padding:12px 16px}}.contact-section{grid-template-columns:.92fr 1.08fr;align-items:start;gap:70px;display:grid}.contact-intro h2{margin:12px 0 16px;font-family:Noto Kufi Arabic;font-size:clamp(34px,4vw,58px);line-height:1.4}.contact-intro>p{color:var(--muted);max-width:560px;line-height:2}.contact-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.contact-cards>a,.contact-cards>div{border:1px solid var(--line);color:var(--ink);background:#fffaf2;border-radius:18px;align-items:flex-start;gap:12px;padding:16px;text-decoration:none;transition:all .25s;display:flex}.contact-cards>a:hover{border-color:#9e3f3259;transform:translateY(-3px)}.contact-cards svg{color:var(--brick);flex:none}.contact-cards strong,.contact-cards small{display:block}.contact-cards small{color:var(--muted);margin-top:4px;line-height:1.6}.special-form{box-shadow:var(--shadow);background:#fffaf2;border:1px solid #32281e14;border-radius:28px;gap:16px;padding:28px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.special-form label{gap:7px;font-size:13px;font-weight:700;display:grid}.special-form input,.special-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fffdf9;border-radius:14px;outline:none;padding:13px 14px;transition:all .2s}.special-form input:focus,.special-form textarea:focus{border-color:var(--brick);box-shadow:0 0 0 3px #9e3f3214}.special-form textarea{resize:vertical;min-height:120px}.form-submit{width:100%;margin-top:4px}.footer-grid a{color:#b9ada3;margin:8px 0;text-decoration:none;display:block}.footer-grid a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom a{color:#83776f;text-decoration:none;transition:all .2s}@media (width<=980px){.contact-section{grid-template-columns:1fr;gap:36px}}@media (width<=640px){.contact-cards,.field-row{grid-template-columns:1fr}.special-form{border-radius:20px;padding:18px}}