@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-duration:initial}}}.blog-hero-section{isolation:isolate;width:100%;padding-top:calc(var(--spacing,.25rem) * 0);color:var(--foreground);margin-top:calc(-1 * var(--header-height,4.5rem));padding:clamp(3rem,8vw,5rem);padding-top:calc(var(--header-height,4.5rem) + clamp(3rem, 8vw, 5rem));flex-direction:column;justify-content:center;align-items:center;margin-bottom:clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.blog-hero-section__container{z-index:10;max-width:var(--container-7xl,80rem);text-align:center;padding-inline:calc(var(--spacing,.25rem) * 3);margin-inline:auto;position:relative}@media (min-width:48rem){.blog-hero-section__container{padding-inline:calc(var(--spacing,.25rem) * 12)}}@media (min-width:64rem){.blog-hero-section__container{padding-inline:calc(var(--spacing,.25rem) * 20)}}@media (min-width:80rem){.blog-hero-section__container{padding-inline:calc(var(--spacing,.25rem) * 20)}}.blog-hero-section__title{width:fit-content;font-size:var(--section-sub-heading-size);line-height:var(--section-sub-heading-line-height);letter-spacing:var(--section-sub-heading-letter-spacing);font-weight:var(--section-sub-heading-weight);background:var(--heading-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-inline:auto;display:block}.blog-hero-section__description{margin-inline:auto;margin-top:calc(var(--spacing,.25rem) * 5);max-width:var(--container-3xl,48rem);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7)}@media (min-width:40rem){.blog-hero-section__description{margin-top:calc(var(--spacing,.25rem) * 6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 8);line-height:calc(var(--spacing,.25rem) * 8)}}.blog-hero-section__description{color:var(--muted-foreground)}.blog-hero-section__filters{margin-top:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);padding-inline:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;display:flex}@media (min-width:40rem){.blog-hero-section__filters{margin-top:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 3);padding-inline:calc(var(--spacing,.25rem) * 0)}}.blog-hero-section__filter-btn{cursor:pointer;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:3.40282e38px;justify-content:center;align-items:center;text-decoration-line:none;transition-duration:.3s;display:inline-flex}@media (min-width:40rem){.blog-hero-section__filter-btn{padding-inline:calc(var(--spacing,.25rem) * 5)}}.blog-hero-section__filter-btn{border:1px solid var(--border-default);color:var(--muted-foreground);background:0 0}.blog-hero-section__filter-btn:hover{color:var(--foreground);background:var(--surface-panel-inner);border-color:var(--border-default)}.blog-hero-section__filter-btn:focus-visible{outline-offset:2px;outline:2px solid #06b6d4a6}.blog-hero-section__filter-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.blog-hero-section__filter-btn--active:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}