:root{--coffee:#7a5746;--date:#9a755f;--bronze:#c79a63;--sand:#e8d8c3;--cream:#f5ebdd;--ivory:#fff9f3;--ink:#5b4032;--muted:#8a6e5f;--line:rgba(122,87,70,.16);--shell:min(1180px,91vw);--radius:28px;--shadow:0 24px 70px rgba(91,64,50,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Tajawal',sans-serif;font-size:18px;line-height:1.65;overflow-x:hidden}
body.is-ar{direction:rtl;text-align:right}
[data-copy="ar"]{display:none}
body.is-ar [data-copy="en"]{display:none}
body.is-ar [data-copy="ar"]{display:revert}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.number-ltr{direction:ltr;unicode-bidi:isolate}.number-input{direction:ltr;text-align:left;unicode-bidi:plaintext}
.shell{width:var(--shell);margin-inline:auto}
.section{padding:clamp(5rem,8vw,8.5rem) 0}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:1000;background:var(--coffee);color:#fff;padding:.8rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.announcement{background:var(--coffee);color:var(--cream);text-align:center;padding:.5rem 1rem;font-size:.78rem;letter-spacing:.13em}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,249,240,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.7rem;min-width:max-content}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:grid;line-height:1}.brand strong{font-family:'Cormorant Garamond',serif;font-size:1.32rem;letter-spacing:.06em}.brand small{font-weight:700}
.site-nav{display:flex;align-items:center;gap:1.35rem;font-size:.92rem}.site-nav>a:not(.button){position:relative}.site-nav>a:not(.button)::after{content:'';position:absolute;inset-inline-start:0;bottom:-5px;width:0;height:1px;background:var(--bronze);transition:.25s}.site-nav>a:hover::after{width:100%}
.language-switch{display:flex;padding:.2rem;border:1px solid var(--line);border-radius:999px;background:#fff}.language-switch button{border:0;background:transparent;color:var(--muted);font-size:.78rem;font-weight:700;padding:.38rem .62rem;border-radius:999px;cursor:pointer}.language-switch button.active{background:var(--coffee);color:#fff}
.menu-toggle{display:none;border:0;background:transparent;color:var(--coffee);font-size:1.7rem;cursor:pointer;min-width:48px;min-height:48px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.78rem 1.35rem;border:1px solid transparent;border-radius:999px;background:var(--coffee);color:#fff;font-weight:700;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);background:var(--date);box-shadow:0 12px 28px rgba(74,38,21,.2)}.button-small{min-height:44px;padding:.6rem 1rem}.button-gold{background:var(--bronze)}
.hero{min-height:calc(100vh - 118px);display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(183,121,43,.14),transparent 30%),linear-gradient(135deg,var(--ivory),var(--cream))}
.hero::before{content:'بن هيل';position:absolute;inset-inline-start:-2%;bottom:-10%;font-size:clamp(10rem,27vw,30rem);font-weight:700;color:rgba(183,121,43,.045);white-space:nowrap;line-height:1}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,7rem);align-items:center;padding:5rem 0}
.eyebrow{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--bronze);font-size:.78rem;font-weight:700}.is-ar .eyebrow{text-transform:none;letter-spacing:0}
h1,h2,h3{font-family:'Cormorant Garamond',serif;line-height:1;margin-top:0}.is-ar h1,.is-ar h2,.is-ar h3{font-family:'Tajawal',sans-serif}
h1{font-size:clamp(4rem,8vw,8rem);font-weight:600;margin-bottom:1.5rem;letter-spacing:-.03em}.is-ar h1{letter-spacing:0}
h1 em{font-weight:500;color:var(--date)}
.hero-lead{max-width:650px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}.text-link{font-weight:700;border-bottom:1px solid var(--bronze);padding:.5rem 0}.text-link span:last-child{margin-inline-start:.35rem}
.origin-line{display:flex;align-items:center;gap:.8rem;margin-top:3rem;font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.origin-line i{display:block;width:34px;height:1px;background:var(--bronze)}
.hero-visual{position:relative;min-height:570px;border-radius:48% 48% 22px 22px;background:radial-gradient(circle at 50% 32%,rgba(199,154,99,.3),transparent 37%),linear-gradient(150deg,#fffdf9 0%,var(--cream) 58%,var(--sand) 100%);border:1px solid rgba(122,87,70,.12);display:grid;place-items:center;overflow:hidden;box-shadow:0 24px 70px rgba(91,64,50,.11)}.hero-visual img{position:relative;z-index:2;width:min(85%,520px);filter:drop-shadow(0 18px 24px rgba(91,64,50,.16))}.hero-visual p{position:absolute;z-index:3;bottom:1.4rem;color:var(--muted);background:rgba(255,249,243,.76);border:1px solid rgba(122,87,70,.1);border-radius:999px;padding:.35rem .7rem;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.orbit{position:absolute;border:1px solid rgba(122,87,70,.18);border-radius:50%}.orbit-one{width:440px;height:440px}.orbit-two{width:320px;height:320px}
.story{background:var(--ivory)}.story-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(3rem,8vw,7rem);align-items:center}.story-mark{position:relative;background:linear-gradient(145deg,var(--cream),#fff);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.story-mark img{width:100%}.founded{position:absolute;right:-1.5rem;bottom:2rem;background:var(--coffee);color:#fff;border-radius:18px;padding:1rem 1.25rem;display:grid;box-shadow:0 16px 36px rgba(74,38,21,.23)}.is-ar .founded{right:auto;left:-1.5rem}.founded strong{font-family:'Cormorant Garamond',serif;font-size:2.3rem;line-height:1}.founded span{font-size:.75rem;color:var(--sand)}
.story-copy h2,.product-copy h2,.order-intro h2,.contact h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:1.5rem}.story-copy p,.purpose-card p,.product-copy>p{color:var(--muted)}
.purpose{background:var(--cream)}.purpose-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:1.5rem;align-items:start}.purpose-card{position:relative;border-radius:var(--radius);padding:clamp(2rem,4vw,3.5rem);background:var(--ivory);border:1px solid var(--line);box-shadow:0 15px 45px rgba(74,38,21,.08)}.purpose-card-dark{margin-top:3rem;background:var(--coffee);color:var(--cream)}.purpose-card-dark p{color:rgba(245,235,221,.7)}.purpose-card h2{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:1.5rem}.card-number{display:block;font-family:'Cormorant Garamond',serif;font-size:4.5rem;line-height:1;color:rgba(183,121,43,.4);margin-bottom:1.2rem}
.shop{background:var(--ivory)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,6rem);align-items:center}.product-visual{position:relative;min-height:610px;border-radius:var(--radius);background:radial-gradient(circle at 50% 36%,rgba(199,154,99,.28),transparent 36%),linear-gradient(155deg,#fffdf9 0%,var(--cream) 62%,var(--sand) 100%);border:1px solid rgba(122,87,70,.12);display:grid;place-items:center;overflow:hidden;box-shadow:0 24px 70px rgba(91,64,50,.1)}.product-visual::before{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(122,87,70,.16);border-radius:50%}.product-visual img{position:relative;z-index:2;width:80%;filter:drop-shadow(0 18px 24px rgba(91,64,50,.15))}.product-label{position:absolute;z-index:3;top:1.25rem;inset-inline-start:1.25rem;background:rgba(255,249,243,.94);color:var(--coffee);border:1px solid rgba(122,87,70,.1);border-radius:999px;padding:.45rem .8rem;font-size:.75rem;font-weight:700}.product-points{list-style:none;padding:0;margin:2rem 0;display:grid;gap:.85rem}.product-points li{padding-inline-start:1.7rem;position:relative}.product-points li::before{content:'◆';position:absolute;inset-inline-start:0;color:var(--bronze);font-size:.65rem;top:.4rem}
.values{background:var(--coffee);color:var(--cream)}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;align-items:end;margin-bottom:3.2rem}.section-heading h2{font-size:clamp(3rem,5vw,5rem);margin:0}.section-heading>p{color:rgba(245,235,221,.7);margin:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(245,235,221,.15);border:1px solid rgba(245,235,221,.15)}.value-card{min-height:275px;padding:2rem;background:rgba(255,255,255,.025);transition:.3s}.value-card:hover{background:rgba(255,255,255,.06);transform:translateY(-3px)}.value-card>span{font-family:'Cormorant Garamond',serif;color:var(--sand);font-size:1.1rem}.value-card h3{font-size:2rem;margin:.7rem 0}.value-card p{color:rgba(245,235,221,.68);font-size:.94rem;margin:0}
.order{background:linear-gradient(135deg,var(--cream),var(--ivory))}.order-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,8vw,7rem);align-items:start}.order-intro>p{color:var(--muted)}.contact-note{margin-top:2rem;display:grid;padding:1.2rem 1.4rem;border-inline-start:2px solid var(--bronze);background:rgba(217,183,126,.14)}.contact-note a{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:700}.fine-print{font-size:.82rem}.order-form{padding:clamp(1.5rem,4vw,3rem);background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.order-form label{display:grid;gap:.4rem;font-size:.88rem;font-weight:700;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:.45fr 1.55fr;gap:1rem}.order-form input,.order-form select,.order-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#fffdf8;color:var(--ink);padding:.85rem 1rem;outline:none}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--bronze);box-shadow:0 0 0 3px rgba(183,121,43,.12)}.order-form textarea{resize:vertical}.order-form .button{width:100%;margin-top:.5rem}
.contact{background:var(--ivory)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}.contact-links{border-top:1px solid var(--line)}.contact-links>a,.contact-links>div{display:flex;justify-content:space-between;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.contact-links span{color:var(--muted);font-size:.88rem}.contact-links strong{text-align:end;overflow-wrap:anywhere}
footer{background:#2c150b;color:var(--cream);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand img{width:82px}.footer-brand div{display:grid}.footer-brand strong{font-family:'Cormorant Garamond',serif;font-size:2rem}.footer-brand span{color:var(--sand)}footer p{color:rgba(245,235,221,.65);margin:0}.copyright{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid rgba(245,235,221,.12);font-size:.78rem}
.reveal{animation:fade-up .85s ease both}.reveal-delay{animation-delay:.15s}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.scroll-reveal.visible{opacity:1;transform:none}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:900px){body{font-size:16px}.nav-wrap{height:74px}.brand img{width:50px;height:50px}.brand span{display:none}.menu-toggle{display:grid;place-items:center}.site-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ivory);padding:1.4rem 5vw 2rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(74,38,21,.1)}.site-nav.open{display:flex}.language-switch{align-self:flex-start}.hero{min-height:auto}.hero-grid,.story-grid,.purpose-grid,.shop-grid,.order-grid,.contact-grid{grid-template-columns:1fr;gap:2.8rem}.hero-grid{padding:4rem 0}.hero-visual{min-height:430px}.purpose-card-dark{margin-top:0}.section-heading{grid-template-columns:1fr;gap:1rem}.values-grid{grid-template-columns:1fr 1fr}.product-visual{min-height:470px}.founded{right:1rem;bottom:1rem}.is-ar .founded{left:1rem}.footer-grid{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:560px){h1{font-size:clamp(3.5rem,18vw,5rem)}.hero-visual{min-height:360px}.hero-visual p{font-size:.65rem;letter-spacing:.09em}.orbit-one{width:300px;height:300px}.orbit-two{width:230px;height:230px}.origin-line{gap:.45rem;font-size:.68rem}.origin-line i{width:18px}.values-grid,.form-row{grid-template-columns:1fr}.value-card{min-height:auto}.product-visual{min-height:390px}.contact-links>a,.contact-links>div{flex-direction:column;gap:.25rem}.contact-links strong{text-align:start}.is-ar .contact-links strong{text-align:right}.footer-brand img{width:66px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.delivery-card{margin:0 0 1.5rem;padding:1.25rem 1.35rem;border-radius:18px;border:1px solid var(--line);background:var(--cream)}
.delivery-card>strong{font-family:'Cormorant Garamond',serif;font-size:1.45rem}.is-ar .delivery-card>strong{font-family:'Tajawal',sans-serif}
.delivery-card p{margin:.45rem 0 0;color:var(--muted);font-size:.92rem}
.delivery-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0}
.delivery-summary p{display:grid;gap:.2rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,249,243,.72)}
.delivery-summary span{font-size:.82rem;color:var(--muted)}.delivery-summary strong{color:var(--coffee)}
.payment-summary{margin:1rem 0 1.4rem;padding:1rem 1.1rem;border:1px solid rgba(199,154,99,.25);border-radius:16px;background:rgba(255,249,243,.72)}
.payment-summary strong{display:block;color:var(--coffee);font-family:'Cormorant Garamond',serif;font-size:1.25rem}.is-ar .payment-summary strong{font-family:'Tajawal',sans-serif}.payment-summary p{margin:.25rem 0 0;color:var(--muted)}
.field-icon{display:inline-block;margin-inline-end:.3rem}.payment-field{border:0;padding:0;margin:0 0 1rem}.payment-field legend{font-size:.88rem;font-weight:700;margin-bottom:.5rem}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.payment-option{display:flex!important;grid-template-columns:auto 1fr!important;gap:.75rem!important;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fffdf8;cursor:pointer;transition:.2s}.payment-option:hover{border-color:var(--bronze);box-shadow:0 7px 18px rgba(122,87,70,.06)}.payment-option input{width:auto;margin:.28rem 0 0;accent-color:var(--coffee)}.payment-option-copy{display:grid;gap:.15rem}.payment-option-copy strong{color:var(--ink)}.payment-option-copy small{color:var(--muted);line-height:1.4}.benefitpay-panel{margin:0 0 1.2rem;padding:1.15rem;border:1px solid rgba(199,154,99,.3);border-radius:18px;background:linear-gradient(135deg,rgba(245,235,221,.74),rgba(255,249,243,.98));display:grid;grid-template-columns:1fr minmax(160px,220px);gap:1.2rem;align-items:center}.benefitpay-panel[hidden]{display:none}.benefitpay-panel h3{font-size:2rem;margin:.15rem 0 .5rem}.benefitpay-panel p{margin:.25rem 0;color:var(--muted)}.benefitpay-qr{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--line)}
.gallery{background:var(--ivory)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:1rem}
.gallery-item{position:relative;margin:0;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,var(--cream),#fff);border:1px solid var(--line)}
.gallery-item img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .45s ease}
.gallery-item:hover img{transform:scale(1.04)}
.gallery-item figcaption{position:absolute;inset-inline:1rem;bottom:1rem;padding:.55rem .8rem;border-radius:999px;background:rgba(255,249,243,.92);color:var(--coffee);font-size:.78rem;font-weight:700;text-align:center;backdrop-filter:blur(8px)}
.gallery-tall{grid-row:span 2}.gallery-wide{grid-column:span 2}
.feedback{background:var(--cream)}
.feedback-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,7rem);align-items:start}
.feedback-intro h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:1.5rem}.feedback-intro>p{color:var(--muted)}
.feedback-note{margin-top:2rem;padding:1.4rem;border-inline-start:2px solid var(--bronze);background:rgba(255,249,243,.7);display:grid;gap:.25rem}.feedback-note span{color:var(--muted)}
footer{background:#654333}footer p{color:rgba(255,249,243,.82)}
.footer-grid{grid-template-columns:1fr 1fr .7fr}.footer-links{display:grid;gap:.55rem}.footer-links a{color:rgba(255,249,243,.88)}.footer-links a:hover{color:#fff}
@media(max-width:900px){.feedback-grid{grid-template-columns:1fr;gap:2.8rem}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-tall{grid-row:span 1}.gallery-wide{grid-column:span 1}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.gallery-grid,.delivery-summary{grid-template-columns:1fr}.gallery-grid{grid-auto-rows:280px}}
@media(max-width:650px){.payment-options{grid-template-columns:1fr}.benefitpay-panel{grid-template-columns:1fr}.benefitpay-qr{max-width:220px;margin:auto}}
.legal-hero{padding:clamp(5rem,9vw,8rem) 0;background:radial-gradient(circle at 15% 20%,rgba(199,154,99,.18),transparent 30%),linear-gradient(145deg,var(--cream),var(--ivory));text-align:center}
.legal-hero h1{font-size:clamp(4rem,7vw,7rem);margin-bottom:1rem}.legal-hero p:last-child{max-width:700px;margin:0 auto;color:var(--muted)}
.legal-content{max-width:840px}.legal-content h2{font-size:clamp(2rem,3vw,2.7rem);margin:2.5rem 0 .8rem}.legal-content p{color:var(--muted)}.legal-content .legal-date{margin-top:3rem;font-size:.85rem}