/* Start custom CSS for html, class: .elementor-element-eee0c56 *//* =========================================================
   NEW VISION COMMERCIAL
   CAREERS PAGE
========================================================= */

:root {

    --ink:#0a0a0b;
    --charcoal:#151517;

    --panel:#1c1c1f;
    --panel-2:#232326;

    --line:#2a2a2e;
    --line-soft:#232327;

    --volt:#c6ff3d;
    --volt-dim:#9fd92e;
    --volt-soft:rgba(198,255,61,.10);

    --paper:#f5f5f2;

    --grey:#9a9a9f;
    --grey-dim:#6b6b70;

    --dark-text:#151517;
    --dark-grey:#55555c;

    --radius:2px;

    --ease:cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   RESET
========================================================= */

* {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth;
}

body {

    margin:0;
    padding:0;

    background:var(--ink);
    color:var(--paper);

    font-family:'Archivo', sans-serif;

    font-size:16px;
    line-height:1.65;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

::selection {

    background:var(--volt);
    color:var(--ink);
}

img {
    max-width:100%;
}

a {
    color:inherit;
    text-decoration:none;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.display {

    font-family:'Anton', sans-serif;

    font-weight:400;

    text-transform:uppercase;

    letter-spacing:.01em;

    line-height:.95;
}

.mono {
    font-family:'JetBrains Mono', monospace;
}

.text-grey {
    color:var(--grey);
}

.text-grey-dim {
    color:var(--grey-dim);
}

.text-paper {
    color:var(--paper);
}


/* =========================================================
   GENERAL BUTTON
========================================================= */

.btn-volt {

    background:var(--volt);

    color:var(--ink) !important;

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    padding:15px 27px;

    border-radius:var(--radius);

    border:1px solid var(--volt);

    line-height:1;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    white-space:nowrap;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.btn-volt:hover {

    background:transparent;

    color:var(--volt) !important;

    transform:translateY(-2px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.18);
}


/* =========================================================
   HERO
   NEW 414 W ARBOR VITAE IMAGE
========================================================= */

.subpage-hero {

    position:relative;

    min-height:540px;

    display:flex;

    align-items:center;

    justify-content:center;

    background-image:url(
        'https://8gy.cd3.mytemp.website/wp-content/uploads/2026/10/414-W-Arbor-Vitae-St-4-scaled.jpg'
    );

    background-position:center center;

    background-repeat:no-repeat;

    background-size:cover;

    padding:110px 0 105px;

    overflow:hidden;

    isolation:isolate;
}


/* Main dark overlay */

.subpage-hero::before {

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(10,10,11,.74) 0%,
            rgba(10,10,11,.43) 45%,
            rgba(10,10,11,.92) 100%
        );

    z-index:1;
}


/* Image depth / vignette */

.subpage-hero::after {

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at center,
            transparent 18%,
            rgba(0,0,0,.22) 65%,
            rgba(0,0,0,.45) 100%
        );

    z-index:1;

    pointer-events:none;
}


/* Hero content */

.hero-content {

    position:relative;

    z-index:2;

    text-align:center;

    padding-top:20px;
}


/* Hero eyebrow */

.hero-label {

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:600;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--volt);

    margin-bottom:18px;

    text-shadow:
        0 2px 12px rgba(0,0,0,.55);
}


/* Hero title */

.hero-title {

    margin:0;

    color:var(--paper);

    font-size:clamp(
        4rem,
        8vw,
        6.5rem
    );

    letter-spacing:.015em;

    text-shadow:
        0 6px 25px rgba(0,0,0,.70),
        0 2px 5px rgba(0,0,0,.50);
}

.hero-title span {
    color:var(--volt);
}


/* =========================================================
   WHITE CAREER SECTION
========================================================= */

.career-section-white {

    background:#ffffff;

    color:var(--dark-text);

    padding:105px 0 100px;
}

.career-main-row {

    --bs-gutter-x:5rem;
}

.section-label-dark {

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:600;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#69696f;

    margin-bottom:14px;
}

.career-title {

    color:var(--dark-text);

    font-size:clamp(
        3rem,
        5vw,
        4.5rem
    );

    letter-spacing:.01em;

    margin:0;
}

.career-divider {

    width:55px;

    height:4px;

    background:var(--volt);

    margin:28px 0 30px;
}

.career-requirements-title {

    font-family:'JetBrains Mono', monospace;

    font-size:13px;

    font-weight:600;

    letter-spacing:.14em;

    text-transform:uppercase;

    color:#151517;

    margin-bottom:14px;
}

.career-req-list {

    list-style:none;

    padding:0;

    margin:0 0 28px;
}

.career-req-list li {

    position:relative;

    padding-left:27px;

    margin-bottom:13px;

    color:#3d3d43;

    font-family:'Archivo', sans-serif;

    font-size:17px;

    line-height:1.65;
}

.career-req-list li::before {

    content:"";

    position:absolute;

    left:3px;

    top:11px;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#151517;
}

.career-description {

    color:#55555c;

    font-family:'Archivo', sans-serif;

    font-size:17px;

    line-height:1.7;

    max-width:650px;

    margin:0 0 30px;
}

.career-description a {

    color:#151517;

    font-weight:700;

    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:3px;
}

.career-description a:hover {
    color:#6f9300;
}


/* =========================================================
   APPLY BUTTON
========================================================= */

.btn-apply {

    background:#232326;

    color:#ffffff !important;

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    padding:15px 30px;

    border-radius:var(--radius);

    border:1px solid #232326;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    line-height:1;

    cursor:pointer;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.btn-apply:hover {

    background:var(--volt);

    color:#0a0a0b !important;

    border-color:var(--volt);

    transform:translateY(-2px);

    box-shadow:
        0 7px 20px rgba(0,0,0,.16);
}


/* =========================================================
   PROPERTY IMAGE
========================================================= */

.team-image-wrap {

    position:relative;

    overflow:hidden;

    border-radius:3px;

    background:#111;

    box-shadow:
        0 20px 45px rgba(0,0,0,.16);
}

.team-image-wrap img {

    display:block;

    width:100%;

    aspect-ratio:4 / 3;

    object-fit:cover;

    transition:
        transform .7s var(--ease),
        filter .4s ease;
}

.team-image-wrap:hover img {

    transform:scale(1.035);

    filter:brightness(1.04);
}

.image-tag {

    position:absolute;

    left:20px;

    bottom:20px;

    background:rgba(10,10,11,.90);

    color:var(--volt);

    padding:9px 12px;

    font-family:'JetBrains Mono', monospace;

    font-size:10px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    border:1px solid rgba(198,255,61,.4);
}


/* =========================================================
   ASSETS SHOWCASE
========================================================= */

.assets-showcase {

    padding:105px 0;

    background:var(--charcoal);

    border-top:1px solid var(--line);

    border-bottom:1px solid var(--line);
}

.assets-heading {
    margin-bottom:50px;
}

.section-label {

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:600;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:var(--grey-dim);

    margin-bottom:15px;
}

.assets-title {

    color:#ffffff;

    font-size:clamp(
        2.8rem,
        4.6vw,
        4.4rem
    );

    margin:0;

    max-width:950px;
}

.assets-link-wrap {
    text-align:right;
}

.listing-link {

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.10em;

    text-transform:uppercase;

    color:var(--grey);

    display:inline-flex;

    align-items:center;

    gap:9px;

    transition:
        color .2s ease,
        transform .2s ease;
}

.listing-link:hover {

    color:var(--volt);

    transform:translateX(3px);
}


/* =========================================================
   ASSET CARD
========================================================= */

.asset-card {

    height:100%;

    background:var(--panel);

    border:1px solid var(--line);

    border-radius:var(--radius);

    overflow:hidden;

    transition:
        transform .35s var(--ease),
        border-color .3s ease,
        box-shadow .3s ease;
}

.asset-card:hover {

    transform:translateY(-7px);

    border-color:var(--volt);

    box-shadow:
        0 20px 45px rgba(0,0,0,.25);
}

.asset-image-wrap {
    overflow:hidden;
    background:#101012;
}

.asset-card-img {

    display:block;

    width:100%;

    aspect-ratio:16 / 10;

    object-fit:cover;

    transition:
        transform .6s var(--ease);
}

.asset-card:hover .asset-card-img {
    transform:scale(1.035);
}

.asset-card-body {
    padding:29px 28px 30px;
}

.asset-category {

    font-family:'JetBrains Mono', monospace;

    font-size:11px;

    font-weight:500;

    letter-spacing:.13em;

    text-transform:uppercase;

    color:var(--grey-dim);

    margin-bottom:12px;
}

.asset-title {

    color:#ffffff;

    font-size:clamp(
        1.8rem,
        2.7vw,
        2.5rem
    );

    margin:0 0 13px;
}

.asset-description {

    color:var(--grey);

    font-family:'Archivo', sans-serif;

    font-size:16px;

    line-height:1.7;

    margin:0 0 22px;

    max-width:650px;
}

.asset-value {

    font-family:'JetBrains Mono', monospace;

    font-size:11px;

    font-weight:600;

    letter-spacing:.10em;

    color:var(--volt);

    text-transform:uppercase;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.newsletter-section-light {

    background:#ededef;

    color:#151517;

    padding:105px 0;

    text-align:center;
}

.newsletter-title {

    color:#151517;

    font-size:clamp(
        3rem,
        5vw,
        4.5rem
    );

    margin:0 0 18px;
}

.newsletter-description {

    color:#55555c;

    font-family:'Archivo', sans-serif;

    font-size:17px;

    line-height:1.75;

    max-width:680px;

    margin:0 auto 32px;
}

.newsletter-form {

    width:100%;

    max-width:540px;

    margin:0 auto;
}

.newsletter-form-inner {

    display:flex;

    flex-direction:column;

    gap:10px;

    max-width:440px;

    margin:0 auto;
}

.newsletter-input-light {

    width:100%;

    background:#ffffff;

    border:1px solid #c5c5ca;

    color:#151517;

    font-family:'JetBrains Mono', monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.07em;

    padding:16px 18px;

    border-radius:var(--radius);

    text-align:center;

    text-transform:uppercase;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.newsletter-input-light::placeholder {

    color:#77777d;

    opacity:1;
}

.newsletter-input-light:focus {

    outline:none;

    border-color:#151517;

    box-shadow:
        0 0 0 3px rgba(21,21,23,.08);
}

.newsletter-button {
    width:100%;
}

.newsletter-feedback {

    display:none;

    margin-top:16px;

    color:#15803d;

    font-family:'JetBrains Mono', monospace;

    font-size:11px;

    font-weight:600;

    letter-spacing:.02em;
}

.newsletter-feedback.show {
    display:block;
}


/* =========================================================
   APPLICATION MODAL
========================================================= */

.modal-content {

    background:var(--charcoal);

    border:1px solid var(--line);

    border-radius:var(--radius);

    color:var(--paper);

    box-shadow:
        0 30px 80px rgba(0,0,0,.5);
}

.modal-header {

    padding:25px 28px 20px;

    border-bottom:1px solid var(--line);

    align-items:flex-start;
}

.modal-eyebrow {

    font-family:'JetBrains Mono', monospace;

    color:var(--volt);

    font-size:10px;

    font-weight:600;

    letter-spacing:.16em;

    text-transform:uppercase;

    margin-bottom:8px;
}

.modal-title {

    font-size:clamp(
        1.8rem,
        4vw,
        2.5rem
    );

    color:#ffffff;

    margin:0;
}

.modal-body {
    padding:28px;
}

.modal-intro {

    color:var(--grey);

    font-family:'Archivo', sans-serif;

    font-size:15px;

    line-height:1.65;

    margin:0 0 24px;
}

.form-label-custom {

    display:block;

    color:var(--grey);

    font-family:'JetBrains Mono', monospace;

    font-size:10px;

    font-weight:600;

    letter-spacing:.10em;

    text-transform:uppercase;

    margin:0 0 7px;
}

.modal-input {

    width:100%;

    background:var(--panel);

    border:1px solid var(--line);

    color:var(--paper);

    border-radius:var(--radius);

    padding:13px 14px;

    margin-bottom:18px;

    font-family:'Archivo', sans-serif;

    font-size:15px;

    line-height:1.5;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.modal-input::placeholder {

    color:#66666c;

    opacity:1;

    font-family:'JetBrains Mono', monospace;

    font-size:11px;

    letter-spacing:.03em;
}

.modal-input:focus {

    outline:none;

    border-color:var(--volt);

    background:var(--panel-2);

    box-shadow:
        0 0 0 3px rgba(198,255,61,.08);
}

.modal-submit {

    width:100%;

    margin-top:3px;
}

.application-success {

    display:none;

    margin-top:17px;

    padding:13px 15px;

    border:1px solid rgba(198,255,61,.25);

    background:var(--volt-soft);

    color:var(--volt);

    font-family:'JetBrains Mono', monospace;

    font-size:11px;

    line-height:1.6;
}

.application-success.show {
    display:block;
}

.btn-close {

    filter:invert(1);

    opacity:.8;
}

.btn-close:hover {
    opacity:1;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.a11y-btn {

    position:fixed;

    right:22px;

    bottom:22px;

    z-index:1200;

    width:52px;

    height:52px;

    border-radius:50%;

    background:var(--volt);

    border:none;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:
        0 8px 24px rgba(0,0,0,.4);

    cursor:pointer;

    transition:
        transform .25s ease;
}

.a11y-btn:hover {
    transform:scale(1.08);
}

.a11y-btn img {

    width:24px;

    height:24px;
}

.a11y-btn img.spin {
    animation:spin 6s linear infinite;
}

@keyframes spin {

    to {
        transform:rotate(360deg);
    }

}

.a11y-panel {

    position:fixed;

    right:22px;

    bottom:86px;

    z-index:1200;

    width:250px;

    background:var(--charcoal);

    border:1px solid var(--line);

    padding:20px;

    transform:
        translateY(12px)
        scale(.96);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.25s ease;

    box-shadow:
        0 20px 50px rgba(0,0,0,.35);
}

.a11y-panel.open {

    transform:
        translateY(0)
        scale(1);

    opacity:1;

    visibility:visible;

    pointer-events:auto;
}

.a11y-panel h5 {

    font-family:'JetBrains Mono', monospace;

    font-size:11px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:var(--volt);

    margin:0 0 14px;
}

.a11y-row {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:10px 0;

    border-bottom:1px solid var(--line);

    font-family:'Archivo', sans-serif;

    font-size:14px;

    color:var(--grey);
}

.a11y-row:last-child {
    border-bottom:none;
}

.a11y-toggle {

    width:36px;

    height:20px;

    background:var(--line);

    border-radius:20px;

    position:relative;

    cursor:pointer;

    border:none;

    flex-shrink:0;

    padding:0;
}

.a11y-toggle::after {

    content:"";

    position:absolute;

    top:2px;

    left:2px;

    width:16px;

    height:16px;

    border-radius:50%;

    background:var(--paper);

    transition:.2s ease;
}

.a11y-toggle.on {
    background:var(--volt);
}

.a11y-toggle.on::after {

    transform:translateX(16px);

    background:var(--ink);
}


/* =========================================================
   HIGH CONTRAST
========================================================= */

body.high-contrast {
    background:#000;
}

body.high-contrast .career-section-white {

    background:#000;

    color:#fff;
}

body.high-contrast .career-title,
body.high-contrast .career-requirements-title,
body.high-contrast .career-description,
body.high-contrast .career-req-list li,
body.high-contrast .section-label-dark {

    color:#fff;
}

body.high-contrast .newsletter-section-light {

    background:#000;

    color:#fff;
}

body.high-contrast .newsletter-title,
body.high-contrast .newsletter-description {

    color:#fff;
}

body.high-contrast a {
    color:#fff;
}


/* =========================================================
   LARGER TEXT
========================================================= */

body.larger-text {
    font-size:18px;
}

body.larger-text .career-description,
body.larger-text .career-req-list li,
body.larger-text .asset-description,
body.larger-text .newsletter-description {

    font-size:18px;
}


/* =========================================================
   REDUCE MOTION
========================================================= */

body.reduce-motion *,
body.reduce-motion *::before,
body.reduce-motion *::after {

    animation-duration:.01ms !important;

    animation-iteration-count:1 !important;

    transition-duration:.01ms !important;

    scroll-behavior:auto !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:991.98px) {

    body {
        font-size:16px;
    }

    .subpage-hero {

        min-height:460px;

        padding:90px 0 75px;

        background-position:center center;
    }

    .hero-title {

        font-size:clamp(
            3.5rem,
            9vw,
            5.5rem
        );
    }

    .career-section-white {
        padding:80px 0;
    }

    .career-main-row {

        --bs-gutter-x:2rem;

        --bs-gutter-y:3.5rem;
    }

    .career-title {

        font-size:clamp(
            2.8rem,
            6vw,
            4rem
        );
    }

    .assets-showcase {
        padding:80px 0;
    }

    .assets-title {

        font-size:clamp(
            2.6rem,
            6vw,
            4rem
        );
    }

    .assets-link-wrap {

        text-align:left;

        margin-top:20px;
    }

    .newsletter-section-light {
        padding:80px 0;
    }

    .newsletter-title {

        font-size:clamp(
            2.8rem,
            6vw,
            4rem
        );
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767.98px) {

    body {
        font-size:15.5px;
    }

    .subpage-hero {

        min-height:400px;

        padding:85px 20px 65px;

        background-position:center center;
    }

    .hero-label {

        font-size:10px;

        letter-spacing:.18em;

        margin-bottom:14px;
    }

    .hero-title {

        font-size:clamp(
            3rem,
            13vw,
            4.5rem
        );

        line-height:.94;
    }

    .career-section-white {
        padding:65px 0;
    }

    .career-title {

        font-size:clamp(
            2.5rem,
            11vw,
            3.5rem
        );

        line-height:.96;
    }

    .career-description {
        font-size:16px;
    }

    .career-req-list li {

        font-size:16px;

        padding-left:24px;
    }

    .team-image-wrap {
        margin-top:5px;
    }

    .image-tag {

        left:12px;

        bottom:12px;

        font-size:9px;

        padding:8px 9px;
    }

    .assets-showcase {
        padding:65px 0;
    }

    .assets-heading {
        margin-bottom:35px;
    }

    .section-label {

        font-size:10px;

        letter-spacing:.15em;
    }

    .assets-title {

        font-size:clamp(
            2.4rem,
            10vw,
            3.3rem
        );

        line-height:.97;
    }

    .asset-card-body {
        padding:23px 21px 25px;
    }

    .asset-title {
        font-size:2rem;
    }

    .asset-description {
        font-size:15px;
    }

    .newsletter-section-light {
        padding:65px 20px;
    }

    .newsletter-title {

        font-size:clamp(
            2.5rem,
            11vw,
            3.5rem
        );
    }

    .newsletter-description {
        font-size:16px;
    }

    .modal-header {
        padding:20px;
    }

    .modal-body {
        padding:20px;
    }

    .modal-title {
        font-size:2rem;
    }

    .a11y-btn {

        right:16px;

        bottom:16px;

        width:48px;

        height:48px;
    }

    .a11y-panel {

        right:16px;

        bottom:76px;

        width:235px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:420px) {

    .subpage-hero {

        min-height:350px;

        background-position:center center;
    }

    .hero-title {
        font-size:3rem;
    }

    .career-title {
        font-size:2.45rem;
    }

    .assets-title {
        font-size:2.35rem;
    }

    .newsletter-title {
        font-size:2.45rem;
    }

    .btn-apply,
    .btn-volt {

        width:100%;

        padding:15px 18px;
    }

    .image-tag {
        font-size:8px;
    }

}

/* =========================================================
   CAREERS — PROPERTY OPPORTUNITY SHOWCASE
========================================================= */

.career-opportunity-intro {
    color:#55555c;
    font-family:'Archivo', sans-serif;
    font-size:17px;
    line-height:1.75;
    max-width:620px;
    margin:0 0 28px;
}

.assets-intro {
    color:var(--grey);
    font-family:'Archivo', sans-serif;
    font-size:16px;
    line-height:1.75;
    max-width:820px;
    margin:22px 0 0;
}

.assets-showcase .row.g-4 {
    --bs-gutter-y:1.5rem;
}

.asset-card {
    position:relative;
}

.asset-image-wrap {
    position:relative;
    min-height:235px;
}

.asset-card-img {
    height:235px;
    aspect-ratio:auto;
    object-fit:cover;
}

.asset-image-overlay {
    position:absolute;
    inset:auto 0 0 0;
    padding:36px 18px 14px;
    background:linear-gradient(
        180deg,
        transparent 0%,
        rgba(10,10,11,.88) 100%
    );
    pointer-events:none;
}

.asset-image-overlay span {
    display:inline-block;
    color:var(--volt);
    font-family:'JetBrains Mono', monospace;
    font-size:9px;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.asset-card-body {
    min-height:245px;
    display:flex;
    flex-direction:column;
}

.asset-card .asset-title {
    font-size:clamp(1.65rem, 2vw, 2.15rem);
    line-height:.98;
}

.asset-card .asset-description {
    font-size:15px;
    margin-top:auto;
}

.asset-card-placeholder .asset-image-wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:235px;
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(198,255,61,.12),
            transparent 42%
        ),
        linear-gradient(135deg, #202024 0%, #111114 100%);
}

.asset-placeholder-content {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
    padding:25px;
}

.asset-placeholder-number {
    color:rgba(198,255,61,.18);
    font-family:'Anton', sans-serif;
    font-size:5rem;
    line-height:.8;
}

.asset-placeholder-label {
    color:var(--volt);
    font-family:'JetBrains Mono', monospace;
    font-size:9px;
    font-weight:600;
    letter-spacing:.12em;
    line-height:1.5;
}

.assets-bottom-note {
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:38px;
    padding-top:24px;
    border-top:1px solid var(--line);
}

.assets-bottom-line {
    width:34px;
    height:3px;
    flex:0 0 auto;
    background:var(--volt);
}

.assets-bottom-note p {
    margin:0;
    color:var(--grey-dim);
    font-family:'JetBrains Mono', monospace;
    font-size:10px;
    letter-spacing:.05em;
    line-height:1.6;
    text-transform:uppercase;
}

@media (max-width:1199.98px) {
    .asset-image-wrap,
    .asset-card-img {
        height:260px;
        min-height:260px;
    }

    .asset-card-body {
        min-height:230px;
    }
}

@media (max-width:991.98px) {
    .career-opportunity-intro {
        font-size:16px;
    }

    .assets-intro {
        max-width:720px;
    }

    .asset-image-wrap,
    .asset-card-img {
        height:280px;
        min-height:280px;
    }

    .asset-card-body {
        min-height:220px;
    }
}

@media (max-width:767.98px) {
    .career-opportunity-intro {
        font-size:16px;
        margin-bottom:24px;
    }

    .assets-intro {
        font-size:15px;
        margin-top:18px;
    }

    .asset-image-wrap,
    .asset-card-img {
        height:250px;
        min-height:250px;
    }

    .asset-card-body {
        min-height:0;
    }

    .asset-card .asset-title {
        font-size:2rem;
    }

    .assets-bottom-note {
        align-items:flex-start;
    }
}

@media (max-width:420px) {
    .asset-image-wrap,
    .asset-card-img {
        height:220px;
        min-height:220px;
    }

    .assets-bottom-note {
        gap:11px;
    }

    .assets-bottom-line {
        width:25px;
    }

    .assets-bottom-note p {
        font-size:9px;
    }
}/* End custom CSS */