:root{--frame:8px;--hd:56px;--top:calc(var(--hd) + var(--frame));--line:#c9ccc0;--ease:cubic-bezier(.23,1,.32,1)}@media (max-width:639px){:root{--frame:5px}}html{scroll-padding-top:calc(var(--top) + 8px)}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--wara-orange) var(--wara-paper);scrollbar-width:thin}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--wara-paper)}::-webkit-scrollbar-thumb{background:var(--wara-orange);border:3px solid var(--wara-paper);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#e8701f}::-webkit-scrollbar-corner{background:var(--wara-paper)}body{padding:var(--frame) var(--frame) 0}body::before{content:"";position:fixed;inset:0 0 auto;z-index:60;height:var(--frame);background:var(--wara-paper)}.sheet{border:1px solid var(--line);border-block:0;min-height:100vh}.site-head{position:sticky;top:var(--frame);z-index:50;height:var(--hd);display:flex;align-items:stretch;background:var(--wara-paper);color:var(--wara-coated);border-block:1px solid var(--line)}.site-head .lockup{display:flex;align-items:stretch;flex:1;min-width:0;padding-inline:var(--gutter) 20px}.site-head .brand{position:relative;display:flex;align-items:center;color:inherit;text-decoration:none}.site-head .brand .mark{position:relative;z-index:1;flex:none;width:31px;height:32px;color:var(--wara-orange)}.site-head .wordmark{display:block;overflow:hidden;padding-block:.12em .1em;padding-inline:15px .1em;font:700 24px/1 var(--font-display);letter-spacing:.045em;direction:ltr;transform:translateY(.09em)}.site-head .wm-in{display:block;animation:wm-in 700ms var(--ease-out) 150ms both}html[dir=rtl] .site-head .wm-in{animation-name:wm-in-rtl}@keyframes wm-in{from{transform:translateX(-110%)}to{transform:none}}@keyframes wm-in-rtl{from{transform:translateX(110%)}to{transform:none}}.site-head .brand-sub{display:flex;align-items:center;padding-inline:14px 6px;color:inherit;text-decoration:none;white-space:nowrap;font:600 12px/1.1 var(--font-text);letter-spacing:var(--caps);text-transform:uppercase}.site-head .brand-sub .bs{padding-inline-start:12px;border-inline-start:1.5px solid var(--wara-orange)}html[lang=ar] .site-head .brand-sub{font-family:var(--font-ar);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none}.site-head .brand-sub:hover .bs{text-decoration:underline;text-decoration-color:var(--wara-orange);text-decoration-thickness:1.5px;text-underline-offset:5px}.site-head .nav{display:flex}.site-head .nav ul{display:flex;list-style:none;margin:0;padding:0}.site-head .nav li{display:flex}.site-head .nav ul a,.site-head .lang,.site-head .head-wa,.site-head .menu-btn{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:11px 14px;border:0;border-inline-start:1px solid var(--line);background:transparent;color:var(--wara-coated);text-decoration:none;cursor:pointer;transition:background-color var(--t-base) var(--ease-out),color 220ms var(--ease-out) 50ms}.site-head .nav ul a{min-width:132px;font:600 11px/1.6 var(--font-text);letter-spacing:var(--caps);text-transform:uppercase}html[lang=ar] .site-head .nav ul a{font-family:var(--font-ar);font-weight:700;font-size:13px;letter-spacing:0}.site-head .lang{min-width:96px;font:700 13px/1.6 'Almarai Label',var(--font-ar)}html[lang=ar] .site-head .lang{font-family:var(--font-text);font-size:11px;font-weight:600;letter-spacing:var(--caps);text-transform:uppercase}.site-head .nav ul a::before,.site-head .lang::before{content:"";position:absolute;bottom:8px;inset-inline-end:8px;width:5px;height:5px;border:solid currentColor;border-width:0 1px 1px 0;opacity:.5;transition:opacity var(--t-slow) var(--ease-out),border-color var(--t-slow) var(--ease-out)}html[dir=rtl] .site-head .nav ul a::before,html[dir=rtl] .site-head .lang::before{border-width:0 0 1px 1px}.site-head :is(.nav ul a,.lang):is(:hover,:focus-visible)::before,.site-head .nav ul a[aria-current]::before{opacity:1;border-color:var(--wara-orange)}.site-head .nav ul a:hover,.site-head .lang:hover{background:#e3e5da}.site-head .head-wa{flex-direction:column;justify-content:space-between;min-width:156px;padding-bottom:7px;background:var(--wara-orange);font:550 12px/1.6 var(--font-text);color:var(--wara-coated)}html[lang=ar] .site-head .head-wa{font-family:var(--font-ar);font-weight:700;font-size:13px}.site-head .menu-btn{display:none;align-items:center;gap:6px;font:600 11px/1 var(--font-text);letter-spacing:var(--caps);text-transform:uppercase}html[lang=ar] .site-head .menu-btn{font-family:var(--font-ar);font-weight:700;font-size:13px;letter-spacing:0}.site-head .menu-i{position:relative;flex:none;width:20px;height:12px}.site-head .menu-i::before,.site-head .menu-i::after{content:"";position:absolute;inset-inline:0;height:1.5px;background:currentColor;transition:transform var(--t-base) var(--ease-out)}.site-head .menu-i::before{top:2px}.site-head .menu-i::after{bottom:2px}.menu-open .site-head .menu-i::before{transform:translateY(3.25px)}.menu-open .site-head .menu-i::after{transform:translateY(-3.25px)}.site-head .nav li.nav-more{display:none}.site-head .wa-i{width:16px;height:16px;flex:none}.roll{isolation:isolate;overflow:hidden}.roll-label{display:grid;flex:none;overflow:hidden;line-height:1.75}html[lang=ar] .roll-label{line-height:1.9}.roll-label>span{grid-area:1/1;transition:transform 500ms var(--ease)}.roll-label>span:last-child{transform:translateY(105%)}.roll:is(:hover,:focus-visible) .roll-label>span:first-child{transform:translateY(-105%)}.roll:is(:hover,:focus-visible) .roll-label>span:last-child{transform:none}.site-head .head-wa:not(.has-pixels)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--wara-coated);transform:translateY(102%);transition:transform 500ms var(--ease)}.site-head .head-wa:not(.has-pixels):is(:hover,:focus-visible)::before{transform:none}.site-head .head-wa:not(.has-pixels):is(:hover,:focus-visible),.site-head .head-wa.px-on{color:var(--wara-white)}@media (max-width:1180px) and (min-width:980px){.site-head .nav ul a{min-width:104px;padding:11px 12px}.site-head .lang{min-width:76px;padding:11px 12px}.site-head .head-wa{min-width:128px}}@media (max-width:979px){.site-head{--mw:min(50%,300px)}.site-head>.lang,.site-head>.head-wa{display:none}.site-head .menu-btn{display:flex;flex:0 0 var(--mw);justify-content:space-between;padding:0 16px;font-size:12px}.site-head .nav{position:absolute;top:calc(100% + 1px);inset-inline-end:-1px;width:calc(var(--mw) + 1px);display:block;margin:0;background:var(--wara-paper);border:1px solid var(--line);border-top:0;box-shadow:0 26px 40px -30px rgba(46,46,48,.45);visibility:hidden;clip-path:inset(0 -40px 100% -40px);transform:translateZ(0);will-change:clip-path;transition:clip-path var(--t-base) var(--ease-snap),visibility 0s linear var(--t-base)}.menu-open .site-head .nav{visibility:visible;clip-path:inset(0 -40px -60px -40px);transition:clip-path var(--t-slow) var(--ease-out),visibility 0s}.menu-now .site-head .nav{transition:none}.site-head :is(a,button){-webkit-tap-highlight-color:transparent}.site-head :is(.menu-btn,.nav ul a,.nav .lang):active{background:#e3e5da}.site-head .nav ul a.nav-wa:active{background:#e8701f}.site-head .nav ul{flex-direction:column}.site-head .nav li+li{border-top:1px solid var(--line)}.site-head .nav li.nav-more{display:flex}.site-head .nav ul a,.site-head .nav .lang{flex:1;min-width:0;min-height:52px;align-items:center;justify-content:flex-start;padding:0 16px;border:0;font-size:12px}html[lang=ar] .site-head .nav ul a{font-size:14px}.site-head .nav .lang{font-size:14px}html[lang=ar] .site-head .nav .lang{font-size:12px}.site-head .nav ul a.nav-wa{justify-content:space-between;background:var(--wara-orange);font:550 13px/1.6 var(--font-text)}.site-head .nav ul a.nav-wa::before{display:none}html[lang=ar] .site-head .nav ul a.nav-wa{font-family:var(--font-ar);font-weight:700;font-size:14px}.site-head .nav ul a.nav-wa:not(.has-pixels):hover{background:var(--wara-coated);color:var(--wara-white)}.site-head .nav ul a.nav-wa.has-pixels:hover{background:var(--wara-orange)}.site-head .nav ul a.nav-wa.px-on{color:var(--wara-white)}}@media (max-width:639px){.site-head .brand-sub{display:none}}@media (max-width:480px){.site-head .lockup{padding-inline:var(--gutter) 10px}.site-head .brand .mark{width:26px;height:27px}.site-head .wordmark{font-size:21px;padding-inline-start:10px}}.px{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;image-rendering:pixelated}.has-pixels{position:relative;isolation:isolate;overflow:hidden;--pixel:var(--wara-coated)}.site-head :is(.nav ul a,.lang).has-pixels:hover{background:transparent}.site-head :is(.nav ul a,.lang).px-on{color:var(--wara-white)}.foot-word{--g:clamp(44px,7vw,112px);position:relative;margin-inline:calc(var(--gutter) * -1);padding-block:clamp(18px,3.4vw,52px);border-block:1px solid rgba(240,240,240,.16);overflow:hidden;background:linear-gradient(rgba(240,240,240,.045) 1px,transparent 1px) 50% 0/var(--g) var(--g),linear-gradient(90deg,rgba(240,240,240,.045) 1px,transparent 1px) 50% 0/var(--g) var(--g);display:flex;justify-content:center;touch-action:pan-y;-webkit-user-select:none;user-select:none}.fw-text{display:block;font:700 min(27vw,440px)/.8 var(--font-display);color:var(--wara-white);direction:ltr;white-space:nowrap}.foot-word.is-live .fw-text{visibility:hidden}.fw-canvas{position:absolute;inset:0;width:100%;height:100%}.site-foot :is(.foot-grid,.foot-top):has(+ .foot-word){border-bottom-color:transparent}.site-foot .foot-word+.foot-line{padding-top:20px}