@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}}}.BlogPostCategory{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);--tw-leading:1;white-space:nowrap;text-transform:uppercase;font-size:12px;line-height:1;text-decoration-line:none;display:inline-flex}.BlogPostCategory--primary{background-color:var(--color-black,#000);color:var(--color-white,#fff)}.BlogPostCategory--secondary{background-color:var(--color-gray-line,#ebebeb);color:var(--color-black,#000)}@property --tw-leading{syntax:"*";inherits:false}
@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-content:"";--tw-leading:initial;--tw-tracking:initial;--tw-font-weight:initial}}}.BlogBanner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}@media not all and (min-width:64rem){.BlogBanner{margin-inline:calc(var(--spacing,.25rem) * -4);background-color:var(--color-gray-bg,#f3f3f4)}}@media (min-width:48rem){.BlogBanner{gap:calc(var(--spacing,.25rem) * 6)}}@media (min-width:64rem){.BlogBanner{padding-block:calc(var(--spacing,.25rem) * 20);flex-direction:row}}.BlogBanner:before{top:calc(var(--spacing,.25rem) * 0);right:50%;bottom:calc(var(--spacing,.25rem) * 0);z-index:calc(1 * -1);background-color:var(--color-gray-bg,#f3f3f4);width:calc(50vw + 24%);margin-right:-24%;display:block;position:absolute}@media (min-width:64rem){.BlogBanner:before{--tw-content:"";content:var(--tw-content)}}.BlogBanner__content{padding-inline:calc(var(--spacing,.25rem) * 4);text-align:center;--tw-leading:1.4;flex:0 0 49%;line-height:1.4}@media not all and (min-width:64rem){.BlogBanner__content{padding-top:calc(var(--spacing,.25rem) * 6);padding-bottom:calc(var(--spacing,.25rem) * 8)}}@media (min-width:48rem){.BlogBanner__content{--tw-leading:calc(var(--spacing,.25rem) * 7.5);line-height:calc(var(--spacing,.25rem) * 7.5)}}@media (min-width:64rem){.BlogBanner__content{padding-inline:calc(var(--spacing,.25rem) * 10)}}.BlogBanner__title{--tw-leading:1.2;line-height:1.2}@media not all and (min-width:48rem){.BlogBanner__title{--tw-tracking:-1.5%;letter-spacing:-1.5%;font-size:27px}}.BlogBanner__title__link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}@media (hover:hover){.BlogBanner__title__link:hover{color:var(--accent)}}.BlogBanner__title__link:focus-visible{color:var(--accent);--tw-outline-style:none;outline-style:none}.BlogBanner__excerpt{margin-bottom:calc(var(--spacing,.25rem) * 12);--tw-leading:1.4;color:var(--color-black-light,#4d4d4d);line-height:1.4}@media (min-width:48rem){.BlogBanner__excerpt{margin-bottom:calc(var(--spacing,.25rem) * 8);--tw-leading:30px;line-height:30px}}.BlogBanner__author{margin-top:calc(var(--spacing,.25rem) * 6);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:row;display:flex}.BlogBanner__author__avatar{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);border-radius:3.40282e38px;flex-shrink:0;position:relative;overflow:hidden}.BlogBanner__author__avatar img{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);object-fit:cover;object-position:top}.BlogBanner__author__txt{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.BlogBanner__author__name{--tw-leading:130%;--tw-font-weight:var(--font-weight-normal,400);font-size:17px;line-height:130%;font-weight:var(--font-weight-normal,400);color:var(--color-black,#000);font-style:normal}@media (min-width:48rem){.BlogBanner__author__name{font-size:19px}}.BlogBanner__btn{align-self:center}.BlogBanner__media{min-width:calc(var(--spacing,.25rem) * 0);flex:1 0 50%}@media not all and (min-width:64rem){.BlogBanner__media{order:-9999}}@media (min-width:48rem){.BlogBanner__media{max-width:708px;margin-right:min(0px,50% - 50cqw)}}.BlogBanner__media__link{width:100%;height:100%;display:block}.BlogBanner__media__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.BlogBanner.BlogBanner--post .BlogBanner__title{font-size:34px}@media (min-width:48rem){.BlogBanner.BlogBanner--post .BlogBanner__title{--tw-tracking:-.01em;letter-spacing:-.01em;font-size:52px}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}