.homev5-logo-rail img{display:block;width:100%;max-width:104px;max-height:32px;object-fit:contain;opacity:.82}.homev5-logo-rail a{width:100%;height:100%;display:grid;place-items:center}.button--primary,.homev3-service-card--blue{background:var(--lipsub-primary)!important}.homev5-kicker,.homev3-kicker,.eyebrow{color:var(--lipsub-accent)}.homev5-hero h1 em{color:var(--lipsub-primary)}.cms-public-section{padding:110px 0;background:#fff}.cms-public-section:nth-of-type(even){background:#f2f6fc}.cms-public-section h2{max-width:900px;margin:0;font-size:clamp(42px,5.4vw,76px);line-height:.95;letter-spacing:-.06em}.cms-public-section .subtitle{max-width:760px;margin:20px 0 0;color:var(--lipsub-primary);font-size:17px}.cms-public-section .body{max-width:800px;margin-top:22px;color:#667085;font-size:16px;line-height:1.8}.cms-public-section .button{margin-top:26px}.cms-public-split{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.cms-public-split>img{width:100%;border-radius:24px;box-shadow:0 25px 70px rgba(7,17,31,.12)}.cms-public-dark{color:#fff;background:var(--lipsub-dark)!important}.cms-public-items,.cms-public-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.cms-public-items article,.cms-public-cards article{padding:24px;border:1px solid rgba(7,17,31,.1);border-radius:16px;background:#fff}.cms-public-dark article{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.cms-public-items strong,.cms-public-items span{display:block}.cms-public-items strong{font-size:36px}.cms-public-items span{margin-top:8px;color:#748197}.cms-public-dark .cms-public-items span{color:rgba(255,255,255,.55)}.cms-public-cards h3{margin:0;font-size:22px}.cms-public-cards p{color:#667085;line-height:1.7}.cms-public-cards a{color:var(--lipsub-primary);font-weight:750}.cms-public-cta{color:#fff;background:var(--lipsub-primary)!important}.cms-public-cta h2{color:#fff}.cms-public-cta>div>p{max-width:720px;color:rgba(255,255,255,.72);line-height:1.75}.cms-public-full-image img{display:block;width:100%;max-height:760px;object-fit:cover}@media(max-width:800px){.cms-public-section{padding:80px 0}.cms-public-split{grid-template-columns:1fr}.cms-public-items,.cms-public-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cms-public-items,.cms-public-cards{grid-template-columns:1fr}}

/* BEGIN FINAL HEADER LOGO ALIGNMENT */

.site-header .brand,
.site-footer .brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-decoration: none !important;
    min-width: 0 !important;
}

/* hide duplicated text wordmark */
.site-header .brand__word,
.site-footer .brand__word {
    display: none !important;
}

/* remove box styling around logo */
.site-header .brand__mark--image,
.site-footer .brand__mark--image {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* header logo size */
.site-header .brand__mark--image img {
    display: block !important;
    width: auto !important;
    height: 58px !important;
    max-width: 220px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    transform: none !important;
}

/* footer logo size */
.site-footer .brand__mark--image img {
    display: block !important;
    width: auto !important;
    height: 64px !important;
    max-width: 240px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    transform: none !important;
}

/* keep header vertically centered */
.site-header,
.site-header__inner {
    min-height: 84px !important;
}

.site-header__inner {
    display: flex !important;
    align-items: center !important;
}

@media (max-width: 720px) {
    .site-header .brand__mark--image img {
        height: 46px !important;
        max-width: 170px !important;
    }

    .site-footer .brand__mark--image img {
        height: 54px !important;
        max-width: 190px !important;
    }

    .site-header,
    .site-header__inner {
        min-height: 72px !important;
    }
}

/* END FINAL HEADER LOGO ALIGNMENT */

/* BEGIN LIPSUB PUBLIC FORM COLOR FIX */

/* Contact and Get a Quote form labels */
.project-form,
.project-form label,
.project-form label > span,
.project-form .form-field-full > span,
.project-form .file-field > span,
.project-form .file-field strong,
.project-form .file-field small,
.project-form .consent-field span {
    color: #07111f !important;
}

/* Text entered inside fields */
.project-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.project-form select,
.project-form textarea {
    color: #07111f !important;
    background-color: #ffffff !important;
    border-color: #c9d2df !important;
    caret-color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
}

/* Placeholder text */
.project-form input::placeholder,
.project-form textarea::placeholder {
    color: #6d7888 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #6d7888 !important;
}

/* File upload card */
.project-form .file-field > span {
    background: #f7f9fc !important;
    border-color: #aeb9c8 !important;
}

.project-form .file-field small {
    color: #657184 !important;
}

/* Consent line */
.project-form .consent-field {
    color: #07111f !important;
}

/* Validation message */
.project-form .form-alert--error,
.project-form .form-alert--error li {
    color: #7f1d1d !important;
}

/* Keep the submit button text white */
.project-form button,
.project-form .form-submit {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Browser autofill */
.project-form input:-webkit-autofill,
.project-form input:-webkit-autofill:hover,
.project-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #07111f !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

/* END LIPSUB PUBLIC FORM COLOR FIX */

/* BEGIN LIPSUB MOBILE MENU OVERLAY FIX */

@media (max-width: 900px) {
    .site-header {
        position: relative !important;
        z-index: 5000 !important;
        background: #07111f !important;
    }

    .site-header__inner {
        position: relative !important;
        z-index: 5002 !important;
        background: #07111f !important;
    }

    .mobile-menu[hidden] {
        display: none !important;
    }

    .mobile-menu:not([hidden]) {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 5001 !important;
        width: 100% !important;
        height: 100dvh !important;
        padding: 86px 0 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        background:
            radial-gradient(circle at 86% 12%, rgba(23,108,255,.30), transparent 34%),
            linear-gradient(180deg, #07111f 0%, #09182b 100%) !important;
        opacity: 1 !important;
        visibility: visible !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-menu__inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: calc(100dvh - 86px) !important;
        padding: 28px 26px 36px !important;
        background: transparent !important;
    }

    .mobile-menu nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-menu nav a {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 14px !important;
        width: 100% !important;
        min-height: 88px !important;
        margin: 0 !important;
        padding: 18px 0 !important;
        color: #ffffff !important;
        font-size: clamp(2.2rem, 9vw, 3.7rem) !important;
        font-weight: 800 !important;
        line-height: .92 !important;
        letter-spacing: -.04em !important;
        text-decoration: none !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.14) !important;
        background: transparent !important;
        box-shadow: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .mobile-menu nav a span {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        color: #42d7e8 !important;
        font-size: .76rem !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .14em !important;
    }

    .mobile-menu .button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 58px !important;
        margin-top: 28px !important;
        color: #07111f !important;
        background: #ffffff !important;
        border-color: #ffffff !important;
    }

    .menu-toggle {
        position: relative !important;
        z-index: 5003 !important;
        flex: 0 0 auto !important;
        background: rgba(255,255,255,.04) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
    }

    body:has(.mobile-menu:not([hidden])) {
        overflow: hidden !important;
        touch-action: none !important;
    }
}

@media (max-width: 420px) {
    .mobile-menu:not([hidden]) {
        padding-top: 78px !important;
    }

    .mobile-menu__inner {
        min-height: calc(100dvh - 78px) !important;
        padding: 22px 20px 30px !important;
    }

    .mobile-menu nav a {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        min-height: 76px !important;
        font-size: clamp(2rem, 10vw, 3rem) !important;
    }
}

/* END LIPSUB MOBILE MENU OVERLAY FIX */

/* BEGIN LIPSUB HOME SERVICES 2-COLUMN */

.home-services-square {
    overflow: hidden;
    background: #07111f;
}

.home-services-square__shell {
    max-width: 1240px;
}

.home-services-square__intro {
    max-width: 780px;
    margin: 0 0 42px;
}

.home-services-square__intro .eyebrow {
    margin-bottom: 20px;
}

.home-services-square__intro h2 {
    max-width: 760px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(3rem, 6.4vw, 6.8rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.home-services-square__description {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.68);
    font-size: clamp(1rem, 1.4vw, 1.22rem);
    line-height: 1.7;
}

.home-services-square__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.home-services-square__card {
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 0 !important;
    padding: clamp(26px, 3vw, 42px) !important;
    overflow: hidden !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 28px !important;
    text-decoration: none !important;
    isolation: isolate !important;
    transition: transform .24s ease, box-shadow .24s ease !important;
}

.home-services-square__card:nth-child(4n + 1) {
    background: #176cff !important;
}

.home-services-square__card:nth-child(4n + 2) {
    background: #101b2d !important;
}

.home-services-square__card:nth-child(4n + 3) {
    color: #07111f !important;
    background: #c9ff54 !important;
}

.home-services-square__card:nth-child(4n + 4) {
    background: #ff6800 !important;
}

.home-services-square__card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 28px 65px rgba(0,0,0,.22) !important;
}

.home-services-square__card::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -22%;
    bottom: -33%;
    width: 72%;
    aspect-ratio: 1;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .10;
    box-shadow:
        0 0 0 34px currentColor,
        0 0 0 68px currentColor;
}

.home-services-square__top {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.home-services-square__number,
.home-services-square__label,
.home-services-square__arrow {
    color: currentColor !important;
}

.home-services-square__number {
    font-size: .82rem !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
    opacity: .58 !important;
}

.home-services-square__label {
    min-width: 0 !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    opacity: .78 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-services-square__arrow {
    font-size: 1rem !important;
    font-weight: 800 !important;
}

.home-services-square__card h3 {
    align-self: end !important;
    max-width: 92% !important;
    margin: 0 0 22px !important;
    color: currentColor !important;
    font-size: clamp(2.35rem, 4vw, 4.9rem) !important;
    font-weight: 850 !important;
    line-height: .93 !important;
    letter-spacing: -.06em !important;
    overflow-wrap: anywhere !important;
}

.home-services-square__card > p {
    min-height: 5.1em !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: clamp(.95rem, 1.25vw, 1.1rem) !important;
    line-height: 1.65 !important;
    opacity: .72 !important;
}

@media (max-width: 900px) {
    .home-services-square__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-services-square__card {
        padding: 28px !important;
    }

    .home-services-square__card h3 {
        font-size: clamp(2rem, 5.5vw, 3.8rem) !important;
    }
}

@media (max-width: 640px) {
    .home-services-square__intro {
        margin-bottom: 28px;
    }

    .home-services-square__intro h2 {
        font-size: clamp(2.7rem, 13vw, 4.8rem);
    }

    .home-services-square__grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .home-services-square__card {
        aspect-ratio: 1 / 1 !important;
        padding: 28px !important;
    }

    .home-services-square__label {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .home-services-square__card h3 {
        font-size: clamp(2.25rem, 11vw, 4rem) !important;
    }

    .home-services-square__card > p {
        min-height: 0 !important;
        font-size: 1rem !important;
    }
}

/* END LIPSUB HOME SERVICES 2-COLUMN */

/* BEGIN LIPSUB HOME SERVICES SIZE COLOR FIX */

/* Force the section title to stay white */
.home-services-square .home-services-square__intro h2,
.home-services-square__intro h2,
#home-services h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Make the whole services area slightly narrower */
.home-services-square__shell {
    max-width: 1080px !important;
}

/* Reduce card size while keeping two cards per row */
.home-services-square__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.home-services-square__card {
    aspect-ratio: 1 / 1 !important;
    padding: clamp(22px, 2.4vw, 34px) !important;
    border-radius: 24px !important;
}

/* Slightly reduce card typography */
.home-services-square__card h3 {
    font-size: clamp(2rem, 3.25vw, 4rem) !important;
    margin-bottom: 16px !important;
}

.home-services-square__card > p {
    min-height: 4.6em !important;
    font-size: clamp(.9rem, 1.05vw, 1rem) !important;
    line-height: 1.58 !important;
}

.home-services-square__top {
    gap: 11px !important;
}

.home-services-square__label {
    font-size: .72rem !important;
}

/* Tablet */
@media (max-width: 900px) {
    .home-services-square__shell {
        max-width: 760px !important;
    }

    .home-services-square__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .home-services-square__card {
        padding: 22px !important;
    }

    .home-services-square__card h3 {
        font-size: clamp(1.75rem, 5vw, 3rem) !important;
    }
}

/* Mobile: one smaller square centered */
@media (max-width: 640px) {
    .home-services-square__shell {
        max-width: 100% !important;
    }

    .home-services-square__grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .home-services-square__card {
        width: min(100%, 420px) !important;
        margin-inline: auto !important;
        aspect-ratio: 1 / 1 !important;
        padding: 24px !important;
        border-radius: 22px !important;
    }

    .home-services-square__card h3 {
        font-size: clamp(2rem, 10vw, 3.4rem) !important;
    }

    .home-services-square__card > p {
        font-size: .95rem !important;
    }
}

/* END LIPSUB HOME SERVICES SIZE COLOR FIX */

/* BEGIN LIPSUB ACADEMY V1 */

.academy-course-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.academy-course-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 620px;
    padding: clamp(26px, 3.4vw, 44px);
    color: #07111f;
    border: 1px solid rgba(7,17,31,.13);
    border-radius: 28px;
    background: #ffffff;
}

.academy-course-card:nth-child(even) {
    color: #ffffff;
    background: #07111f;
    border-color: rgba(255,255,255,.12);
}

.academy-course-card__top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 50px;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .62;
}

.academy-course-card__subtitle {
    margin: 0 0 10px;
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: .66;
}

.academy-course-card h3 {
    margin: 0 0 18px;
    color: currentColor;
    font-size: clamp(2.3rem, 4.4vw, 4.8rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.academy-course-card__description {
    max-width: 640px;
    margin: 0 0 28px;
    color: currentColor;
    line-height: 1.7;
    opacity: .72;
}

.academy-course-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 26px;
}

.academy-course-meta div {
    padding: 14px;
    border: 1px solid currentColor;
    border-radius: 14px;
    opacity: .72;
}

.academy-course-meta dt,
.academy-course-meta dd {
    margin: 0;
}

.academy-course-meta dt {
    margin-bottom: 4px;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.academy-course-features {
    display: grid;
    gap: 9px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.academy-course-features li {
    position: relative;
    padding-left: 20px;
    line-height: 1.55;
}

.academy-course-features li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #ff6800;
}

.academy-course-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
}

.academy-course-card__footer strong,
.academy-course-card__footer small {
    display: block;
}

.academy-course-card__footer strong {
    font-size: 1.25rem;
}

.academy-course-card__footer small {
    margin-top: 5px;
    opacity: .62;
}

.academy-course-card:nth-child(even) .button--dark {
    color: #07111f;
    background: #ffffff;
}

.academy-empty {
    grid-column: 1 / -1;
    padding: 50px;
    text-align: center;
    border: 1px dashed #bdc7d5;
    border-radius: 24px;
}

.academy-registration__shell {
    max-width: 1000px;
}

.academy-form {
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid rgba(7,17,31,.13);
    border-radius: 28px;
    background: #f7f9fc;
}

.academy-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.academy-form label {
    display: block;
    margin-bottom: 16px;
}

.academy-form label > span {
    display: block;
    margin-bottom: 8px;
    color: #07111f;
    font-weight: 750;
}

.academy-form input,
.academy-form select,
.academy-form textarea {
    width: 100%;
    min-height: 52px;
    padding: 13px 15px;
    color: #07111f;
    border: 1px solid #cbd4df;
    border-radius: 13px;
    background: #ffffff;
    font: inherit;
}

.academy-form textarea {
    min-height: 145px;
    resize: vertical;
}

.academy-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
}

.academy-consent input {
    width: 18px;
    min-height: 18px;
    margin-top: 3px;
}

.academy-consent span {
    margin: 0 !important;
    color: #657184 !important;
    font-weight: 500 !important;
    line-height: 1.55;
}

.academy-alert {
    margin-bottom: 20px;
    padding: 17px 20px;
    border-radius: 14px;
}

.academy-alert--success {
    color: #145b35;
    background: #e8fff0;
    border: 1px solid #a8e2bf;
}

.academy-alert--error {
    color: #7d1e1e;
    background: #fff0f0;
    border: 1px solid #efb4b4;
}

.academy-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

@media (max-width: 850px) {
    .academy-course-grid {
        grid-template-columns: 1fr;
    }

    .academy-course-card {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .academy-form-grid,
    .academy-course-meta {
        grid-template-columns: 1fr;
    }

    .academy-course-card {
        padding: 26px;
    }

    .academy-course-card__footer {
        display: block;
    }

    .academy-course-card__footer .button {
        width: 100%;
        margin-top: 18px;
    }
}

/* END LIPSUB ACADEMY V1 */

/* BEGIN LIPSUB JOIN US DESIGN V2 */

.joinus-paths__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.joinus-path {
    min-height: 400px;
    padding: clamp(28px, 4vw, 52px);
    border-radius: 30px;
}

.joinus-path--freelancer {
    color: #07111f;
    background: #ffffff;
    border: 1px solid rgba(7,17,31,.14);
}

.joinus-path--studio {
    color: #ffffff;
    background: #07111f;
    border: 1px solid rgba(255,255,255,.12);
}

.joinus-path__number {
    display: block;
    margin-bottom: 54px;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .16em;
    opacity: .55;
}

.joinus-path h2 {
    margin: 0 0 18px;
    color: currentColor;
    font-size: clamp(2.3rem, 4.3vw, 4.8rem);
    line-height: .95;
    letter-spacing: -.06em;
}

.joinus-path > p:not(.eyebrow) {
    max-width: 570px;
    margin-bottom: 28px;
    line-height: 1.7;
    opacity: .72;
}

.joinus-application__shell {
    max-width: 1120px;
}

.joinus-alert {
    margin-bottom: 20px;
    padding: 18px 22px;
    border-radius: 16px;
}

.joinus-alert--success {
    color: #145b35;
    background: #e8fff0;
    border: 1px solid #a8e2bf;
}

.joinus-alert--error {
    color: #7d1e1e;
    background: #fff0f0;
    border: 1px solid #efb4b4;
}

.joinus-form {
    padding: clamp(22px, 4vw, 44px);
    border: 1px solid rgba(7,17,31,.13);
    border-radius: 30px;
    background: #f5f7fa;
}

.joinus-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
}

.joinus-type legend {
    grid-column: 1 / -1;
    margin-bottom: 8px;
    color: #07111f;
    font-weight: 850;
}

.joinus-type label {
    position: relative;
}

.joinus-type input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.joinus-type label > span {
    display: block;
    min-height: 105px;
    padding: 21px;
    color: #07111f;
    border: 1px solid #ccd5e1;
    border-radius: 18px;
    background: #ffffff;
    cursor: pointer;
}

.joinus-type strong,
.joinus-type small {
    display: block;
}

.joinus-type strong {
    margin-bottom: 6px;
    font-size: 1.08rem;
}

.joinus-type small {
    color: #667386;
    line-height: 1.5;
}

.joinus-type input:checked + span {
    color: #ffffff;
    background: #07111f;
    border-color: #07111f;
}

.joinus-type input:checked + span small {
    color: rgba(255,255,255,.68);
}

.joinus-form__section {
    margin-bottom: 20px;
    padding: clamp(20px, 3vw, 30px);
    color: #07111f;
    border: 1px solid #dce3ec;
    border-radius: 22px;
    background: #ffffff;
}

.joinus-form__section--studio {
    border-left: 5px solid #ff6800;
}

.joinus-form__section-head {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 13px;
    align-items: start;
    margin-bottom: 22px;
}

.joinus-form__section-head > span {
    padding-top: 5px;
    color: #ff6800;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.joinus-form__section-head h3 {
    margin: 0 0 4px;
    color: #07111f;
    font-size: clamp(1.45rem, 2.4vw, 2.2rem);
}

.joinus-form__section-head p {
    margin: 0;
    color: #697588;
}

.joinus-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.joinus-form label {
    display: block;
}

.joinus-form label > span {
    display: block;
    margin-bottom: 7px;
    color: #07111f;
    font-weight: 750;
}

.joinus-form input,
.joinus-form select,
.joinus-form textarea {
    width: 100%;
    min-height: 52px;
    padding: 13px 15px;
    color: #07111f;
    border: 1px solid #cbd4df;
    border-radius: 13px;
    background: #ffffff;
    font: inherit;
}

.joinus-form textarea {
    min-height: 145px;
    resize: vertical;
}

.joinus-upload-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.joinus-upload {
    position: relative;
    display: block;
}

.joinus-upload input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.joinus-upload > span {
    display: block;
    min-height: 105px;
    padding: 20px;
    color: #07111f;
    border: 1px dashed #9eabba;
    border-radius: 17px;
    background: #f8fafc;
    cursor: pointer;
}

.joinus-upload strong,
.joinus-upload small {
    display: block;
}

.joinus-upload strong {
    margin-bottom: 6px;
}

.joinus-upload small {
    color: #667386;
}

.joinus-language-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.joinus-language-grid label {
    position: relative;
}

.joinus-language-grid input {
    position: absolute;
    opacity: 0;
}

.joinus-language-grid span {
    display: block;
    margin: 0 !important;
    padding: 11px 12px;
    text-align: center;
    color: #07111f !important;
    border: 1px solid #d0d8e2;
    border-radius: 999px;
    background: #ffffff;
    cursor: pointer;
}

.joinus-language-grid input:checked + span {
    color: #ffffff !important;
    background: #176cff;
    border-color: #176cff;
}

.joinus-rate-table {
    display: grid;
    gap: 9px;
}

.joinus-rate-table__header,
.joinus-rate-row {
    display: grid;
    grid-template-columns: minmax(210px, 1.55fr) minmax(95px, .65fr) 100px minmax(170px, 1fr);
    gap: 9px;
    align-items: center;
}

.joinus-rate-table__header {
    padding: 0 5px 5px;
    color: #697588;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.joinus-service {
    position: relative;
}

.joinus-service input {
    position: absolute;
    opacity: 0;
}

.joinus-service span {
    display: flex !important;
    align-items: center;
    min-height: 52px;
    margin: 0 !important;
    padding: 12px 14px;
    color: #07111f !important;
    border: 1px solid #d0d8e2;
    border-radius: 13px;
    background: #ffffff;
    cursor: pointer;
}

.joinus-service input:checked + span {
    color: #ffffff !important;
    background: #07111f;
    border-color: #07111f;
}

.joinus-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 20px 0;
}

.joinus-consent input {
    width: 18px;
    min-height: 18px;
    margin-top: 3px;
}

.joinus-consent span {
    margin: 0 !important;
    color: #667386 !important;
    font-weight: 500 !important;
    line-height: 1.55;
}

.joinus-submit {
    min-width: 230px;
}

.joinus-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

@media (max-width: 900px) {
    .joinus-paths__grid,
    .joinus-form__grid,
    .joinus-upload-grid {
        grid-template-columns: 1fr;
    }

    .joinus-language-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .joinus-rate-table__header {
        display: none;
    }

    .joinus-rate-row {
        grid-template-columns: 1fr 1fr;
        padding: 14px;
        border: 1px solid #dce3ec;
        border-radius: 16px;
        background: #f8fafc;
    }

    .joinus-service {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .joinus-type,
    .joinus-language-grid,
    .joinus-rate-row {
        grid-template-columns: 1fr;
    }

    .joinus-path {
        min-height: 0;
        padding: 28px;
    }

    .joinus-form {
        padding: 16px;
        border-radius: 22px;
    }

    .joinus-form__section {
        padding: 20px;
    }
}

/* END LIPSUB JOIN US DESIGN V2 */