/* crocoblocks-design-system:v2 */:root{--color-primary:#759766;--color-primary-dark:#2E4230;--color-accent:#91B7A3;--color-sand:#CDCCB8;--color-bg:#FBFCFA;--color-surface:#F1F4EE;--color-text:#14201A;--color-text-inverse:#FBFCFA;--color-text-soft:#3d463f;--color-hairline:rgba(20,32,26,0.12);--text-xs:clamp(0.7188rem, 0.7077rem + 0.04695vw, 0.75rem);--text-sm:clamp(0.8125rem, 0.7905rem + 0.0939vw, 0.875rem);--text-base:clamp(0.9375rem, 0.9155rem + 0.0939vw, 1rem);--text-md:clamp(1.062rem, 1.04rem + 0.0939vw, 1.125rem);--text-lg:clamp(1.188rem, 1.121rem + 0.2817vw, 1.375rem);--text-xl:clamp(1.688rem, 1.577rem + 0.4695vw, 2rem);--text-2xl:clamp(2.312rem, 2.158rem + 0.6573vw, 2.75rem);--text-3xl:clamp(2.875rem, 2.655rem + 0.939vw, 3.5rem);--text-4xl:clamp(2.75rem, 1.694rem + 4.507vw, 5.75rem);--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.5;--ls-tight:-0.01em;--ls-wide:0.14em;--space-1:12px;--space-2:16px;--space-3:20px;--space-4:24px;--space-5:28px;--space-6:32px;--space-7:40px;--space-8:52px;--space-section:clamp(4rem, 2.768rem + 5.258vw, 7.5rem);--space-section-cta:clamp(3.5rem, 2.532rem + 4.131vw, 6.25rem);--space-section-hero:clamp(7.5rem, 4.639rem + 12.21vw, 15.62rem);--space-gap:48px;--radius-pill:999px;--radius-surface:0px;--font-display:'Bricolage Grotesque', 'Hanken Grotesk', system-ui, sans-serif;--font-body:'Hanken Grotesk', system-ui, sans-serif;--container:1600px;--container-pad:clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.kicker{display:block;font-size:var(--text-base);color:var(--color-primary);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:var(--space-1);}
@media (max-width: 1024px){.kicker{display:block;font-size:var(--text-base);color:var(--color-primary);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:var(--space-1);}}
@media (max-width: 767px){.kicker{display:block;font-size:var(--text-base);color:var(--color-primary);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:var(--space-1);}}
.badge-hero{font-size:var(--text-sm);padding-top:8px;padding-bottom:8px;padding-left:18px;padding-right:18px;font-family:var(--font-display);font-weight:800;}
@media (max-width: 1024px){.badge-hero{font-size:var(--text-sm);padding-top:8px;padding-bottom:8px;padding-left:18px;padding-right:18px;font-family:var(--font-display);font-weight:800;}}
@media (max-width: 767px){.badge-hero{font-size:var(--text-sm);padding-top:8px;padding-bottom:8px;padding-left:18px;padding-right:18px;font-family:var(--font-display);font-weight:800;}}
.badge{display:inline-block;background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-wide);padding-top:6px;padding-bottom:6px;padding-left:14px;padding-right:14px;border-radius:0px;transform:rotate(-2deg) skewX(-6deg);}
@media (max-width: 1024px){.badge{display:inline-block;background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-wide);padding-top:6px;padding-bottom:6px;padding-left:14px;padding-right:14px;border-radius:0px;transform:rotate(-2deg) skewX(-6deg);}}
@media (max-width: 767px){.badge{display:inline-block;background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-wide);padding-top:6px;padding-bottom:6px;padding-left:14px;padding-right:14px;border-radius:0px;transform:rotate(-2deg) skewX(-6deg);}}
.card{background-color:var(--color-surface);padding-top:var(--space-6);padding-bottom:var(--space-6);padding-left:var(--space-6);padding-right:var(--space-6);border-radius:var(--radius-surface);}
@media (max-width: 1024px){.card{background-color:var(--color-surface);padding-top:var(--space-6);padding-bottom:var(--space-6);padding-left:var(--space-6);padding-right:var(--space-6);border-radius:var(--radius-surface);}}
@media (max-width: 767px){.card{background-color:var(--color-surface);padding-top:var(--space-6);padding-bottom:var(--space-6);padding-left:var(--space-6);padding-right:var(--space-6);border-radius:var(--radius-surface);}}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);padding-top:14px;padding-bottom:14px;padding-left:30px;padding-right:30px;border-radius:var(--radius-pill);text-decoration:none;transition:all 0.4s ease-in-out;cursor:pointer;border-width:2px;border-style:solid;border-color:transparent;}.btn:hover{transform:translateY(-2px);}
@media (max-width: 1024px){.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);padding-top:14px;padding-bottom:14px;padding-left:30px;padding-right:30px;border-radius:var(--radius-pill);text-decoration:none;transition:all 0.4s ease-in-out;cursor:pointer;border-width:2px;border-style:solid;border-color:transparent;}.btn:hover{transform:translateY(-2px);}}
@media (max-width: 767px){.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);padding-top:14px;padding-bottom:14px;padding-left:30px;padding-right:30px;border-radius:var(--radius-pill);text-decoration:none;transition:all 0.4s ease-in-out;cursor:pointer;border-width:2px;border-style:solid;border-color:transparent;}.btn:hover{transform:translateY(-2px);}}
.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);}
@media (max-width: 1024px){.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);}}
@media (max-width: 767px){.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);}}
.container{max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);width:100%;}
@media (max-width: 1024px){.container{max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);width:100%;}}
@media (max-width: 767px){.container{max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);width:100%;}}
.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}
@media (max-width: 1024px){.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}}
@media (max-width: 767px){.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}}
.play-fab{width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-pill);background-color:var(--color-primary);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.4s ease-in-out;cursor:pointer;border-style:none;}.play-fab:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);}
@media (max-width: 1024px){.play-fab{width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-pill);background-color:var(--color-primary);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.4s ease-in-out;cursor:pointer;border-style:none;}.play-fab:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);}}
@media (max-width: 767px){.play-fab{width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-pill);background-color:var(--color-primary);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.4s ease-in-out;cursor:pointer;border-style:none;}.play-fab:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);}}
.btn-ghost-dark{border-color:rgba(251,252,250,0.4);color:var(--color-text-inverse);background-color:transparent;}.btn-ghost-dark:hover{border-color:var(--color-bg);background-color:rgba(251,252,250,0.1);color:var(--color-text-inverse);}
@media (max-width: 1024px){.btn-ghost-dark{border-color:rgba(251,252,250,0.4);color:var(--color-text-inverse);background-color:transparent;}.btn-ghost-dark:hover{border-color:var(--color-bg);background-color:rgba(251,252,250,0.1);color:var(--color-text-inverse);}}
@media (max-width: 767px){.btn-ghost-dark{border-color:rgba(251,252,250,0.4);color:var(--color-text-inverse);background-color:transparent;}.btn-ghost-dark:hover{border-color:var(--color-bg);background-color:rgba(251,252,250,0.1);color:var(--color-text-inverse);}}
.badge-outline{background-color:transparent;border-width:1px;border-style:solid;border-color:rgba(20,32,26,0.15);color:var(--color-text);}
@media (max-width: 1024px){.badge-outline{background-color:transparent;border-width:1px;border-style:solid;border-color:rgba(20,32,26,0.15);color:var(--color-text);}}
@media (max-width: 767px){.badge-outline{background-color:transparent;border-width:1px;border-style:solid;border-color:rgba(20,32,26,0.15);color:var(--color-text);}}
.btn-on-dark{background-color:var(--color-accent);color:var(--color-primary-dark);}.btn-on-dark:hover{background-color:var(--color-bg);color:var(--color-primary-dark);}
@media (max-width: 1024px){.btn-on-dark{background-color:var(--color-accent);color:var(--color-primary-dark);}.btn-on-dark:hover{background-color:var(--color-bg);color:var(--color-primary-dark);}}
@media (max-width: 767px){.btn-on-dark{background-color:var(--color-accent);color:var(--color-primary-dark);}.btn-on-dark:hover{background-color:var(--color-bg);color:var(--color-primary-dark);}}
.badge-on-light{background-color:var(--color-primary);color:var(--color-text-inverse);}
@media (max-width: 1024px){.badge-on-light{background-color:var(--color-primary);color:var(--color-text-inverse);}}
@media (max-width: 767px){.badge-on-light{background-color:var(--color-primary);color:var(--color-text-inverse);}}
.section-cta{padding-top:var(--space-section-cta);padding-bottom:var(--space-section-cta);}
@media (max-width: 1024px){.section-cta{padding-top:var(--space-section-cta);padding-bottom:var(--space-section-cta);}}
@media (max-width: 767px){.section-cta{padding-top:var(--space-section-cta);padding-bottom:var(--space-section-cta);}}
.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent;}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-inverse);}
@media (max-width: 1024px){.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent;}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-inverse);}}
@media (max-width: 767px){.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent;}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-inverse);}}
.section-head{max-width:640px;}
@media (max-width: 1024px){.section-head{max-width:640px;}}
@media (max-width: 767px){.section-head{max-width:640px;}}
.on-dark{color:var(--color-text-inverse);}
@media (max-width: 1024px){.on-dark{color:var(--color-text-inverse);}}
@media (max-width: 767px){.on-dark{color:var(--color-text-inverse);}}