@layer utils;@layer components{.section-header{position:relative;container-type:inline-size;z-index:2;text-align:center}.section-header:has(.section-header__inner.-active) .section-header__label:before{animation-name:ball-bounce,ball-direction,ball-squeeze;animation-duration:var(--g-easing-duration-medium);animation-timing-function:cubic-bezier(.25,-.01,1,.75),cubic-bezier(.25,-.01,.85,.87),ease-in-out;animation-iteration-count:1,1,1;animation-direction:normal,normal,normal;animation-fill-mode:forwards}.section-header:has(.section-header__inner.-active) .section-header__label-text{animation-name:label-bounce;animation-duration:.5s;animation-delay:.1s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@property --radial-value{.section-header__inner {syntax: "<percentage>"; initial-value: 0%; inherits: false;}}.section-header__inner{--radial-value: 0%;display:grid;margin-bottom:3.6rem;grid-template-columns:1fr;justify-items:center;gap:2.4rem}@container ((width >= 768px)){.section-header__inner{margin-bottom:4.8rem}}@container ((width >= 1024px)){.section-header__inner{gap:3.2rem;margin-bottom:12rem}}.section-header__label{position:relative;display:inline-flex;align-items:center;padding-left:2rem}.section-header__label:before{content:"";position:absolute;bottom:0;width:1.2rem;height:1.2rem;background-color:var(--g-color-primary-400);border-radius:50%;transform:translateY(-6rem) translate(2rem) scale(0);z-index:2}.section-header__label:after{content:"";position:absolute;left:0;bottom:.4rem;width:1.2rem;height:1.2rem;background-color:var(--g-color-gray-300);border-radius:50%}.section-header__label-text{color:var(--g-color-gray-800);font-size:1.8rem;line-height:1.1}.section-header__heading,.section-header__description{max-width:92rem;margin-inline:auto}.section-header__heading{margin-bottom:0;padding-bottom:.05em;color:transparent;font-size:3.6rem;background-image:radial-gradient(circle at 50%,var(--g-color-black) var(--radial-value),var(--g-color-gray-300) 0%);-webkit-background-clip:text;background-clip:text}@container ((width >= 768px)){.section-header__heading{font-size:5.6rem}}@container ((width >= 1024px)){.section-header__heading{font-size:9.4rem}}.section-header__description{max-width:38.5rem;font-size:1.8rem}.section-header.-variant-light *:not(.section-header__heading){color:var(--g-color-white)}.section-header.-variant-light .section-header__label:after{background-color:var(--g-color-gray-600)}.section-header.-variant-light .section-header__heading{background-image:radial-gradient(circle at 50%,var(--g-color-white) var(--radial-value),var(--g-color-gray-600) 0%)}.section-header.-align-default{text-align:left}.section-header.-align-default .section-header__inner{justify-items:start}.section-header.-align-default .section-header__heading{margin:0}}@keyframes ball-bounce{0%{bottom:8rem;animation-timing-function:ease-in}33%{bottom:1.2rem;animation-timing-function:ease-out}66%{bottom:4rem;animation-timing-function:ease-in}to{bottom:.4rem;animation-timing-function:ease-out}}@keyframes ball-direction{0%{left:3.2rem}34%{left:3.2rem}to{left:0}}@keyframes ball-squeeze{0%{transform:scale(0)}32%{transform:scale(1)}33%{transform:scale(1.13,.9)}to{transform:scale(1)}}@keyframes label-bounce{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(.2rem) rotate(-4deg)}to{transform:translateY(0) rotate(0)}}