/* WASSIMVISUALS V3.0.3 — The Creative Perspective
   No global layout overrides. Sticky visual is scoped to the home-page interlude. */
body.wv3 .wv-vision-reel{
  position:relative; height:360vh; height:360svh;
  margin:0; padding:0; isolation:isolate;
  background:#c4c6c3;
}
body.wv3 .wv-vision-stage{
  position:sticky; top:0; display:block;
  width:100%; height:100vh; height:100svh;
  min-height:430px; overflow:hidden; isolation:isolate;
  background:radial-gradient(ellipse at 78% 18%,#f1f2ef 0%,#d0d3cf 34%,#a2a8a4 87%,#8e9390 100%);
  color:#1b1d1b;
}
.wv-vision-atmosphere,.wv-vision-grid,.wv-vision-halo{position:absolute;inset:0;pointer-events:none}
.wv-vision-atmosphere{z-index:0;overflow:hidden}
.wv-vision-grid{
  opacity:.29;
  background-image:linear-gradient(90deg,transparent calc(25% - .5px),#fff9 25%,transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),#fff9 75%,transparent calc(75% + .5px));
}
.wv-vision-halo{
  left:59%;top:-38%;width:64vw;height:64vw;min-width:450px;min-height:450px;
  border-radius:50%;background:radial-gradient(circle,#fff9 0%,#fff2 44%,transparent 70%);
}
.wv-vision-stage:after{
  position:absolute;z-index:1;inset:0;content:'';pointer-events:none;opacity:.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23grain)' opacity='.29'/%3E%3C/svg%3E");
  background-size:130px 130px;
}
.wv-vision-topline,.wv-vision-footer{
  position:absolute;z-index:6;inset-inline:clamp(22px,5.3vw,96px);
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:750;
}
.wv-vision-topline{top:clamp(27px,5.5vh,55px);padding-bottom:15px;border-bottom:1px solid #20242038}
.wv-vision-topline span:last-child{color:#4b514d}
.wv-vision-core{
  position:absolute;z-index:3;top:16%;bottom:14%;left:0;right:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:0 clamp(22px,6vw,110px);
}
.wv-vision-small-number{font-size:11px;letter-spacing:.28em;font-weight:750;color:#545954;margin-bottom:clamp(22px,3.6vh,45px);direction:ltr}
.wv-vision-headlines{position:relative;width:min(1290px,100%);height:clamp(175px,22vw,320px);display:grid;place-items:center;perspective:1200px}
.wv-vision-headline{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--wv3-font),Inter,Arial,sans-serif;font-size:clamp(53px,8.15vw,144px);font-weight:830;letter-spacing:-.085em;line-height:.95;
  overflow-wrap:break-word;
  opacity:0;visibility:hidden;transform:translate3d(0,34px,0) rotateX(-6deg);filter:blur(5px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .62s ease,visibility 0s linear .7s;
}
.wv-vision-headline.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0) rotateX(0);filter:none;transition-delay:0s}
.wv-vision-underline{width:75px;height:1px;background:#2b2d2b4a;margin-top:clamp(32px,5vh,70px);overflow:hidden}
.wv-vision-underline span{display:block;height:100%;width:100%;background:#222}
.wv-vision-footer{bottom:clamp(28px,6vh,64px);border-top:1px solid #20242038;padding-top:18px}
.wv-vision-hint{max-width:260px}.wv-vision-scroll-note{color:#414541}.wv-vision-counter{font-size:12px;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.wv-vision-steps{display:flex;align-items:center;gap:7px;margin-inline-start:auto;margin-inline-end:24px}
.wv-vision-step{width:25px;height:3px;border-radius:4px;background:#1e211e45;transition:background .4s,width .4s}
.wv-vision-step.is-active{width:44px;background:#1e211e}
/* Pointer-follow artwork: it never captures clicks or wheel events. */
.wv-vision-follower{
  position:absolute;top:0;left:0;z-index:5;pointer-events:none;
  width:clamp(165px,21.5vw,350px);
  aspect-ratio: .81;
  transform:translate3d(-900px,-900px,0) rotate(-6deg);
  opacity:0;visibility:hidden;
  filter:drop-shadow(0 34px 42px #181a184d);
  transition:opacity .24s ease,visibility .24s ease;
}
.wv-vision-stage.is-pointer-active .wv-vision-follower{opacity:1;visibility:visible}
.wv-vision-photo-mat{position:relative;height:calc(100% - 19px);padding:8px;border-radius:12px;overflow:hidden;background:#eaebe8;border:1px solid #ffffffc8;box-shadow:inset 0 0 1px #fff}
.wv-vision-photo{position:absolute;inset:8px!important;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;filter:grayscale(1) contrast(1.06);border-radius:6px;opacity:0;transform:scale(1.075);transition:opacity .45s ease,transform .7s ease}
.wv-vision-photo.is-active{opacity:1;transform:scale(1)}
.wv-vision-photo-grain{position:absolute;inset:8px;opacity:.17;mix-blend-mode:multiply;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0001 4px 5px)}
.wv-vision-photo-caption{font-weight:750;font-size:9px;letter-spacing:.14em;line-height:19px;display:block;text-align:center;color:#292c29;direction:ltr}
html[lang="ar"] .wv-vision-headline{font-family:var(--wv3-font),"Alexandria",Tahoma,sans-serif;letter-spacing:0;font-size:clamp(46px,6.2vw,106px);font-weight:750;line-height:1.38}
html[lang="ar"] :is(.wv-vision-topline,.wv-vision-footer){letter-spacing:0;font-family:var(--wv3-font),Tahoma,sans-serif;font-weight:650}
html[lang="ar"] .wv-vision-counter{direction:ltr}
/* On tablets and touch screens, use a beautifully placed static artwork rather than following a non-existent cursor. */
@media (hover:none),(pointer:coarse), (max-width:850px){
  .wv-vision-headlines{height:clamp(170px,27vh,290px)}
  .wv-vision-core{top:11%;bottom:22%}
  .wv-vision-headline{font-size:clamp(49px,9.5vw,91px)}
  .wv-vision-follower{width:clamp(135px,23vw,205px);left:auto;top:auto;right:clamp(25px,12vw,125px);bottom:13%;transform:rotate(8deg);opacity:.77;visibility:visible}
  .wv-vision-photo-mat{background:#e9eae6}
  .wv-vision-hint{display:none}
}
@media (max-width:600px){
  body.wv3 .wv-vision-reel{height:315svh}
  body.wv3 .wv-vision-stage{min-height:0}
  .wv-vision-topline,.wv-vision-footer{inset-inline:23px;font-size:9px;letter-spacing:.09em}
  .wv-vision-topline{top:24px}.wv-vision-topline span:last-child{max-width:105px;text-align:end}
  .wv-vision-core{top:11%;bottom:28%;padding-inline:24px}
  .wv-vision-headlines{height:clamp(150px,27vh,250px)}
  .wv-vision-headline{font-size:clamp(41px,10.6vw,68px);line-height:1.05;letter-spacing:-.06em}
  html[lang="ar"] .wv-vision-headline{font-size:clamp(36px,8.5vw,55px);line-height:1.48;letter-spacing:0}
  .wv-vision-small-number{font-size:9px;margin-bottom:12px}
  .wv-vision-underline{margin-top:20px}
  .wv-vision-follower{width:clamp(105px,33vw,152px);bottom:10%;right:clamp(28px,22vw,110px);transform:rotate(7deg);opacity:.65}
  .wv-vision-footer{bottom:22px;padding-top:12px;gap:8px}
  .wv-vision-steps{margin-inline-start:auto;margin-inline-end:0}
  .wv-vision-step{width:16px}.wv-vision-step.is-active{width:25px}
  .wv-vision-scroll-note{display:none}
}
/* Full accessibility fallback: every sentence is shown and read naturally with ordinary scrolling. */
@media (prefers-reduced-motion:reduce){
 body.wv3 .wv-vision-reel{height:auto!important}
 body.wv3 .wv-vision-stage{position:relative;height:auto;min-height:0;overflow:visible;padding:105px 22px 115px}
 .wv-vision-topline,.wv-vision-footer{position:relative;inset:auto;width:100%;padding:15px 0}
 .wv-vision-core{position:relative;inset:auto;padding:55px 0;display:block}
 .wv-vision-headlines{height:auto;display:flex;flex-direction:column;gap:48px}
 .wv-vision-headline,.wv-vision-headline.is-active{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;filter:none;transition:none;font-size:clamp(38px,5vw,78px)}
 .wv-vision-follower,.wv-vision-halo{display:none!important}
 .wv-vision-steps{display:none}
}
/* If JavaScript cannot execute, retain a readable simple first scene, no forced 3-screen blank tail. */
html:not(.wv-vision-ready) body.wv3 .wv-vision-reel{height:auto;min-height:100svh}
html:not(.wv-vision-ready) body.wv3 .wv-vision-stage{position:relative;min-height:100svh}
html:not(.wv-vision-ready) .wv-vision-follower{opacity:.45;visibility:visible;transform:translate3d(60vw,53vh,0) rotate(9deg)}
/* Admin-only supplements */
.wv-vision-admin-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0}
.wv-vision-admin-item{min-width:0;display:flex;flex-direction:column;gap:8px}
.wv-vision-admin-item label{margin:0;font-size:12px}
.wv-vision-admin-item img{width:100%;height:145px;object-fit:cover;border-radius:10px;background:#ddd}
.wv-vision-admin-item input{width:100%;font-size:11px}
@media(max-width:780px){.wv-vision-admin-media{grid-template-columns:1fr}}
