.hero{background-color:#1b2a4a;background-color:var(--color-primary, #1B2A4A);color:#fff;padding-block:clamp(3rem,8vw,6rem);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 50%,rgba(245,200,66,.12) 0%,transparent 60%);pointer-events:none}.hero__inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12, 3rem);align-items:center}.hero__content{max-width:580px}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#f5c84226;color:#f5c842;color:var(--color-accent, #F5C842);border:1px solid rgba(245,200,66,.3);padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:600;margin-bottom:1.25rem}.hero__heading{font-family:var(--font-heading-family, "Plus Jakarta Sans", sans-serif);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.15;color:#fff!important;margin-bottom:1.25rem;letter-spacing:-.02em}.hero__heading mark{color:#f5c842;color:var(--color-accent, #F5C842);background:none}.hero__subheading{font-size:1.0625rem;color:#fffc;line-height:1.7;margin-bottom:2rem;max-width:480px}.hero__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero__proof{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#fff9}.hero__proof-stars{display:flex;gap:2px;color:#f5c842;color:var(--color-accent, #F5C842)}.hero__visual{display:flex;justify-content:center;align-items:center;position:relative}.hero__books{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;transform:perspective(800px) rotateY(-8deg) rotateX(4deg);will-change:transform;transition:transform .4s ease}.hero__books:hover{transform:perspective(800px) rotateY(-4deg) rotateX(2deg)}.hero__book{border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #0006;aspect-ratio:3/4;background:#eee9e1}.hero__book:nth-child(odd){margin-top:1.5rem}.hero__book img{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.hero__inner{grid-template-columns:1fr}.hero__visual{display:none}}@media(max-width:640px){.hero__actions{flex-direction:column;align-items:flex-start}.hero__actions .btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero.css.map */