@property --shade{syntax:"<number>";inherits:true;initial-value:0}.promises{align-items:center;gap:3rem;display:grid}@media (min-width:64rem){.promises{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem}}.receipt{--paper:color-mix(in srgb, var(--color-gold-50) 55%, #fff);--ink:var(--color-umber-700);--ink-soft:color-mix(in srgb, var(--color-umber-700) 64%, transparent);--rule:color-mix(in srgb, var(--color-umber-700) 38%, transparent);--tooth:12px;--teeth:7px;width:100%;max-width:24rem;margin-inline:auto;position:relative}.receipt__printer{z-index:4;background:linear-gradient(to bottom, #ffffff21, #ffffff05 40%, #00000047 100%), var(--color-umber-900);border-radius:1.1rem;height:3rem;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0009,0 20px 28px -18px #140e06bf,0 3px 8px -3px #140e0666}.receipt__led{top:.8rem;background:color-mix(in srgb, var(--color-gold-400) 30%, var(--color-umber-700));border-radius:9999px;width:.36rem;height:.36rem;transition:background-color .3s,box-shadow .3s;position:absolute;inset-inline-end:1.15rem;box-shadow:0 0 0 1px #00000073}.receipt[data-busy] .receipt__led{background:var(--color-gold-200);box-shadow:0 0 0 1px #00000073, 0 0 .55rem var(--color-gold-300);animation:.46s steps(2,jump-none) infinite alternate receipt-led}@keyframes receipt-led{to{opacity:.35}}.receipt[data-busy] .receipt__printer{animation:70ms linear infinite alternate receipt-hum}@keyframes receipt-hum{to{transform:translateY(.5px)}}.receipt__slot{inset-inline:1.1rem;background:#000;border-radius:9999px;height:.32rem;position:absolute;bottom:.62rem;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff14}.receipt__bar{inset-inline:.9rem;background:linear-gradient(90deg, color-mix(in srgb, var(--color-on-invert) 35%, var(--color-umber-700)), color-mix(in srgb, var(--color-on-invert) 75%, var(--color-umber-700)) 22%, color-mix(in srgb, var(--color-on-invert) 45%, var(--color-umber-700)) 50%, color-mix(in srgb, var(--color-on-invert) 80%, var(--color-umber-700)) 78%, color-mix(in srgb, var(--color-on-invert) 35%, var(--color-umber-700)));opacity:.8;border-radius:.1rem;height:.2rem;position:absolute;bottom:.22rem}.receipt__window{--archive:3.9rem;z-index:2;clip-path:polygon(-4rem 0, calc(100% + 4rem) 0, calc(100% + 4rem) 100%, calc(100% + 1.35rem) 100%, calc(100% + 1.35rem) calc(100% + var(--archive)), -1.35rem calc(100% + var(--archive)), -1.35rem 100%, -4rem 100%);margin:-.8rem 1.35rem 0;padding-bottom:1.35rem;position:relative}.receipt__sheet{transform-origin:50% 0;perspective:1400px;filter:drop-shadow(0 14px 14px #2b221833)drop-shadow(0 2px 2px #2b22181a);position:relative}.receipt__sheet[data-phase=falling]{z-index:1;transform-origin:100% 0;pointer-events:none;position:absolute;inset:0 0 auto}.receipt__paper{background-color:var(--paper);color:var(--ink);font-family:var(--font-plex-mono), ui-monospace, "SF Mono", Consolas, monospace;text-shadow:0 0 .35px color-mix(in srgb, var(--color-umber-700) 55%, transparent);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--teeth)) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / var(--tooth) var(--teeth) repeat-x;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--teeth)) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / var(--tooth) var(--teeth) repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--teeth)) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / var(--tooth) var(--teeth) repeat-x;background-image:linear-gradient(90deg,#2b22180e,#0000 10% 90%,#2b22180e),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.24 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");padding:1.7rem 1.4rem 1.2rem;font-size:.8rem;line-height:1.55;position:relative}.receipt__paper:after{content:"";background:linear-gradient(90deg, rgb(43 34 24/max(0, calc(var(--shade) * .2))), transparent 62%), linear-gradient(270deg, rgb(43 34 24/max(0, calc(var(--shade) * -.2))), transparent 62%);pointer-events:none;position:absolute;inset:0}.receipt__sheet[data-phase=falling] .receipt__paper{-webkit-mask:conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) top / var(--tooth) var(--teeth) repeat-x, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--teeth)) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / var(--tooth) var(--teeth) repeat-x;-webkit-mask:conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) top / var(--tooth) var(--teeth) repeat-x, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--teeth)) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / var(--tooth) var(--teeth) repeat-x;mask:conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) top / var(--tooth) var(--teeth) repeat-x, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--teeth)) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / var(--tooth) var(--teeth) repeat-x}.receipt__sheet[data-phase=waiting]{transform:translateY(-100%)}.receipt__sheet[data-phase=printing]{animation:3.4s steps(80,end) both receipt-feed}.receipt__sheet[data-phase=printing][data-after]{animation-delay:.32s}@keyframes receipt-feed{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.receipt__sheet[data-phase=hanging]{animation:1.7s cubic-bezier(.3,.6,.3,1) both receipt-settle}@keyframes receipt-settle{0%{transform:rotate(0)}22%{transform:rotate(.9deg)}48%{transform:rotate(-.55deg)}74%{transform:rotate(.22deg)}to{transform:rotate(0)}}.receipt__timer{width:0;height:0;position:absolute}.receipt__sheet[data-phase=hanging] .receipt__timer{animation:7.5s linear both receipt-hold}.receipt[data-paused] .receipt__timer{animation-play-state:paused}@keyframes receipt-hold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.receipt__archive{height:3.9rem;position:relative}.receipt__mouth{z-index:1;inset-inline:.45rem;background:linear-gradient(to bottom, #000, color-mix(in srgb, var(--color-umber-900) 55%, black));border-radius:.55rem .55rem 0 0;height:1.25rem;position:absolute;top:0;box-shadow:inset 0 7px 10px -5px #000000f2,inset 0 0 0 1px #ffffff0a}.receipt__front{z-index:3;inset-inline:0;background:linear-gradient(to bottom, #ffffff1f, #ffffff05 34%, #0000004d 100%), var(--color-umber-900);border-radius:.4rem .4rem 1.1rem 1.1rem;place-items:center;height:2.95rem;display:grid;position:absolute;bottom:0;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,0 22px 30px -20px #140e06b3,0 3px 8px -3px #140e0666}.receipt__label{color:#0009;font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.42em;text-transform:uppercase;text-shadow:0 1px #ffffff29;font-size:.62rem;font-weight:600}.receipt__head{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:.1rem;padding-bottom:1rem;font-size:.72rem;display:flex}.receipt__mark{width:2rem;height:auto;margin-bottom:.45rem}.receipt__brand{color:var(--ink);letter-spacing:.32em;font-size:1rem;font-weight:600}.receipt__title{border-block:1px dashed var(--rule);text-align:center;letter-spacing:.12em;text-transform:uppercase;padding:.7rem 0;font-weight:600}.receipt__items{gap:.8rem;padding:1rem 0;display:grid}.receipt__item{grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;display:grid}.receipt__what{font-weight:600}.receipt__incl{align-self:start;font-weight:600}.receipt__note{color:var(--ink-soft);grid-column:1/-1;margin-top:.1rem;font-size:.72rem}.receipt__total{border-block:1px dashed var(--rule);text-transform:uppercase;justify-content:space-between;gap:1rem;padding:.8rem 0;font-size:.95rem;font-weight:600;display:flex}.receipt__thanks{color:var(--ink-soft);text-align:center;padding:1rem 0 .9rem;font-size:.72rem}.receipt__barcode{width:78%;height:2.4rem;fill:var(--ink);margin:0 auto;display:block}.receipt__site{color:var(--ink-soft);text-align:center;letter-spacing:.3em;text-transform:uppercase;margin-top:.35rem;padding-bottom:.4rem;font-size:.68rem}@media (prefers-reduced-motion:reduce){.receipt__sheet,.receipt__sheet *{animation:none!important}.receipt__sheet{transform:none!important}.receipt[data-busy] .receipt__printer,.receipt[data-busy] .receipt__led{animation:none}}.receipt__paper:lang(ar){font-family:var(--font-plex-mono), var(--font-alexandria), ui-monospace, monospace;font-size:.86rem;line-height:1.75}[dir=rtl] .receipt__sheet[data-phase=falling]{transform-origin:0 0}
.walk{background:var(--color-umber-900);color:var(--color-on-invert);position:relative}.walk__track{height:560vh;position:relative}.walk__stage{height:100svh;position:sticky;top:0;overflow:hidden}.walk__stills,.walk__film{width:100%;height:100%;position:absolute;inset:0}.walk__film{object-fit:cover;opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1)}.walk__film[data-ready]{opacity:1}.walk__still{object-fit:cover;opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1)}.walk__still[data-on]{opacity:1}.walk__shade{background:linear-gradient(to top, #0b0906e0 0%, #0b09068c 26%, #0b090614 55%, #0b090600 70%, #0b090673 100%), linear-gradient(to var(--walk-toward,right), #0b090673, #0b090600 55%);position:absolute;inset:0}.walk__overlay{height:100%;position:relative}.walk__intro{inset-inline-start:0;max-width:46rem;padding-inline:inherit;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);position:absolute;bottom:13%}.walk__intro[data-gone]{opacity:0;filter:blur(8px);pointer-events:none;transform:translateY(-24px)}.walk__eyebrow{color:var(--color-gold-300);letter-spacing:.22em;text-transform:uppercase;font-size:.75rem;font-weight:600}.walk__title{letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2.6rem,6.6vw,6.25rem);font-weight:600;line-height:1.02}.walk__lede{max-width:34rem;color:color-mix(in srgb, var(--color-on-invert) 78%, transparent);margin-top:1.25rem;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.55}.walk__places{inset-inline:0;padding-inline:inherit;position:absolute;bottom:12%}.walk__place{inset-inline-start:0;max-width:44rem;padding-inline:inherit;opacity:0;filter:blur(8px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;transform:translateY(26px)}.walk__place[data-on]{opacity:1;filter:none;transition-delay:.12s;transform:none}.walk__name{letter-spacing:-.03em;font-size:clamp(2.2rem,5.2vw,4.75rem);font-weight:600;line-height:1.02}.walk__title:lang(ar),.walk__name:lang(ar){line-height:1.3}.walk__line{max-width:32rem;color:color-mix(in srgb, var(--color-on-invert) 80%, transparent);margin-top:.9rem;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.5}.walk__hint{color:color-mix(in srgb, var(--color-on-invert) 60%, transparent);letter-spacing:.3em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.6rem;font-size:.7rem;transition:opacity .5s;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.walk__hint[data-gone]{opacity:0}.walk__hint i{background:linear-gradient(color-mix(in srgb, var(--color-on-invert) 60%, transparent), transparent);transform-origin:top;width:1px;height:32px;animation:1.8s ease-in-out infinite walk-drip;display:block}@keyframes walk-drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.walk__rail{inset-inline-end:0;padding-inline:inherit;flex-direction:column;gap:.85rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.walk__pin{background:#ffffff47;border-radius:9999px;width:.7rem;height:.7rem;transition:background-color .5s cubic-bezier(.65,0,.35,1),box-shadow .5s cubic-bezier(.65,0,.35,1),transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:inset 0 1px 1px #0006}.walk__pin:hover{background:#ffffff80}.walk__pin:before{content:"";position:absolute;inset:-.4rem}@media (pointer:coarse){.walk__rail{gap:1.5rem}.walk__pin:before{inset:-.75rem}}.walk__pin[data-on]{background:radial-gradient(circle at 35% 35%, var(--color-gold-100), var(--color-gold-400) 55%, var(--color-gold-700));box-shadow:0 0 .7rem color-mix(in srgb, var(--color-gold-400) 60%, transparent);transform:scale(1.3)}.walk__pin:focus-visible{outline:2px solid var(--color-gold-300);outline-offset:3px}@media (prefers-reduced-motion:reduce){.walk__hint i{animation:none}}.walk__card{display:none;position:relative}@media (prefers-reduced-motion:reduce){.walk{--band:min(78svh, 46rem)}.walk__track{height:auto}.walk__stage{height:auto;padding-bottom:4.5rem;position:relative;overflow:visible}.walk__stills,.walk__shade{height:var(--band);inset:0 0 auto}.walk__still,.walk__still[data-on]{opacity:0;transition:none}.walk__still:first-child{opacity:1}.walk__film,.walk__hint,.walk__rail{display:none}.walk__overlay{height:auto}.walk__intro,.walk__intro[data-gone]{min-height:var(--band);max-width:46rem;padding:calc(var(--header-bottom) + 2rem) 0 3.5rem;opacity:1;filter:none;pointer-events:auto;flex-direction:column;justify-content:flex-end;display:flex;position:relative;transform:none}.walk__places{gap:2.5rem;margin-top:3.5rem;padding:0;display:grid;position:static}.walk__place,.walk__place[data-on]{opacity:1;filter:none;max-width:none;padding:0;position:static;transform:none}.walk__card{aspect-ratio:16/10;border-radius:var(--radius-card);margin-bottom:1.25rem;display:block;overflow:hidden}.walk__name{letter-spacing:-.015em;font-size:1.5rem}.walk__line{margin-top:.5rem;font-size:1rem}}@media (prefers-reduced-motion:reduce) and (min-width:40rem){.walk__places{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce) and (min-width:64rem){.walk__places{grid-template-columns:repeat(3,minmax(0,1fr))}}[dir=rtl] .walk{--walk-toward:left}
