.story{--ink:rgb(var(--mosque-ink));--ink-soft:#0b2e38;--gold:rgb(var(--mosque-gold));--paper:#f4f8f9;--paper-muted:#b0c2c9;--paper-dim:#92a8b0;--water:#5ac8dc;--rule:hsla(0,0%,100%,.14);position:relative;isolation:isolate;background:var(--ink);color:var(--paper);overflow-x:clip}.story-bleed-top{margin-top:calc(-5rem - var(--announcement-h, 0px))}.story ::-moz-selection{background:var(--gold);color:rgb(var(--mosque-ink))}.story ::selection{background:var(--gold);color:rgb(var(--mosque-ink))}.story-shell{width:min(100% - 2.5rem,78rem);margin-inline:auto}.story-narrow{width:min(100% - 2.5rem,46rem);margin-inline:auto}.story-kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.story-kicker:before{content:"";width:1.75rem;height:1px;background:currentColor}.story-display{font-weight:900;line-height:1.04;letter-spacing:-.03em;text-wrap:balance;hyphens:none}.story-serif{font-family:var(--font-amiri),Georgia,serif;font-style:italic;letter-spacing:0}.story-body{color:var(--paper-muted);font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.75}.story-body b,.story-body strong{color:var(--paper);font-weight:600}.story-muted{color:var(--paper-muted)}.story-dim{color:var(--paper-dim)}.story-grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:story-grain-shift .7s steps(1) infinite}@keyframes story-grain-shift{0%{transform:translateZ(0)}25%{transform:translate3d(-2%,1%,0)}50%{transform:translate3d(1%,-2%,0)}75%{transform:translate3d(-1%,-1%,0)}to{transform:translate3d(2%,1%,0)}}.story-figure{position:relative;overflow:hidden;background-color:var(--ink-soft);background-size:cover;background-position:50%}.story-figure img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .9s ease}.story-figure img[data-loaded=true]{opacity:1}.story-figure[data-motion=kenburns] img{transform:scale(calc(1.06 + var(--p, 0) * .09));transform-origin:center;will-change:transform}.story-figure[data-motion=parallax] img{transform:scale(1.16) translate3d(0,calc((var(--p, .5) - .5) * -6%),0);will-change:transform}.story-render-badge{position:absolute;top:.75rem;left:.75rem;z-index:1;border-radius:999px;border:1px solid rgb(var(--mosque-gold)/.55);background:rgb(var(--mosque-ink)/.85);padding:.3rem .7rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);backdrop-filter:blur(6px)}.story-caption{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline;font-size:.75rem;line-height:1.5;color:var(--paper-muted)}.story-caption .story-credit{color:var(--paper-dim)}.story-caption a{color:inherit;text-decoration:underline;text-underline-offset:2px}.story-caption a:hover{color:var(--gold)}.story-hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden}.story-hero-media{position:absolute;inset:0;z-index:-2}.story-hero-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(calc(1.08 + var(--p, 0) * .12)) translate3d(0,calc(var(--p, 0) * -4%),0);will-change:transform}.story-hero-veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 20% 100%,rgb(var(--mosque-ink)/.94),transparent 62%),linear-gradient(to top,rgb(var(--mosque-ink)) 2%,rgb(var(--mosque-ink)/.55) 38%,rgb(var(--mosque-ink)/.25) 70%,rgb(var(--mosque-ink)/.55))}.story-hero-title{font-size:clamp(3.25rem,13vw,12rem);line-height:.94}.story-letter{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.22em;margin-bottom:-.22em}.story-letter>span{display:inline-block;transform:translateY(105%);animation:story-letter-rise 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,0ms)}@keyframes story-letter-rise{to{transform:translateY(0)}}.story-fade-up{opacity:0;transform:translateY(1.25rem);animation:story-fade-up 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,0ms)}@keyframes story-fade-up{to{opacity:1;transform:none}}.story-scrollcue{width:1px;height:3.5rem;background:hsla(0,0%,100%,.25);position:relative;overflow:hidden}.story-scrollcue:after{content:"";position:absolute;inset-inline:0;height:45%;background:var(--gold);animation:story-cue 2.1s cubic-bezier(.65,0,.35,1) infinite}@keyframes story-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(320%)}}.story-reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms)}.story-reveal[data-shown=true]{opacity:1;transform:none}.story-map-town{fill:var(--gold);fill-opacity:clamp(0,calc(var(--p, 0) * 4),.48)}.story-map-water{fill:none;stroke:var(--water);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,800);stroke-dashoffset:calc(var(--len, 800) * (1 - clamp(0, calc((var(--p, 0) - .1) * 2.6), 1)))}.story-map-core{fill:var(--gold);opacity:clamp(0,calc((var(--p, 0) - .42) * 6),1)}.story-map-ring{fill:none;stroke:var(--gold);stroke-width:2;stroke-opacity:clamp(0,calc((var(--p, 0) - .46) * 5),.45)}.story-route-track{stroke-dasharray:var(--len,1000);stroke-dashoffset:calc(var(--len, 1000) * (1 - var(--p, 0)))}.story-route-stop{cursor:pointer;background:none;border:0;padding:0;color:inherit}.story-route-stop .dot{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease}.story-route-stop:focus-visible .dot,.story-route-stop:hover .dot{transform:scale(1.9);background-color:var(--gold)}.story-route-name{hyphens:none;overflow-wrap:normal}.story-route-stop:focus-visible .story-route-name,.story-route-stop:focus-visible .story-route-year,.story-route-stop:hover .story-route-name,.story-route-stop:hover .story-route-year{color:var(--paper)}.story-chapter{position:relative;padding-block:clamp(5rem,12vh,9rem);scroll-margin-top:6rem}.story-yearmark{font-size:clamp(4.5rem,16vw,13rem);font-weight:900;line-height:.85;letter-spacing:-.04em;color:#3e6472;transform:translate3d(0,calc((var(--p, .5) - .5) * -3rem),0);will-change:transform;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:1024px){.story-sticky-media{position:sticky;top:calc(5.5rem + var(--announcement-h, 0px));height:calc(100svh - 7rem - var(--announcement-h, 0px));display:flex;align-items:center}}.story-fact{border-top:1px solid var(--rule);padding-top:.85rem}.story-fact-value{font-size:clamp(1.5rem,1.2rem + 1vw,2.25rem);font-weight:800;letter-spacing:-.02em;color:var(--gold);line-height:1.05}.story-fact-label{margin-top:.3rem;font-size:.75rem;line-height:1.5;color:var(--paper-muted)}.story-quiet{background:#04181e;border-block:1px solid var(--rule)}.story-quiet .story-fact-value{color:var(--paper)}.story-strip-viewport{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}.story-strip-rail{display:flex;gap:clamp(1rem,2vw,2rem);padding-inline:clamp(1.25rem,6vw,8rem);transform:translate3d(calc(var(--p, 0) * var(--shift, 0px) * -1),0,0);will-change:transform}.story-strip-card{flex:0 0 auto;width:clamp(15rem,34vw,27rem)}@media (max-width:767px){.story-strip-viewport{position:static;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.story-strip-rail{transform:none}.story-strip-card{width:78vw;scroll-snap-align:center}}.story-rail{position:fixed;right:clamp(.75rem,2vw,1.75rem);top:50%;translate:0 -50%;z-index:40;display:none;flex-direction:column;align-items:flex-end;gap:.75rem}@media (min-width:1024px){.story-rail{display:flex}}.story-rail-line{width:1px;height:8rem;background:hsla(0,0%,100%,.18);position:relative}.story-rail-line:after{content:"";position:absolute;inset-inline:-1px;top:0;height:calc(var(--p, 0) * 100%);background:var(--gold)}.story-ayah{font-family:var(--font-amiri),serif;line-height:2.9!important}.story-reveal-section{min-height:320svh;position:relative}.story-reveal-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;background:var(--ink)}.story-reveal-photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:clamp(0,calc((var(--p, 0) - .74) * 5),1)}.story-reveal-type{position:relative;z-index:1;font-size:clamp(5.5rem,27vw,24rem);font-weight:900;letter-spacing:-.04em;line-height:1;text-align:center;--s:calc(1 + var(--p, 0) * 15);transform:scale(var(--s));transform-origin:center;will-change:transform;background-image:var(--img),var(--lqip);background-size:calc(140vw / var(--s)) auto;background-position:50%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:clamp(0,calc((.9 - var(--p, 0)) * 6),1)}.story-reveal-caption{position:absolute;z-index:2;bottom:clamp(2rem,8vh,5rem);left:50%;translate:-50% 0;width:min(100% - 3rem,34rem);text-align:center;color:var(--paper);text-shadow:0 2px 24px rgb(var(--mosque-ink)/.9);opacity:clamp(0,calc((var(--p, 0) - .8) * 5),1)}.story-group-label{display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--paper)}.story-group-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--paper)}.story-group-dot--plan{background:none;border:1px solid var(--gold)}.story-echo{position:relative;border-top:1px solid var(--rule);padding-top:2rem}.story-echo-index{position:absolute;top:1.6rem;right:0;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--gold)}.story-echo-pair{display:grid;gap:1.5rem;align-items:start}.story-echo-link{display:block;justify-self:center;width:1px;height:1.75rem;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}@media (min-width:900px){.story-echo-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:2.5rem;align-items:center}.story-echo-link{width:3.5rem;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}}.story-echo-note{margin-top:1.5rem;font-size:clamp(1.05rem,.95rem + .5vw,1.5rem);line-height:1.5;color:var(--paper);text-wrap:balance}.story-braid-item{border-top:1px solid var(--rule);padding-block:1.15rem}.story-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:var(--paper);transition:border-color .25s ease,background-color .25s ease,color .25s ease}.story-pill:focus-visible,.story-pill:hover{border-color:var(--gold);background:rgb(var(--mosque-gold)/.14);color:var(--gold)}.story-marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.story-marquee>div{display:flex;flex:0 0 auto;gap:3rem;padding-right:3rem;animation:story-marquee 38s linear infinite}@keyframes story-marquee{to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.story-grain{animation:none}.story-figure[data-motion] img,.story-hero-media img,.story-strip-rail,.story-yearmark{transform:none!important}.story-reveal-section{min-height:100svh}.story-reveal-type{display:none}.story-reveal-caption,.story-reveal-photo{opacity:1!important}.story-figure[data-motion=parallax] img{transform:scale(1.16)!important}.story-fade-up,.story-letter>span{animation:none;opacity:1;transform:none}.story-reveal{transition-duration:1ms;transition-delay:0ms}.story-marquee>div,.story-scrollcue:after{animation:none}.story-map-water,.story-route-track{stroke-dashoffset:0}}