.cardTitle{position:absolute;height:40px;top:15px;left:15px;content:"";border-radius:8px;color:#000;background:#fffc;z-index:9;margin:0 auto;text-align:center;width:auto;padding:5px 15px;white-space:nowrap}:root{--scroll-fx-translate-x: 0;--scroll-fx-translate-y: 0;--scroll-fx-translate-z: 0;--scroll-fx-rotate-x: 0;--scroll-fx-rotate-y: 0;--scroll-fx-rotate-z: 0;--scroll-fx-skew-x: 0;--scroll-fx-skew-y: 0;--scroll-fx-scale-x: 1;--scroll-fx-scale-y: 1;--scroll-fx-opacity: 1;--scroll-fx-stroke-dashoffset: 0}.scroll-fx{transform:translate3d(var(--scroll-fx-translate-x),var(--scroll-fx-translate-y),var(--scroll-fx-translate-z)) rotateX(var(--scroll-fx-rotate-x)) rotateY(var(--scroll-fx-rotate-y)) rotate(var(--scroll-fx-rotate-z)) skew(var(--scroll-fx-skew-x)) skewY(var(--scroll-fx-skew-y)) scaleX(var(--scroll-fx-scale-x)) scaleY(var(--scroll-fx-scale-y))!important;opacity:var(--scroll-fx-opacity)!important;stroke-dashoffset:var(--scroll-fx-stroke-dashoffset)!important}.scroll-fx.scroll-fx--theme-transition,.scroll-fx.scroll-fx--theme-transition>*{transition:.3s}@media (min-width: 32rem){.scroll-fx\@xs{transform:translate3d(var(--scroll-fx-translate-x),var(--scroll-fx-translate-y),var(--scroll-fx-translate-z)) rotateX(var(--scroll-fx-rotate-x)) rotateY(var(--scroll-fx-rotate-y)) rotate(var(--scroll-fx-rotate-z)) skew(var(--scroll-fx-skew-x)) skewY(var(--scroll-fx-skew-y)) scaleX(var(--scroll-fx-scale-x)) scaleY(var(--scroll-fx-scale-y))!important;opacity:var(--scroll-fx-opacity)!important;stroke-dashoffset:var(--scroll-fx-stroke-dashoffset)!important}.scroll-fx\@xs.scroll-fx--theme-transition,.scroll-fx\@xs.scroll-fx--theme-transition>*{transition:.3s}}@media (min-width: 48rem){.scroll-fx\@sm{transform:translate3d(var(--scroll-fx-translate-x),var(--scroll-fx-translate-y),var(--scroll-fx-translate-z)) rotateX(var(--scroll-fx-rotate-x)) rotateY(var(--scroll-fx-rotate-y)) rotate(var(--scroll-fx-rotate-z)) skew(var(--scroll-fx-skew-x)) skewY(var(--scroll-fx-skew-y)) scaleX(var(--scroll-fx-scale-x)) scaleY(var(--scroll-fx-scale-y))!important;opacity:var(--scroll-fx-opacity)!important;stroke-dashoffset:var(--scroll-fx-stroke-dashoffset)!important}.scroll-fx\@sm.scroll-fx--theme-transition,.scroll-fx\@sm.scroll-fx--theme-transition>*{transition:.3s}}@media (min-width: 64rem){.scroll-fx\@md{transform:translate3d(var(--scroll-fx-translate-x),var(--scroll-fx-translate-y),var(--scroll-fx-translate-z)) rotateX(var(--scroll-fx-rotate-x)) rotateY(var(--scroll-fx-rotate-y)) rotate(var(--scroll-fx-rotate-z)) skew(var(--scroll-fx-skew-x)) skewY(var(--scroll-fx-skew-y)) scaleX(var(--scroll-fx-scale-x)) scaleY(var(--scroll-fx-scale-y))!important;opacity:var(--scroll-fx-opacity)!important;stroke-dashoffset:var(--scroll-fx-stroke-dashoffset)!important}.scroll-fx\@md.scroll-fx--theme-transition,.scroll-fx\@md.scroll-fx--theme-transition>*{transition:.3s}}@media (min-width: 80rem){.scroll-fx\@lg{transform:translate3d(var(--scroll-fx-translate-x),var(--scroll-fx-translate-y),var(--scroll-fx-translate-z)) rotateX(var(--scroll-fx-rotate-x)) rotateY(var(--scroll-fx-rotate-y)) rotate(var(--scroll-fx-rotate-z)) skew(var(--scroll-fx-skew-x)) skewY(var(--scroll-fx-skew-y)) scaleX(var(--scroll-fx-scale-x)) scaleY(var(--scroll-fx-scale-y))!important;opacity:var(--scroll-fx-opacity)!important;stroke-dashoffset:var(--scroll-fx-stroke-dashoffset)!important}.scroll-fx\@lg.scroll-fx--theme-transition,.scroll-fx\@lg.scroll-fx--theme-transition>*{transition:.3s}}@media (min-width: 90rem){.scroll-fx\@xl{transform:translate3d(var(--scroll-fx-translate-x),var(--scroll-fx-translate-y),var(--scroll-fx-translate-z)) rotateX(var(--scroll-fx-rotate-x)) rotateY(var(--scroll-fx-rotate-y)) rotate(var(--scroll-fx-rotate-z)) skew(var(--scroll-fx-skew-x)) skewY(var(--scroll-fx-skew-y)) scaleX(var(--scroll-fx-scale-x)) scaleY(var(--scroll-fx-scale-y))!important;opacity:var(--scroll-fx-opacity)!important;stroke-dashoffset:var(--scroll-fx-stroke-dashoffset)!important}.scroll-fx\@xl.scroll-fx--theme-transition,.scroll-fx\@xl.scroll-fx--theme-transition>*{transition:.3s}}.demo-scroll-fx-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.demo-scroll-fx-grid>*:nth-child(1){grid-column:1/4;grid-row:1/-1}.demo-scroll-fx-grid>*:nth-child(2){grid-column:3/7;grid-row:2/5}.cardTitle[data-astro-cid-k5o6nage]{position:absolute;top:20px;left:20px;z-index:2;color:#2b2b2b;font-weight:700}.cardDescription[data-astro-cid-k5o6nage]{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;color:#2b2b2b;font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.label-container[data-astro-cid-k5o6nage]{position:absolute;bottom:20px;right:20px;z-index:3;display:flex;align-items:center;justify-content:flex-end}.cardLabel[data-astro-cid-k5o6nage]{background-color:#d36e45e6;color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;display:inline-block}.gradient-overlay[data-astro-cid-k5o6nage]{position:absolute;top:0;left:0;right:0;height:15%;background:linear-gradient(to bottom,#d36e45d9,#d36e4566,#d36e4500);z-index:1;pointer-events:none}.logo-container[data-astro-cid-k5o6nage]{position:absolute;top:0;width:100%;height:auto;z-index:4;display:flex;justify-content:flex-end;padding:12px 20px 0 0}.card-logo[data-astro-cid-k5o6nage]{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (max-width: 640px){.gradient-overlay[data-astro-cid-k5o6nage]{height:20%}.logo-container[data-astro-cid-k5o6nage]{padding:10px 5px 0 0}.card-logo[data-astro-cid-k5o6nage]{width:32px;height:32px}}