/* Tamiyouz Alrowad cinematic scroll — 2026-10-28.
   Progressive enhancement. No new images, fonts, effects libraries or fixed event loops. */
.tyz-cine-track{position:relative}
.tyz-cine-chapters,.tyz-cine-rail{display:none}
@media (min-width:981px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html[data-tyz-cine="1"] body .tyz-cine-track{
    position:relative;
    height:max(1470px,210svh);
  }
  html[data-tyz-cine="1"] body .tyz-cine-track > section.hero{
    position:sticky!important;
    top:0;
    width:100%;
    isolation:isolate;
  }
  html body .tyz-cine-ready .hero-copy{
    opacity:var(--tyz-cine-intro,1)!important;
    transform:translate3d(0,calc((1 - var(--tyz-cine-intro,1)) * -32px),0)!important;
    transition:none!important;
    will-change:opacity,transform;
  }
  .tyz-cine-ready .tyz-cine-chapters{
    position:absolute;
    inset:0;
    z-index:5;
    display:block;
    overflow:hidden;
    pointer-events:none;
  }
  .tyz-cine-ready .tyz-cine-chapter{
    position:absolute;
    top:50%;
    inset-inline-start:max(6%,calc((100% - 1180px)/2));
    width:min(580px,64%);
    padding:18px 4px 24px;
    color:var(--text,#f7f8fa);
    text-align:start;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0,38px,0);
    transition:none!important;
  }
  .tyz-cine-ready .tyz-cine-chapter.is-visible{visibility:visible}
  .tyz-cine-ready .tyz-cine-chapter.is-active{pointer-events:auto}
  .tyz-cine-chapter .tyz-cine-overline{
    display:inline-flex;
    gap:12px;
    align-items:center;
    color:#d8b56e;
    font:800 12px/1.8 Cairo,sans-serif;
    letter-spacing:.035em;
    margin-bottom:15px;
  }
  .tyz-cine-chapter .tyz-cine-overline:before{
    content:"";width:32px;height:1px;background:#d8b56e;display:block;
  }
  .tyz-cine-chapter h2{
    color:#f7f9ff;
    font:900 clamp(36px,4.1vw,62px)/1.43 Cairo,sans-serif;
    margin:0 0 18px;
    letter-spacing:-.04em;
    text-wrap:balance;
  }
  .tyz-cine-chapter h2 em{color:#d8b56e;font-style:normal}
  .tyz-cine-chapter p{
    font:600 15px/2 Cairo,sans-serif;
    max-width:480px;
    color:#e0e6ed;
    margin:0 0 24px;
  }
  .tyz-cine-chapter .tyz-cine-actions{display:flex;gap:12px;flex-wrap:wrap}
  html[data-theme="light"] .tyz-cine-chapter h2{color:#101d30}
  html[data-theme="light"] .tyz-cine-chapter h2 em,
  html[data-theme="light"] .tyz-cine-chapter .tyz-cine-overline{color:#93712e}
  html[data-theme="light"] .tyz-cine-chapter .tyz-cine-overline:before{background:#93712e}
  html[data-theme="light"] .tyz-cine-chapter p{color:#293d54}
  .tyz-cine-ready .tyz-cine-rail{
    position:absolute;
    z-index:7;
    inset-inline-end:clamp(20px,5vw,82px);
    bottom:44px;
    display:flex;
    align-items:center;
    gap:8px;
    direction:ltr;
    color:rgba(243,248,255,.8);
    font:700 11px/1 Cairo,sans-serif;
    pointer-events:none;
  }
  .tyz-cine-rail .tyz-cine-rail-line{
    display:block;
    height:3px;
    width:45px;
    background:rgba(240,238,233,.25);
    overflow:hidden;
    border-radius:10px;
  }
  .tyz-cine-rail-line span{
    display:block;
    height:100%;
    width:100%;
    background:#d8b56e;
    transform:scaleX(0);
    transform-origin:left;
  }
  .tyz-cine-ready .scroll-cue{opacity:calc(.72 * var(--tyz-cine-intro,1))!important}
}
@media (max-width:980px), (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce){
  html body .tyz-cine-track{height:auto!important}
  .tyz-cine-chapters,.tyz-cine-rail{display:none!important}
}