@font-face{font-family:NT Panorama Naskh;src:url(/fonts/NTPanoramaNaskh-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@property --accent{syntax:"<color>";inherits:true;initial-value:#0b4f31}@property --bg{syntax:"<color>";inherits:true;initial-value:#f5f4f0}:root{--bg:#f5f4f0;--ink:#141816;--muted:#6c726e;--line:#1418161a;--f-display:"NT Panorama Naskh", "IBM Plex Sans Arabic", serif;--f-ui:"IBM Plex Sans Arabic", system-ui, sans-serif;--gutter:clamp(20px, 6vw, 112px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font:300 17px/1.9 var(--f-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer}p{margin:0}.app{min-height:100vh;transition:--accent .8s,--bg .8s}.app.green{--accent:#0b4f31;--bg:#f5f4f0}.app.silver{--accent:#1d2125;--bg:#f3f4f5}body:has(.app){background:var(--bg)}.stage{z-index:0;background:var(--bg);position:fixed;inset:0}.stage canvas{touch-action:pan-y}h1,h2,.verse{font-family:var(--f-display);font-synthesis:none;margin:0;font-weight:400}h1{font-size:clamp(48px,5.4vw,84px);line-height:1.3}h2,.verse{font-size:clamp(28px,2.6vw,40px);line-height:1.75}.line{display:block}.body{color:var(--muted);margin-block:20px 0}.wordmark{font:300 13px/1 var(--f-ui);letter-spacing:.18em;color:var(--muted);text-align:end;margin-block-start:14px}main{z-index:1;pointer-events:none;transition:opacity .4s;position:relative}main a,main button,main [role=radiogroup]{pointer-events:auto}.panel{min-height:100svh;inline-size:min(50%,680px);padding-inline:var(--gutter) 24px;flex-direction:column;justify-content:center;display:flex}.panel.end{padding-inline:24px var(--gutter);margin-inline-start:auto}.panel.center{text-align:center;inline-size:100%;padding:0 var(--gutter) 9vh;justify-content:flex-end;align-items:center}.copy{max-inline-size:460px}.panel.center .copy{flex-direction:column;align-items:center;max-inline-size:640px;display:flex}.buy{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-block-start:44px;display:flex}.panel.center .buy{justify-content:center;margin-block-start:32px}.price{font:300 30px/1 var(--f-ui);font-variant-numeric:tabular-nums}.riyal{vertical-align:-.06em;background:currentColor;block-size:.87em;inline-size:.78em;margin-inline-start:.12em;display:inline-block;-webkit-mask:url(/Saudi_Riyal_Symbol-2.svg) 50%/contain no-repeat;mask:url(/Saudi_Riyal_Symbol-2.svg) 50%/contain no-repeat}.btn{background:var(--accent);color:#fff;min-block-size:48px;font:400 16px/1 var(--f-ui);border-radius:999px;justify-content:center;align-items:center;padding:0 36px;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.88}.editions{gap:18px;display:inline-flex}.edition{min-block-size:44px;font:300 15px/1 var(--f-ui);color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;transition:color .2s;display:inline-flex}.edition i{block-size:16px;inline-size:16px;box-shadow:0 0 0 1px var(--line);border-radius:50%;transition:box-shadow .2s}.edition[aria-checked=true]{color:var(--ink)}.edition[aria-checked=true] i{box-shadow:0 0 0 1px var(--bg), 0 0 0 2px var(--ink)}.edition:hover{color:var(--ink)}.specs{border-block-start:1px solid var(--line);margin:0;padding:0;list-style:none}.specs li{border-block-end:1px solid var(--line);color:var(--ink);padding-block:11px;font-size:15px;line-height:1.7}.foot{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-block-start:56px;font-size:13px;display:flex}.foot .dot{opacity:.5}.nav{z-index:5;padding:22px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.nav a,.nav button{pointer-events:auto}.brand{display:flex}.logo{aspect-ratio:1437.7/1562;block-size:30px;inline-size:auto;color:var(--ink);display:block}.foot .logo{block-size:18px}.tools{gap:4px;display:flex}.icon-btn{block-size:40px;inline-size:40px;color:var(--ink);background:0 0;border:0;border-radius:50%;padding:9px;transition:background .2s}.icon-btn:hover{background:var(--line)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;block-size:100%;inline-size:100%;display:block}.exploring main{opacity:0;pointer-events:none!important}.exploring main *{pointer-events:none!important}.explore-ui{z-index:6;inset-inline:0;bottom:max(28px, env(safe-area-inset-bottom));background:color-mix(in oklab, var(--bg) 90%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:12px;inline-size:max-content;max-inline-size:calc(100vw - 32px);margin-inline:auto;padding:4px 8px 4px 20px;display:flex;position:fixed}.explore-ui .editions{margin-inline-end:8px}.loader{z-index:4;font:300 13px/1 var(--f-ui);color:var(--muted);letter-spacing:.08em;pointer-events:none;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader.done{opacity:0}:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:4px}.btn:focus-visible,.icon-btn:focus-visible{border-radius:999px}@media (width<=899px){.panel,.panel.end,.panel.center{text-align:start;justify-content:flex-end;align-items:stretch;inline-size:100%;margin:0;padding:0}.copy,.panel.center .copy{max-inline-size:none;padding:64px 20px calc(72px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent 0, var(--bg) 56px, var(--bg) calc(100% - 56px), transparent 100%);align-items:flex-start}.panel.center .copy{text-align:center;align-items:center}.nav{padding:14px 20px}h1{font-size:40px}h2,.verse{font-size:24px}.body{margin-block-start:12px;font-size:15px}.buy,.panel.center .buy{grid-template-columns:1fr auto;align-items:center;gap:16px 12px;inline-size:100%;margin-block-start:24px;display:grid}.buy .btn{grid-column:1/-1;min-block-size:52px;inline-size:100%}.panel.center .buy .price{justify-self:start}.price{font-size:26px}.specs{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.specs li{padding-block:9px;font-size:13px;line-height:1.6}.specs li:first-child,.specs li:nth-child(2){font-size:13px}.foot{inline-size:100%;margin-block-start:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app{transition:none}}