/* registration page — fluid editorial type */
.join-form__h1.join-form__h1 {
    font-size: clamp(3.25rem, 1.8rem + 6.2vw, 7.375rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.join-form__h2.join-form__h2 {
    font-size: clamp(1.625rem, 1.49rem + 0.56vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.join-form__tight.join-form__tight {
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.join-form__glow {
    height: 28rem;
    pointer-events: none;
}

.join-form__swoosh {
    top: 2rem;
    right: -6rem;
    width: min(46rem, 80vw);
    height: auto;
    pointer-events: none;
}

.join-form__round {
    width: 3.75rem;
    height: 3.75rem;
}

.join-form__shrink {
    min-width: 0;
}

.join-form__ctrl.join-form__ctrl {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    font: inherit;
    font-size: 1.125rem;
    letter-spacing: -0.02em;
    transition: border-width 150ms ease, padding 150ms ease;
}

.join-form__ctrl:focus {
    outline: none;
    border-bottom-width: 2px;
}

.join-form__select {
    cursor: pointer;
    background-image: none;
}

.join-form__area {
    resize: vertical;
    min-height: 7rem;
}

.join-form__check {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.join-form__btn {
    cursor: pointer;
    min-height: 3.5rem;
}

.join-form__btn-fill.join-form__btn-fill {
    top: 100%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translateY(0);
    transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.join-form__btn:hover .join-form__btn-fill,
.join-form__btn:focus-visible .join-form__btn-fill {
    transform: translateY(-70%);
}

@media (max-width: 767px) {
    .join-form__swoosh {
        top: 0.5rem;
        right: -8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .join-form__btn-fill.join-form__btn-fill {
        transition: none;
    }
}

/* text measures mirrored for BS (TW max-w-xl / max-w-sm / max-w-xs) */
.join-form__measure-xl {
    max-width: 36rem;
}

.join-form__measure-sm {
    max-width: 24rem;
}

.join-form__measure-xs {
    max-width: 20rem;
}