.investors-contact{
    width:100%;
    background:#fff;
    color:#202020;
    padding:176px 0 82px;
}

.investors-contact__inner{
    width:min(100%,1903px);
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}

.investors-contact__panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    border-top:1px solid #dedede;
}

.investors-contact__left{
    min-height:900px;
    padding:18px 62px 52px 0;
    box-sizing:border-box;
}

.investors-contact__title{
    max-width:760px;
    margin:0;
    font-size:clamp(64px,4.22vw,84px);
    line-height:.96;
    font-weight:700;
    letter-spacing:-.055em;
    text-transform:uppercase;
}

.investors-contact__subtitle{
    margin:62px 0 0;
    color:#9b9b9b;
    font-size:28px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:.015em;
    text-transform:uppercase;
}

.investors-contact__phone{
    width:max-content;
    max-width:100%;
    margin-top:72px;
    display:inline-flex;
    align-items:center;
    gap:36px;
    color:#202020;
    text-decoration:none;
    font-size:29px;
    line-height:1;
    font-weight:700;
    letter-spacing:.035em;
}

.investors-contact__phone-icon{
    width:62px;
    height:62px;
    flex:0 0 62px;
    display:grid;
    place-items:center;
    border:1px solid #565656;
    box-sizing:border-box;
}

.investors-contact__phone-icon svg{
    width:31px;
    height:31px;
    display:block;
}

.investors-contact__form{
    min-width:0;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    box-sizing:border-box;
}

.investors-contact__fields{
    display:grid;
}

.investors-contact__field{
    min-height:198px;
    padding:47px 40px 28px;
    display:flex;
    flex-direction:column;
    gap:24px;
    border-bottom:1px solid #d4d4d4;
    box-sizing:border-box;
    cursor:text;
}

.investors-contact__field>span{
    display:block;
    color:#202020;
    font-size:28px;
    line-height:1;
    font-weight:700;
    letter-spacing:-.02em;
    text-transform:uppercase;
}

.investors-contact__field>span b{
    font-weight:700;
}

.investors-contact__field input,
.investors-contact__field textarea{
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    resize:none;
    color:#202020;
    background:transparent;
    font:inherit;
    font-size:20px;
    line-height:1.35;
}

.investors-contact__field textarea{
    min-height:72px;
}

.investors-contact__field:focus-within{
    background:#fafafa;
}

.investors-contact__submit{
    width:100%;
    min-height:86px;
    padding:0 34px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#fff;
    background:#202020;
    font:inherit;
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    cursor:pointer;
    transition:background-color .2s ease;
}

.investors-contact__submit:hover{
    background:#111;
}

.investors-contact__submit span:last-child{
    font-size:19px;
    line-height:1;
}

.investors-contact__consent{
    margin:16px 24px 0;
    text-align:center;
    font-size:12px;
    line-height:1.35;
}

.investors-contact__consent a{
    color:#666;
    text-decoration:underline;
    text-underline-offset:2px;
}

@media (max-width:1100px){
    .investors-contact{padding-top:120px}
    .investors-contact__panel{grid-template-columns:1fr}
    .investors-contact__left{min-height:auto;padding:20px 0 70px}
    .investors-contact__form{border-top:1px solid #d4d4d4}
}

@media (max-width:760px){
    .investors-contact{padding:84px 0 56px}
    .investors-contact__inner{padding:0 20px}
    .investors-contact__title{font-size:44px;line-height:.98}
    .investors-contact__subtitle{margin-top:34px;font-size:19px}
    .investors-contact__phone{margin-top:38px;gap:18px;font-size:21px}
    .investors-contact__phone-icon{width:52px;height:52px;flex-basis:52px}
    .investors-contact__field{min-height:142px;padding:34px 24px 22px}
    .investors-contact__field>span{font-size:20px}
    .investors-contact__field input,.investors-contact__field textarea{font-size:17px}
    .investors-contact__submit{min-height:72px;padding:0 20px;font-size:12px}
    .investors-contact__consent{font-size:11px}
}

/* Figma desktop /investors contact. Reuses the Residents form geometry and interaction
   without changing the existing <=1180px layout. */
.investors-contact__phone-icon-residents {
    width: 28px;
    height: 28px;
    display: block;
}

.investors-contact__submit-arrow-residents {
    display: none;
}

@media (min-width: 1181px) {
    .investors-contact {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 96px 0 0;
        overflow: hidden;
        background: #ffffff;
        color: #1f1f1f;
    }

    .investors-contact__inner {
        width: min(100%, 1920px);
        margin: 0 auto;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .investors-contact__panel {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        border-top: 0;
    }

    .investors-contact__left {
        min-width: 0;
        min-height: 820px;
        padding: 0;
        box-sizing: border-box;
    }

    .investors-contact__title {
        width: 100%;
        max-width: none;
        margin: 0;
        color: #1f1f1f;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 100px;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 100px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .investors-contact__subtitle {
        width: 100%;
        margin: 40px 0 0;
        color: rgba(31, 31, 31, .5);
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 44px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .investors-contact__phone {
        width: max-content;
        max-width: 100%;
        margin-top: 58px;
        display: inline-flex;
        align-items: center;
        gap: 40px;
        color: #1f1f1f;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif !important;
        font-size: 40px;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 44px;
        letter-spacing: 0;
        text-decoration: none;
    }

    .investors-contact__phone-icon {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #1f1f1f;
        box-sizing: border-box;
    }

    .investors-contact__phone-icon-residents {
        width: 24px;
        height: 24px;
        display: block;
    }

    .investors-contact__phone-icon > svg,
    .investors-contact__phone-icon-legacy {
        display: none !important;
    }

    .investors-contact__form {
        min-width: 0;
        margin: 0;
        padding: 0 0 54px;
        border: 0;
        box-sizing: border-box;
    }

    .investors-contact__fields {
        width: 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        border: 1px solid #d0d0d0;
        background: #ffffff;
    }

    .investors-contact__field {
        position: relative;
        min-height: 164px;
        padding: 0;
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid #d0d0d0;
        cursor: text;
    }

    .investors-contact__field:last-child {
        border-bottom: 0;
    }

    .investors-contact__field > span {
        position: absolute;
        z-index: 1;
        top: 66px;
        left: 40px;
        right: 40px;
        display: block;
        color: #1f1f1f;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0;
        text-transform: uppercase;
        pointer-events: none;
        transition: top .22s ease, font-size .22s ease, color .22s ease;
    }

    .investors-contact__field:focus-within > span,
    .investors-contact__field:has(input:not(:placeholder-shown)) > span,
    .investors-contact__field:has(textarea:not(:placeholder-shown)) > span {
        top: 24px;
        color: rgba(31, 31, 31, .5);
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .investors-contact__field input,
    .investors-contact__field textarea {
        width: 100%;
        min-width: 0;
        min-height: 162px;
        margin: 0;
        padding: 68px 40px 22px;
        display: block;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
        outline: 0;
        color: #1f1f1f;
        background: transparent;
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        resize: none;
    }

    .investors-contact__field textarea {
        height: 162px;
    }

    .investors-contact__field:focus-within {
        background: #ffffff;
    }

    .investors-contact__submit {
        width: 100%;
        min-height: 74px;
        padding: 16px 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        box-sizing: border-box;
        border: 0;
        background: #1f1f1f;
        color: #ffffff;
        cursor: pointer;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .investors-contact__submit-arrow-residents {
        width: 14px;
        height: 14px;
        display: block;
    }

    .investors-contact__submit-arrow-legacy {
        display: none;
    }

    .investors-contact__consent {
        min-height: 20px;
        margin: 16px 24px 0;
        color: #1f1f1f;
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
    }

    .investors-contact__consent a {
        color: inherit;
        text-decoration: underline;
    }
}

/* Mobile final investors contact form by Figma screenshots. Mobile-only override. */
@media (max-width: 760px) {
    body.investors-page-body .investors-contact {
        width: 100%;
        margin: 0;
        padding: 96px 0 36px;
        overflow: hidden;
        background: #ffffff;
        color: #1f1f1f;
    }

    body.investors-page-body .investors-contact__inner {
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body.investors-page-body .investors-contact__panel {
        display: block;
        border-top: 0;
    }

    body.investors-page-body .investors-contact__left {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0 16px 40px;
        box-sizing: border-box;
    }

    body.investors-page-body .investors-contact__title {
        width: 100%;
        max-width: 361px;
        margin: 0 auto;
        color: #1f1f1f;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 44px;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        white-space: pre-line;
    }

    body.investors-page-body .investors-contact__subtitle {
        width: 346px;
        max-width: 100%;
        margin: 4px auto 0;
        color: rgba(31, 31, 31, .5);
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
    }

    body.investors-page-body .investors-contact__phone {
        width: 100%;
        max-width: 361px;
        margin: 24px auto 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        color: #1f1f1f;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0;
        text-decoration: none;
    }

    body.investors-page-body .investors-contact__phone-icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 1px solid #1f1f1f;
        background: #ffffff;
    }

    body.investors-page-body .investors-contact__phone-icon-residents {
        width: 19px;
        height: 20px;
        display: block;
    }

    body.investors-page-body .investors-contact__phone-icon > svg,
    body.investors-page-body .investors-contact__phone-icon-legacy {
        display: none !important;
    }

    body.investors-page-body .investors-contact__form {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        box-sizing: border-box;
    }

    body.investors-page-body .investors-contact__fields {
        width: 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        border: 0;
        border-top: 1px solid rgba(31, 31, 31, .3);
        background: #ffffff;
    }

    body.investors-page-body .investors-contact__field {
        position: relative;
        width: 100%;
        min-height: 80px;
        padding: 0;
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(31, 31, 31, .3);
        cursor: text;
    }

    body.investors-page-body .investors-contact__field:last-child {
        border-bottom: 0;
    }

    body.investors-page-body .investors-contact__field > span {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 16px;
        right: 16px;
        transform: translateY(-50%);
        display: block;
        color: #1f1f1f;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0;
        text-transform: uppercase;
        pointer-events: none;
        transition: top .22s ease, transform .22s ease, font-size .22s ease, color .22s ease;
    }

    body.investors-page-body .investors-contact__field input,
    body.investors-page-body .investors-contact__field textarea {
        width: 100%;
        min-width: 0;
        min-height: 78px;
        margin: 0;
        padding: 34px 16px 10px;
        display: block;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
        outline: 0;
        resize: none;
        color: #1f1f1f;
        background: transparent;
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    body.investors-page-body .investors-contact__field textarea {
        height: 78px;
    }

    body.investors-page-body .investors-contact__field:focus-within {
        background: #ffffff;
    }

    body.investors-page-body .investors-contact__field:focus-within > span,
    body.investors-page-body .investors-contact__field:has(input:not(:placeholder-shown)) > span,
    body.investors-page-body .investors-contact__field:has(textarea:not(:placeholder-shown)) > span {
        top: 14px;
        transform: none;
        color: rgba(31, 31, 31, .52);
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: 0;
    }

    body.investors-page-body .investors-contact__submit {
        width: calc(100% - 40px);
        max-width: 353px;
        min-height: 66px;
        margin: 20px auto 0;
        padding: 6px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        box-sizing: border-box;
        border: 0;
        background: #1f1f1f;
        color: #ffffff;
        cursor: pointer;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: .02em;
        text-align: center;
        text-transform: uppercase;
    }

    body.investors-page-body .investors-contact__submit-arrow-residents {
        width: 13.5px;
        height: 12.5px;
        display: block;
        flex: 0 0 auto;
    }

    body.investors-page-body .investors-contact__submit-arrow-legacy {
        display: none;
    }

    body.investors-page-body .investors-contact__consent {
        width: 100%;
        max-width: 393px;
        min-height: 32px;
        margin: 16px auto 0;
        padding: 0 20px;
        box-sizing: border-box;
        color: #1f1f1f;
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
    }

    body.investors-page-body .investors-contact__consent a {
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}
