/* V28 — Arabic-safe, progressive typography across the blog home */
body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v28-headline{
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v28-headline .tyz-v28-word{
  display:inline-block;
  vertical-align:baseline;
  direction:rtl;
  white-space:nowrap;
  opacity:0;
  clip-path:inset(0 0 0 100%);
  transform:translate3d(0,7px,0);
  will-change:clip-path,transform,opacity;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v28-headline.is-v28-visible .tyz-v28-word{
  animation:tyzV28TextReveal .64s steps(var(--v28-chars,4),end) both;
  animation-delay:var(--v28-delay,0ms);
}
@keyframes tyzV28TextReveal{
  0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translate3d(0,7px,0)}
  8%{opacity:1}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}
}
/* The original top-of-section radial circle is unrelated to the chart: remove it. */
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo::before,
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__visual::before{
  content:none!important;
  display:none!important;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo{
  overflow:hidden;
  background:#fffaf1;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__visual{
  position:relative;
  isolation:isolate;
  padding-top:0!important;
  transform-style:flat!important;
  perspective:none!important;
}
/* Premium asymmetrical eight-point mask, kept inside the visual container. */
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-frame{
  position:relative;
  overflow:hidden;
  background:#081c33!important;
  border-radius:22px 22px 68px 22px!important;
  clip-path:polygon(7% 0,95% 0,100% 6%,100% 88%,93% 100%,4% 100%,0 93%,0 9%);
  box-shadow:none!important;
  height:clamp(335px,35vw,475px)!important;
  transition:filter .55s ease;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-frame > .tyz-v17-photo{
  position:absolute!important;
  inset:0;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 58%!important;
  filter:contrast(1.06) saturate(.92)!important;
  transform:scale(1.025);
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-frame:hover > .tyz-v17-photo{
  transform:scale(1.07);
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-wash{
  z-index:1!important;
  background:linear-gradient(165deg,rgba(9,28,48,.20),transparent 45%,rgba(5,21,35,.45))!important;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-label{
  z-index:5!important;
  top:26px!important;
  left:30px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,231,172,.6)!important;
  background:rgba(6,25,46,.77)!important;
  padding:11px 17px!important;
  box-shadow:0 6px 19px rgba(3,12,28,.28);
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo.is-v28-animated .tyz-v14-feature__image-label{
  animation:tyzV28Label 34s ease-in-out infinite;
  animation-play-state:paused;
}
@keyframes tyzV28Label{
  0%,1%,99%,100%{opacity:.4;transform:translateY(7px) scale(.94)}
  6%,94%{opacity:1;transform:translateY(0) scale(1)}
  97%{opacity:.22;transform:translateY(-4px) scale(.97)}
}
/* Subtle data-story overlay. Purely decorative, with no fabricated metrics. */
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart{
  position:absolute;
  z-index:3;
  inset:auto 10% 15% 10%;
  height:37%;
  pointer-events:none;
  isolation:isolate;
  overflow:hidden;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(3,20,35,.21),rgba(3,19,36,.02));
  border:1px solid rgba(133,205,225,.11);
  box-shadow:inset 0 -1px rgba(154,233,250,.15);
  opacity:.78;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__grid{
  position:absolute;inset:8% 0 0;
  background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),rgba(160,226,234,.14) 25%);
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__bars{
  position:absolute;
  inset:10% 5% 8%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:clamp(2px,.6vw,7px);
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__bars span{
  flex:1 1 0;
  min-width:0;
  display:block;
  height:var(--v28-h,70%);
  border-radius:3px 3px 0 0;
  transform:scaleY(.012);
  transform-origin:center bottom;
  opacity:.1;
  background:linear-gradient(180deg,#71eeef 0%,#26b0d6 58%,rgba(30,150,205,.5) 100%);
  box-shadow:0 0 12px rgba(53,219,243,.27);
  animation:tyzV28Bars 34s cubic-bezier(.2,.7,.2,1) infinite;
  animation-delay:calc(var(--v28-i) * 110ms);
  animation-play-state:paused;
}
@keyframes tyzV28Bars{
  0%,1%{transform:scaleY(.012);opacity:0}
  8%,92%{transform:scaleY(1);opacity:.8}
  96%,100%{transform:scaleY(.012);opacity:0}
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__line{
  position:absolute;
  width:120%;
  height:2px;
  bottom:34%;
  left:-10%;
  opacity:.2;
  border-radius:100px;
  background:linear-gradient(90deg,transparent,#f4c575,#9be4f5,transparent);
  transform:rotate(-7deg);
  box-shadow:0 0 12px #f9d18b;
  animation:tyzV28GraphTrace 34s linear infinite;
  animation-play-state:paused;
}
@keyframes tyzV28GraphTrace{
  0%,4%,98%,100%{opacity:0;clip-path:inset(0 100% 0 0)}
  15%,88%{opacity:.7;clip-path:inset(0 0 0 0)}
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo.is-v28-animated .tyz-v28-chart__bars span,
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo.is-v28-animated .tyz-v28-chart__line,
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo.is-v28-animated .tyz-v14-feature__image-label{animation-play-state:running;}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__overline{
  display:inline-flex!important;
  max-width:100%;
  flex-wrap:wrap;
  align-items:baseline!important;
  gap:.24em!important;
  position:relative;
  min-height:1.9em;
  margin:0 0 16px!important;
  color:#9d742c!important;
  font-size:clamp(14px,1.3vw,19px)!important;
  font-weight:850!important;
  line-height:1.7!important;
  direction:rtl;
  transform-origin:center right;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__overline::before{
  content:""!important;
  display:block;
  align-self:center;
  width:30px;
  height:2px;
  flex:0 0 30px;
  background:#c29a51;
  margin-inline-end:7px;
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-slogan-word{
  display:inline-block;
  white-space:nowrap;
  opacity:1;
  transform-origin:center right;
  animation:tyzV28Slogan 34s ease-in-out infinite;
  animation-delay:calc(var(--v28-index) * 110ms);
  animation-play-state:paused;
  will-change:opacity,transform,filter;
}
@keyframes tyzV28Slogan{
  0%,1%{opacity:0;transform:translateY(9px) scale(.78);filter:blur(5px)}
  7%,93%{opacity:1;transform:translateY(0) scale(1.1);filter:blur(0)}
  95%{opacity:1;transform:translateY(0) scale(1.1);filter:blur(0)}
  99%,100%{opacity:0;transform:translateY(-5px) scale(.93);filter:blur(4px)}
}
body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo.is-v28-animated .tyz-v28-slogan-word{animation-play-state:running;}
@media(max-width:780px){
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-frame{
  height:min(74vw,400px)!important;
  border-radius:16px 16px 42px 16px!important;
  clip-path:polygon(6% 0,96% 0,100% 7%,100% 90%,93% 100%,3% 100%,0 92%,0 8%);
 }
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart{inset:auto 8% 14% 8%;height:38%}
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-label{top:18px!important;left:20px!important}
}
@media(max-width:480px){
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-frame{height:75vw!important}
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__overline{font-size:14px!important}
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart{inset:auto 5% 13% 5%;height:34%}
}
/* Always preserve accessible content and respect reduced-motion. */
@media(prefers-reduced-motion:reduce){
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v28-headline .tyz-v28-word{
   opacity:1!important;clip-path:none!important;transform:none!important;animation:none!important;will-change:auto!important;
 }
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-slogan-word,
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__bars span,
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__line,
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v14-feature__image-label{
   animation:none!important;filter:none!important;transform:none!important;opacity:1!important;will-change:auto!important;
 }
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v28-seo .tyz-v28-chart__bars span{opacity:.45!important;transform:scaleY(1)!important}
}