:root{ --qa-ink:#f3f3f3; --qa-void:#08080a; }
  #qa-hero *{box-sizing:border-box;}
  #qa-hero{position:relative;height:640vh;background:var(--qa-void);}
  #qa-stage{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;
            background:var(--qa-void);}
  #qa-svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
  #qa-grain{position:absolute;inset:-40px;pointer-events:none;opacity:.045;
            background-image:url("https://qassabart.com/wp-content/uploads/qart/hero/qart-grain.png");
            background-repeat:repeat;animation:qa-grain .9s steps(1) infinite;}
  @keyframes qa-grain{
    0%{transform:translate(0,0)}      20%{transform:translate(-14px,9px)}
    40%{transform:translate(11px,-13px)} 60%{transform:translate(-9px,-8px)}
    80%{transform:translate(13px,12px)}  100%{transform:translate(0,0)}}
  #qa-scan{position:absolute;inset:0;pointer-events:none;opacity:.5;
           background:radial-gradient(120% 90% at 50% 42%,transparent 42%,rgba(0,0,0,.55) 100%);}
  .qa-ui{position:absolute;color:var(--qa-ink);font:400 10px/1 ui-sans-serif,-apple-system,
         "Segoe UI",Inter,Helvetica,Arial,sans-serif;letter-spacing:.34em;text-transform:uppercase;
         pointer-events:none;-webkit-font-smoothing:antialiased;}
  #qa-marks{right:clamp(16px,3vw,40px);top:50%;transform:translateY(-50%);
            display:flex;flex-direction:column;gap:14px;align-items:flex-end;}
  .qa-tick{font-style:normal;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.3em;
           color:rgba(244,242,238,.26);transition:color var(--qa-fast) var(--qa-ease);}
  .qa-tick::after{content:"";width:16px;height:1px;background:currentColor;transition:width var(--qa-fast) var(--qa-ease);}
  .qa-tick.on{color:rgba(244,242,238,.92);}
  .qa-tick.on::after{width:30px;}
  #qa-hint{left:clamp(16px,3vw,40px);bottom:clamp(18px,4vh,44px);
           color:rgba(244,242,238,.42);font-size:9px;
           display:flex;align-items:center;gap:10px;}
  #qa-hint span{display:block;width:1px;height:26px;background:linear-gradient(
       to bottom,rgba(244,242,238,.5),transparent);animation:qa-drop 2.1s ease-in-out infinite;}
  @keyframes qa-drop{0%,100%{transform:scaleY(.35);opacity:.3;transform-origin:top}
                     50%{transform:scaleY(1);opacity:.9;transform-origin:top}}
  @media (prefers-reduced-motion: reduce){
    #qa-hero{height:100vh;} #qa-grain,#qa-hint span{animation:none;}}
  @media (max-width:760px){ #qa-hero{height:560vh;} #qa-marks{display:none;} .qa-ui{font-size:8px;} }

/* ---- Q ART integration layer ---- */
:root{ --qa-len:640vh; }
#qa-hero{height:var(--qa-len)!important;margin:0;padding:0;max-width:none;width:100%;}
#qa-hero, #qa-hero *{ }
body.home .entry-content,body.home #content,body.home .ast-container,
body.home #primary,body.home .site-main,body.home article,
body.home .elementor-248{overflow:visible!important;}
body.home .elementor-248 > .elementor-element:first-child{margin-top:0}
@media (max-width:760px){ :root{ --qa-len:560vh; } }
@media (prefers-reduced-motion: reduce){ :root{ --qa-len:100vh; } }