:root{--ivory: #f9f4ec;--warm-white: #fffdf9;--blush: #f5e4e8;--lavender: #ece7f5;--gold: rgba(218, 184, 111, .32);--ink: #352c2a;--muted: rgba(53, 44, 42, .78);--panel: rgba(255, 255, 255, .38)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(255,241,217,.65),transparent 42%),radial-gradient(circle at 78% 6%,rgba(244,228,234,.65),transparent 44%),linear-gradient(170deg,var(--warm-white),var(--ivory) 52%,#faf6ff 100%);font-family:Cormorant Garamond,Times New Roman,serif;overflow-x:hidden}.scene{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.layer{position:absolute;border-radius:50%;filter:blur(.5px)}.glow-one{width:60vmax;height:60vmax;top:-22vmax;left:-18vmax;background:radial-gradient(circle,rgba(255,231,188,.62),transparent 68%)}.glow-two{width:50vmax;height:50vmax;bottom:-20vmax;right:-14vmax;background:radial-gradient(circle,rgba(226,206,238,.42),transparent 70%)}.floral-texture{top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:0;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 80% 40%,rgba(255,250,240,.7) 0 3px,transparent 4px),radial-gradient(circle at 50% 78%,rgba(246,229,236,.6) 0 2px,transparent 3px);opacity:.55}#particle-field{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;width:6px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffffff2,#ffdcc866);animation:drift linear infinite}@keyframes drift{0%{transform:translateZ(0) scale(.85);opacity:0}20%{opacity:.9}50%{opacity:.55}to{transform:translate3d(18px,-120px,0) scale(1.35);opacity:0}}.controls{position:fixed;top:.85rem;inset-inline:.85rem;display:flex;gap:.45rem;justify-content:flex-end;z-index:30}.control-btn{border:1px solid rgba(117,101,86,.24);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border-radius:999px;padding:.46rem .8rem;font-size:.86rem;font-family:Cormorant Garamond,Times New Roman,serif;letter-spacing:.04em;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.control-btn:hover,.control-btn:focus-visible{outline:none;transform:translateY(-1px);background:#ffffffa8}.control-btn.is-active{background:#f8eddbd1}.control-btn[disabled]{cursor:not-allowed;opacity:.45}.story-section{min-height:100svh;display:grid;place-items:center;padding:5.75rem 1.2rem 2.3rem}.section-inner{max-width:min(760px,92vw);width:100%;background:linear-gradient(160deg,#ffffff73,#ffffff2e);border-radius:20px;border:1px solid rgba(196,169,139,.22);padding:clamp(1.3rem,5vw,2.8rem);box-shadow:0 20px 52px #5c483a1a,inset 0 1px #ffffffb3}.section-inner p,.section-inner h1{margin:0}[data-lang]{display:none}html[data-language=ar] [data-lang=ar],html[data-language=fr] [data-lang=fr]{display:block}html[data-language=ar] .section-inner{font-family:Amiri,Times New Roman,serif;font-size:clamp(1.56rem,6.15vw,2.38rem);line-height:1.75;text-align:center}html[data-language=fr] .section-inner{font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(1.43rem,4.68vw,2.05rem);line-height:1.58;text-align:center}.line-tight{margin-bottom:.5rem}.verses .section-inner{font-size:clamp(1.17rem,3.9vw,1.82rem)}.verse{margin-top:1.05rem}.verse-ref{margin-top:.2rem;color:var(--muted);font-size:.78em}.name-intro{margin-bottom:1rem}.name{font-size:clamp(2.5rem,10vw,6rem);margin-top:1.1rem;letter-spacing:.14em}html[data-language=ar] .name{letter-spacing:.08em}.glow{text-shadow:0 0 12px rgba(255,240,209,.95),0 0 34px rgba(248,212,132,.52);animation:breathing-glow 3.6s ease-in-out infinite}@keyframes breathing-glow{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .85s ease,transform .85s ease}.reveal.is-visible{opacity:1;transform:translateZ(0)}.story-section.is-current .section-inner{border-color:#caa87673;box-shadow:0 22px 62px #583e2c24,inset 0 1px #ffffffd1}@media (min-width: 768px){.controls{top:1.15rem;inset-inline:1.2rem}.story-section{padding:6rem 2rem 3rem}.control-btn{font-size:1rem;padding:.52rem 1rem}}