@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/cairo-arabic-wght-normal.CJWMIGCx.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/cairo-latin-ext-wght-normal.at8nfxId.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/cairo-latin-wght-normal.PfPtmrPZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/aref-ruqaa-arabic-700-normal.D30apH1C.woff2)format("woff2"),url(/_astro/aref-ruqaa-arabic-700-normal.DLleZ2O-.woff)format("woff")}.stores[data-astro-cid-ybeu5vki]{flex-wrap:wrap;gap:.75rem;display:flex}.store[data-astro-cid-ybeu5vki]{background:var(--store-bg,var(--mist));min-height:3.25rem;color:var(--store-fg,var(--ink));font-family:var(--body);border-radius:999px;align-items:center;gap:.6rem;padding-block:.5rem;padding-inline:1rem 1.25rem;font-size:1.05rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.store[data-astro-cid-ybeu5vki]:hover{transform:translateY(-2px)}.store[data-astro-cid-ybeu5vki] svg[data-astro-cid-ybeu5vki]{flex:none;width:1.5rem;height:1.5rem}.store[data-astro-cid-ybeu5vki] span[data-astro-cid-ybeu5vki]{display:grid}@media (width<=26rem){.store[data-astro-cid-ybeu5vki]{gap:.45rem;padding-inline:.8rem 1rem;font-size:.98rem}}.store[data-astro-cid-ybeu5vki] small[data-astro-cid-ybeu5vki]{font-family:var(--body);opacity:.75;font-size:.72rem;font-weight:500}@property --strike{syntax:"<percentage>";inherits:false;initial-value:100%}:root{--night:#0b1116;--rain:#18232c;--lamp:#ffb648;--pine:#0a5c3a;--green:#00914d;--lime:#c9f2a4;--mist:#f3f6f4;--wash:#ecf2ed;--paint:#a9d4bc;--ink:#0f1f18;--muted:#4b5e55;--biro:#27358a;--display:"Aref Ruqaa", "Cairo Variable", serif;--body:"Cairo Variable", system-ui, sans-serif;--hand:"Aref Ruqaa", "Cairo Variable", serif;--pad:clamp(1.25rem, 5vw, 4rem)}*,:before,:after{box-sizing:border-box}body{background:var(--night);color:var(--ink);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--lamp);outline-offset:3px;border-radius:6px}.hand{font-family:var(--hand);font-weight:700;line-height:1.35}.display{font-family:var(--display);text-wrap:balance;font-weight:700;line-height:1.5}.wrap{max-width:72rem;margin-inline:auto}.top{z-index:5;padding:1.25rem var(--pad);color:var(--mist);align-items:center;gap:.5rem;display:flex;position:absolute;inset:0 0 auto}.brand{font:800 1.65rem/1 var(--body);align-items:center;gap:.55rem;margin-inline-end:auto;text-decoration:none;display:inline-flex}.brand img{width:2.25rem;height:2.25rem}.get{background:var(--mist);min-height:2.75rem;color:var(--ink);border-radius:999px;align-items:center;padding:0 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.scrub{z-index:1;background:var(--night);height:100svh;min-height:32rem;color:var(--mist);position:relative}.motion .scrub{height:var(--len)}.scrub-stage{height:100dvh;min-height:32rem;position:sticky;top:0;overflow:hidden}.scrub-still,.scrub canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scrub canvas{opacity:0;transition:opacity .4s}.scrub canvas.ready{opacity:1}main>section:not(.scrub){z-index:2;position:relative}.motion .over,.motion .under{margin-top:-100svh}.scrub-stage:after,.beat-still:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08060400 54%,#0806044d 80%,#0806049e),radial-gradient(140% 100% at 50% 35%,#08060400 55%,#08060452);position:absolute;inset:0}.cap{--in:0;--out:2;--fade:.05;--show:min(clamp(0, calc((var(--p) - var(--in)) / var(--fade)), 1), clamp(0, calc((var(--out) - var(--p)) / var(--fade)), 1));z-index:2;inset-inline:var(--pad);color:#fff8ec;max-width:46rem;opacity:var(--show);translate:0 calc((1 - var(--show)) * 1.5rem);pointer-events:none;text-shadow:0 1px 2px #0000008c,0 0 16px #00000073,0 0 42px #00000059;position:absolute;bottom:max(8svh,3rem)}.cap .hand{color:var(--lamp);font-size:clamp(2.5rem,5.2vw,3.9rem);line-height:1.3}.cap-line{font-size:clamp(1.6rem,3.2vw,2.7rem);line-height:1.5;display:block}.cap-note,.final p{text-shadow:0 1px 2px #000000bf,0 0 8px #0009,0 0 22px #00000073}.cap-note{color:#efe7da;max-width:34rem;margin-top:.9rem;font-size:1.05rem;font-weight:500}.motion .beat-stills,:root:not(.motion) .hero .cap{display:none}.beat-still{--p:1;background:var(--night);height:100svh;min-height:32rem;position:relative;overflow:hidden}.beat-still img{object-fit:cover;width:100%;height:100%}.hero-ui{--gone:clamp(0, calc(var(--p) / var(--head)), 1);z-index:2;position:absolute;inset:0}.hero-ui:before{content:"";pointer-events:none;opacity:calc(1 - var(--gone));background:linear-gradient(270deg,#060a0ecc,#060a0e66 45%,#0000 72%);position:absolute;inset:0}.hero-copy{z-index:2;top:50%;width:min(46vw,40rem);translate:0 -46%;transform:translateY(calc(var(--gone) * -4rem));opacity:calc(1 - var(--gone));position:absolute;inset-inline-start:var(--pad)}.hero h1{color:#fff;font-size:clamp(2.3rem,min(5vw,8vh),5rem)}.lede{color:#d3dde3;max-width:34rem;margin:1.25rem 0 2rem;font-size:clamp(1rem,1.35vw,1.2rem)}.cue{z-index:2;bottom:1.75rem;color:#c8d4da;opacity:calc(1 - var(--gone) * 3);flex-direction:column;align-items:center;gap:.4rem;font-size:.9rem;display:flex;position:absolute;inset-inline:0}.cue svg{animation:2.4s ease-in-out infinite steam}@keyframes steam{0%,to{opacity:.5;transform:translateY(3px)}50%{opacity:1;transform:translateY(-3px)}}.motion .finale{scroll-margin-top:calc(100svh - var(--len))}.final{inset-inline:var(--pad);text-align:center;pointer-events:auto;max-width:none;bottom:max(5svh,2rem)}.final h2{justify-items:center;gap:1rem;display:grid}.cap.final .hand{text-align:center;text-shadow:0 1px 2px #00000080,0 0 18px #00000073,0 0 60px #ffaa3c4d;width:auto;font-size:clamp(3rem,min(7.5vw,11svh),6.5rem);line-height:1.3}.final p{color:#efe6d6;margin:.9rem auto 1.5rem;font-size:1.15rem}.final .stores{justify-content:center}.remember{padding:clamp(5rem, 12vw, 9rem) var(--pad) clamp(5rem, 11vw, 8rem);background:linear-gradient(var(--wash) 0 62%, #86bfa0 62% calc(62% + 5px), var(--paint) 0)}.remember h2{text-align:center;justify-items:center;display:grid}.remember h2 .hand{color:var(--pine);font-size:clamp(5.5rem,17vw,11.5rem);line-height:1.05}.prints{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:clamp(3rem,5vw,4.5rem) clamp(1.5rem,4vw,3.5rem);max-width:72rem;margin:clamp(3rem,7vw,5rem) auto clamp(4rem,9vw,7rem);padding:0;list-style:none;display:grid}.prints figure{rotate:var(--tilt);background:#fffdf8;padding:.7rem .7rem .2rem;transition:rotate .35s,translate .35s;box-shadow:0 1px 2px #0f1f1824,0 18px 32px -14px #0f1f1861}@media (width>=64rem){.prints li:nth-child(3n+2){translate:0 3rem}}.prints li:hover figure{translate:0 -6px;rotate:0deg}.photo{position:relative}.photo img{aspect-ratio:4/3;object-fit:cover;filter:saturate(1.08)contrast(1.02);width:100%}.stamp{letter-spacing:.06em;color:#ff9a3c;text-shadow:0 0 4px #ff6e1ee6,0 0 1px #ffcf9a;font:600 .95rem/1 ui-monospace,SF Mono,Menlo,monospace;position:absolute;bottom:.5rem;right:.7rem}.prints figcaption{color:var(--biro);padding:.35rem .25rem .45rem;font-size:1.4rem}.prints p{font-family:var(--display);text-wrap:pretty;margin-top:1.25rem;padding-inline:.25rem;font-size:1.45rem;line-height:1.6}.remember-close{text-align:center;font-size:min(clamp(1.9rem, 4vw, 3.1rem), calc((100vw - 2 * var(--pad)) / 11.8));color:var(--pine)}.remember-close span{white-space:nowrap;display:block}.distance{padding:clamp(6rem, 14vw, 11rem) var(--pad);background:var(--rain);color:var(--mist)}.distance h2{gap:.35em;font-size:clamp(2.5rem,7vw,6.5rem);display:grid}.far{color:#71889a}.far span{background:linear-gradient(var(--lamp), var(--lamp)) no-repeat 100% 60% / var(--strike) .07em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.near{color:var(--lamp)}.far-note{color:#8ea3b1;margin-top:2.25rem;font-size:.95rem}.near-body{color:#d3dee5;max-width:36rem;margin-top:.75rem;font-size:1.2rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.far span{animation-name:strike;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 100% cover 55%}}}@keyframes strike{0%{--strike:0%}to{--strike:100%}}.how{padding:clamp(6rem, 12vw, 10rem) var(--pad);background:var(--pine);color:var(--mist)}.how h2{text-align:center;max-width:19ch;margin-inline:auto;font-size:clamp(2.25rem,5vw,4.25rem)}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,4rem);max-width:66rem;margin:clamp(3.5rem,8vw,6rem) auto 0;padding:0;list-style:none;display:grid}.steps li{max-width:18rem;margin-inline:auto}.steps li:nth-child(2){margin-top:4.5rem}.phone{aspect-ratio:585/1266;background:var(--mist);border:.55rem solid #06120c;border-radius:2.4rem;overflow:hidden;box-shadow:0 34px 60px -24px #0000008c}.phone img{object-fit:cover;object-position:top;width:100%;height:100%}.steps h3{font:700 1.3rem/1.3 var(--body);align-items:baseline;gap:.6rem;margin-top:2rem;display:flex}.num{font:800 2.4rem/1 var(--body);color:var(--lime)}.steps p{color:#cfe3d8;margin-top:.6rem}.cooks{padding:clamp(6rem, 12vw, 10rem) var(--pad);background:var(--mist)}.cooks .wrap{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.cooks-art{position:relative}.cooks-art video{aspect-ratio:16/10;object-fit:cover;background:#2a1d12;border-radius:1.25rem;width:100%;display:block;box-shadow:0 30px 60px -30px #0f1f188c}.nafas{color:var(--green);font-size:clamp(4.5rem,10vw,8rem);position:absolute;top:-30%;left:-3%;rotate:-8deg}.cooks h2{font-size:clamp(2.1rem,4.2vw,3.5rem)}.nafas-text{max-width:38ch;color:var(--muted);margin-top:1.25rem;font-size:1.2rem}.points{gap:.8rem;margin:2rem 0 2.25rem;padding:0;list-style:none;display:grid}.points li{gap:.8rem;display:flex}.points li:before{content:"";background:var(--green);border-radius:50%;flex:none;width:.55rem;height:.55rem;margin-top:.62em}.button{background:var(--green);color:#fff;border-radius:999px;align-items:center;min-height:3.25rem;padding:0 1.75rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-flex}.button:hover{background:var(--pine)}.note{max-width:44ch;color:var(--muted);margin-top:1.25rem;font-size:.875rem}.motion .prints img{transition:filter 2.4s ease-out}.motion .prints li:not(.seen) img{filter:brightness(1.6)contrast(.55)saturate(.2)sepia(.5)}.foot{padding:2.25rem var(--pad);background:var(--ink);color:#a9bbb1;flex-wrap:wrap;align-items:center;gap:.75rem 2rem;font-size:.95rem;display:flex}.foot .brand{color:var(--mist);margin-inline-end:0;font-size:1.35rem}.foot .brand img{width:1.75rem;height:1.75rem}.foot .copy{margin-inline-start:auto}@media (width<=52rem){.prints,.steps{margin-inline:calc(-1 * var(--pad));padding:1.5rem var(--pad) 2.25rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:none;gap:1.25rem;display:flex;overflow-x:auto}.prints::-webkit-scrollbar,.steps::-webkit-scrollbar{display:none}.prints{margin-block:1.5rem}.remember{background:var(--wash);padding-bottom:0}.remember-close{max-width:none;margin-inline:calc(-1 * var(--pad));padding:2.75rem var(--pad) 3.5rem;background:var(--paint);border-top:5px solid #86bfa0}.prints li{scroll-snap-align:start;flex:0 0 80%}.steps{margin-top:2rem}.steps li,.steps li:nth-child(2){scroll-snap-align:start;flex-direction:column;flex:0 0 64%;max-width:none;margin:0;display:flex}.steps .phone{order:1;margin-top:1.25rem}.steps h3{margin-top:0}.cooks .wrap{grid-template-columns:1fr}}@media (aspect-ratio<=4/5){.hero-ui:before{background:linear-gradient(#0000 34%,#060a0e99 58%,#060a0eeb)}.hero-copy{top:auto;bottom:2rem;inset-inline:var(--pad);width:auto;translate:none}.hero h1{font-size:clamp(2.2rem,11.5vw,4rem)}.lede{margin-block:.9rem 1.4rem;font-size:1rem}.cue{display:none}}