/* =========================================
   NAGHAM EMAD — Motion & Micro-interactions
   Safe for WordPress. No JS. Accessible.
   ========================================= */

/* 0) Easy theming */
:root{
  --brand-1:#6A4CFF;      /* primary */
  --brand-2:#FF3366;      /* accent  */
  --ink:#1e1e1e;          /* text    */
  --paper:#ffffff;        /* bg      */
  --radius:18px;
  --shadow:0 10px 25px rgba(0,0,0,.12);
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important; transition:none!important;}
}

/* 1) Animated luxury gradient background (use on hero) */
.motion-hero {
  position: relative;
  color: #fff;
  background: radial-gradient(1200px 800px at 10% 0%, rgba(255,51,102,.25), transparent 60%),
              radial-gradient(900px 600px at 90% 20%, rgba(106,76,255,.25), transparent 60%),
              linear-gradient(135deg, #0e0e12, #181824 60%, #0e0e12);
  overflow: hidden;
  isolation: isolate;
}
.motion-hero::after{
  content:\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
  position:absolute; inset:-20%;
  background: conic-gradient(from 0deg, var(--brand-1), var(--brand-2), var(--brand-1));
  filter: blur(80px) saturate(140%);
  opacity:.18;
  animation: heroGlow 18s linear infinite alternate;
  z-index:-1;
}
@keyframes heroGlow{
  0%   {transform: rotate(0deg) scale(1);}
  50%  {transform: rotate(90deg) scale(1.05);}
  100% {transform: rotate(180deg) scale(1.1);}
}

/* 2) Headline shimmer (subtle) */
.shimmer {
  background: linear-gradient(90deg, currentColor 0%, rgba(255,255,255,.35) 35%, currentColor 70%);
  -webkit-background-clip:text; background-clip:text;
  color: transparent;
  animation: shimmer 2.8s ease-in-out infinite;
  background-size: 200% 100%;
}
@keyframes shimmer{
  0%   {background-position: 200% 0;}
  100% {background-position: 0 0;}
}

/* 3) Floating icons/cards (gentle Y drift) */
.float-slow { animation: floatY 6s ease-in-out infinite; }
.float-med  { animation: floatY 4.5s ease-in-out infinite; }
.float-fast { animation: floatY 3.5s ease-in-out infinite; }
@keyframes floatY{
  0%,100%{ transform: translateY(0); }
  50%    { transform: translateY(-8px); }
}

/* 4) Cards that lift on hover */
.card-vo {
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.06);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.card-vo:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: var(--shadow);
}

/* 5) Underline grow for links (great for menus/CTAs) */
.link-underline {
  position: relative; text-decoration: none; color: inherit;
}
.link-underline::after{
  content:\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"; position:absolute; left:0; bottom:-3px; height:2px; width:0;
  background: linear-gradient(90deg, var(--brand-2), var(--brand-1));
  transition: width .35s ease;
}
.link-underline:hover::after{ width:100%; }

/* 6) Pulse CTA button (breathing, not annoying) */
.btn-cta {
  display:inline-block;
  padding:.85rem 1.25rem; border-radius: 999px;
  color:#fff; background: linear-gradient(135deg, var(--brand-2), var(--brand-1));
  box-shadow: 0 10px 20px rgba(106,76,255,.25);
  transition: transform .2s ease, box-shadow .2s ease;
  animation: breathe 3.8s ease-in-out infinite;
}
.btn-cta:hover{ transform: translateY(-2px); box-shadow: 0 16px 28px rgba(106,76,255,.32); }
@keyframes breathe{
  0%,100%{ filter:saturate(110%); transform: translateY(0); }
  50%    { filter:saturate(130%); transform: translateY(-1px); }
}

/* 7) Accent wave divider (place as a section separator) */
.wave-top {
  position: relative; overflow:hidden; background: var(--paper);
}
.wave-top::before{
  content:\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
  position:absolute; left:-10%; right:-10%; top:-60px; height:120px;
  background: radial-gradient(60% 100% at 50% 120%, rgba(106,76,255,.15), transparent 70%),
              linear-gradient(90deg, rgba(255,51,102,.15), rgba(106,76,255,.15));
  transform: skewY(-2deg);
  animation: wave 12s ease-in-out infinite alternate;
}
@keyframes wave{
  0%   {transform: translateX(0) skewY(-2deg);}
  100% {transform: translateX(6%) skewY(-2deg);}
}

/* 8) Subtle reveal on first paint (for hero texts) */
.reveal-up {
  opacity:0; transform: translateY(14px);
  animation: reveal .7s cubic-bezier(.2,.8,.2,1) forwards .1s;
}
.reveal-up.delay-2 { animation-delay: .25s; }
.reveal-up.delay-3 { animation-delay: .4s; }
@keyframes reveal{
  to { opacity:1; transform: none; }
}

/* 9) Micro “audio bars” loader/badge (use near mic icon) */
.audio-bars {
  --bar:#111; --gap:3px; --w:3px; --h:10px;
  display:inline-flex; gap:var(--gap); align-items:flex-end;
}
.audio-bars span{
  width:var(--w); height:var(--h); background:var(--bar); border-radius:2px;
  animation: bars 1s ease-in-out infinite;
}
.audio-bars span:nth-child(2){ animation-delay:.1s; }
.audio-bars span:nth-child(3){ animation-delay:.2s; }
.audio-bars span:nth-child(4){ animation-delay:.3s; }
@keyframes bars{
  0%,100%{ transform: scaleY(.6); }
  50%    { transform: scaleY(1.4); }
}

/* 10) Image parallax-like hover (poster, headshot) */
.img-tilt {
  display:block; border-radius: var(--radius);
  transform-style:preserve-3d; transition: transform .4s ease, box-shadow .4s ease;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.img-tilt:hover{
  transform: perspective(800px) rotateX(4deg) rotateY(-4deg) translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.2);
}
.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-image{display:flex}.wp-block-uagb-image__figure{position:relative;display:flex;flex-direction:column;max-width:100%;height:auto;margin:0}.wp-block-uagb-image__figure img{height:auto;display:flex;max-width:100%;transition:box-shadow 0.2s ease}.wp-block-uagb-image__figure>a{display:inline-block}.wp-block-uagb-image__figure figcaption{text-align:center;margin-top:0.5em;margin-bottom:1em}.wp-block-uagb-image .components-placeholder.block-editor-media-placeholder .components-placeholder__instructions{align-self:center}.wp-block-uagb-image--align-left{text-align:left}.wp-block-uagb-image--align-right{text-align:right}.wp-block-uagb-image--align-center{text-align:center}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw;height:auto}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure img{height:auto;width:100% !important}.wp-block-uagb-image--align-wide .wp-block-uagb-image__figure img{height:auto;width:100%}.wp-block-uagb-image--layout-overlay__color-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.2;background:rgba(0,0,0,0.5);transition:opacity 0.35s ease-in-out}.wp-block-uagb-image--layout-overlay-link{position:absolute;left:0;right:0;bottom:0;top:0}.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity:1}.wp-block-uagb-image--layout-overlay__inner{position:absolute;left:15px;right:15px;bottom:15px;top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#fff;transition:0.35s ease-in-out}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.top-center,.wp-block-uagb-image--layout-overlay__inner.top-right{justify-content:flex-start}.wp-block-uagb-image--layout-overlay__inner.bottom-left,.wp-block-uagb-image--layout-overlay__inner.bottom-center,.wp-block-uagb-image--layout-overlay__inner.bottom-right{justify-content:flex-end}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.center-left,.wp-block-uagb-image--layout-overlay__inner.bottom-left{align-items:flex-start}.wp-block-uagb-image--layout-overlay__inner.top-right,.wp-block-uagb-image--layout-overlay__inner.center-right,.wp-block-uagb-image--layout-overlay__inner.bottom-right{align-items:flex-end}.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{color:#fff;transition:transform 0.35s, opacity 0.35s ease-in-out;transform:translate3d(0, 24px, 0);margin:0;line-height:1em}.wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width:30%;border-top-width:2px;border-top-color:#fff;border-top-style:solid;margin-bottom:10px;opacity:0;transition:transform 0.4s, opacity 0.4s ease-in-out;transform:translate3d(0, 30px, 0)}.wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity:0;overflow:visible;color:#fff;transition:transform 0.45s, opacity 0.45s ease-in-out;transform:translate3d(0, 35px, 0)}.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption{opacity:1;transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1.05)}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{width:calc(100% + 40px) !important;max-width:none !important;transform:translate3d(-40px, 0, 0);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-grayscale img{filter:grayscale(0%);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-grayscale:hover img{filter:grayscale(100%)}.wp-block-uagb-image--effect-blur img{filter:blur(0);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-blur:hover img{filter:blur(3px)}
.uagb-block-f33c3d9c.wp-block-uagb-image{text-align: center;justify-content: center;align-self: center;}.uagb-block-f33c3d9c .wp-block-uagb-image__figure{align-items: center;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 170px;height: auto;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}@media only screen and (max-width: 976px) {.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 170px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 170px;height: auto;}}.uagb-block-f33c3d9c.wp-block-uagb-image{text-align: center;justify-content: center;align-self: center;}.uagb-block-f33c3d9c .wp-block-uagb-image__figure{align-items: center;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 170px;height: auto;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-f33c3d9c.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}@media only screen and (max-width: 976px) {.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 170px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-f33c3d9c.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 170px;height: auto;}}