@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(./amiri-arabic-400-normal-C_1DQziU.woff)format("woff");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:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-latin-ext-400-normal-C9hoIjPx.woff2)format("woff2"),url(./amiri-latin-ext-400-normal-CGn-6a7O.woff)format("woff");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:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(./amiri-latin-400-normal-Bv6IM0kz.woff)format("woff");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:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(./amiri-arabic-700-normal-D8FrblyB.woff2)format("woff2"),url(./amiri-arabic-700-normal-dUd6sHq-.woff)format("woff");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:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(./amiri-latin-ext-700-normal-ByFuOT8o.woff2)format("woff2"),url(./amiri-latin-ext-700-normal-Ck-lxu84.woff)format("woff");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:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(./amiri-latin-700-normal-DIjoEGk6.woff2)format("woff2"),url(./amiri-latin-700-normal-BH9dHmOv.woff)format("woff");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:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(./amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff");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:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-quran-latin-400-normal-w9exIk9i.woff2)format("woff2"),url(./amiri-quran-latin-400-normal-mk44s-1k.woff)format("woff");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:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2)format("woff2"),url(./noto-naskh-arabic-arabic-600-normal-DaTr67aF.woff)format("woff");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:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-math-600-normal-EJZZ5b9D.woff2)format("woff2"),url(./noto-naskh-arabic-math-600-normal-DROtbd6p.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-symbols-600-normal-B-3Cxf8g.woff2)format("woff2"),url(./noto-naskh-arabic-symbols-600-normal-C3RTzH7A.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-latin-ext-600-normal-xG-w6L3Y.woff2)format("woff2"),url(./noto-naskh-arabic-latin-ext-600-normal-B04rPZYM.woff)format("woff");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:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-latin-600-normal-DByBVxli.woff2)format("woff2"),url(./noto-naskh-arabic-latin-600-normal-16Vd4b9R.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2)format("woff2"),url(./cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(./cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2)format("woff2"),url(./cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff");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:Layla Thuluth;src:url(../assets/fonts/layla-thuluth.woff2)format("woff2");font-display:swap}:root{--paper:#efe4d2;--paper-deep:#e4d5bd;--ink:#8d5d2e;--ink-strong:#63401f;--ink-soft:#a5804f;--gold:#a87a3c;--gold-light:#c9a56a;--wax:#8e1d1d;--wax-dark:#5a0f0f;--wax-light:#b8423a;--olive:#66734a;--gold-gradient:linear-gradient(170deg, #c0924c, #7a4f22 50%, #b5843d 75%, #8a5a2b);--font-naskh:"Noto Naskh Arabic", "Amiri", serif;--font-amiri:"Amiri", "Noto Naskh Arabic", serif;--font-quran:"Amiri Quran", "Amiri", serif;--font-thuluth:"Layla Thuluth", "Amiri", serif;--font-latin:"Cormorant Garamond", "Times New Roman", serif;--col:min(100vw, calc(100lvh * .5625), 520px);--u:calc(var(--col) / 720);--ease-soft:cubic-bezier(.22, .61, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper-deep)}body{background:var(--paper-deep);min-height:100svh;color:var(--ink);font-family:var(--font-naskh);-webkit-tap-highlight-color:transparent;margin:0;line-height:1.7;overflow-x:hidden}body.is-locked{height:100svh;overflow:hidden}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.thuluth{font-family:var(--font-thuluth);background:var(--gold-gradient);color:#0000;-webkit-text-stroke:.035em #8a5a2b;text-shadow:none;filter:drop-shadow(0 1px #fff8ebb3);-webkit-background-clip:text;background-clip:text;font-weight:400;line-height:1.9}.calli{background:var(--gold-gradient);max-width:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.column{width:var(--col);margin-inline-start:auto;margin-inline-end:auto;position:relative}.bg{width:var(--col);pointer-events:none;z-index:0;background:#ebdfcd url(../assets/img/paper.webp) 50%/cover;height:100lvh;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 60px #5a3c1e2e}.bg__top{width:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.bg__corner{width:calc(400 * var(--u));position:absolute;bottom:0;left:0;-webkit-mask-image:radial-gradient(130% 120% at 0 100%,#000 62%,#0000 80%);mask-image:radial-gradient(130% 120% at 0 100%,#000 62%,#0000 80%)}.bg__light{animation:light-drift 14s var(--ease-soft) infinite alternate;will-change:transform;background:linear-gradient(115deg,#0000 38%,#fffaf061 46%,#fffaf01f 50%,#0000 58%);position:absolute;top:-20%;bottom:-20%;left:-60%;right:-60%}@keyframes light-drift{0%{transform:translate(-18%)}to{transform:translate(18%)}}main{z-index:1;position:relative}.music-toggle{z-index:40;bottom:calc(16px + env(safe-area-inset-bottom));right:max(16px, calc(50vw - var(--col) / 2 + 16px));border:1px solid var(--gold-light);width:44px;height:44px;color:var(--ink-strong);opacity:0;transition:opacity .4s var(--ease-soft), transform .4s var(--ease-soft);background:#efe4d2db;border-radius:50%;place-items:center;display:grid;position:fixed;transform:scale(.8);box-shadow:0 4px 14px #5a3c1e2e}.music-toggle.is-visible{opacity:1;transform:none}.music-toggle svg{width:20px;height:20px}.music-toggle .icon-off,.music-toggle[aria-pressed=false] .icon-on{display:none}.music-toggle[aria-pressed=false] .icon-off{display:block}@media (prefers-reduced-motion:reduce){.bg__light{animation:none}}.opening{z-index:50;background:#ebdfcd;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.opening__backdrop{filter:blur(24px)saturate(.9);background:url(../assets/opening/poster.webp) 50%/cover;position:absolute;top:-40px;bottom:-40px;left:-40px;right:-40px}.opening__tap{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.opening__frame{width:min(100vw,56.25svh);height:min(100svh,177.778vw);position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.opening__poster,.opening__video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.opening__video{visibility:hidden}.opening__ring{aspect-ratio:1;pointer-events:none;border:1.5px solid #fff4dee6;border-radius:50%;width:26%;animation:2.4s ease-out infinite ring-breathe;position:absolute;translate:-50% -50%;box-shadow:0 0 18px #ffecc899}@keyframes ring-breathe{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.opening__to,.opening__hint{text-align:center;pointer-events:none;color:var(--ink-strong);text-shadow:0 0 12px #faf0dee6;margin:0;position:absolute;left:0;right:0}.opening__to{top:calc(13svh + env(safe-area-inset-top));font-family:var(--font-amiri);font-size:23px;font-weight:700}.opening__hint{bottom:calc(15svh + env(safe-area-inset-bottom));font-size:16px;font-weight:600;animation:2.4s ease-in-out infinite hint-breathe}@keyframes hint-breathe{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.opening__ring,.opening__hint{animation:none}}.story{height:420svh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.scene{position:absolute;top:0;bottom:0;left:0;right:0}.intro__mono{top:calc(118 * var(--u));width:calc(196 * var(--u));visibility:hidden;height:auto;position:absolute;left:50%;translate:-50%}.intro__names{top:calc(540 * var(--u));font-family:var(--font-latin);font-weight:500;font-size:calc(30 * var(--u));letter-spacing:.32em;color:var(--ink);visibility:hidden;justify-content:center;align-items:center;gap:.55em;margin:0;padding-left:.32em;line-height:1;display:flex;position:absolute;left:0;right:0}.intro__names i{opacity:.7;background:currentColor;width:1px;height:1.15em}.intro__date{top:calc(600 * var(--u));text-align:center;font-family:var(--font-amiri);font-size:calc(30 * var(--u));color:var(--ink);visibility:hidden;margin:0;position:absolute;left:0;right:0}.couple{bottom:calc(4 * var(--u));visibility:hidden;height:auto;position:absolute}.couple--1{left:calc(199 * var(--u));width:calc(517 * var(--u))}.couple--2{left:calc(252 * var(--u));width:calc(464 * var(--u))}.map{width:100%;height:calc(1280 * var(--u));direction:ltr;position:absolute;top:0;left:0;overflow:visible}.map__outline{fill:none;stroke:var(--gold);stroke-width:6px;stroke-linejoin:round}.route{fill:none;stroke:var(--ink-strong);stroke-width:2.4px;stroke-dasharray:2 7;stroke-linecap:round}.route-reveal{fill:none;stroke:#fff;stroke-width:12px}.pin__icon{fill:var(--paper);stroke:var(--ink-strong);stroke-width:2.6px;stroke-linejoin:round}.pin__label{font-family:var(--font-amiri);fill:var(--ink-strong);paint-order:stroke;stroke:var(--paper);stroke-width:6px;font-size:34px;font-weight:700}.plane{fill:var(--ink-strong);visibility:hidden}.scroll-cue{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:var(--ink-strong);visibility:hidden;z-index:2;justify-items:center;gap:2px;font-size:13px;display:grid;position:absolute;translate:-50%}.scroll-cue span{background:#efe4d2bf;border-radius:99px;padding:2px 12px}.scroll-cue svg{fill:none;stroke:currentColor;stroke-width:2px;width:22px;height:22px;animation:1.6s ease-in-out infinite cue-bob}@keyframes cue-bob{50%{transform:translateY(5px)}}.rm .story{height:auto}.rm .stage{height:auto;position:relative}.rm .scene{height:100svh;position:relative}.rm .scene :-webkit-any(.intro__mono,.intro__names,.intro__date,.couple){visibility:visible}.rm .scene :is(.intro__mono,.intro__names,.intro__date,.couple){visibility:visible}.rm .scroll-cue{display:none}.invitation{text-align:center;color:var(--ink);text-shadow:0 0 6px var(--paper), 0 0 14px var(--paper);padding:14svh 22px 12svh;font-size:clamp(16px,4.3vw,19px);font-weight:600}.invitation p{margin:0}.inv__dua{width:min(84%,380px);height:auto;margin:0 auto 18px}.inv__verse{font-family:var(--font-quran);color:var(--ink-soft);text-wrap:balance;font-size:clamp(16px,4.4vw,19px);font-weight:400;line-height:2.1;margin-bottom:34px!important}.inv__opening{gap:12px;margin-bottom:30px;display:grid}.inv__hosts{grid-template-columns:1fr 1fr;align-items:start;gap:6%;margin-bottom:30px;display:grid}.inv__hosts p{justify-items:center;gap:4px;display:grid}.inv__invite{color:var(--ink-strong);margin-bottom:22px!important}.inv__couple{color:var(--ink);justify-content:center;align-items:center;gap:clamp(14px,5vw,28px);margin:0 0 14px;font-size:clamp(50px,15vw,70px);line-height:1.6;display:flex}.rings{fill:none;width:clamp(48px,14vw,64px);height:auto;stroke:var(--ink-soft);stroke-width:1.3px;stroke-linecap:round}.inv__blessing{margin-bottom:34px!important}.info{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 34px;padding:0;font-size:.82em;line-height:1.5;list-style:none;display:grid}.info li{justify-items:center;gap:2px;display:grid}.info__icon{fill:none;width:38px;height:38px;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}.info span{color:var(--ink-soft)}.info b{color:var(--ink-strong);font-weight:700}.inv__notes{color:var(--ink-strong);gap:2px;font-size:.9em;display:grid}.details{padding:6svh 22px calc(40svh + env(safe-area-inset-bottom));text-align:center;gap:22px;display:grid}.frame{background:#f6efe2b8;border:1px solid #a87a3c73;border-radius:4px;padding:26px 18px 24px;position:relative;box-shadow:0 0 0 5px #f6efe280,0 0 0 6px #a87a3c40}.frame:before{content:"";background:var(--tatreez) repeat-x center / auto 26px;width:120px;height:26px;position:absolute;top:-13px;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.frame__title{font-family:var(--font-amiri);color:var(--ink-strong);margin:0 0 16px;font-size:24px}.countdown{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.countdown div{aspect-ratio:1;border:1px solid var(--gold-light);border-radius:50%;align-content:center;display:grid;box-shadow:inset 0 0 0 3px #f6efe2,inset 0 0 0 4px #a87a3c59}.countdown b{font-family:var(--font-latin);color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:clamp(22px,7vw,30px);font-weight:600;line-height:1}.countdown span{color:var(--ink-soft);font-size:12px}.countdown__done{font-family:var(--font-amiri);margin:0;font-size:26px}.cal__title{font-family:var(--font-amiri);color:var(--ink-strong);margin:0 0 10px;font-size:22px}.cal__grid{grid-template-columns:repeat(7,1fr);gap:4px 2px;font-size:14px;font-weight:500;display:grid}.cal__wd{color:var(--ink-soft);font-size:11px}.cal__day{height:32px;font-family:var(--font-latin);place-items:center;font-size:16px;font-weight:600;display:grid}.cal__day.is-wedding{color:#fff8ee;z-index:0;position:relative}.cal__day.is-wedding:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a8322c'/%3E%3Cstop offset='1' stop-color='%237d1717'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M12 21.2s-7.6-4.7-9.7-9.5C.8 8.2 2.8 4.3 6.6 4.3c2.3 0 3.8 1.3 5.4 3.2 1.6-1.9 3.1-3.2 5.4-3.2 3.8 0 5.8 3.9 4.3 7.4-2.1 4.8-9.7 9.5-9.7 9.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:38px;height:38px;position:absolute;top:50%;bottom:auto;left:50%;right:auto;translate:-50% -46%}.venue__name{color:var(--ink-strong);margin:0;font-size:18px;font-weight:700}.venue__hall{margin:2px 0;font-size:17px}.venue__addr{color:var(--ink-soft);margin:0;font-size:14px}.actions{gap:10px;margin-top:18px;display:grid}.btn{background:var(--ink-strong);color:#fbf4e8;transition:transform .15s var(--ease-soft);border-radius:99px;padding:13px 18px;font-size:16px;font-weight:600;text-decoration:none;display:block}.btn:active{transform:scale(.97)}.btn--ghost{color:var(--ink-strong);border:1px solid var(--ink-soft);background:0 0}.closing{justify-items:center;gap:4px;padding-top:18px;display:grid}.closing img{width:92px;height:auto;margin-bottom:10px}.closing__band{background:var(--tatreez) repeat-x center / auto 30px;width:180px;height:30px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.closing__line{font-family:var(--font-naskh);white-space:nowrap;color:var(--ink);text-shadow:none;align-items:center;gap:10px;margin:12px 0 6px;font-size:clamp(22px,6.2vw,30px);font-weight:600;line-height:1.5;display:flex}.closing__line svg{width:44px;height:22px;fill:var(--olive);opacity:.85;flex:none}.closing__line svg:last-child{scale:-1 1}.closing__names{width:100%;color:var(--ink-strong);justify-content:center;align-items:center;gap:4%;margin:0;font-size:34px;display:flex}.closing__names>span:not(.calli){font-family:var(--font-latin);color:var(--ink-soft)}
