.reel{width:100%;margin:0}.reel-frame{aspect-ratio:9/16;border-radius:var(--radius-l);background:var(--plum);isolation:isolate;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2a122214,0 40px 80px -36px #2a12228c}.reel-video{object-fit:cover;width:100%;height:100%}.reel-toggle{inset-inline-end:14px;z-index:2;cursor:pointer;width:48px;height:48px;color:var(--plum);transition:transform .2s var(--ease-out), background-color .2s;background:#fbf3eaeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:14px;box-shadow:0 6px 18px #2a122240}.reel-toggle[hidden]{display:none}.reel-toggle:hover{background:var(--cream);transform:scale(1.06)}.reel-toggle:focus-visible{box-shadow:0 0 0 3px var(--plum), 0 0 0 6px var(--cream);outline:3px solid #0000}.reel-icon{width:16px;height:16px;position:relative}.reel-icon:before,.reel-icon:after{content:"";background:currentColor;height:16px;position:absolute;top:0}.reel-icon:before{clip-path:polygon(0 0,100% 50%,0 100%);width:14px;inset-inline-start:2px}.reel-icon:after{display:none}[data-playing=true] .reel-icon:before{clip-path:none;border-radius:1px;width:4px;inset-inline-start:2px}[data-playing=true] .reel-icon:after{border-radius:1px;width:4px;display:block;inset-inline-start:10px}.reel figcaption{font-size:var(--step--1);color:var(--fg-soft,var(--plum-soft));gap:4px;max-width:34ch;margin-top:16px;line-height:1.5;display:grid}.reel-title{font-family:var(--font-display);color:var(--fg,var(--plum));font-weight:600}.theme-plum .reel-frame,.theme-bougainvillea .reel-frame{box-shadow:0 0 0 1px #fbf3ea38,0 50px 90px -40px #0000008c}.hero{padding-block:clamp(16px,3vw,40px) clamp(80px,10vw,140px)}.hero-grid{grid-template-columns:minmax(0,1fr) clamp(250px,27vw,372px);align-items:center;gap:clamp(36px,6vw,104px);display:grid}.hero-title{letter-spacing:-.045em;font-size:clamp(2.3rem,.9rem + 6vw,6.1rem);font-weight:700;line-height:.98;display:grid}.hero-line{display:block}.hero-title .and{vertical-align:-.3em;height:.95em;margin-inline-start:.04em}.hero-intro{max-width:30ch;font-size:var(--step-1);color:var(--fg-soft);margin-top:clamp(24px,3vw,36px);line-height:1.5}.hero-actions{margin-top:clamp(28px,3.5vw,40px)}.hero-note{color:var(--fg-soft);margin-top:18px}.hero-reel figcaption{color:var(--fg-soft)}.hero-reel .reel-title{color:var(--fg)}@media (prefers-reduced-motion:no-preference){.hero-line,.hero-intro,.hero-actions,.hero-note{animation:rise .9s var(--ease-out) both}.hero-line:nth-child(2){animation-delay:80ms}.hero-line:nth-child(3){animation-delay:.16s}.hero-line:nth-child(4){animation-delay:.3s}.hero-intro{animation-delay:.42s}.hero-actions{animation-delay:.5s}.hero-note{animation-delay:.58s}.hero-title .and{animation:and-in .7s var(--ease-swing) both}.hero-line:first-child .and{animation-delay:.42s}.hero-line:nth-child(2) .and{animation-delay:.56s}.hero-reel{animation:reel-in 1.1s var(--ease-out) .2s both}}@keyframes rise{0%{opacity:0;transform:translateY(.45em)}}@keyframes and-in{0%{opacity:0;transform:translateY(-.25em)scale(.55)}}@keyframes reel-in{0%{opacity:0;transform:translateY(40px)scale(.96)}}.wa-grid,.detour-grid,.maadi-grid{align-items:center;gap:clamp(40px,7vw,120px);display:grid}.wa-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.wa-mark{width:auto;height:clamp(150px,20vw,280px);margin-bottom:clamp(24px,3vw,40px)}.wa-copy h2{max-width:13ch}.wa-copy .lead{max-width:34ch;margin-top:28px}.wa-stack{justify-items:center;margin:0;padding:0;list-style:none;display:grid}.wa-stack li{justify-items:center;display:grid}.wa-stack .plaque{border-radius:18px;justify-items:center;min-width:clamp(13rem,22vw,18rem);padding:18px 32px 20px;font-size:1.05rem;font-weight:500;line-height:1.25;display:grid}.wa-stack .plaque [lang=ar]{font-size:clamp(1.8rem,2.6vw,2.5rem);font-weight:700}.wa-joint{width:auto;height:clamp(44px,4.4vw,60px);margin-block:10px}[lang=ar]{font-family:var(--font-display);letter-spacing:0}.detour-grid{grid-template-columns:clamp(240px,25vw,340px) minmax(0,1fr)}.detour-list{gap:14px;margin:clamp(28px,4vw,44px) 0;padding:0;list-style:none;display:grid}.detour-list li{font-family:var(--font-display);font-size:var(--step-1);align-items:center;gap:16px;font-weight:500;display:flex}.detour-list .plaque{text-align:center;min-width:9.5rem}.sides-title{max-width:12ch;margin-bottom:clamp(40px,5vw,64px)}.sides-grid{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);display:grid}.side{border-radius:var(--radius-l);flex-direction:column;gap:18px;padding:clamp(28px,4vw,56px);display:flex}.side-head{font-family:var(--font-display);align-items:center;gap:14px;font-weight:600;display:flex}.side-head img{width:56px;height:56px}.side h3{font-size:var(--step-2)}.side-points{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:22px 28px;margin:12px 0 0;padding-top:24px;display:grid}.theme-plum .side-points{border-top-color:#fbf3ea2e}.side-points dt{font-family:var(--font-display);font-weight:600}.side-points dd{color:var(--fg-soft);font-size:var(--step--1);margin:4px 0 0;line-height:1.55}.side-note{margin-top:auto;padding-top:12px}.side .button{align-self:flex-start}.maadi-grid{grid-template-columns:minmax(0,1fr) clamp(240px,25vw,340px)}.maadi-copy .lead{margin-top:24px}.districts{flex-wrap:wrap;gap:12px;margin:36px 0 20px;padding:0;list-style:none;display:flex}.districts .plaque{justify-items:center;padding:10px 20px 11px;font-size:.85rem;font-weight:500;line-height:1.3;display:grid}.districts .plaque [lang=ar]{font-size:1.3rem;font-weight:700}.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq-grid>div:first-child{justify-items:start;gap:20px;display:grid}@media (width<=860px){.hero-grid,.wa-grid,.detour-grid,.maadi-grid,.sides-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.hero-reel,.detour-reel,.maadi-reel{width:min(100%,340px)}.hero-reel{justify-self:center}.detour-reel{order:2}}