.sharq-hero{--sharq-orange: #f05a1a;--sharq-orange-dark: #c9440c;--sharq-orange-soft: #ff8a45;--sharq-cream: #f6ebdd;--sharq-cream-light: #fff9f2;--sharq-black: #111111;--sharq-charcoal: #232323;--sharq-metal: #6c747a;position:relative;width:100%;height:auto;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;background:var(--sharq-black)}.sharq-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.sharq-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;pointer-events:none;transform:scale(1.01)}.sharq-hero__video--desktop{display:block}.sharq-hero__video--mobile{display:none}.sharq-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,#050505f2,#050505d1 18%,#05050580 37%,#05050529 60%,#05050505),linear-gradient(180deg,#00000057,#00000008 42%,#00000042)}.sharq-hero__content{position:absolute;z-index:3;top:clamp(85px,13.5%,150px);right:clamp(42px,5.5vw,112px);left:auto;width:min(680px,49vw);direction:rtl;text-align:right}.sharq-hero__content-inner{position:relative;z-index:2}.sharq-hero__aura{position:absolute;z-index:0;top:49%;right:29%;width:740px;height:590px;border-radius:50%;background:radial-gradient(circle,rgba(240,90,26,.38) 0%,rgba(240,90,26,.2) 29%,rgba(201,68,12,.09) 52%,transparent 74%);filter:blur(36px);transform:translate(50%,-50%) scale(calc(1 - var(--sharq-aura-progress) * .24));opacity:calc(1 - var(--sharq-aura-progress) * .9);pointer-events:none;will-change:transform,opacity}.sharq-hero__eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:19px;color:var(--sharq-orange-soft);font-size:clamp(13px,.95vw,16px);font-weight:800;line-height:1.4;transform:translate3d(calc(var(--sharq-eyebrow-progress) * -220px),0,0);opacity:calc(1 - var(--sharq-eyebrow-progress));will-change:transform,opacity}.sharq-hero__eyebrow:before{content:"";width:38px;height:2px;flex-shrink:0;border-radius:999px;background:currentColor;box-shadow:0 0 16px #f05a1a99}.sharq-hero__title{max-width:670px;margin:0;color:var(--sharq-cream-light);font-size:clamp(60px,5.8vw,94px);font-weight:900;line-height:.99;letter-spacing:-2.6px;text-wrap:balance;transform:translate3d(calc(var(--sharq-title-progress) * -330px),0,0);opacity:calc(1 - var(--sharq-title-progress));will-change:transform,opacity}.sharq-hero__title span{display:block;color:var(--sharq-orange)}.sharq-hero__description{max-width:570px;margin:27px 0 0;color:#fff9f2d6;font-size:clamp(16px,1.25vw,20px);font-weight:500;line-height:1.9;transform:translate3d(0,calc(var(--sharq-description-progress) * 150px),0);opacity:calc(1 - var(--sharq-description-progress));will-change:transform,opacity}.sharq-hero__button{position:relative;width:fit-content;min-height:58px;margin-top:31px;padding:7px 8px 7px 22px;display:inline-flex;align-items:center;justify-content:center;gap:15px;overflow:hidden;color:var(--sharq-cream-light);background:linear-gradient(135deg,#111111e6,#232323c7);border:1px solid rgba(240,90,26,.58);border-radius:14px;font-size:14px;font-weight:800;line-height:1;text-decoration:none;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 18px 42px #0000005c,inset 0 1px #ffffff0f,0 0 28px #f05a1a1a;transform:translate3d(calc(var(--sharq-button-progress) * 280px),0,0);opacity:calc(1 - var(--sharq-button-progress));transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;will-change:transform,opacity}.sharq-hero__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(240,90,26,.12) 50%,transparent 62%,transparent 100%);transform:translate(-120%);transition:transform .65s ease;pointer-events:none}.sharq-hero__button:after{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--sharq-orange);box-shadow:0 0 0 5px #f05a1a1a,0 0 18px #f05a1aa6;animation:sharqCtaPulse 2.2s ease-in-out infinite}.sharq-hero__button span{position:relative;z-index:2;white-space:nowrap}.sharq-hero__button svg{position:relative;z-index:2;width:42px;height:42px;padding:11px;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--sharq-orange) 0%,var(--sharq-orange-dark) 100%);border-radius:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(180deg);box-shadow:0 9px 24px #c9440c4d,inset 0 1px #fff3;transition:transform .3s ease,box-shadow .3s ease}.sharq-hero__button:hover{color:var(--sharq-cream-light);background:linear-gradient(135deg,#1b1b1bf7,#2b2b2bed);border-color:#ff8a45fa;box-shadow:0 24px 52px #00000070,0 0 34px #f05a1a2e,inset 0 1px #ffffff14}.sharq-hero__button:hover:before{transform:translate(120%)}.sharq-hero__button:hover svg{transform:rotate(180deg) translate(3px);box-shadow:0 12px 30px #c9440c70,inset 0 1px #ffffff3b}.sharq-hero__button:focus-visible{outline:2px solid var(--sharq-orange-soft);outline-offset:4px}@keyframes sharqCtaPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.72}}@media(min-width:1500px){.sharq-hero__content{top:clamp(105px,14%,175px);right:clamp(80px,6vw,135px);width:min(740px,47vw)}.sharq-hero__title{max-width:720px;font-size:clamp(72px,5.7vw,108px)}.sharq-hero__description{max-width:630px;font-size:clamp(18px,1.18vw,22px)}.sharq-hero__button{min-height:62px;font-size:15px}.sharq-hero__button svg{width:45px;height:45px}}@media(max-width:1100px)and (min-width:751px){.sharq-hero{aspect-ratio:auto;height:74vh;min-height:610px}.sharq-hero__content{top:105px;right:38px;width:min(520px,57vw)}.sharq-hero__title{font-size:clamp(44px,6.2vw,65px)}.sharq-hero__description{max-width:460px;font-size:15px}}@media(max-width:750px){.sharq-hero{width:100%;height:88svh;min-height:650px;max-height:920px;aspect-ratio:auto}.sharq-hero__video--desktop{display:none}.sharq-hero__video--mobile{display:block;object-fit:cover;object-position:center center;transform:scale(1.005)}.sharq-hero__shade{background:linear-gradient(180deg,#0404040a,#04040405 34%,#04040433 52%,#040404d6 77%,#040404fa)}.sharq-hero__content{top:auto;right:18px;bottom:clamp(34px,6svh,68px);left:18px;width:auto;text-align:center}.sharq-hero__aura{top:58%;right:auto;left:50%;width:440px;height:330px;filter:blur(28px);transform:translate(-50%,-50%) scale(calc(1 - var(--sharq-aura-progress) * .22));opacity:calc(1 - var(--sharq-aura-progress) * .88)}.sharq-hero__eyebrow{justify-content:center;margin-bottom:12px;font-size:11px;transform:translate3d(calc(var(--sharq-eyebrow-progress) * -130px),0,0)}.sharq-hero__eyebrow:before{width:22px}.sharq-hero__title{max-width:390px;margin-inline:auto;font-size:clamp(38px,11vw,54px);line-height:1.02;letter-spacing:-1.4px;transform:translate3d(calc(var(--sharq-title-progress) * -175px),0,0)}.sharq-hero__description{max-width:345px;margin:15px auto 0;font-size:13px;line-height:1.75;transform:translate3d(0,calc(var(--sharq-description-progress) * 110px),0)}.sharq-hero__button{min-height:51px;margin-top:21px;padding:6px 7px 6px 17px;gap:12px;font-size:12.5px;border-radius:12px;transform:translate3d(calc(var(--sharq-button-progress) * 160px),0,0)}.sharq-hero__button svg{width:37px;height:37px;padding:10px;border-radius:9px}.sharq-hero__button:after{width:6px;height:6px}}@media(max-width:390px){.sharq-hero{min-height:620px}.sharq-hero__content{right:15px;bottom:30px;left:15px}.sharq-hero__title{font-size:37px}.sharq-hero__description{max-width:315px;font-size:12px}.sharq-hero__button{min-height:49px;font-size:12px}}@media(prefers-reduced-motion:reduce){.sharq-hero{--sharq-eyebrow-progress: 0 !important;--sharq-title-progress: 0 !important;--sharq-description-progress: 0 !important;--sharq-button-progress: 0 !important;--sharq-aura-progress: 0 !important}.sharq-hero__button,.sharq-hero__button svg,.sharq-hero__button:before{transition:none}.sharq-hero__button:after{animation:none}}.sharq-hero__eyebrow,.sharq-hero__title,.sharq-hero__description,.sharq-hero__button,.sharq-hero__aura{transition:none!important;will-change:transform,opacity}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sharq-video-hero.css.map */