/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.card-feature{--card-feature-bracket-size:14px;--card-feature-bracket-thickness:2px;--card-feature-bracket-color:var(--accent);--card-feature-glow-color:color-mix(in oklch,var(--accent) 40%,transparent);isolation:isolate;opacity:0;transform:translateY(1.5rem);transition:opacity 600ms cubic-bezier(0.22,1,0.36,1),transform 600ms cubic-bezier(0.22,1,0.36,1),box-shadow 350ms ease;transition-delay:var(--card-feature-stagger,0ms);will-change:opacity,transform;}.card-feature.is-visible{opacity:1;transform:none;}.card-feature:hover{box-shadow:0 20px 60px -20px var(--card-feature-glow-color);}.card-feature__glass{position:absolute;inset:0;z-index:-2;border-radius:inherit;background:color-mix(in oklch,var(--card) 60%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);}.card-feature__border{position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 70%,transparent) 0%,color-mix(in oklch,var(--accent) 70%,transparent) 55%,color-mix(in oklch,var(--primary) 60%,transparent) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.7;transition:opacity 300ms ease;}.card-feature:hover .card-feature__border{opacity:1;}.card-feature__ambient{position:absolute;inset:-30%;z-index:-3;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--accent) 18%,transparent) 0%,transparent 70%);filter:blur(18px);opacity:0.7;pointer-events:none;transition:opacity 400ms ease;}.card-feature:hover .card-feature__ambient{opacity:1;}.card-feature__bracket{position:absolute;width:var(--card-feature-bracket-size);height:var(--card-feature-bracket-size);pointer-events:none;transition:width 300ms cubic-bezier(0.22,1,0.36,1),height 300ms cubic-bezier(0.22,1,0.36,1);}.card-feature__bracket--tl{top:8px;left:8px;border-top:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-left:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-top-left-radius:6px;}.card-feature__bracket--tr{top:8px;right:8px;border-top:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-right:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-top-right-radius:6px;}.card-feature__bracket--bl{bottom:8px;left:8px;border-bottom:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-left:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-bottom-left-radius:6px;}.card-feature__bracket--br{bottom:8px;right:8px;border-bottom:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-right:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-bottom-right-radius:6px;}.card-feature:hover .card-feature__bracket{width:calc(var(--card-feature-bracket-size) + 10px);height:calc(var(--card-feature-bracket-size) + 10px);}.card-feature__image{transition:transform 600ms cubic-bezier(0.22,1,0.36,1);}.card-feature:hover .card-feature__image{transform:scale(1.04);}.card-feature a{position:static;}@media (prefers-reduced-motion:reduce){.card-feature{opacity:1;transform:none;transition:none;}.card-feature:hover{box-shadow:none;}.card-feature__image,.card-feature__bracket,.card-feature__border,.card-feature__ambient{transition:none;}.card-feature:hover .card-feature__image{transform:none;}.card-feature:hover .card-feature__bracket{width:var(--card-feature-bracket-size);height:var(--card-feature-bracket-size);}}
.card-feature{--card-feature-bracket-size:14px;--card-feature-bracket-thickness:2px;--card-feature-bracket-color:var(--accent);--card-feature-glow-color:color-mix(in oklch,var(--accent) 40%,transparent);isolation:isolate;opacity:0;transform:translateY(1.5rem);transition:opacity 600ms cubic-bezier(0.22,1,0.36,1),transform 600ms cubic-bezier(0.22,1,0.36,1),box-shadow 350ms ease;transition-delay:var(--card-feature-stagger,0ms);will-change:opacity,transform;}.card-feature.is-visible{opacity:1;transform:none;}.card-feature:hover{box-shadow:0 20px 60px -20px var(--card-feature-glow-color);}.card-feature__glass{position:absolute;inset:0;z-index:-2;border-radius:inherit;background:color-mix(in oklch,var(--card) 60%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);}.card-feature__border{position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 70%,transparent) 0%,color-mix(in oklch,var(--accent) 70%,transparent) 55%,color-mix(in oklch,var(--primary) 60%,transparent) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.7;transition:opacity 300ms ease;}.card-feature:hover .card-feature__border{opacity:1;}.card-feature__ambient{position:absolute;inset:-30%;z-index:-3;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--accent) 18%,transparent) 0%,transparent 70%);filter:blur(18px);opacity:0.7;pointer-events:none;transition:opacity 400ms ease;}.card-feature:hover .card-feature__ambient{opacity:1;}.card-feature__bracket{position:absolute;width:var(--card-feature-bracket-size);height:var(--card-feature-bracket-size);pointer-events:none;transition:width 300ms cubic-bezier(0.22,1,0.36,1),height 300ms cubic-bezier(0.22,1,0.36,1);}.card-feature__bracket--tl{top:8px;left:8px;border-top:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-left:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-top-left-radius:6px;}.card-feature__bracket--tr{top:8px;right:8px;border-top:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-right:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-top-right-radius:6px;}.card-feature__bracket--bl{bottom:8px;left:8px;border-bottom:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-left:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-bottom-left-radius:6px;}.card-feature__bracket--br{bottom:8px;right:8px;border-bottom:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-right:var(--card-feature-bracket-thickness) solid var(--card-feature-bracket-color);border-bottom-right-radius:6px;}.card-feature:hover .card-feature__bracket{width:calc(var(--card-feature-bracket-size) + 10px);height:calc(var(--card-feature-bracket-size) + 10px);}.card-feature__image{transition:transform 600ms cubic-bezier(0.22,1,0.36,1);}.card-feature:hover .card-feature__image{transform:scale(1.04);}.card-feature a{position:static;}@media (prefers-reduced-motion:reduce){.card-feature{opacity:1;transform:none;transition:none;}.card-feature:hover{box-shadow:none;}.card-feature__image,.card-feature__bracket,.card-feature__border,.card-feature__ambient{transition:none;}.card-feature:hover .card-feature__image{transform:none;}.card-feature:hover .card-feature__bracket{width:var(--card-feature-bracket-size);height:var(--card-feature-bracket-size);}}
.image{display:block;max-width:100%;height:auto;}