/* ---------- Base / Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
    margin: 0;
    padding: 0;
    background: #000;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

/* Links: global — white, no underline */
a, a:visited { color: #ffffff; text-decoration: none; }
a:hover, a:focus, a:active { color: #ffffff; text-decoration: none; }

/* ---------- Layout ---------- */
.site-wrapper {
    max-width: 1516px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 193px;
}

.site-header {
    padding: 0 53px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.site-logo { display: inline-flex; align-items: center; margin: 0; }
.site-logo__img { display: block; width: 100%; max-width: 737.3px; height: auto; margin: 147.5px 0 69.7px; }

main { width: 100%; padding: 0 53px; }
main section > div { margin-bottom: 58px; }

/* ---------- Navigation ---------- */
.menu {
    display: flex; flex-wrap: nowrap; gap: 24px;
    width: 100%; margin: 0 0 17.7px; padding: 0; list-style: none;
    justify-content: space-between;
}
.menu__link { font-size: 21px; font-weight: 300; line-height: 1; text-transform: uppercase; }

/* ---------- Brand Colours (utilities) ---------- */
.orange { color: #f78e3b; }
.green  { color: #70b165; }
.blue   { color: #4284e2; }

/* ---------- Typography ---------- */
h1, h2 { color: #f5f5f5; font-weight: 300; text-transform: uppercase; margin-bottom: 50px; }
h1 { font-size: 96px; }
h2 { font-size: 84px; }
h3 { color: #f5f5f5; font-size: 72px; font-weight: 300; margin-bottom: 125px; }

p { font-size: 24px; margin: 0 0 1rem 0; }
.lead { font-size: 32px; }
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }

/* ---------- Profiles ---------- */
.profile { margin: 24px 0 0; max-width: 1176px; }
.profile__row {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    margin-bottom: 55px;
}
.profile__row:last-child { margin-bottom: 55px; }
.profile__image {
    width: 168px;
    height: 140px;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
    border-radius: 0;
}
.profile__content { flex: 1; min-width: 0; }
.profile__title {
    margin: 0 0 12px; color: #4284e2; font-family: 'SpecialGothic', 'Roboto', sans-serif; font-size: 32px; font-weight: normal; text-transform: uppercase;
}
.profile__bio {
    margin: 0; color: #ffffff; font-family: 'SpecialGothic', 'Roboto', sans-serif; font-size: 28px; line-height: normal; max-width: 1027px;
}

/* ---------- Media / Embeds ---------- */
.video-container { margin: 0; padding: 0; }
.nkd-voice-cta { display: inline-flex; align-items: center; gap: 16px; color: #ffffff; margin: 24px 0 32px; }
.nkd-voice-cta__mark { display: inline-flex; width: 410px; height: 222px; }
.nkd-voice-cta__mark svg { width: 100%; height: 100%; display: block; }
.nkd-voice-cta__text { font-size: 32px; font-weight: bold; margin-left: 36px; max-width: 100%; width: 222px; }

/* ---------- Footer ---------- */
.site-footer { display: flex; flex-direction: column; align-items: flex-start; padding: 32px 53px 48px; color: #ffffff; }
.site-footer > * + * { margin-top: 16px; }
.site-footer h2 + * { margin-top: 0; }
.site-footer__socials { display: flex; gap: 40px; }
.site-footer__socials img { width: 80px; height: 80px; display: block; }
.site-footer__email, .site-footer__links a, .site-footer__links span { font-family: 'SpecialGothic', 'Roboto', sans-serif; font-size: 32px; }
.site-footer__links { display: flex; flex-direction: column; gap: 8px; line-height: 1.4; }