@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter_700Bold_latin-BwZ5C8PU.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Inter_600SemiBold_latin-B7JF6vWS.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter_400Regular_latin-DCfNr4Vf.woff2)format("woff2")}@font-face{font-family:Literata;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/Literata_300Light_latin-BMxH8bKI.woff2)format("woff2")}@font-face{font-family:Literata;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Literata_400Regular_latin-BcmZT9yM.woff2)format("woff2")}@font-face{font-family:Literata;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/Literata_400Regular_Italic_latin-D-SETMTU.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Vazirmatn_400Regular-D9X4TZ0C.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Vazirmatn_700Bold-BPAhWz2p.woff2)format("woff2")}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:block;src:url(/assets/ScheherazadeNew-Regular-CdY5h-qx.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}:root{--ivory:var(--binding-ivory);--ivory-soft:color-mix(in oklab, var(--binding-ivory) 74%, transparent);--ivory-faint:color-mix(in oklab, var(--binding-ivory) 52%, transparent);--foil-line:color-mix(in oklab, var(--foil-base) 48%, transparent);--foil-hair:color-mix(in oklab, var(--foil-base) 24%, transparent);--foil-text:linear-gradient(100deg, var(--foil-deep) 0%, var(--foil-light) 32%, var(--foil-base) 58%, var(--foil-deep) 100%);--display-line:1.02;--display-tracking:-.024em;--title-tracking:-.018em;--overlap:clamp(7rem, 16vw, 15rem);--shadow-ink:color-mix(in oklab, var(--binding-night) 46%, transparent);scroll-behavior:smooth;-webkit-text-size-adjust:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:var(--binding-night)}html[dir=rtl]{--font-ui:var(--font-arabic);--font-serif:var(--font-arabic);--display-line:1.32;--display-tracking:0;--title-tracking:0}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--site-body);font-kerning:normal;transition:background-color var(--motion-theme-change), color var(--motion-theme-change);margin:0;line-height:1.6}img,svg,video{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p,ul,figure{margin:0}h1,h2{font-family:var(--font-serif);text-wrap:balance;overflow-wrap:anywhere;font-weight:300}h3{font-family:var(--font-serif);font-weight:400;font-size:var(--site-heading);letter-spacing:var(--title-tracking);text-wrap:balance;line-height:1.25}p{text-wrap:pretty}:focus-visible{outline:var(--selection-ring) solid var(--accent);outline-offset:var(--space-xxs);border-radius:var(--radius-match)}.cover :focus-visible,.masthead :focus-visible,.colophon :focus-visible{outline-color:var(--foil-light)}::selection{background:var(--match-bg);color:var(--match-ink)}.skip-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-capsule);background:var(--ivory);color:var(--binding-night);z-index:10;font-weight:600;position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-lg);transform:translateY(-300%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{width:var(--stroke);height:var(--stroke);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}main:focus{outline:none}.masthead{z-index:5;padding:calc(env(safe-area-inset-top,0px) + var(--space-md)) calc(var(--site-gutter) - var(--space-lg)) 0;color:var(--ivory);pointer-events:none;position:absolute;inset-block-start:0;inset-inline:0}.masthead-bar{align-items:center;gap:var(--space-sm) var(--space-xl);max-inline-size:calc(var(--site-wide) + 2 * var(--space-lg));padding:var(--space-sm) var(--space-lg);border:var(--hairline) solid transparent;border-radius:calc(var(--touch-target) / 2 + var(--space-sm));pointer-events:auto;transition:max-inline-size .9s var(--site-ease-out), padding .7s var(--site-ease-out), background-color .7s var(--site-ease-out), border-color .7s var(--site-ease-out), box-shadow .7s var(--site-ease-out);flex-wrap:wrap;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-sm);min-inline-size:0;font-family:var(--font-serif);letter-spacing:var(--title-tracking);margin-inline-end:auto;font-size:min(1.3125rem,7vw);text-decoration:none;display:inline-flex}.brand img{width:2.25rem;height:2.25rem;box-shadow:0 0 0 var(--hairline) var(--foil-hair), 0 .5rem 1.25rem -.5rem var(--shadow-ink);border-radius:.6rem}.main-nav{gap:var(--space-xs) var(--space-xl);inline-size:100%;font-size:var(--site-small);flex-wrap:wrap;order:3;justify-content:center;display:flex}.main-nav a,.language-menu summary{color:var(--ivory-soft);transition:color var(--motion-theme-change);text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page],.language-menu summary:hover{color:var(--ivory)}.main-nav a[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--foil-line);text-decoration-color:var(--foil-line);text-underline-offset:.45em;text-decoration-thickness:var(--hairline)}.language-menu{font-size:var(--site-small);position:relative}.language-menu summary{align-items:center;gap:var(--space-xs);min-block-size:var(--touch-target);padding-inline:var(--space-md);border:var(--hairline) solid var(--foil-hair);border-radius:var(--radius-capsule);cursor:pointer;list-style:none;display:inline-flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"";border-right:var(--stroke) solid currentColor;border-bottom:var(--stroke) solid currentColor;block-size:.4rem;inline-size:.4rem;transition:transform var(--motion-settle-in);transform:translateY(-.12rem)rotate(45deg)}.language-menu[open] summary:after{transform:translateY(.1rem)rotate(-135deg)}.language-menu nav{min-inline-size:min(11rem, calc(100vw - 2 * var(--site-gutter)));padding:var(--space-xs);border:var(--hairline) solid var(--foil-hair);border-radius:var(--radius-track);background:color-mix(in oklab, var(--binding-deep) 82%, transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);box-shadow:0 1.5rem 3rem -1rem var(--shadow-ink);animation:menu-in var(--motion-settle-in) both;display:grid;position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0}@supports (anchor-name:--language){.language-menu{position:static}.language-menu summary{anchor-name:--language}.language-menu nav{--menu-width:min(11rem, 100% - 2 * var(--site-gutter));position-anchor:--language;inline-size:var(--menu-width);min-inline-size:0;inset-block-start:calc(anchor(bottom) + var(--space-xs));inset-inline-end:min(anchor(end), 100% - var(--menu-width) - var(--site-gutter))}}.language-menu nav a{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-match);color:var(--ivory-soft);text-decoration:none}.language-menu nav a:hover,.language-menu nav a[aria-current=true]{background:color-mix(in oklab, var(--ivory) 9%, transparent);color:var(--ivory)}.cover{isolation:isolate;color:var(--ivory);background:radial-gradient(120% 70% at 50% 0%, var(--binding-lift) 0%, var(--binding-emerald) 42%, var(--binding-deep) 78%, var(--binding-night) 100%);position:relative}.cover:before{content:"";z-index:-1;opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.aura{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aura span{aspect-ratio:1;will-change:transform;border-radius:50%;inline-size:76vmax;animation:30s ease-in-out infinite alternate drift;position:absolute}.aura span:first-child{inset-block-start:-40vmax;background:radial-gradient(closest-side, color-mix(in oklab, var(--foil-light) 17%, transparent), transparent);left:calc(50% - 38vmax)}.aura span:nth-child(2){inset-block-start:-6vmax;background:radial-gradient(closest-side, color-mix(in oklab, var(--binding-lift) 95%, transparent), transparent);animation-name:drift-wide;animation-duration:41s;left:-34vmax}.aura span:nth-child(3){inset-block-end:-44vmax;background:radial-gradient(closest-side, color-mix(in oklab, var(--binding-lift) 80%, transparent), transparent);animation-name:drift-back;animation-duration:47s;right:-30vmax}.cover-content{justify-items:center;gap:var(--space-xl);max-inline-size:var(--site-wide);padding-inline:calc(var(--site-inset) + var(--site-gutter));text-align:center;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid;position:relative}.cover .lead{max-inline-size:36rem;color:var(--ivory-soft);font-size:var(--site-lead);line-height:1.55}.cover-hero{padding-block-start:clamp(7rem,13vh,10rem);overflow-x:clip}.cover-hero h1{max-inline-size:13ch;font-size:var(--site-display);line-height:var(--display-line);letter-spacing:var(--display-tracking);padding-block-end:var(--space-xs)}.logo{aspect-ratio:600/730;flex:none;display:block;position:relative}.logo img,.logo-shelf{max-width:none;block-size:140.27%;inline-size:170.67%;position:absolute;top:-19.18%;left:-35.33%}.logo-shelf img{block-size:100%;inline-size:100%;inset:0}.logo-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--ivory) 24%, transparent), color-mix(in oklab, var(--ivory) 8%, transparent) 55%, transparent);inline-size:66.67%;position:absolute;top:-10.7%;left:16.67%}.hero-logo{inline-size:clamp(4.5rem,6.5vw,6rem);margin-block-end:var(--space-sm)}.hero-logo .logo-shelf{animation:logo-shelf 1.3s var(--site-ease-out) .15s both}.hero-logo .logo-star{transform-origin:50% 25.6%;animation:logo-star 1.5s var(--site-ease-out) .7s both}.hero-logo .logo-glow{animation:appear-soft 1.8s var(--site-ease-out) .95s both, breathe 7s ease-in-out 2.75s infinite alternate}.logo-live .logo-glow{animation:7s ease-in-out infinite alternate breathe}.hero-ayah{justify-items:center;gap:var(--space-md);max-inline-size:46rem;margin:0 0 var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hero-ayah-glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--foil-light) 13%, transparent), transparent);pointer-events:none;animation:appear-soft 2.4s var(--site-ease-out) .3s both, breathe 9s ease-in-out 2.7s infinite alternate;position:absolute;inset:-30% -12%}.ayah-arabic{color:var(--foil-light);font-family:"Scheherazade New", var(--font-arabic), serif;text-wrap:balance;text-shadow:0 0 1.5rem color-mix(in oklab, var(--foil-light) 22%, transparent);margin:0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);line-height:1.85}.ayah-word,.ayah-end{animation:word-in 1.2s var(--site-ease-out) both;animation-delay:calc(.25s + var(--word) * 55ms);display:inline-block}.ayah-end{color:var(--foil-base)}.ayah-translation{max-inline-size:40rem;color:var(--ivory-soft);font-family:var(--font-serif);animation:reveal var(--site-reveal) var(--site-ease-out) 1.2s both;font-size:clamp(.97rem,.92rem + .2vw,1.06rem);line-height:1.65}.ayah-number{color:var(--foil-base);font-family:var(--font-ui);vertical-align:.18em;margin-inline-end:.35em;font-size:.72em}.ayah-source{justify-content:center;gap:var(--space-xxs) var(--space-md);color:var(--ivory-faint);font-size:var(--site-small);animation:reveal var(--site-reveal) var(--site-ease-out) 1.45s both;flex-wrap:wrap;display:flex}.ayah-source bdi{color:var(--foil-base)}.cover-hero .reveal{animation-delay:1s}.cover-hero .reveal-2{animation-delay:1.15s}.cover-hero .reveal-3{animation-delay:1.3s}.actions{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.button-foil,.button-quiet,.button-ink{border-radius:var(--radius-capsule);letter-spacing:.005em;min-block-size:3.25rem;transition:transform var(--motion-toggle), box-shadow var(--motion-settle-in), background-color var(--motion-settle-in);justify-content:center;align-items:center;padding-inline:1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button-foil{color:var(--binding-night);background:linear-gradient(135deg, var(--foil-light) 0%, var(--foil-base) 46%, var(--foil-deep) 100%);box-shadow:inset 0 var(--hairline) 0 color-mix(in oklab, var(--device-glare) 55%, transparent), inset 0 calc(-1 * var(--hairline)) 0 var(--foil-edge), 0 .9rem 2rem -.9rem color-mix(in oklab, var(--foil-light) 60%, transparent)}.button-foil:after{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in oklab, var(--device-glare) 55%, transparent) 50%, transparent 70%);transition:transform .9s var(--site-ease-out);position:absolute;inset:0;transform:translate(-120%)}.button-foil:hover:after{transform:translate(120%)}.button-foil:hover,.button-quiet:hover,.button-ink:hover{transform:translateY(-.0625rem)}.button-foil:active,.button-quiet:active,.button-ink:active{transform:scale(.98)}.button-quiet{color:var(--ivory);border:var(--hairline) solid var(--foil-line);background:color-mix(in oklab, var(--ivory) 4%, transparent)}.button-quiet:hover{background:color-mix(in oklab, var(--ivory) 10%, transparent)}.button-ink{color:var(--on-accent);background:var(--accent)}.platforms{color:var(--ivory-faint);font-size:var(--site-small)}.hero-stage{inline-size:min(100%, var(--site-wide));margin:clamp(3.5rem, 8vw, 6rem) auto calc(-1 * var(--overlap));padding-inline:var(--site-gutter);z-index:2;transform:perspective(140rem) rotateX(calc(var(--tilt-y,0) * -4deg)) rotateY(calc(var(--tilt-x,0) * 6deg));transform-style:preserve-3d;transition:transform 1.6s var(--site-ease-out);place-items:end center;display:grid;position:relative}.hero-tablet{inline-size:var(--site-tablet);animation:rise 1.5s var(--site-ease-out) .7s both}.device.hero-phone{inline-size:calc(var(--site-phone) * .86);animation:rise 1.5s var(--site-ease-out) .95s both;position:absolute;inset-block-end:calc(-1 * var(--space-hero));inset-inline-end:max(var(--site-gutter), calc(50% - var(--site-tablet) / 2 - var(--site-phone) / 3));translate:0 0 5rem}.device{filter:drop-shadow(var(--site-shadow) var(--shadow-ink));position:relative}.device-body{padding:var(--bezel);border-radius:var(--corner);background:var(--device-bezel);box-shadow:0 0 0 calc(var(--rim) * .5) var(--device-body), 0 0 0 var(--rim) var(--device-rim), inset 0 0 0 var(--hairline) color-mix(in oklab, var(--device-glare) 8%, transparent);position:relative}.device-screen{border-radius:calc(var(--corner) - var(--bezel));background:var(--grouped);block-size:auto;inline-size:100%}.shot-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]) .shot-light{display:none}:root:not([data-theme]) .shot-dark{display:block}}:root:is([data-theme=dim],[data-theme=dark],[data-theme=black]) .shot-light{display:none}:root:is([data-theme=dim],[data-theme=dark],[data-theme=black]) .shot-dark{display:block}.device-phone{--bezel:3.4%;--corner:15.5% / 7.2%;--rim:.25rem;inline-size:min(100%, var(--site-phone))}.device-phone .device-screen{border-radius:13%/6%}.device-layer{padding:var(--bezel);opacity:0;transition:opacity .8s var(--site-ease-out);position:absolute;inset:0}.device-phone .device-body:after{content:"";border-radius:var(--radius-capsule);background:var(--device-bezel);block-size:3.1%;inline-size:30%;position:absolute;inset-block-start:3.2%;inset-inline-start:50%;translate:-50%}html[dir=rtl] .device-phone .device-body:after{translate:50%}.device-tablet{--bezel:2.6%;--corner:4.4% / 5.8%;--rim:.3rem}.device-tablet .device-screen{border-radius:2.4%/3.2%}.device-laptop{--bezel:1.6%;--corner:2.2% / 3.4%;--rim:.18rem;inline-size:var(--site-laptop);padding-block-end:2.6%}.device-laptop .device-body{border-end-end-radius:0;border-end-start-radius:0}.device-laptop .device-screen{border-radius:.6%/1%}.device-laptop:after{content:"";background:linear-gradient(var(--device-rim), var(--device-body));border-radius:0 0 40% 40%/0 0 100% 100%;block-size:2.8%;position:absolute;inset-block-end:0;inset-inline:-7%}.pages{padding-inline:var(--site-gutter);position:relative;overflow-x:clip}.home .pages{padding-block-start:var(--overlap)}.overture{max-inline-size:var(--site-wide);padding-block:calc(var(--site-section) * .8) calc(var(--site-section) * .25);text-align:center;margin-inline:auto}.overture-line{max-inline-size:22ch;font-size:var(--site-title);letter-spacing:var(--title-tracking);color:var(--text);margin-inline:auto;padding-block-end:.18em;line-height:1.14}.story{max-inline-size:var(--site-wide);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,6rem);margin-inline:auto;display:grid}.story-steps{grid-area:1/1}.story-stage{grid-area:1/2;place-items:center;block-size:100dvh;display:grid;position:sticky;inset-block-start:0}.story-stage>.device{grid-area:1/1}.story-back{opacity:0;transition:opacity .9s var(--site-ease-out), transform 1.2s var(--site-ease-out);transform:scale(.94)translate(-6%,-4%)}.device-laptop.story-laptop{inline-size:min(100%,44rem)}html[dir=rtl] .story-back{translate:6% -4%}.story[data-step=search] .story-laptop{opacity:1;transform:none}.device-phone.story-phone{z-index:2;inline-size:calc(var(--site-phone) * .84);transition:translate 1.2s var(--site-ease-out), scale 1.2s var(--site-ease-out);scale:1.12}.story[data-step=search] .device-phone.story-phone{translate:62% 8%;scale:1}html[dir=rtl] .story[data-step=search] .device-phone.story-phone{translate:-62% 8%}.story[data-step=search] [data-screen=phone-search],.story[data-step=shelf] [data-screen=phone-shelf]{opacity:1}.chapter{min-block-size:92dvh;padding-block:var(--space-hero);align-content:center;display:grid}.story[data-step] .chapter-text{opacity:.42;transition:opacity .8s var(--site-ease-out), transform 1s var(--site-ease-out);transform:translateY(1.5rem)}.story[data-step=read] .chapter-read .chapter-text,.story[data-step=search] .chapter-search .chapter-text,.story[data-step=shelf] .chapter-shelf .chapter-text{opacity:1;transform:none}.chapter-device{display:none}.chapter-text{gap:var(--space-xl);max-inline-size:var(--site-measure);display:grid}.chapter h2{font-size:var(--site-title);letter-spacing:var(--title-tracking);line-height:1.08}.chapter-text>p{color:var(--text2);font-family:var(--font-serif);font-size:1.1875rem;line-height:1.7}.facts{border-block-start:var(--hairline) solid var(--gold-line);padding:0;list-style:none;display:grid}.facts li{align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);border-block-end:var(--hairline) solid var(--line);font-size:.9375rem;display:flex}.facts li:before{content:"";background:var(--gold);flex:none;block-size:.4rem;inline-size:.4rem;transform:rotate(45deg)}.also{max-inline-size:var(--site-wide);padding-block:calc(var(--site-section) * .4) calc(var(--site-section) * .7);margin-inline:auto}.also h2,.themes h2,.film h2{font-size:var(--site-title);letter-spacing:var(--title-tracking);line-height:1.1}.also ul{gap:var(--space-hero);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-hero);padding:0;list-style:none;display:grid}.also li{align-content:start;gap:var(--space-sm);padding-block-start:var(--space-xl);display:grid;position:relative}.also li:before{content:"";block-size:var(--hairline);background:var(--gold-line);transform-origin:0;position:absolute;inset-block-start:0;inset-inline:0}html[dir=rtl] .also li:before{transform-origin:100%}.also li p{color:var(--text2)}.themes{align-items:center;gap:var(--space-hero);max-inline-size:var(--site-wide);padding-block:calc(var(--site-section) * .7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-inline:auto;display:grid}.themes-text{gap:var(--space-lg);display:grid}.themes-text p{color:var(--text2)}.theme-pages{border:0;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vw,1.5rem);margin:0;padding:0;display:flex}.theme-pages button{justify-items:center;gap:var(--space-sm);min-inline-size:0;color:var(--text2);font:inherit;font-size:var(--site-small);cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr);padding:0;display:grid}.theme-leaf{aspect-ratio:3/4;background:var(--swatch-bg);inline-size:clamp(4.25rem,8vw,5.75rem);max-inline-size:100%;box-shadow:0 0 0 var(--hairline) var(--edge), 0 1.25rem 2.25rem -1.25rem var(--shadow-ink);transition:transform .6s var(--site-ease-out), box-shadow .6s var(--site-ease-out);border-radius:.35rem .9rem .9rem .35rem;align-content:start;gap:.45rem;padding:.85rem .7rem;display:grid}html[dir=rtl] .theme-leaf{border-radius:.9rem .35rem .35rem .9rem}.theme-leaf span{border-radius:var(--radius-capsule);background:color-mix(in oklab, var(--swatch-ink) 55%, transparent);block-size:.2rem}.theme-leaf span:first-child{background:var(--swatch-accent);justify-self:center;inline-size:45%}.theme-leaf span:nth-child(3){inline-size:82%}.theme-leaf span:last-child{inline-size:64%}.theme-pages button:hover .theme-leaf{transform:translateY(-.35rem)rotate(-1.5deg)}.theme-pages button[aria-pressed=true]{color:var(--text)}.theme-pages button[aria-pressed=true] .theme-leaf{box-shadow:0 0 0 var(--selection-ring) var(--gold), 0 1.75rem 2.75rem -1.25rem var(--shadow-ink);transform:translateY(-.5rem)}.film{justify-items:center;gap:var(--space-hero);max-inline-size:var(--site-wide);padding-block:calc(var(--site-section) * .7);text-align:center;margin-inline:auto;display:grid}.film-player{aspect-ratio:16/9;border-radius:var(--radius-hero);background:var(--binding-night);inline-size:100%;box-shadow:var(--site-shadow) var(--shadow-ink)}.cover-back{padding-block:var(--site-section);margin-block-start:calc(var(--site-section) * .6);overflow:clip}.cover-mark{inline-size:2.75rem}.promise{max-inline-size:16ch;font-size:var(--site-title);letter-spacing:var(--title-tracking);background:var(--foil-text);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-block-end:.14em;line-height:1.08}.cover-page{padding-block:clamp(10rem,22vh,13rem) clamp(4.5rem,10vw,7rem)}.cover-page h1{max-inline-size:18ch;font-size:var(--site-title);letter-spacing:var(--title-tracking);line-height:1.06}.page:not(.home) .pages{padding-block:clamp(3.5rem, 8vw, 6.5rem) var(--site-section)}.download-grid{gap:var(--space-xl);max-inline-size:var(--site-wide);grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:auto;display:grid}.download-card{align-content:start;gap:var(--space-sm);padding:var(--space-xxl) var(--space-xl);border:var(--hairline) solid var(--line);border-radius:var(--radius-card);background:var(--surface);display:grid}.platform-glyph{block-size:.55rem;inline-size:.55rem;background:var(--gold);margin-block-end:var(--space-xs);transform:rotate(45deg)}.download-card h2{font-size:var(--site-heading);letter-spacing:var(--title-tracking)}.download-card p{color:var(--text2);font-size:.9375rem}.download-card .button-ink{min-block-size:2.75rem;margin-block-start:var(--space-sm);font-size:.9375rem}.release-status{padding:var(--space-xxs) var(--space-sm);border:var(--hairline) solid var(--gold-line);border-radius:var(--radius-capsule);justify-self:start;margin-block-start:var(--space-sm);color:var(--gold)!important;font-size:var(--site-small)!important}.notes,.prose{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);max-inline-size:40rem;margin-inline:auto;display:grid}.notes{text-align:center;margin-block-start:var(--site-section)}.notes h2,.prose h2{font-size:var(--site-heading);letter-spacing:var(--title-tracking);font-weight:400;line-height:1.25}.notes p,.prose p{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;color:var(--text2);font-family:var(--font-serif);font-size:1.125rem;line-height:1.72}.prose section{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.privacy-page .prose{gap:var(--space-hero)}.privacy-page .prose section{border-block-start:var(--hairline) solid var(--gold-line);padding-block-start:var(--space-xl)}.privacy-page .prose section:first-child{border:0;padding-block-start:0}.credits{gap:var(--space-hero);grid-template-columns:minmax(0,1fr);max-inline-size:52rem;margin-inline:auto;display:grid}.credit-group{gap:var(--space-lg);border-block-start:var(--hairline) solid var(--gold-line);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-xl);display:grid}.credit-group:first-child{border:0;padding-block-start:0}.credit-group h2{font-size:var(--site-heading);letter-spacing:var(--title-tracking);font-weight:400;line-height:1.25}.credit-list{gap:var(--space-lg) var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.credit-list li{overflow-wrap:anywhere;align-content:start;gap:.2rem;min-inline-size:0;display:grid}.credit-name{font-family:var(--font-serif);font-size:1.125rem;line-height:1.4}a.credit-name{color:var(--accent);text-decoration-thickness:var(--hairline);text-underline-offset:.2em}.credit-line{color:var(--text2);font-size:var(--site-small);line-height:1.5}.credit-list-dense{gap:var(--space-md) var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin-block-start:var(--space-lg)}.credit-list-dense .credit-name{font-size:1rem}.credit-terms{gap:var(--space-xs);border-inline-start:var(--stroke) solid var(--foil-line);margin:0;padding-inline-start:var(--space-lg);display:grid}.credit-terms blockquote{color:var(--text);font-family:var(--font-serif);overflow-wrap:anywhere;margin:0;font-size:1.0625rem;font-style:italic;line-height:1.7}.credit-terms figcaption{font-size:var(--site-small)}.credit-terms figcaption a{color:var(--accent);text-decoration-thickness:var(--hairline);text-underline-offset:.2em}.credit-more summary{inline-size:fit-content;min-block-size:var(--touch-target);align-items:center;gap:var(--space-xs);padding-inline:var(--space-md);border:var(--hairline) solid var(--gold-line);border-radius:var(--radius-capsule);color:var(--text);font-size:var(--site-small);cursor:pointer;list-style:none;display:inline-flex}.credit-more summary::-webkit-details-marker{display:none}.credit-more summary:after{content:"";border-right:var(--stroke) solid currentColor;border-bottom:var(--stroke) solid currentColor;block-size:.4rem;inline-size:.4rem;transition:transform var(--motion-settle-in);transform:translateY(-.12rem)rotate(45deg)}.credit-more[open] summary:after{transform:translateY(.1rem)rotate(-135deg)}.provider-links{gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;font-size:.9375rem;display:flex}.cover .updated{color:var(--ivory-faint);font-size:var(--site-small)}.prose a,.notes a,.help-link a{overflow-wrap:anywhere;color:var(--accent);text-decoration-thickness:var(--hairline);text-underline-offset:.2em}.about-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:start;gap:clamp(2.5rem,7vw,6rem);max-inline-size:66rem;margin-inline:auto;display:grid}.about-layout .prose{gap:var(--space-hero);margin:0}.license-links{gap:var(--space-lg);flex-wrap:wrap;font-size:.9375rem;display:flex}.license-links a{color:var(--accent)}.publisher-plate{gap:var(--space-sm);min-inline-size:0;padding:var(--space-xxl);overflow-wrap:anywhere;border-radius:var(--radius-hero);color:var(--ivory);background:radial-gradient(120% 90% at 50% 0%, var(--binding-lift), var(--binding-deep));box-shadow:var(--site-shadow) var(--shadow-ink);isolation:isolate;grid-template-columns:minmax(0,1fr);display:grid;position:sticky;inset-block-start:var(--space-xl);overflow:hidden}.publisher-plate:before{content:"";inset:var(--space-xs);z-index:-1;border:var(--hairline) solid var(--foil-hair);border-radius:calc(var(--radius-hero) - var(--space-xs));pointer-events:none;position:absolute}.publisher-plate img{block-size:4.5rem;inline-size:4.5rem;border-radius:1.1rem;margin-block-end:var(--space-sm)}.publisher-plate h2,.publisher-plate h3{color:var(--ivory-faint);font-family:var(--font-ui);font-size:var(--site-small);letter-spacing:0;font-weight:400}.publisher-plate h3{margin-block-start:var(--space-md)}.publisher-name{font-family:var(--font-serif);font-size:var(--site-heading)}.publisher-mail{color:var(--foil-light);overflow-wrap:anywhere}.publisher-plate p:last-child{color:var(--ivory-soft);font-size:var(--site-small)}.colophon{padding:var(--space-hero) calc(var(--site-inset) + var(--site-gutter));color:var(--ivory-faint);background:var(--binding-night);font-size:var(--site-small)}.colophon-inner{align-items:center;gap:var(--space-md) var(--space-xxl);max-inline-size:var(--site-wide);flex-wrap:wrap;margin-inline:auto;display:flex}.colophon-brand{align-items:center;gap:var(--space-xs);color:var(--ivory);font-family:var(--font-serif);font-size:1.125rem;text-decoration:none;display:inline-flex}.colophon-logo{inline-size:1.375rem}.colophon nav{gap:var(--space-xl);flex-wrap:wrap;margin-inline-start:auto;display:flex}.colophon nav a{color:var(--ivory-faint);text-decoration:none}.colophon nav a:hover{color:var(--ivory)}.reveal{animation:reveal var(--site-reveal) var(--site-ease-out) .45s both}.reveal-2{animation-delay:.6s}.reveal-3{animation-delay:.75s}@supports (animation-timeline:view()){.scroll-rise{animation:linear both scroll-rise;animation-timeline:view();animation-range:entry cover 38%}.overture-line{background:linear-gradient(90deg, var(--text) 0%, var(--text) 50%, color-mix(in oklab, var(--text) 28%, transparent) 50%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:linear both ink;animation-timeline:view();animation-range:entry 40% cover 55%}html[dir=rtl] .overture-line{background-image:linear-gradient(270deg, var(--text) 0%, var(--text) 50%, color-mix(in oklab, var(--text) 28%, transparent) 50%);animation-name:ink-rtl}.also li{animation:linear both scroll-rise;animation-timeline:view();animation-range:entry cover 30%}.also li:nth-child(2){animation-range:entry 8% cover 36%}.also li:nth-child(3){animation-range:entry 16% cover 42%}.also li:before{animation:linear both rule-draw;animation-timeline:view();animation-range:entry 10% cover 40%}.theme-pages button{animation:linear both fan;animation-timeline:view();animation-range:entry cover 32%}.theme-pages button:nth-child(3){animation-range:entry 4% cover 35%}.theme-pages button:nth-child(4){animation-range:entry 8% cover 38%}.theme-pages button:nth-child(5){animation-range:entry 12% cover 41%}.theme-pages button:nth-child(6){animation-range:entry 16% cover 44%}@media (width>=46rem){.cover-hero .cover-content{animation:linear both hero-out;animation-timeline:view();animation-range:exit}.cover-hero .cover-content:focus-within{animation:none}}.promise{animation:linear both foil-sweep;animation-timeline:view();animation-range:entry 10% cover 60%}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:unveil .9s var(--site-ease-out)}@keyframes unveil{0%{clip-path:circle(0 at var(--reveal-x,50%) var(--reveal-y,50%))}to{clip-path:circle(150vmax at var(--reveal-x,50%) var(--reveal-y,50%))}}@keyframes reveal{0%{opacity:0;filter:blur(.375rem);transform:translateY(1.25rem)}}@keyframes rise{0%{opacity:0;transform:translateY(5rem)scale(.97)}}@keyframes scroll-rise{0%{opacity:.25;transform:translateY(4.5rem)scale(.95)}}@keyframes ink{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ink-rtl{0%{background-position:0 0}to{background-position:100% 0}}@keyframes foil-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes drift{to{transform:translate(7vmax,6vmax)scale(1.14)}}@keyframes drift-wide{to{transform:translate(22vmax,9vmax)scale(.88)}}@keyframes drift-back{to{transform:translate(-18vmax,-12vmax)scale(1.16)}}@keyframes breathe{to{transform:scale(1.22)}}@keyframes hero-out{to{opacity:0;transform:translateY(-5rem)scale(.97)}}@keyframes rule-draw{0%{transform:scaleX(0)}}@keyframes fan{0%{opacity:0;transform:translateY(3rem)rotate(-7deg)}}@keyframes logo-shelf{0%{opacity:0;transform:translateY(6%)}}@keyframes logo-star{0%{opacity:0;transform:translateY(-4%)scale(.86)}}@keyframes word-in{0%{opacity:0;filter:blur(.35rem);text-shadow:0 0 2rem var(--foil-light);transform:translateY(.3em)}}@keyframes appear-soft{0%{opacity:0}}@keyframes menu-in{0%{opacity:0;transform:translateY(-.375rem)scale(.98)}}@media (width>=46rem){.main-nav{order:0;justify-content:flex-end;inline-size:auto}html{scroll-padding-block-start:calc(var(--touch-target) + 2 * var(--space-lg))}.masthead{position:fixed}html[data-scrolled] .masthead-bar{max-inline-size:58rem;padding-block:var(--space-xs);border-color:var(--foil-hair);background:color-mix(in oklab, var(--binding-deep) 74%, transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);backdrop-filter:blur(var(--glass-blur)) saturate(1.6);box-shadow:0 1.25rem 2.5rem -1.25rem var(--shadow-ink), inset 0 var(--hairline) 0 color-mix(in oklab, var(--ivory) 10%, transparent)}}@media (width<=62rem){.story,.themes{grid-template-columns:minmax(0,1fr)}.story-stage{display:none}.chapter{justify-items:center;gap:var(--space-hero);min-block-size:0}.chapter-text{max-inline-size:40rem}.story[data-step] .chapter-text{opacity:1;transform:none}.chapter-device{display:block}.also ul{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:minmax(0,1fr)}.publisher-plate{position:static}}@media (width<=36rem){.hero-tablet{display:none}.device.hero-phone{inline-size:min(68vw,16.5rem);position:relative;inset:auto}.theme-pages{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,3rem),1fr));display:grid}.theme-leaf{inline-size:100%;padding:.6rem .45rem}.download-grid{grid-template-columns:minmax(0,1fr)}.colophon nav{margin-inline-start:0}}@media (prefers-reduced-transparency:reduce){html[data-scrolled] .masthead-bar,.language-menu nav{background:var(--binding-deep);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.story[data-step] .chapter-text{opacity:1}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}::view-transition-new(root){transition:none!important;animation:none!important}.overture-line{color:var(--text)}.hero-stage{transform:none}.story[data-step] .chapter-text{opacity:1;transform:none}}