.ccm-blog-hero{background-color:var(--ccm-color-primary);padding:var(--ccm-space-12) 0 var(--ccm-space-10)}.ccm-blog-hero__inner{max-width:800px;text-align:center}.ccm-blog-hero__rule{background-color:hsla(0,0%,100%,.4);border-radius:2px;height:3px;margin:0 auto var(--ccm-space-5);width:60px}.ccm-blog-hero__heading{color:var(--ccm-color-white);font-family:var(--ccm-font-heading);font-size:var(--ccm-font-size-5xl);font-weight:var(--ccm-font-weight-extrabold);letter-spacing:-.02em;line-height:var(--ccm-line-height-tight);margin:0 0 var(--ccm-space-3)}.ccm-blog-hero__desc{color:hsla(0,0%,100%,.85);font-family:var(--ccm-font-body);font-size:var(--ccm-font-size-lg);font-weight:var(--ccm-font-weight-normal);line-height:var(--ccm-line-height-base);margin:0 auto var(--ccm-space-6);max-width:560px}.ccm-blog-hero__search{margin:0 auto;max-width:480px}.ccm-blog-hero__form{align-items:center;display:flex;position:relative}.ccm-blog-hero__input{background-color:var(--ccm-color-white);border:2px solid transparent;border-radius:var(--ccm-radius-full);color:var(--ccm-color-ink);font-family:var(--ccm-font-body);font-size:var(--ccm-font-size-base);outline:none;padding:14px 52px 14px 20px;transition:border-color var(--ccm-transition-base),box-shadow var(--ccm-transition-base);width:100%}.ccm-blog-hero__input::placeholder{color:var(--ccm-color-muted)}.ccm-blog-hero__input:focus{border-color:hsla(0,0%,100%,.6);box-shadow:0 0 0 4px hsla(0,0%,100%,.15)}.ccm-blog-hero__submit{align-items:center;background-color:var(--ccm-color-primary);border:none;border-radius:var(--ccm-radius-full);color:var(--ccm-color-white);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:background-color var(--ccm-transition-base);width:40px}.ccm-blog-hero__submit:hover{background-color:var(--ccm-color-primary-dark)}@media (max-width:767px){.ccm-blog-hero{padding:var(--ccm-space-8) 0 var(--ccm-space-6)}.ccm-blog-hero__heading{font-size:var(--ccm-font-size-4xl)}.ccm-blog-hero__desc{font-size:var(--ccm-font-size-base)}.ccm-blog-hero__input{font-size:var(--ccm-font-size-sm);padding:12px 48px 12px 16px}}