.fana-hero{position:relative;overflow:hidden;padding:7rem 0 6rem;background-color:var(--fana-black, #33121d);color:var(--fana-cream, #f6ece0)}.fana-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(246,236,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(246,236,224,.05) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 65%);mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 65%)}.fana-hero__glow{position:absolute;inset-block-start:18%;inset-inline-start:10%;width:640px;height:480px;background:radial-gradient(circle,#6e3f4159,#6e3f4100 70%);filter:blur(20px);pointer-events:none;z-index:0}.fana-hero__auralis{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.fana-hero__auralis canvas{display:block;width:100%;height:100%}.fana-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;align-items:center;gap:4rem}@media screen and (min-width:990px){.fana-hero__inner{grid-template-columns:1.1fr .9fr}}.fana-hero__content{max-width:44rem}.fana-hero__badge{display:inline-flex;align-items:center;margin-bottom:2rem;padding:.5rem 1.3rem;border:1px solid rgba(246,236,224,.2);border-radius:999px;background-color:#f6ece00f;color:var(--fana-cream, #f6ece0);font-family:var(--font-arabic-heading, inherit);font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}:dir(rtl) .fana-hero__badge{letter-spacing:0}.fana-hero__heading{margin:0 0 1.6rem;font-family:var(--font-arabic-heading, inherit);font-size:3.6rem;font-weight:800;line-height:1.15;letter-spacing:.005em;color:var(--fana-cream, #f6ece0)}:dir(rtl) .fana-hero__heading{letter-spacing:0}.fana-hero__rotator{margin:0 0 3rem;font-family:var(--font-arabic-heading, inherit);font-weight:500;font-size:1.9rem;color:#f6ece0bf;white-space:nowrap}.fana-hero__rotator-words{position:relative;display:inline-block;width:auto;height:1.3em;vertical-align:-.2em;text-align:start}.fana-hero__rotator-word{position:absolute;inset-inline-start:0;top:0;opacity:0;transform:translateY(8px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);color:var(--fana-burgundy-light, #c79093);font-weight:700;white-space:nowrap}.fana-hero__rotator-word.is-active{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.fana-hero__rotator-word{transition:none}}@media screen and (max-width:480px){.fana-hero__rotator{font-size:1.2rem;white-space:normal}}.fana-hero__actions{display:flex;gap:1.4rem}.fana-hero__cta{padding-inline:2.6rem}.fana-hero__visual{position:relative;display:flex;justify-content:center}.fana-hero__frame{position:relative;width:100%;max-width:380px;padding:.6rem;border:1px solid rgba(246,236,224,.15);border-radius:1.4rem;background-color:#f6ece00a;transform:rotate(-4deg);box-shadow:0 30px 60px #00000073}.fana-hero__frame img{display:block;width:100%;height:auto;border-radius:1rem}@media screen and (max-width:989px){.fana-hero{padding:5rem 0 4rem;text-align:center}.fana-hero__content{max-width:none;margin:0 auto}.fana-hero__badge{margin-inline:auto}.fana-hero__actions{justify-content:center}.fana-hero__heading{font-size:2.6rem}.fana-hero__visual{margin-top:3rem}.fana-hero__frame{transform:rotate(-2deg);max-width:280px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-hero.css.map */