.cardojam-hero{padding-top:var(--cj-pad-top, 100px);padding-bottom:var(--cj-pad-bottom, 100px);padding-left:var(--cj-pad-x, clamp(16px,3vw,32px));padding-right:var(--cj-pad-x, clamp(16px,3vw,32px));position:relative;background:linear-gradient(180deg,#ecf2f7 0px calc(var(--cj-pad-top, 100px) + 480px),#fcfaf6 calc(var(--cj-pad-top, 100px) + 650px))}.cj-hero-stars-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.cj-hero-star{position:absolute;animation-name:cj-hero-star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes cj-hero-star-twinkle{0%,to{opacity:.35}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.cj-hero-stars-wrap{display:none}}.hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.hero-text h1{font-size:64px;line-height:1.05;margin-bottom:24px;max-width:600px;animation:heroFadeUp .6s cubic-bezier(.22,.61,.36,1);font-family:Schibsted Grotesk,sans-serif;font-weight:800;letter-spacing:-.025em;color:#15233c}.hero-text p{font-size:20px;line-height:1.7;max-width:440px;margin-bottom:40px;opacity:.8;animation:heroFadeUp .8s cubic-bezier(.22,.61,.36,1);font-family:Hanken Grotesk,sans-serif;font-weight:500;color:#4a536a}.hero-buttons{display:flex;gap:18px;animation:heroFadeUp 1.2s cubic-bezier(.22,.61,.36,1)}.hero-buttons .button{transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease;font-family:Hanken Grotesk,sans-serif;font-weight:700}.hero-buttons .button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #1f29372e}.hero-card{position:absolute;width:270px;aspect-ratio:63/88;overflow:visible;border-radius:14px;z-index:5;transition:transform .45s cubic-bezier(.22,.61,.36,1),z-index 0s}.hero-card:hover{z-index:10}.hero-card-inner{overflow:hidden;border-radius:14px;height:100%;width:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1);will-change:transform}.hero-card:hover .hero-card-inner{transform:translateY(-14px);box-shadow:0 55px 120px #1f293740}.hero-card img{width:100%;height:100%;display:block;object-fit:cover}.hero-card-1{top:10px;left:20px;z-index:3;animation:floatOne 6s ease-in-out infinite}.hero-card-1 .hero-card-inner{box-shadow:0 42px 90px #1f293733}.hero-card-2{top:170px;right:25px;z-index:2;animation:floatTwo 7s ease-in-out infinite}.hero-card-2 .hero-card-inner{box-shadow:0 28px 60px #1f293726}.hero-card-3{bottom:10px;left:105px;z-index:4;animation:floatThree 5.8s ease-in-out infinite}.hero-card-3 .hero-card-inner{box-shadow:0 48px 95px #1f293738}.hero-images{position:relative;height:650px;animation:heroFadeUp 1s cubic-bezier(.22,.61,.36,1)}@media screen and (max-width:990px){.cardojam-hero{background:linear-gradient(180deg,#ecf2f7 0px calc(var(--cj-pad-top, 100px) + 250px),#fcfaf6);overflow-x:clip}.hero-text h1{font-size:clamp(30px,8vw,42px)}.hero-text p{font-size:16px;max-width:100%}.hero-grid{grid-template-columns:1fr}.hero-images{height:340px;max-width:300px;position:relative;left:50%;transform:translate(-50%);margin-top:40px;overflow:visible}.hero-card{width:150px}.hero-card-1{top:0;left:0}.hero-card-2{top:60px;left:140px;right:auto}.hero-card-3{bottom:10px;left:70px}.hero-card-1 .hero-card-inner{box-shadow:0 20px 40px #1f293733}.hero-card-2 .hero-card-inner{box-shadow:0 14px 28px #1f293726}.hero-card-3 .hero-card-inner{box-shadow:0 22px 42px #1f293738}.hero-text{text-align:center;animation:heroFadeUp .8s cubic-bezier(.22,.61,.36,1)}.hero-buttons{justify-content:center}}@keyframes floatOne{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-7deg)}to{transform:translateY(0) rotate(-8deg)}}@keyframes floatTwo{0%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(12px) rotate(8deg)}to{transform:translateY(0) rotate(7deg)}}@keyframes floatThree{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cardojam-hero.css.map */