@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/fraunces-600-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/inter-400-normal.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/inter-500-normal.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/inter-600-normal.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/inter-700-normal.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/source-serif-4-500-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/source-serif-4-500-normal.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-serif-4-600-normal.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/source-serif-4-500-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/source-serif-4-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-serif-4-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --canvas: #fcfcfa;
  --parchment: #f8f5ee;
  --forest: #12302b;
  --ink: #1f1f1f;
  --graphite: #60605f;
  --bloom: #ee5a2f;
  --peach: #fbe3d8;
  --hairline: #e6e2d8;
  --mist: #cacac8;
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Inter", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.modal-open, body.menu-open, html.menu-open { overflow: hidden; }
h1,h2,h3,h4,p,blockquote { margin: 0; font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: none; }
button,input,textarea { font: inherit; color: inherit; }
button { padding: 0; background: transparent; text-align: inherit; cursor: pointer; }
img { display: block; max-width: 100%; }
input,textarea { min-width: 0; border-radius: 0; background: transparent; }
input::placeholder,textarea::placeholder { color: var(--graphite); opacity: 1; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible {  }
input:focus-visible,textarea:focus-visible {  }
[hidden] { display: none !important; }
main { width: 100%; }
.page-section { width: 100%; height: auto; scroll-margin-top: 24px; }
.site-container { max-width: calc(100% - 48px); }
.site-header .main-nav { overflow: visible; }
.button { cursor: pointer; text-decoration: none; transition: filter 160ms ease; }
.button:hover { filter: brightness(.95); }
.brand { flex-shrink: 0; }
.nav-dropdown { position: relative; }
.nav-dropdown-menu { position: absolute; z-index: 30; top: calc(100% + 17.5px); left: var(--dropdown-left, 30px); display: none; flex-direction: column; gap: 4px; width: 480px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 92px); padding: 12px; overflow-y: auto; border: 1px solid var(--hairline); border-radius: 16px; background: var(--canvas); box-shadow: 0 16px 40px rgba(31,26,13,.1); }
.nav-dropdown.is-open .nav-dropdown-menu { display: flex; }
.nav-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; display: none; width: 510px; height: 18px; }
.nav-dropdown.is-open::after { display: block; }
.nav-dropdown.is-open .navigation-services-label { color: var(--bloom); }
.nav-service-link { display: flex; flex-shrink: 0; width: 100%; padding: 14px; gap: 14px; align-items: flex-start; border-radius: 10px; }
.nav-service-link:hover,.nav-service-link:focus-visible { background: var(--parchment); }
.nav-service-icon { display: grid; flex-shrink: 0; width: 40px; height: 40px; padding: 10px; border-radius: 10px; background: var(--peach); }
.nav-service-icon img { width: 20px; height: 20px; }
.nav-service-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.nav-service-title { color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1.2; overflow-wrap: break-word; }
.nav-service-description { color: var(--graphite); font-size: 14px; font-weight: 400; line-height: 1.57; overflow-wrap: break-word; }
.nav-all-services { display: flex; flex-shrink: 0; width: 100%; padding: 14px 14px 8px; gap: 6px; align-items: center; border-top: 1px solid var(--hairline); color: var(--bloom); font-size: 16px; font-weight: 500; line-height: 1.2; }
.nav-all-services img { width: 18px; height: 18px; flex-shrink: 0; }
.nav-dropdown-toggle { cursor: pointer; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 9px; border: 1px solid var(--hairline); border-radius: 8px; background: var(--canvas); }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; background: var(--ink); }
.search-input { width: 100%; min-width: 0; outline: 0; border: 0; padding-right: 12px; }
.search-field > .search-input { flex: 1 1 0; width: 0; min-width: 0; }
.filter-button { cursor: pointer; }
.filter-button.is-active { background: var(--ink); border-color: var(--ink); }
.filter-button.is-active > :first-child { color: var(--canvas); }
.filter-button:not(.is-active) { background: var(--canvas); border: 1px solid var(--hairline); }
.filter-button:not(.is-active) > :first-child { color: var(--ink); }
.article-sidebar { position: sticky; top: 24px; }
.blog-card a:hover { color: var(--bloom); }
.form-input { outline: 0; resize: vertical; }
.form-input:focus { border-color: var(--mist); outline: 2px solid var(--forest); outline-offset: 2px; }
.skip-link { position: fixed; z-index: 999; top: 8px; left: 8px; padding: 10px 14px; transform: translateY(-160%); border-radius: 8px; background: var(--ink); color: white; }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

/* The enquiry dialog is shared by every static page. */
.modal { position: fixed; z-index: 100; inset: 0; display: none; padding: 40px 16px; align-items: flex-start; justify-content: center; overflow-y: auto; }
.modal.is-open { display: flex; }
.modal-overlay { position: fixed; inset: 0; width: 100%; height: 100%; background: rgba(18,48,43,.6); backdrop-filter: blur(5px); cursor: pointer; }
.modal-panel { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 22px; flex-shrink: 0; width: 560px; max-width: 100%; padding: 40px 44px 44px; border-radius: 24px; background: var(--canvas); box-shadow: 0 32px 40px rgba(13,26,23,.25); }
.modal-topbar { display: flex; align-items: center; justify-content: space-between; }
.modal-logo { position: relative; width: 40px; height: 40px; border-radius: 20px; background: var(--forest); }
.modal-logo > span { position: absolute; top: 6px; left: 7px; color: var(--canvas); font-family: 'Fraunces', serif; font-size: 21px; font-weight: 600; font-style: italic; line-height: normal; font-variation-settings: 'SOFT' 0, 'WONK' 1; }
.modal-logo-dot { position: absolute; top: 1px; left: 30px; width: 9px; height: 9px; }
.modal-panel .eyebrow { color: var(--bloom); font-size: 13px; font-weight: 600; line-height: 1.4; letter-spacing: 1.2px; }
.modal-panel h2 { font-family: var(--serif); font-size: 36px; font-weight: 500; line-height: 1.12; letter-spacing: -.5px; }
.modal-panel h2 span { color: var(--bloom); }
.modal-panel > p:not(.eyebrow) { color: var(--graphite); font-size: 16px; line-height: 1.6; }
.modal-close { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 20px; background: var(--parchment); cursor: pointer; }
.modal-close img { width: 18px; height: 18px; }
.enquiry-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; row-gap: 22px; }
.enquiry-form > label { display: flex; flex-direction: column; gap: 8px; font-size: 15px; font-weight: 500; line-height: 1.2; }
.enquiry-message,.enquiry-form > .button,.interest-fieldset { grid-column: 1 / -1; }
.enquiry-form input[type='text'],.enquiry-form input[type='email'],.enquiry-form textarea { width: 100%; height: 52px; padding: 14px 16px; border: 1px solid var(--mist); border-radius: 8px; background: var(--canvas); color: var(--ink); font-size: 16px; font-weight: 400; line-height: 1.6; }
.enquiry-form textarea { height: 150px; resize: vertical; resize: none; }
.enquiry-form .button { display: flex; padding: 14px 24px; gap: 8px; align-items: center; justify-content: center; border-radius: 8px; background: var(--bloom); color: var(--canvas); font-size: 16px; font-weight: 500; line-height: 1.2; }
.enquiry-form .icon { width: 18px; height: 18px; }
.interest-fieldset { min-width: 0; margin: 0; padding: 0; }
.interest-fieldset legend { padding: 0; margin-bottom: 8px; font-size: 15px; font-weight: 500; line-height: 1.2; }
.interest-options { display: flex; flex-wrap: wrap; gap: 8px; }
.interest-option { position: relative; max-width: 100%; cursor: pointer; }
.interest-option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.interest-option > span { display: flex; gap: 6px; align-items: center; padding: 7px 12px; border: 1px solid var(--hairline); border-radius: 999px; color: var(--graphite); font-size: 14px; font-weight: 400; line-height: 1.57; }
.interest-option img { display: none; width: 12px; height: 12px; flex-shrink: 0; }
.interest-option input:checked + span { border-color: var(--bloom); background: var(--peach); color: var(--ink); }
.interest-option input:checked + span img { display: block; }
.interest-option input:focus-visible + span { outline: 2px solid var(--forest); outline-offset: 2px; }

/* Shared section and component rules translated from the approved Figma styles. */
.header-main { background: var(--parchment); border-color: var(--hairline); border-bottom-width: 1px; border-style: solid; align-content: stretch; display: flex; align-items: center; justify-content: space-between; overflow: clip; padding-left: 120px; padding-right: 120px; position: fixed; left: 0; top: 0; flex-shrink: 0; height: 84px; }
.brand-link { align-content: stretch; display: flex; gap: 11.9px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; line-height: 26px; }
.brand-symbol { background: #12302b; position: relative; border-radius: 28px; flex-shrink: 0; width: 47.6px; height: 47.6px; }
.brand-monogram { overflow-wrap: break-word; position: absolute; font-family: "Fraunces"; font-weight: 600; font-style: italic; line-height: normal; left: 8.93px; color: #fcfcfa; font-size: 25.5px; top: 6.38px; letter-spacing: -1.02px; white-space: nowrap; font-variation-settings: "SOFT" 0, "WONK" 1; min-height: 31px; min-width: 28px; }
.brand-dot { position: absolute; left: 35.7px; width: 10.2px; height: 10.2px; top: 1.7px; }
.icon-image { position: absolute; display: block; inset: 0; max-width: none; width: 100%; height: 100%; }
.brand-wordmark { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; font-family: "Inter"; font-weight: 600; align-items: flex-start; line-height: 1.15; font-style: normal; overflow: clip; position: relative; flex-shrink: 0; font-size: 14.45px; letter-spacing: 4.046px; white-space: nowrap; }
.brand-wordmark-top { position: relative; flex-shrink: 0; color: #1f1f1f; line-height: 17px; min-height: 17px; }
.brand-wordmark-bottom { position: relative; flex-shrink: 0; color: #ee5a2f; line-height: 17px; min-height: 17px; }
.navigation-links { align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; }
.navigation-link { align-content: stretch; display: flex; gap: 4px; align-items: center; padding-left: 12px; padding-right: 12px; padding-top: 8px; padding-bottom: 8px; position: relative; border-radius: 8px; flex-shrink: 0; line-height: 26px; }
.navigation-home-text { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 43px; }
.navigation-item { position: relative; }
.navigation-services-trigger { align-content: stretch; display: flex; gap: 4px; align-items: center; padding-left: 12px; padding-right: 12px; padding-top: 8px; padding-bottom: 8px; position: relative; border-radius: 8px; flex-shrink: 0; }
.navigation-services-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 63px; }
.chevron { position: relative; flex-shrink: 0; width: 16px; height: 16px; }
.navigation-blog-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 32px; }
.navigation-about-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 67px; }
.navigation-contact-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 66px; }
.header-contact-button { background: var(--bloom); align-content: stretch; display: flex; gap: 8px; align-items: center; padding-left: 24px; padding-right: 24px; padding-top: 14px; padding-bottom: 14px; position: relative; border-radius: 8px; flex-shrink: 0; line-height: 26px; min-height: 19px; }
.button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 144px; }
.arrow { position: relative; flex-shrink: 0; width: 18px; height: 18px; }
.not-found { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; gap: 28px; align-items: center; overflow: clip; padding-bottom: 128px; padding-top: 112px; position: relative; flex-shrink: 0; }
.section-shell { align-content: stretch; display: flex; gap: 12px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; }
.not-found-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 220px; position: relative; flex-shrink: 0; font-size: 220px; color: var(--ink); white-space: nowrap; min-height: 220px; min-width: 106px; }
.logo-badge { background: var(--forest); position: relative; border-radius: 85px; flex-shrink: 0; width: 170px; height: 170px; }
.logo-badge-label { overflow-wrap: break-word; position: absolute; font-family: "Fraunces"; font-weight: 600; font-style: italic; line-height: normal; left: 38px; font-size: 92px; color: var(--canvas); top: 22.5px; letter-spacing: -3.68px; white-space: nowrap; font-variation-settings: "SOFT" 0, "WONK" 1; min-height: 113px; min-width: 88px; }
.bud { position: absolute; left: 128px; width: 36px; height: 36px; top: 6px; }
.not-found-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 83px; }
.not-found-heading { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 56px; color: var(--ink); text-align: center; letter-spacing: -1px; white-space: nowrap; min-height: 62px; min-width: 347px; }
.not-found-text { line-height: 62px; }
.not-found-title-accent { line-height: 62px; color: #ee5a2f; }
.not-found-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 33px; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--graphite); text-align: center; width: 560px; min-height: 66px; }
.contact-action { align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-top: 8px; position: relative; flex-shrink: 0; }
.main-content-not-found-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 143px; }
.main-content-popular-pages { align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: center; overflow: clip; padding-top: 48px; position: relative; flex-shrink: 0; }
.main-content-popular-pages-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 92px; }
.main-content-popular-pages-row { align-content: stretch; display: flex; gap: 12px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; }
.popular-page-link { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 10px; align-items: center; overflow: clip; padding-left: 14px; padding-right: 18px; padding-top: 12px; padding-bottom: 12px; position: relative; border-radius: 999px; flex-shrink: 0; line-height: 26px; }
.icon-arrow { position: relative; flex-shrink: 0; width: 14px; height: 14px; }
.footer { background: var(--ink); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 40px; padding-top: 80px; position: relative; flex-shrink: 0; }
.section-stack { align-content: stretch; display: flex; flex-direction: column; gap: 56px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.footer-main { align-content: stretch; display: flex; gap: 64px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.footer-brand { align-content: stretch; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 400px; }
.footer-brand-symbol { background: #fcfcfa; position: relative; border-radius: 28px; flex-shrink: 0; width: 47.6px; height: 47.6px; }
.footer-brand-monogram { overflow-wrap: break-word; position: absolute; font-family: "Fraunces"; font-weight: 600; font-style: italic; line-height: normal; left: 8.93px; color: #12302b; font-size: 25.5px; top: 6.38px; letter-spacing: -1.02px; white-space: nowrap; font-variation-settings: "SOFT" 0, "WONK" 1; min-height: 31px; min-width: 28px; }
.footer-wordmark-top { position: relative; flex-shrink: 0; color: #fcfcfa; line-height: 17px; min-height: 17px; }
.footer-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--canvas); width: min-content; min-height: 66px; }
.footer-columns { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; gap: 48px; align-items: flex-start; justify-content: flex-end; min-width: 1px; font-style: normal; position: relative; white-space: nowrap; }
.footer-column { align-content: stretch; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; }
.footer-column-title { font-family: "Inter"; font-weight: 600; line-height: 18px; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; min-height: 18px; }
.footer-link { font-family: "Inter"; font-weight: 400; line-height: 22px; position: relative; flex-shrink: 0; font-size: 14px; color: var(--canvas); min-height: 22px; }
.bottom-bar { overflow-wrap: break-word; border-color: var(--canvas); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; font-family: "Inter"; font-weight: 400; align-items: flex-start; justify-content: space-between; line-height: 1.57; font-style: normal; overflow: clip; padding-top: 28px; position: relative; flex-shrink: 0; font-size: 14px; color: var(--canvas); width: 100%; }
.footer-copyright { position: relative; flex-shrink: 0; white-space: nowrap; line-height: 22px; min-height: 22px; min-width: 277px; }
.footer-legal-links { position: relative; flex-shrink: 0; white-space: pre; }
.footer-legal-link { line-height: 22px; }
.navigation-home-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--bloom); white-space: nowrap; min-height: 18px; min-width: 43px; }
.button-primary { background: var(--bloom); align-content: stretch; display: flex; gap: 8px; align-items: center; padding-left: 24px; padding-right: 24px; padding-top: 14px; padding-bottom: 14px; position: relative; border-radius: 8px; flex-shrink: 0; line-height: 26px; }
.hero-home { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 112px; padding-top: 88px; position: relative; flex-shrink: 0; margin: 80px 0 0 0; }
.hero-inner { align-content: stretch; display: flex; gap: 64px; align-items: center;  position: relative; flex-shrink: 0; width: 1200px; }
.hero-text { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 28px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.hero-badge { background: var(--canvas); border-width: 1px; border-color: var(--mist); border-style: solid; align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; position: relative; border-radius: 999px; flex-shrink: 0; }
.hero-badge-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 241px; }
.hero-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 64px; color: var(--ink); letter-spacing: -1.5px; width: min-content; min-height: 207px; }
.hero-title-text { line-height: 69px; }
.hero-title-punctuation { line-height: 69px; color: #ee5a2f; }
.hero-introduction { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 33px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); width: min-content; min-height: 99px; }
.hero-summary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 52px; }
.hero-actions { align-content: stretch; display: flex; gap: 12px; align-items: flex-start; overflow: clip; padding-top: 8px; position: relative; flex-shrink: 0; }
.button-secondary { border-width: 1.5px; border-color: var(--bloom); border-style: solid; align-content: stretch; display: flex; align-items: center; padding-left: 24px; padding-right: 24px; padding-top: 14px; padding-bottom: 14px; position: relative; border-radius: 8px; flex-shrink: 0; line-height: 26px; }
.button-secondary-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 126px; }
.hero-audience { align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-top: 12px; position: relative; flex-shrink: 0; }
.audience-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 26px; }
.chip { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; position: relative; border-radius: 999px; flex-shrink: 0; }
.audience-chip-individuals { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 71px; }
.audience-chip-entrepreneurs { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 94px; }
.audience-chip-startups { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 63px; }
.audience-chip-companies { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 75px; }
.home-artwork { position: relative; flex-shrink: 0; width: 600px; height: 600px; }
.hero-decoration { position: absolute; left: 0; width: 140px; height: 140px; top: 440px; }
.hero-portrait { position: absolute; left: 40px; border-radius: 24px; width: 560px; height: 560px; top: 0; }
.portrait-image { position: absolute; inset: 0; max-width: none; object-fit: cover; pointer-events: none; border-radius: 24px; width: 100%; height: 100%; }
.floating-career-card { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 12px; align-items: center; left: 0; overflow: clip; padding-left: 14px; padding-right: 18px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 64px; }
.floating-card-icon { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 8px; position: relative; border-radius: 8px; flex-shrink: 0; }
.floating-career-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 193px; }
.floating-strategy-card { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 12px; align-items: center; left: 360px; overflow: clip; padding-left: 14px; padding-right: 18px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 300px; }
.floating-strategy-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 163px; }
.floating-brand-card { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 12px; align-items: center; left: 100px; overflow: clip; padding-left: 14px; padding-right: 18px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 500px; }
.floating-brand-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 131px; }
.section-spacious { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 120px; padding-bottom: 120px; position: relative; flex-shrink: 0; }
.section-content { align-content: stretch; display: flex; flex-direction: column; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.section-columns { align-content: stretch; display: flex; gap: 80px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.about-image { height: 640px; position: relative; border-radius: 16px; flex-shrink: 0; width: 520px; }
.editorial-image { position: absolute; inset: 0; max-width: none; object-fit: cover; pointer-events: none; border-radius: 16px; width: 100%; height: 100%; }
.section-copy { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 20px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.about-heading-group { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; white-space: nowrap; }
.section-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; min-height: 18px; }
.section-title-default { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; min-height: 49px; }
.heading-text { line-height: 49px; }
.heading-emphasis { line-height: 49px; color: #ee5a2f; }
.about-introduction { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: 100%; min-height: 150px; }
.about-services-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 130px; }
.about-approach-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 104px; }
.highlight { background: var(--peach); align-content: stretch; display: flex; gap: 20px; align-items: flex-start; overflow: clip; padding-left: 24px; padding-right: 28px; padding-top: 24px; padding-bottom: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.highlight-rule { background: var(--bloom); position: relative; border-radius: 2px; align-self: stretch; flex-shrink: 0; width: 3px; }
.highlight-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; min-width: 1px; position: relative; font-size: 21px; color: var(--ink); min-height: 116px; }
.section-parchment { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 120px; padding-bottom: 120px; position: relative; flex-shrink: 0; }
.strengths-heading-group { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; width: 100%; white-space: nowrap; }
.features-grid { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.feature-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 260px; align-items: flex-start; padding: 28px; position: relative; border-radius: 16px; flex-shrink: 0; width: 282px; }
.icon-box { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 12px; position: relative; border-radius: 12px; flex-shrink: 0; }
.icon-user { position: relative; flex-shrink: 0; width: 24px; height: 24px; }
.feature-title { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 28px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; width: min-content; min-height: 28px; }
.card-description-default { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: min-content; min-height: 66px; }
.card-title-text { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 28px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; width: min-content; min-height: 56px; }
.card-description-small { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: min-content; min-height: 88px; }
.how-we-can-help { background: var(--forest); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 120px; padding-bottom: 120px; position: relative; flex-shrink: 0; }
.help-content { align-content: stretch; display: flex; flex-direction: column; gap: 64px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.section-intro-row { overflow-wrap: break-word; align-content: stretch; display: flex; gap: 80px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.help-heading-group { align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 460px; white-space: nowrap; }
.help-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 44px; color: var(--canvas); letter-spacing: -0.5px; min-height: 49px; }
.how-we-can-help-description { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 33px; min-width: 1px; font-style: normal; position: relative; font-size: 20px; color: var(--canvas); min-height: 99px; }
.card-grid { align-content: stretch; display: flex; gap: 24px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.help-card { background: rgba(252,252,250,0.05); border-width: 1px; border-color: rgba(252,252,250,0.14); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 16px; align-items: flex-start; min-width: 1px; overflow: clip; padding: 32px; position: relative; border-radius: 16px; align-self: stretch; }
.help-card-icon { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 12px; position: relative; border-radius: 12px; flex-shrink: 0; }
.help-card-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--canvas); width: min-content; min-height: 31px; }
.help-card-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); width: min-content; min-height: 208px; }
.help-card-description-startups { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); width: min-content; min-height: 260px; }
.closing { border-color: var(--canvas); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 48px; align-items: center; overflow: clip; padding-top: 40px; position: relative; flex-shrink: 0; width: 100%; }
.help-closing-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 34px; min-width: 1px; position: relative; font-size: 28px; color: var(--canvas); letter-spacing: -0.3px; min-height: 68px; }
.heading-row { align-content: stretch; display: flex; align-items: flex-end; justify-content: space-between; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.services-heading-group { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; white-space: nowrap; }
.section-contact-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 84px; }
.service-overview-card { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 20px; height: 329px; align-items: flex-start; padding: 40px; position: relative; border-radius: 16px; flex-shrink: 0; width: 588px; line-height: 26px; }
.card-heading-row { align-content: stretch; display: flex; align-items: center; justify-content: space-between; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.card-icon-box { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 14px; position: relative; border-radius: 12px; flex-shrink: 0; }
.card-number-career { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 17px; }
.service-overview-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 38px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 32px; color: var(--ink); letter-spacing: -0.3px; width: min-content; min-height: 38px; }
.body-copy { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 78px; }
.text-link { align-content: stretch; display: flex; gap: 6px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; }
.text-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 87px; }
.card-number-marketing { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 18px; }
.card-number-startup { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 19px; }
.audience-heading-group { margin: 0 auto; overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; white-space: nowrap; }
.content-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; border-radius: 16px; align-self: stretch; }
.img-individual { height: 220px; position: relative; flex-shrink: 0; width: 100%; }
.cover-image { inset: 0; max-width: none; object-fit: cover; pointer-events: none; width: 100%; height: 100%; }
.audience-card-body { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; overflow: clip; padding-bottom: 28px; padding-top: 24px; padding-left: 24px; padding-right: 24px; position: relative; flex-shrink: 0; width: 100%; }
.audience-card-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: 100%; min-height: 31px; }
.audience-description-individuals { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 132px; }
.audience-description-founders { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 176px; }
.audience-description-startups { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 110px; }
.section-intro { overflow-wrap: break-word; align-content: stretch; display: flex; gap: 80px; align-items: flex-end; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.about-us-description { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--graphite); min-height: 90px; }
.steps { align-content: stretch; display: flex; gap: 20px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.approach-step-highlighted { background: var(--peach); align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 16px; align-items: flex-start; min-width: 1px; overflow: clip; padding-left: 24px; padding-right: 24px; padding-top: 28px; padding-bottom: 28px; position: relative; border-radius: 16px; align-self: stretch; }
.approach-step-highlighted-row { align-content: stretch; display: flex; gap: 12px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.step-number-badge { background: var(--bloom); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 22px; flex-shrink: 0; width: 44px; height: 44px; }
.step-number-analysis { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 18px; }
.step-connector { background: var(--bloom); flex: 1 0 0; height: 1px; min-width: 1px; position: relative; }
.step-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: 100%; min-height: 31px; }
.approach-step-highlighted-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 154px; }
.approach-step { background: var(--parchment); align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 16px; align-items: flex-start; min-width: 1px; overflow: clip; padding-left: 24px; padding-right: 24px; padding-top: 28px; padding-bottom: 28px; position: relative; border-radius: 16px; align-self: stretch; }
.step-number-positioning { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 21px; }
.step-description-action { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 88px; }
.contact { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 120px; padding-top: 96px; position: relative; flex-shrink: 0; }
.contact-card { background: var(--forest); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; position: relative; border-radius: 24px; flex-shrink: 0; width: 100%; }
.contact-text { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 24px; align-items: flex-start; min-width: 1px; overflow: clip; padding: 64px; position: relative; }
.contact-text-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 107px; }
.contact-details-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 44px; color: var(--canvas); letter-spacing: -0.5px; white-space: nowrap; min-height: 49px; min-width: 282px; }
.contact-text-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--canvas); width: min-content; min-height: 90px; }
.contact-details { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.contact-detail { align-content: stretch; display: flex; gap: 14px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: calc(50% - 10px); min-width: 294px;}
.contact-detail-icon { background: var(--canvas); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 10px; position: relative; border-radius: 10px; flex-shrink: 0; }
.icon-mail { position: relative; flex-shrink: 0; width: 20px; height: 20px; }
.contact-detail-content { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 2px; align-items: flex-start; min-width: 1px; font-style: normal; overflow: clip; position: relative; color: var(--canvas); }
.contact-detail-label { font-family: "Inter"; font-weight: 400; line-height: 22px; position: relative; flex-shrink: 0; font-size: 14px; min-height: 22px; }
.contact-detail-value { font-family: "Inter"; font-weight: 500; line-height: 18px; position: relative; flex-shrink: 0; font-size: 15px; min-height: 18px; }
.contact-action-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 155px; }
.contact-image { position: relative; align-self: stretch; flex-shrink: 0; width: 460px; }
.navigation-item-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--bloom); white-space: nowrap; min-height: 18px; min-width: 63px; }
.header-main-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 157px; }
.hero-services { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 104px; padding-top: 56px; position: relative; flex-shrink: 0; }
.page-hero-content { align-content: stretch; display: flex; flex-direction: column; gap: 48px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.main-content-breadcrumbs { overflow-wrap: break-word; align-content: stretch; display: flex; font-family: "Inter"; font-weight: 400; gap: 8px; align-items: flex-start; line-height: 1.57; font-style: normal; overflow: clip; position: relative; flex-shrink: 0; font-size: 14px; white-space: nowrap; }
.breadcrumb-home { position: relative; flex-shrink: 0; color: var(--graphite); line-height: 22px; min-height: 22px; }
.breadcrumb-separator { position: relative; flex-shrink: 0; color: var(--mist); line-height: 22px; min-height: 22px; }
.breadcrumb-current { position: relative; flex-shrink: 0; color: var(--ink); line-height: 22px; min-height: 22px; }
.service-hero-inner { align-content: stretch; display: flex; gap: 64px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.services-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 186px; }
.marketing-hero-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 64px; color: var(--ink); letter-spacing: -1.5px; width: min-content; min-height: 138px; }
.service-hero-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 33px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); width: min-content; min-height: 132px; }
.services-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 128px; }
.services-mosaic { height: 540px; position: relative; flex-shrink: 0; width: 560px; }
.tile-career-and-hr-support { position: absolute; height: 300px; left: 0; overflow: clip; border-radius: 16px; top: 0; width: 268px; }
.tile-career-and-hr-support-row { overflow-wrap: break-word; position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 8px; align-items: center; left: 12px; font-style: normal; overflow: clip; padding-left: 10px; padding-right: 14px; padding-top: 8px; padding-bottom: 8px; border-radius: 999px; box-shadow: 0px 4px 12px 0px rgba(31,26,13,0.12); top: 250px; white-space: nowrap; }
.tile-career-and-hr-support-label { font-family: "Inter"; font-weight: 400; line-height: 22px; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); min-height: 22px; }
.tile-marketing-and-business-development { position: absolute; height: 220px; left: 292px; overflow: clip; border-radius: 16px; top: 0; width: 268px; }
.tile-marketing-and-business-development-row { overflow-wrap: break-word; position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 8px; align-items: flex-start; left: 12px; font-style: normal; overflow: clip; padding-left: 10px; padding-right: 14px; padding-top: 8px; padding-bottom: 8px; border-radius: 14px; box-shadow: 0px 4px 12px 0px rgba(31,26,13,0.12); top: 148px; }
.mosaic-tile-number { font-family: "Inter"; font-weight: 600; line-height: 18px; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 18px; }
.mosaic-tile-title { font-family: "Inter"; font-weight: 400; line-height: 22px; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); width: 200px; min-height: 44px; }
.tile-startup-solutions { position: absolute; height: 216px; left: 0; overflow: clip; border-radius: 16px; top: 324px; width: 268px; }
.tile-startup-solutions-row { overflow-wrap: break-word; position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 8px; align-items: center; left: 12px; font-style: normal; overflow: clip; padding-left: 10px; padding-right: 14px; padding-top: 8px; padding-bottom: 8px; border-radius: 999px; box-shadow: 0px 4px 12px 0px rgba(31,26,13,0.12); top: 166px; white-space: nowrap; }
.tile-company-solutions { position: absolute; height: 296px; left: 292px; overflow: clip; border-radius: 16px; top: 244px; width: 268px; }
.tile-company-solutions-row { overflow-wrap: break-word; position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 8px; align-items: center; left: 12px; font-style: normal; overflow: clip; padding-left: 10px; padding-right: 14px; padding-top: 8px; padding-bottom: 8px; border-radius: 999px; box-shadow: 0px 4px 12px 0px rgba(31,26,13,0.12); top: 246px; white-space: nowrap; }
.service-section-heading { align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 520px; }
.services-approach-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 112px; }
.services-introduction-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 98px; }
.section-intro-copy { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; font-family: "Inter"; font-weight: 400; gap: 16px; align-items: flex-start; line-height: 1.65; min-width: 1px; font-style: normal; overflow: clip; position: relative; font-size: 18px; color: var(--graphite); }
.section-intro-description { position: relative; flex-shrink: 0; width: 100%; line-height: 30px; min-height: 90px; }
.area-cards { align-content: stretch; display: flex; gap: 20px; height: 269px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.service-area-card { width: 100%; background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 100%; align-items: flex-start; min-width: 1px; overflow: clip; padding-left: 24px; padding-right: 24px; padding-top: 28px; padding-bottom: 28px; position: relative; border-radius: 16px; line-height: 26px; }
.service-area-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 31px; }
.service-area-icon { flex: 1 0 0; min-height: 1px; position: relative; width: 100px; }
.service-count-career { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 110px; }
.article-card-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 62px; }
.service-count-marketing { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 115px; }
.service-count-startup { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 118px; }
.service-area-muted { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 112px; padding-bottom: 112px; position: relative; flex-shrink: 0; }
.featured-article-meta { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; position: relative; border-radius: 999px; flex-shrink: 0; }
.service-section-number-leading { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 17px; }
.service-section-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 49px; }
.service-section-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: min-content; min-height: 120px; }
.career-support-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: min-content; min-height: 90px; }
.career-support-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 216px; }
.img-career { height: 420px; position: relative; border-radius: 16px; flex-shrink: 0; width: 540px; }
.service-inclusions-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 106px; }
.service-inclusions-rule { background: var(--hairline); flex: 1 0 0; height: 1px; min-width: 1px; position: relative; }
.service-inclusions { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 0px 24px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.service-item { border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 16px; align-items: flex-start; padding-top: 24px; padding-bottom: 24px; position: relative; flex-shrink: 0; width: 588px; }
.inclusion-check { background: var(--peach); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 16px; flex-shrink: 0; width: 32px; height: 32px; }
.service-item-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 6px; align-items: flex-start; min-width: 1px; font-style: normal; overflow: clip; position: relative; }
.service-item-title { font-family: "Inter"; font-weight: 600; line-height: 25px; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; width: 100%; min-height: 25px; }
.service-item-summary { font-family: "Inter"; font-weight: 400; line-height: 26px; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 52px; }
.service-item-body { font-family: "Inter"; font-weight: 400; line-height: 26px; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 26px; }
.more-link { align-content: stretch; display: flex; gap: 6px; align-items: center; overflow: clip; padding-top: 8px; position: relative; flex-shrink: 0; }
.career-support-more-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px;  }
.service-area-plain { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 112px; padding-bottom: 112px; position: relative; flex-shrink: 0; }
.service-section-number-following { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 18px; }
.business-story-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 98px; }
.marketing-support-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 330px; }
.marketing-support-more-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; }
.service-section-number-wide { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 19px; }
.startup-support-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: min-content; min-height: 150px; }
.startup-support-summary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: min-content; min-height: 60px; }
.startup-support-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 191px; }
.startup-support-more-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px;}
.company-support-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 206px; }
.company-support-more-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; }
.cta-a-clear-place-to-start { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 96px; padding-bottom: 96px; position: relative; flex-shrink: 0; }
.contact-card-copy { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 24px; align-items: flex-start; justify-content: center; min-width: 1px; overflow: clip; padding-left: 64px; padding-right: 64px; padding-top: 72px; padding-bottom: 72px; position: relative; }
.contact-card-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 93px; }
.services-cta-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 49px; }
.company-contact-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: rgba(252,252,250,0.8); width: min-content; min-height: 90px; }
.header-services { background: var(--parchment); border-color: var(--hairline); border-bottom-width: 1px; border-style: solid; align-content: stretch; display: flex; align-items: center; justify-content: space-between; padding-left: 120px; padding-right: 120px; position: relative; height: 84px; }
.career-contact-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 197px; }
.hero-service { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-bottom: 96px; padding-top: 56px; position: relative; }
.career-hr-support-breadcrumbs { overflow-wrap: break-word; align-content: stretch; display: flex; font-family: "Inter"; font-weight: 400; gap: 8px; align-items: center; line-height: 1.57; font-style: normal; overflow: clip; position: relative; flex-shrink: 0; font-size: 14px; white-space: nowrap; }
.career-hero-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 249px; }
.service-details-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 152px; }
.service-hero-artwork { height: 520px; position: relative; flex-shrink: 0; width: 560px; }
.service-hero-decoration { position: absolute; left: 0; width: 120px; height: 120px; top: 380px; }
.service-hero-portrait { position: absolute; height: 480px; left: 40px; border-radius: 24px; top: 0; width: 520px; }
.float-card-system { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; left: 250px; overflow: clip; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; border-radius: 14px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 400px; }
.career-floating-card-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 225px; }
.floating-card-chip { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; position: relative; border-radius: 999px; flex-shrink: 0; }
.article-tag-cv { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 20px; }
.article-tag-linkedin { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 56px; }
.career-floating-card-interview { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 62px; }
.main-content-on-this-page { overflow-wrap: break-word; border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 8px; align-items: center; font-style: normal; overflow: clip; padding-top: 24px; position: relative; flex-shrink: 0; width: 100%; white-space: nowrap; }
.article-author-role { font-family: "Inter"; font-weight: 400; line-height: 22px; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); min-height: 22px; }
.anchor-career-positioning { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-left: 14px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; position: relative; border-radius: 999px; flex-shrink: 0; line-height: 26px; }
.article-author-name { font-family: "Inter"; font-weight: 500; line-height: 18px; position: relative; flex-shrink: 0; font-size: clamp(13px, 0.9375vw, 15px); color: var(--ink); min-height: 18px; }
.section-overview { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-top: 120px; padding-bottom: 120px; position: relative; }
.section-heading-copy { align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 540px; }
.career-story-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 128px; }
.career-story-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 147px; }
.career-story-description { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--graphite); min-height: 120px; }
.story-flow { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; gap: 28px; align-items: flex-start; overflow: clip; padding-bottom: 32px; padding-top: 40px; padding-left: 40px; padding-right: 40px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.story-stages { align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.story-stage-content { display: flex; flex: 1 0 0; flex-direction: row; align-items: center; align-self: stretch; }
.story-stage-card { overflow-wrap: break-word; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 10px; height: 100%; align-items: flex-start; min-width: 1px; overflow: clip; padding: 24px; position: relative; border-radius: 14px; }
.article-section-number-opening { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 17px; }
.story-stage-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 31px; }
.story-stage-description { font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: min-content; min-height: 44px; }
.story-stage-connector { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 8px; position: relative; border-radius: 999px; flex-shrink: 0; }
.article-section-number-following { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 18px; }
.article-section-number-wide { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 19px; }
.story-stage-final { overflow-wrap: break-word; background: var(--forest); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 10px; height: 100%; align-items: flex-start; min-width: 1px; overflow: clip; padding: 24px; position: relative; border-radius: 14px; }
.story-interview-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--canvas); width: min-content; min-height: 31px; }
.story-interview-description { font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--canvas); width: min-content; min-height: 22px; }
.story-flow-note { background: var(--peach); align-content: stretch; display: flex; gap: 10px; align-items: center; justify-content: center; overflow: clip; padding-top: 14px; padding-bottom: 14px; position: relative; border-radius: 999px; flex-shrink: 0; width: 100%; }
.story-flow-caption { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 403px; }
.service-section-muted { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-top: 112px; padding-bottom: 112px; position: relative; }
.page-intro { align-content: stretch; display: flex; gap: 80px; align-items: flex-end; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.positioning-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 98px; }
.positioning-description { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--graphite); min-height: 120px; }
.service-note { background: var(--canvas); align-content: stretch; display: flex; gap: 20px; align-items: flex-start; overflow: clip; padding-left: 24px; padding-right: 28px; padding-top: 22px; padding-bottom: 22px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.service-note-description { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; min-width: 1px; position: relative; font-size: 21px; color: var(--ink); min-height: 29px; }
.service-section-plain { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-top: 112px; padding-bottom: 112px; position: relative; }
.resume-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 21px; }
.service-note-compact { background: var(--peach); align-content: stretch; display: flex; gap: 20px; align-items: flex-start; overflow: clip; padding-left: 24px; padding-right: 28px; padding-top: 22px; padding-bottom: 22px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.linkedin-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 69px; }
.linkedin-description { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--graphite); min-height: 90px; }
.about-row-inner { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 16px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.interview-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 92px; }
.interview-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; white-space: nowrap; min-height: 49px; min-width: 416px; }
.img-interview { height: 400px; position: relative; border-radius: 16px; flex-shrink: 0; width: 560px; }
.service-note-summary { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; min-width: 1px; position: relative; font-size: 21px; color: var(--ink); min-height: 58px; }
.international-search-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 120px; }
.international-search-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; white-space: nowrap; min-height: 49px; min-width: 451px; }
.career-system { background: var(--forest); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-top: 120px; padding-bottom: 120px; position: relative; }
.system-introduction { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 24px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.system-heading-group { align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.comparison-positioning-label { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 176px; }
.career-system-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 98px; }
.career-system-description { font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--canvas); width: 100%; min-height: 180px; }
.career-diagram { background: rgba(252,252,250,0.05); border-width: 1px; border-color: rgba(252,252,250,0.14); border-style: solid; height: 440px; overflow: clip; position: relative; border-radius: 24px; flex-shrink: 0; width: 520px; }
.career-diagram-connectors { position: absolute; height: 440px; left: -1px; top: -1px; width: 520px; }
.career-diagram-core { overflow-wrap: break-word; position: absolute; background: var(--bloom); align-content: stretch; display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; left: 174px; overflow: clip; border-radius: 85px; width: 170px; height: 170px; color: var(--canvas); top: 134px; }
.career-diagram-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 84px; }
.career-diagram-title-group { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 20px; text-align: center; width: 140px; }
.career-diagram-title { line-height: 26px; margin-bottom: 0; }
.career-diagram-subtitle { line-height: 26px; }
.node-cv { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 39px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 59px; }
.diagram-node-icon { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 6px; position: relative; border-radius: 999px; flex-shrink: 0; }
.node-cv-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 22px; }
.node-linkedin-profile { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 299px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 59px; }
.node-linkedin-profile-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 110px; }
.node-applications { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 39px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 319px; }
.node-applications-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 89px; }
.node-interviews { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 299px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 319px; }
.node-interviews-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 75px; }
.who-this-support-is-for { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-top: 120px; padding-bottom: 120px; position: relative; }
.audience-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 83px; }
.section-title-compact { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 49px; }
.audience-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 20px; height: 210px; align-items: flex-start; overflow: clip; padding: 28px; position: relative; border-radius: 16px; flex-shrink: 0; width: 384px; }
.audience-card-description-long { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 28px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; width: min-content; min-height: 84px; }
.career-outcomes-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 85px; }
.career-outcomes-description { font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: 100%; min-height: 120px; }
.outcomes-card { background: var(--peach); align-content: stretch; display: flex; flex-direction: column; align-items: flex-start; overflow: clip; padding-left: 36px; padding-right: 36px; padding-top: 20px; padding-bottom: 20px; position: relative; border-radius: 16px; flex-shrink: 0; width: 580px; }
.about-row-outcome { align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-top: 18px; padding-bottom: 18px; position: relative; flex-shrink: 0; width: 100%; }
.article-question-icon { background: var(--bloom); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 16px; flex-shrink: 0; width: 32px; height: 32px; }
.article-question-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 600; line-height: 25px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; min-height: 25px; }
.career-hr-support-outcome { border-color: var(--bloom); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-top: 18px; padding-bottom: 18px; position: relative; flex-shrink: 0; width: 100%; }
.career-outcome-description { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 600; line-height: 25px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; min-height: 50px; }
.cta-strengthen-your-position { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-top: 96px; padding-bottom: 96px; position: relative; }
.contact-card-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 98px; }
.other-services { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; padding-bottom: 112px; padding-top: 96px; position: relative; }
.page-content { align-content: stretch; display: flex; flex-direction: column; gap: 40px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.related-heading-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; white-space: nowrap; }
.related-articles-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 32px; color: var(--ink); letter-spacing: -0.3px; min-height: 38px; }
.related-articles-title-text { line-height: 38px; }
.related-articles-title-accent { line-height: 38px; color: #ee5a2f; }
.service-card { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 20px; height: 359px; align-items: flex-start; min-width: 1px; padding: 32px; position: relative; border-radius: 16px; }
.service-card-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 29px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); letter-spacing: -0.3px; width: min-content; min-height: 29px; }
.article-opportunity-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 104px; }
.service-card-title-marketing { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 29px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); letter-spacing: -0.3px; width: min-content; min-height: 58px; }
.article-marketing-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 130px; }
.marketing-contact-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 248px; }
.marketing-hero-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: clamp(9px, 0.8125vw, 13px); color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 374px; }
.page-hero-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 33px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); width: min-content; min-height: 165px; }
.marketing-business-development-float-card { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; left: 180px; overflow: clip; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; border-radius: 14px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 400px; }
.marketing-floating-card-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 190px; }
.article-tag-positioning { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 73px; }
.marketing-floating-card-brand { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: clamp(13px, 0.875vw, 14px); color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 40px; }
.company-solutions-on-this-page { overflow-wrap: break-word; border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: center; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-style: normal; overflow: clip; padding-top: 24px; position: relative; flex-shrink: 0; width: 100%; white-space: nowrap; }
.business-story-heading { align-content: stretch; display: flex; align-items: center; overflow: clip; position: relative; flex-shrink: 0; }
.marketing-story-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 159px; }
.service-note-copy { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.mission-introduction { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: 100%; min-height: 150px; }
.card-market { overflow-wrap: break-word; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; font-family: "Inter"; font-weight: 600; gap: 10px; height: 100%; align-items: flex-start; line-height: 1.4; min-width: 1px; font-style: normal; overflow: clip; padding-left: 18px; padding-right: 18px; padding-top: 24px; padding-bottom: 24px; position: relative; border-radius: 14px; }
.strategy-number-positioning { position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 17px; }
.strategy-market-label { min-width: 100%; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; width: min-content; line-height: 28px; min-height: 28px; }
.strategy-number-market { position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 18px; }
.strategy-number-commercial { position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 19px; }
.card-commercial-objectives { overflow-wrap: break-word; background: var(--forest); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; font-family: "Inter"; font-weight: 600; gap: 10px; height: 100%; align-items: flex-start; line-height: 1.4; min-width: 1px; font-style: normal; overflow: clip; padding-left: 18px; padding-right: 18px; padding-top: 24px; padding-bottom: 24px; position: relative; border-radius: 14px; }
.strategy-objectives-label { min-width: 100%; position: relative; flex-shrink: 0; font-size: 20px; color: var(--canvas); letter-spacing: -0.2px; width: min-content; line-height: 28px; min-height: 56px; }
.marketing-flow-caption { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 406px; }
.article-category-startups { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 78px; }
.growth-consulting-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: 100%; min-height: 90px; }
.diagnosis-note-description { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: 100%; min-height: 29px; }
.brand-strategy-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 51px; }
.service-promo-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 134px; }
.service-feature { border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 16px; align-items: center; padding-top: 18px; padding-bottom: 18px; position: relative; flex-shrink: 0; width: 588px; }
.service-feature-copy { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 6px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.service-feature-title { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 25px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; width: 100%; min-height: 25px; }
.article-category-career { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 58px; }
.diagnosis-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: 100%; min-height: 120px; }
.content-strategy-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 72px; }
.business-story-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; font-family: "Inter"; font-weight: 400; gap: 16px; align-items: flex-start; line-height: 1.65; min-width: 1px; font-style: normal; overflow: clip; position: relative; font-size: 18px; color: var(--graphite); }
.outsourcing-description { position: relative; flex-shrink: 0; width: 100%; line-height: 30px; min-height: 120px; }
.service-inclusions-introduction { position: relative; flex-shrink: 0; width: 100%; line-height: 30px; min-height: 30px; }
.business-system-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 20px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.marketing-system-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 49px; }
.business-system-description { font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: rgba(252,252,250,0.8); width: min-content; min-height: 90px; }
.business-diagram { background: rgba(252,252,250,0.05); border-width: 1px; border-color: rgba(252,252,250,0.14); border-style: solid; height: 460px; overflow: clip; position: relative; border-radius: 24px; flex-shrink: 0; width: 520px; }
.business-diagram-connectors { position: absolute; height: 460px; left: -1px; top: -1px; width: 520px; }
.business-diagram-core { overflow-wrap: break-word; position: absolute; background: var(--bloom); align-content: stretch; display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; left: 171px; overflow: clip; border-radius: 88px; width: 176px; height: 176px; color: var(--canvas); top: 141px; }
.marketing-diagram-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 81px; }
.business-diagram-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 26px; position: relative; flex-shrink: 0; font-size: 20px; text-align: center; width: 140px; min-height: 52px; }
.node-brand-strategy { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 37.5px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 61px; }
.node-brand-strategy-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 107px; }
.node-personal-branding { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 285.5px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 61px; }
.node-digital-marketing { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 30px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 341px; }
.expertise-chip-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 122px; }
.node-content { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 322px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 341px; }
.node-content-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 58px; }
.support-audience-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: 100%; min-height: 30px; }
.business-audience-card { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 178px; align-items: flex-start; overflow: clip; padding: 28px; position: relative; border-radius: 16px; flex-shrink: 0; width: 384px; }
.business-outcomes-description { font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: min-content; min-height: 30px; }
.career-story-outcomes-card { background: var(--peach); align-content: stretch; display: flex; flex-direction: column; align-items: flex-start; overflow: clip; padding-left: 36px; padding-right: 36px; padding-top: 16px; padding-bottom: 16px; position: relative; border-radius: 16px; flex-shrink: 0; width: 580px; }
.outcome { align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-top: 16px; padding-bottom: 16px; position: relative; flex-shrink: 0; width: 100%; }
.outcome-icon { background: var(--bloom); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 15px; flex-shrink: 0; width: 30px; height: 30px; }
.outcome-checkmark { position: relative; flex-shrink: 0; width: 15px; height: 15px; }
.outcome-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 600; line-height: 24px; min-width: 1px; font-style: normal; position: relative; font-size: 17px; color: var(--ink); letter-spacing: -0.2px; min-height: 24px; }
.company-solutions-outcome { border-color: rgba(238,90,47,0.2); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-top: 16px; padding-bottom: 16px; position: relative; flex-shrink: 0; width: 100%; }
.marketing-contact-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: rgba(252,252,250,0.8); width: min-content; min-height: 60px; }
.service-card-compact { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 20px; height: auto; align-items: flex-start; min-width: 1px; padding: 32px; position: relative; border-radius: 16px; }
.startup-contact-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 159px; }
.startup-hero-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 236px; }
.startup-hero-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 54px; color: var(--ink); letter-spacing: -1.5px; width: min-content; min-height: 116px; }
.business-hero-title-text { line-height: 58px; }
.business-hero-title-accent { line-height: 58px; color: #ee5a2f; }
.startup-solutions-float-card { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; left: 153px; overflow: clip; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; border-radius: 14px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 400px; }
.startup-floating-card-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 211px; }
.article-tag-go-to-market { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 91px; }
.article-tag-growth { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 49px; }
.startup-story-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 131px; }
.comparison-corporate-text { font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(18px, 1.5vw, 24px); color: var(--ink); width: min-content; min-height: 62px; }
.startup-foundation-question { font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(18px, 1.5vw, 24px); color: var(--ink); width: min-content; min-height: 93px; }
.startup-flow-caption { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 437px; }
.service-note-copy-extended { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 10px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.positioning-note-description { font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: 100%; min-height: 58px; }
.service-note-followup { font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 52px; }
.go-to-market-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 118px; }
.go-to-market-inclusions-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); width: min-content; min-height: 30px; }
.launch-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 62px; }
.service-note-body { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: 100%; min-height: 58px; }
.launch-feedback-description { font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: rgba(252,252,250,0.8); width: min-content; min-height: 120px; }
.startup-diagram { background: rgba(252,252,250,0.05); border-width: 1px; border-color: rgba(252,252,250,0.14); border-style: solid; height: 468px; overflow: clip; position: relative; border-radius: 24px; flex-shrink: 0; width: 520px; }
.startup-flow { position: absolute; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: center; left: 39px; overflow: clip; top: 31px; width: 440px; }
.step-product-positioning { background: var(--canvas); align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; position: relative; border-radius: 14px; flex-shrink: 0; width: 100%; }
.startup-flow-icon { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 10px; position: relative; border-radius: 10px; flex-shrink: 0; }
.startup-flow-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 2px; align-items: flex-start; min-width: 1px; font-style: normal; overflow: clip; position: relative; }
.startup-flow-positioning-label { font-family: "Inter"; font-weight: 600; line-height: 28px; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; white-space: nowrap; min-height: 28px; min-width: 224px; }
.startup-flow-description { font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: min-content; min-height: 22px; }
.startup-flow-connector { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 6px; position: relative; border-radius: 999px; flex-shrink: 0; }
.flow-connector-line { display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; width: 14px; height: 14px; }
.flow-connector-stem { flex: none; rotate: 90deg; }
.startup-diagram-icon-arrow { position: relative; width: 14px; height: 14px; }
.startup-flow-market-label { font-family: "Inter"; font-weight: 600; line-height: 28px; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; white-space: nowrap; min-height: 28px; min-width: 172px; }
.startup-flow-launch-label { font-family: "Inter"; font-weight: 600; line-height: 28px; position: relative; flex-shrink: 0; font-size: 20px; color: var(--ink); letter-spacing: -0.2px; white-space: nowrap; min-height: 28px; min-width: 196px; }
.startup-feedback { align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-top: 6px; position: relative; flex-shrink: 0; }
.startup-flow-feedback-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: rgba(252,252,250,0.8); white-space: nowrap; min-height: 22px; min-width: 290px; }
.startup-audience-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 124px; }
.startup-audience-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 178px; align-items: flex-start; overflow: clip; padding: 28px; position: relative; border-radius: 16px; flex-shrink: 0; width: 282px; }
.business-outcomes-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 85px; }
.mission-audience { align-content: stretch; display: flex; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.mission-statement-rule { background: var(--bloom); position: relative; align-self: stretch; flex-shrink: 0; width: 3px; }
.business-outcomes-introduction { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; min-width: 1px; position: relative; font-size: 18px; color: var(--ink); min-height: 87px; }
.business-contact-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 171px; }
.company-hero-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 243px; }
.company-hero-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 54px; color: var(--ink); letter-spacing: -1.5px; width: min-content; min-height: 174px; }
.service-hero-inner-float-card { position: absolute; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; left: 165px; overflow: clip; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; border-radius: 14px; box-shadow: 0px 8px 24px 0px rgba(31,26,13,0.08); top: 400px; }
.company-floating-card-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 221px; }
.company-floating-card-capability { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 67px; }
.article-tag-market-entry { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 85px; }
.business-story-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 128px; }
.card-positioning { overflow-wrap: break-word; background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; font-family: "Inter"; font-weight: 600; gap: 10px; height: 100%; align-items: flex-start; line-height: 1.4; min-width: 1px; font-style: normal; overflow: clip; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; position: relative; border-radius: 14px; }
.strategy-positioning-label { min-width: 100%; position: relative; flex-shrink: 0; font-size: 17px; color: var(--ink); letter-spacing: -0.2px; width: min-content; line-height: 24px; min-height: 24px; }
.card-growth { overflow-wrap: break-word; background: var(--forest); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; font-family: "Inter"; font-weight: 600; gap: 10px; height: 100%; align-items: flex-start; line-height: 1.4; min-width: 1px; font-style: normal; overflow: clip; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; position: relative; border-radius: 14px; }
.strategy-growth-label { min-width: 100%; position: relative; flex-shrink: 0; font-size: 17px; color: var(--canvas); letter-spacing: -0.2px; width: min-content; line-height: 24px; min-height: 24px; }
.business-flow-caption { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 393px; }
.outsourcing-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 110px; }
.market-entry-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 115px; }
.growth-consulting-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 66px; }
.service-note-lead { font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 29px; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: 100%; min-height: 29px; }
.article-cta-description { font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: clamp(15px, 1.125vw, 18px); color: rgba(252,252,250,0.8); width: min-content; min-height: 60px; }
.business-diagram-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 30px; }
.node-marketing-outsourcing { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 15px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 61px; }
.node-marketing-outsourcing-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 162px; }
.node-market-entry { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 305px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 61px; }
.node-market-entry-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 92px; }
.node-growth-consulting { position: absolute; background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: center; left: 155px; overflow: clip; padding-left: 12px; padding-right: 18px; padding-top: 10px; padding-bottom: 10px; border-radius: 999px; top: 361px; }
.node-growth-consulting-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 132px; }
.diagnosis-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 82px; }
.company-audience-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 238px; align-items: flex-start; overflow: clip; padding: 28px; position: relative; border-radius: 16px; flex-shrink: 0; width: 384px; }
.company-audience-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: min-content; min-height: 22px; }
.company-audience-description-long { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: min-content; min-height: 44px; }
.contact-content { align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.marketing-system-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 74px; }
.business-system-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); text-align: center; letter-spacing: -0.5px; white-space: nowrap; min-height: 49px; min-width: 673px; }
.marketing-system-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); text-align: center; width: 820px; min-height: 90px; }
.marketing-system-summary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); text-align: center; width: 820px; min-height: 60px; }
.marketing-system-flow { align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-top: 16px; position: relative; flex-shrink: 0; }
.marketing-system-step { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; position: relative; border-radius: 999px; flex-shrink: 0; }
.marketing-system-market-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 159px; }
.marketing-system-positioning-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 80px; }
.filter-marketing-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 73px; }
.marketing-system-acquisition-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 153px; }
.marketing-system-goal { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; position: relative; border-radius: 999px; flex-shrink: 0; }
.marketing-system-development-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--canvas); white-space: nowrap; min-height: 18px; min-width: 162px; }
.navigation-blog-text { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--bloom); white-space: nowrap; min-height: 18px; min-width: 32px; }
.blog-hero { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 72px; padding-top: 56px; position: relative; flex-shrink: 0; }
.article-hero-container { align-content: stretch; display: flex; flex-direction: column; gap: 28px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.blog-introduction { align-content: stretch; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 720px; }
.blog-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 162px; }
.blog-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 60px; color: var(--ink); letter-spacing: -1.2px; width: min-content; min-height: 130px; }
.blog-title-text { line-height: 65px; }
.blog-title-accent { line-height: 65px; color: #ee5a2f; }
.blog-hero-description { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: clamp(20px, 2.0625vw, 33px); min-width: 1px; font-style: normal; position: relative; font-size: clamp(18px, 1.25vw, 20px); color: var(--graphite); min-height: 99px; }
.filters { border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; align-items: center; justify-content: space-between; overflow: clip; padding-top: 28px; position: relative; flex-shrink: 0; width: 100%; }
.category-filter { align-content: stretch; display: flex; gap: 8px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; }
.filter-all { background: var(--ink); align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-left: 16px; padding-right: 12px; padding-top: 9px; padding-bottom: 9px; position: relative; border-radius: 999px; flex-shrink: 0; }
.filter-all-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--canvas); white-space: nowrap; min-height: 18px; min-width: 18px; }
.filter-count-badge-active { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 7px; padding-right: 7px; padding-top: 1px; padding-bottom: 1px; position: relative; border-radius: 999px; flex-shrink: 0; }
.filter-count-all { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--canvas); white-space: nowrap; min-height: 22px; min-width: 9px; }
.filter-career { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-left: 16px; padding-right: 12px; padding-top: 9px; padding-bottom: 9px; position: relative; border-radius: 999px; flex-shrink: 0; }
.filter-career-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 49px; }
.filter-count-badge { background: var(--parchment); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 7px; padding-right: 7px; padding-top: 1px; padding-bottom: 1px; position: relative; border-radius: 999px; flex-shrink: 0; }
.filter-count-pair { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 9px; }
.filter-count-single { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 7px; }
.filter-startups-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 62px; }
.filter-international-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 145px; }
.search { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 10px; height: 44px; align-items: center; overflow: clip; padding-left: 16px; position: relative; border-radius: 999px; flex-shrink: 0; width: 260px; }
.blog-search-input { font-family: "Inter"; font-weight: 400; line-height: 1.57; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; }
.articles { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 112px; padding-top: 64px; position: relative; flex-shrink: 0; }
.articles-container { align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.featured-exec { background: var(--forest); align-content: stretch; display: flex; flex-direction: column; align-items: flex-start; overflow: clip; position: relative; border-radius: 20px; flex-shrink: 0; width: 792px; }
.featured-article-image { height: 380px; position: relative; flex-shrink: 0; width: 100%; }
.featured-article-body { align-content: stretch; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; overflow: clip; padding-bottom: 32px; padding-top: 28px; padding-left: 36px; padding-right: 36px; position: relative; flex-shrink: 0; width: 100%; }
.mission-audience-heading { align-content: stretch; display: flex; gap: 10px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; }
.featured-article-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 77px; }
.featured-article-category { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: rgba(252,252,250,0.7); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 161px; }
.featured-article-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 43px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 38px; color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 43px; }
.featured-article-title-link { line-height: 43px; }
.featured-article-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: rgba(252,252,250,0.75); width: min-content; min-height: 52px; }
.article-card-meta { align-content: stretch; display: flex; align-items: center; justify-content: space-between; overflow: clip; padding-top: 6px; position: relative; flex-shrink: 0; width: 100%; }
.featured-article-reading-time { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: rgba(252,252,250,0.6); white-space: nowrap; min-height: 22px; min-width: 70px; }
.article-read-link { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 92px; }
.blog-card-image { flex: 1 0 0; position: relative; width: 100%; }
.blog-card-body { align-content: stretch; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; overflow: clip; padding-bottom: 26px; padding-top: 22px; padding-left: 24px; padding-right: 24px; position: relative; flex-shrink: 0; width: 100%; }
.tag { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; position: relative; border-radius: 999px; flex-shrink: 0; }
.article-category-marketing { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 88px; }
.article-card-title-link { line-height: 31px; }
.article-card-reading-time { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 71px; }
.article-recruiter { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; height: 531px; align-items: flex-start; overflow: clip; position: relative; border-radius: 16px; flex-shrink: 0; width: 384px; }
.article-card-image { height: 232px; position: relative; flex-shrink: 0; width: 100%; }
.article-card-body { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 12px; align-items: flex-start; min-height: 1px; overflow: clip; padding-bottom: 26px; padding-top: 22px; padding-left: 24px; padding-right: 24px; position: relative; width: 100%; }
.article-reading-time { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 70px; }
.tag-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 191px; }
.article-card-title-career { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 93px; }
.articles-results { align-content: stretch; display: flex; align-items: flex-start; justify-content: center; overflow: clip; padding-top: 24px; position: relative; flex-shrink: 0; width: 100%; }
.articles-result-count { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 152px; }
.cta-card { background: var(--forest); align-content: stretch; display: flex; gap: 48px; align-items: center; overflow: clip; padding-left: 64px; padding-right: 64px; padding-top: 56px; padding-bottom: 56px; position: relative; border-radius: 24px; flex-shrink: 0; width: 1200px; }
.article-cta-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 16px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.blog-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 268px; }
.blog-cta-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(30px, 2.5vw, 40px); color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 45px; }
.article-cta-title-text { font-size: clamp(30px, 2.5vw, 40px); line-height: 40px; }
.article-cta-title-accent { line-height: 45px; color: #ee5a2f; }
.navigation-about-text { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--bloom); white-space: nowrap; min-height: 18px; min-width: 67px; }
.header-strategy-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 167px; }
.hero-about { align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 56px; position: relative; flex-shrink: 0; background-image: linear-gradient(180deg, rgb(248, 245, 238) 0%, rgb(248, 245, 238) 74.812%, rgb(252, 252, 250) 74.822%, rgb(252, 252, 250) 100%); }
.about-hero-copy { align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 700px; }
.about-hero-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 174px; }
.about-hero-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 58px; color: var(--ink); letter-spacing: -1.2px; width: min-content; min-height: 189px; }
.about-hero-title-text { line-height: 63px; }
.about-hero-title-accent { line-height: 63px; color: #ee5a2f; }
.about-expertise-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 105px; }
.img-about-team { height: 520px; position: relative; border-radius: 20px; flex-shrink: 0; width: 1200px; }
.section-photo { position: absolute; inset: 0; max-width: none; object-fit: cover; pointer-events: none; border-radius: 20px; width: 100%; height: 100%; }
.our-mission { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 120px; padding-top: 96px; position: relative; flex-shrink: 0; }
.mission-layout { align-content: stretch; display: flex; gap: 80px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.mission-heading-copy { align-content: stretch; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 480px; }
.mission-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 99px; }
.mission-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 44px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 147px; }
.mission-statement { align-content: stretch; display: flex; gap: 18px; align-items: flex-start; overflow: clip; padding-top: 12px; position: relative; flex-shrink: 0; width: 100%; }
.mission-statement-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 34px; min-width: 1px; position: relative; font-size: 24px; color: var(--ink); min-height: 68px; }
.mission-audience-copy { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 14px; align-items: flex-start; min-width: 1px; overflow: clip; padding: 24px; position: relative; border-radius: 16px; align-self: stretch; }
.mission-audience-icon { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 8px; position: relative; border-radius: 10px; flex-shrink: 0; }
.mission-individuals-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 130px; }
.mission-individuals-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 234px; }
.mission-business-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--ink); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 126px; }
.mission-business-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 182px; }
.mission-summary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: 100%; min-height: 90px; }
.expertise-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 98px; }
.expertise-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 338px; align-items: flex-start; overflow: clip; padding: 36px; position: relative; border-radius: 16px; flex-shrink: 0; width: 588px; }
.expertise-card-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 34px; position: relative; flex-shrink: 0; font-size: 28px; color: var(--ink); letter-spacing: -0.3px; width: 100%; min-height: 34px; }
.expertise-card-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--ink); width: 100%; min-height: 52px; }
.expertise-card-details { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 78px; }
.expertise-brand-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: 100%; min-height: 52px; }
.expertise-marketing-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--ink); width: 100%; min-height: 78px; }
.advantage-card { background: rgba(252,252,250,0.05); border-width: 1px; border-color: rgba(252,252,250,0.14); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 16px; height: 364px; align-items: flex-start; overflow: clip; padding-left: 28px; padding-right: 28px; padding-top: 32px; padding-bottom: 32px; position: relative; border-radius: 16px; flex-shrink: 0; width: 384px; }
.features-grid-icon-user { position: relative; flex-shrink: 0; width: 22px; height: 22px; }
.advantage-number-leading { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: rgba(252,252,250,0.5); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 17px; }
.advantage-card-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; position: relative; flex-shrink: 0; font-size: 24px; color: var(--canvas); width: 100%; min-height: 31px; }
.advantage-card-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: rgba(252,252,250,0.72); width: 100%; min-height: 130px; }
.advantage-number-following { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: rgba(252,252,250,0.5); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 18px; }
.advantage-number-wide { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: rgba(252,252,250,0.5); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 19px; }
.advantage-card-title-extended { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; position: relative; flex-shrink: 0; font-size: 24px; color: var(--canvas); width: 100%; min-height: 62px; }
.advantage-positioning-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: rgba(252,252,250,0.72); width: 100%; min-height: 156px; }
.advantage-market-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: rgba(252,252,250,0.72); width: 100%; min-height: 182px; }
.client-audience-card { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; border-radius: 16px; align-self: stretch; }
.client-professional-description { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); width: 100%; min-height: 132px; }
.client-founder-description { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); width: 100%; min-height: 154px; }
.client-founder-summary { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 66px; }
.client-startup-description { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); width: 100%; min-height: 110px; }
.client-startup-summary { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); width: 100%; min-height: 88px; }
.client-company-description { font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); width: 100%; min-height: 88px; }
.contact-card-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: clamp(15px, 1.125vw, 18px); color: rgba(252,252,250,0.8); width: min-content; min-height: 120px; }
.navigation-contact-text { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--bloom); white-space: nowrap; min-height: 18px; min-width: 66px; }
.contact-section { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 120px; padding-top: 56px; position: relative; flex-shrink: 0; }
.contact-page-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 72px; color: var(--ink); letter-spacing: -1px; white-space: nowrap; min-height: 72px; min-width: 240px; }
.contact-title-text { line-height: 72px; }
.contact-title-accent { line-height: 72px; color: #ee5a2f; }
.article-content-body-inner { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.contact-page-detail { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 14px; height: 200px; align-items: flex-start; overflow: clip; padding: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 304px; }
.article-detail-icon { background: var(--peach); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding: 10px; position: relative; border-radius: 10px; flex-shrink: 0; }
.contact-page-detail-copy { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; font-family: "Inter"; font-weight: 600; gap: 4px; align-items: flex-start; line-height: 1.4; font-style: normal; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.contact-page-detail-label { position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 45px; }
.contact-page-detail-value { min-width: 100%; position: relative; flex-shrink: 0; font-size: 16px; color: var(--ink); letter-spacing: -0.2px; width: min-content; line-height: 25px; min-height: 25px; word-break: break-all;}
.contact-page-phone-label { position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 87px; }
.contact-page-address-label { position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 166px; }
.contact-page-address-value { min-width: 100%; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; width: min-content; line-height: 25px; min-height: 50px; }
.contact-page-company-label { position: relative; flex-shrink: 0; font-size: 13px; color: var(--graphite); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 142px; }
.contact-page-image { height: 360px; position: relative; border-radius: 20px; flex-shrink: 0; width: 100%; }
.contact-page-form { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; overflow: clip; padding-left: 40px; padding-right: 40px; padding-top: 44px; padding-bottom: 44px; position: relative; border-radius: 24px; box-shadow: 0px 16px 48px 0px rgba(31,26,13,0.06); flex-shrink: 0; width: 512px; }
.contact-form-eyebrow { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 136px; }
.contact-form-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 38px; color: var(--ink); letter-spacing: -0.5px; width: min-content; min-height: 43px; }
.contact-form-title-accent { line-height: 43px; color: #ee5a2f; }
.contact-form-field { align-content: stretch; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; position: relative; flex-shrink: 0; width: 100%; }
.contact-form-name-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 42px; }
.contact-text-input { background: var(--canvas); border-width: 1px; border-color: var(--mist); border-style: solid; align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-top: 14px; padding-left: 16px; padding-right: 16px; border-radius: 8px; flex-shrink: 0; width: 100%; height: 52px; font-family: "Inter"; font-weight: 400; line-height: 1.6; font-style: normal; font-size: 16px; color: var(--graphite); padding-bottom: 14px; }
.contact-form-email-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 39px; }
.contact-message-input { background: var(--canvas); border-width: 1px; border-color: var(--mist); border-style: solid; align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-top: 14px; padding-left: 16px; padding-right: 16px; border-radius: 8px; flex-shrink: 0; width: 100%; height: 150px; font-family: "Inter"; font-weight: 400; line-height: 1.6; min-width: 1px; font-style: normal; font-size: 16px; color: var(--graphite); padding-bottom: 14px; }
.contact-submit-button { background: var(--bloom); align-content: stretch; display: flex; gap: 8px; align-items: center; justify-content: center; padding-left: 24px; padding-right: 24px; padding-top: 14px; padding-bottom: 14px; position: relative; border-radius: 8px; flex-shrink: 0; width: 100%; }
.contact-submit-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 140px; }
.contact-footer-bottom { overflow-wrap: break-word; border-color: rgba(252,252,250,0.2); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; font-family: "Inter"; font-weight: 400; align-items: flex-start; justify-content: space-between; line-height: 1.57; font-style: normal; overflow: clip; padding-top: 28px; position: relative; flex-shrink: 0; font-size: 14px; color: var(--canvas); width: 100%; }
.thank-you { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 128px; padding-top: 112px; position: relative; flex-shrink: 0; }
.confirmation-card { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: center; overflow: clip; padding-left: 72px; padding-right: 72px; padding-top: 64px; padding-bottom: 64px; position: relative; border-radius: 28px; box-shadow: 0px 20px 60px 0px rgba(31,26,13,0.06); flex-shrink: 0; width: 760px; }
.success-icon { background: var(--peach); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 56px; flex-shrink: 0; width: 112px; height: 112px; }
.confirmation-icon { background: var(--bloom); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 36px; flex-shrink: 0; width: 72px; height: 72px; }
.confirmation-icon-symbol { position: relative; flex-shrink: 0; width: 34px; height: 34px; }
.confirmation-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; position: relative; flex-shrink: 0; font-size: 64px; color: var(--ink); text-align: center; letter-spacing: -1px; white-space: nowrap; min-height: 70px; min-width: 287px; }
.confirmation-title-text { line-height: 70px; }
.confirmation-title-accent { line-height: 70px; color: #ee5a2f; }
.confirmation-subtitle { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 38px; position: relative; flex-shrink: 0; font-size: 32px; color: var(--ink); text-align: center; letter-spacing: -0.3px; white-space: nowrap; min-height: 38px; min-width: 387px; }
.confirmation-divider { background: var(--bloom); height: 2px; position: relative; flex-shrink: 0; width: 48px; }
.confirmation-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); text-align: center; width: min-content; min-height: 60px; }
.confirmation-followup { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 30px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--graphite); text-align: center; width: min-content; min-height: 30px; }
.confirmation-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 156px; }
.article-hero { align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 56px; position: relative; flex-shrink: 0; background-image: linear-gradient(180deg, rgb(248, 245, 238) 0%, rgb(248, 245, 238) 73.362%, rgb(252, 252, 250) 73.372%, rgb(252, 252, 250) 100%); }
.article-title-group { align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 900px; }
.article-categories { background: var(--bloom); align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; position: relative; border-radius: 999px; flex-shrink: 0; }
.article-category-personal-branding { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 161px; }
.article-topic-executive { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 141px; }
.article-title-executive { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 60px; color: var(--ink); letter-spacing: -1.2px; width: min-content; min-height: 132px; }
.article-title-executive-text { line-height: 66px; }
.article-title-question-mark { line-height: 66px; color: #ee5a2f; }
.meta { align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; position: relative; flex-shrink: 0; }
.author-avatar { background: var(--forest); position: relative; border-radius: 20px; flex-shrink: 0; width: 40px; height: 40px; }
.author-monogram { overflow-wrap: break-word; position: absolute; font-family: "Fraunces"; font-weight: 600; font-style: italic; line-height: normal; left: 7px; color: #fcfcfa; font-size: 21px; top: 6px; white-space: nowrap; font-variation-settings: "SOFT" 0, "WONK" 1; min-height: 26px; min-width: 24px; }
.author-avatar-dot { position: absolute; left: 30px; width: 9px; height: 9px; top: 1px; }
.article-author-details { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 2px; align-items: flex-start; font-style: normal; overflow: clip; position: relative; flex-shrink: 0; white-space: nowrap; }
.article-meta-divider { background: var(--hairline); height: 28px; position: relative; flex-shrink: 0; width: 1px; }
.article-meta-separator { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--mist); white-space: nowrap; min-height: 22px; min-width: 4px; }
.article-publication-date { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 107px; }
.article-cover { height: 560px; position: relative; border-radius: 20px; flex-shrink: 0; width: 1200px; }
.article-body { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 112px; padding-top: 80px; position: relative; flex-shrink: 0; }
.article-layout { align-content: stretch; display: flex; gap: 140px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 1200px; }
.sidebar-sticky { align-content: stretch; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; overflow: clip; position: static; top: 100px; flex-shrink: 0; width: 300px; }
.table-of-contents { overflow-wrap: break-word; background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; font-style: normal; overflow: clip; padding: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.table-of-contents-label { font-family: "Inter"; font-weight: 600; line-height: 18px; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 122px; }
.toc-item { background: var(--canvas); align-content: stretch; display: flex; gap: 10px; align-items: flex-start; overflow: clip; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; position: relative; border-radius: 8px; flex-shrink: 0; width: 100%; line-height: 26px; }
.toc-number-leading { font-family: "Inter"; font-weight: 600; line-height: 18px; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 17px; }
.toc-title-leading { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 1px; position: relative; font-size: 14px; color: var(--ink); min-height: 44px; }
.sidebar-sticky-toc-item { align-content: stretch; display: flex; gap: 10px; align-items: flex-start; overflow: clip; padding-top: 8px; padding-bottom: 8px; position: relative; flex-shrink: 0; color: var(--graphite); width: 100%; line-height: 26px; }
.toc-number-following { font-family: "Inter"; font-weight: 600; line-height: 18px; position: relative; flex-shrink: 0; font-size: 13px; letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 18px; }
.toc-title { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 1px; position: relative; font-size: 14px; min-height: 44px; }
.toc-number-wide { font-family: "Inter"; font-weight: 600; line-height: 18px; position: relative; flex-shrink: 0; font-size: 13px; letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 19px; }
.share { align-content: stretch; display: flex; gap: 10px; align-items: center; overflow: clip; padding-left: 4px; position: relative; flex-shrink: 0; }
.share-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 43px; }
.share-link { border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 18px; flex-shrink: 0; width: 36px; height: 36px; line-height: 26px; }
.article-share-linkedin-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 13px; }
.article-share-facebook-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 6px; }
.article-share-email-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 15px; }
.service-promo { background: var(--forest); align-content: stretch; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; overflow: clip; padding: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; line-height: 26px; }
.service-promo-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--canvas); width: min-content; min-height: 62px; }
.service-promo-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: rgba(252,252,250,0.72); width: min-content; min-height: 44px; }
.service-promo-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 147px; }
.article-content-body { align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 24px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; }
.article-introduction { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 36px; min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(20px, 1.5vw, 24px); color: var(--ink); width: min-content; min-height: 180px; }
.article-paragraph-intro { font-size: clamp(16px, 1.125vw, 18px); overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: clamp(16px, 1.125vw, 18px);; color: var(--ink); width: min-content; min-height: 128px; }
.article-paragraph-text { font-size: clamp(16px, 1.125vw, 18px); }
.article-paragraph-summary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: min-content; min-height: 64px; }
.article-section { overflow-wrap: break-word; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; overflow: clip; padding-top: 32px; position: relative; flex-shrink: 0; width: 100%; }
.article-section-title { font-family: "Source Serif 4"; font-weight: 500; line-height: clamp(32px, 2.5625vw, 41px); min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(26px, 2.125vw, 34px); color: var(--ink); letter-spacing: -0.3px; width: min-content; min-height: 41px; }
.article-paragraph { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: min-content; min-height: 96px; }
.article-paragraph-lead { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: min-content; min-height: 32px; }
.question-cards { align-content: stretch; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.article-question { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; position: relative; border-radius: 12px; flex-shrink: 0; width: 100%; }
.article-question-mark { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 23px; position: relative; flex-shrink: 0; font-size: 18px; color: var(--canvas); white-space: nowrap; min-height: 23px; min-width: 8px; }
.bullet-list { align-content: stretch; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; overflow: clip; padding-left: 4px; position: relative; flex-shrink: 0; width: 100%; }
.article-bullet-item { align-content: stretch; display: flex; gap: 14px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.article-bullet-marker { height: 19px; position: relative; flex-shrink: 0; width: 8px; }
.article-bullet-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 1px; font-style: normal; position: relative; font-size: clamp(16px, 1.125vw, 18px); color: var(--ink); min-height: 32px; }
.pull-quote { background: var(--peach); align-content: stretch; display: flex; gap: 20px; align-items: flex-start; overflow: clip; padding-left: 28px; padding-right: 32px; padding-top: 28px; padding-bottom: 28px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.article-quote-text { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 34px; min-width: 1px; position: relative; font-size: clamp(18px, 1.5vw, 24px); color: var(--ink); min-height: 102px; }
.article-section-title-compact { font-family: "Source Serif 4"; font-weight: 500; line-height: clamp(32px, 2.5625vw, 41px); min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(26px, 2.125vw, 34px); color: var(--ink); letter-spacing: -0.3px; width: min-content; min-height: 82px; }
.article-paragraph-reputation { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: min-content; min-height: 160px; }
.comparison { overflow-wrap: break-word; align-content: stretch; display: flex; gap: 16px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.comparison-corporate { background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 12px; align-items: flex-start; min-width: 1px; overflow: clip; padding: 28px; position: relative; border-radius: 16px; align-self: stretch; }
.comparison-corporate-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 172px; }
.comparison-personal { background: var(--forest); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; gap: 12px; align-items: flex-start; min-width: 1px; overflow: clip; padding: 28px; position: relative; border-radius: 16px; align-self: stretch; }
.comparison-personal-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 161px; }
.comparison-personal-text { font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(18px, 1.5vw, 24px); color: var(--canvas); width: min-content; min-height: 93px; }
.article-detail-copy { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 12px; height: 272px; align-items: flex-start; overflow: clip; padding: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 372px; }
.article-reputation-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 25px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; width: min-content; min-height: 50px; }
.article-competition-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 25px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); letter-spacing: -0.2px; width: min-content; min-height: 25px; }
.figure { align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; overflow: clip; padding-top: 16px; position: relative; flex-shrink: 0; width: 100%; }
.article-inline-image { height: 430px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.article-figure-caption { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 574px; }
.element-chips { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.expertise-chip { background: var(--peach); align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-left: 12px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; position: relative; border-radius: 999px; flex-shrink: 0; }
.expertise-area-chip { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 182px; }
.expertise-communication-chip { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 192px; }
.expertise-engagement-chip { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 15px; color: var(--ink); white-space: nowrap; min-height: 18px; min-width: 203px; }
.article-body-steps { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: flex-start; overflow: clip; padding-left: 28px; padding-right: 28px; padding-top: 8px; padding-bottom: 8px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.article-process-step { align-content: stretch; display: flex; gap: 18px; align-items: center; overflow: clip; padding-top: 18px; padding-bottom: 18px; position: relative; flex-shrink: 0; width: 100%; }
.article-process-number { background: var(--bloom); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 20px; flex-shrink: 0; width: 40px; height: 40px; }
.article-process-step-following { border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 18px; align-items: center; overflow: clip; padding-top: 18px; padding-bottom: 18px; position: relative; flex-shrink: 0; width: 100%; }
.conclusion { overflow-wrap: break-word; border-color: var(--hairline); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; overflow: clip; padding-top: 24px; position: relative; flex-shrink: 0; width: 100%; }
.article-conclusion-label { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 115px; }
.article-conclusion-text { font-family: "Source Serif 4"; font-weight: 500; line-height: 35px; min-width: 100%; position: relative; flex-shrink: 0; font-size: clamp(18px, 1.5vw, 24px); color: var(--ink); width: min-content; min-height: 175px; }
.tags { align-content: stretch; display: flex; gap: 8px; align-items: center; overflow: clip; padding-top: 8px; position: relative; flex-shrink: 0; }
.tags-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 36px; }
.article-tag { border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; align-items: flex-start; overflow: clip; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; position: relative; border-radius: 999px; flex-shrink: 0; }
.article-tag-personal-branding { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 120px; }
.article-tag-executives { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 72px; }
.article-cta { background: var(--canvas); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 96px; position: relative; flex-shrink: 0; }
.article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 329px; }
.article-cta-title { font-family: "Source Serif 4"; font-weight: 500; line-height: 0; min-width: 100%; position: relative; flex-shrink: 0; font-size: 40px; color: var(--canvas); letter-spacing: -0.5px; width: min-content; min-height: 90px; }
.personal-brand-button-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--canvas); white-space: nowrap; min-height: 19px; min-width: 218px; }
.related-articles { background: var(--parchment); align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-bottom: 112px; padding-top: 96px; position: relative; flex-shrink: 0; }
.related-articles-link-label { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 121px; }
.related-positioning { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; height: 509px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; border-radius: 16px; }
.article-category-startup { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 78px; }
.article-topic-launch { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 129px; }
.article-title { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 66px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 60px; color: var(--ink); letter-spacing: -1.2px; width: min-content; min-height: 132px; }
.article-author-monogram { overflow-wrap: break-word; position: absolute; font-family: "Fraunces"; font-weight: 600; font-style: italic; line-height: normal; left: 7px; font-size: 21px; color: var(--canvas); top: 6px; white-space: nowrap; font-variation-settings: "SOFT" 0, "WONK" 1; min-height: 26px; min-width: 24px; }
.toc-title-go-to-market { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 1px; position: relative; font-size: 14px; color: var(--ink); min-height: 22px; }
.toc-title-positioning { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 1px; position: relative; font-size: 14px; min-height: 22px; }
.article-introduction-extended { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 36px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 144px; }
.article-figure-caption-preparation { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 505px; }
.article-conclusion-recruitment { font-family: "Source Serif 4"; font-weight: 500; line-height: 35px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 210px; }
.article-tag-startups { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 57px; }
.startup-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 184px; }
.related-gtm { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; height: 522px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; border-radius: 16px; }
.article-category-marketing-primary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 88px; }
.article-topic-capability { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 134px; }
.article-detail-copy-extended { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 12px; height: 324px; align-items: flex-start; overflow: clip; padding: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 372px; }
.article-capability-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 26px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--graphite); width: min-content; min-height: 156px; }
.article-figure-caption-outsourcing { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 632px; }
.article-conclusion-linkedin { font-family: "Source Serif 4"; font-weight: 500; line-height: 35px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 140px; }
.article-tag-outsourcing { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 147px; }
.article-tag-marketing-strategy { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 126px; }
.marketing-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 281px; }
.article-category-international { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 191px; }
.article-topic-market-entry { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 85px; }
.article-figure-caption-localisation { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 575px; }
.article-bullet-text-extended { overflow-wrap: break-word; flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 1px; font-style: normal; position: relative; font-size: 18px; color: var(--ink); min-height: 64px; }
.article-tag-localisation { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 79px; }
.article-tag-international { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 133px; }
.market-entry-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 205px; }
.article-topic-positioning { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 116px; }
.article-body-comparison { overflow-wrap: break-word; align-content: stretch; display: flex; gap: 16px; align-items: flex-start; line-height: 1.4; overflow: clip; position: relative; flex-shrink: 0; width: 100%; }
.comparison-advertising-eyebrow { font-family: "Inter"; font-weight: 600; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 178px; }
.comparison-advertising-text { font-family: "Source Serif 4"; font-weight: 500; min-width: 100%; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: min-content; line-height: 29px; min-height: 58px; }
.comparison-positioning-text { font-family: "Source Serif 4"; font-weight: 500; min-width: 100%; position: relative; flex-shrink: 0; font-size: 21px; color: var(--canvas); width: min-content; line-height: 29px; min-height: 58px; }
.article-figure-caption-positioning { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 477px; }
.article-quote-career { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 34px; min-width: 1px; position: relative; font-size: 24px; color: var(--ink); min-height: 136px; }
.article-tag-advertising { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 76px; }
.article-tag-brand-strategy { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 98px; }
.positioning-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 224px; }
.article-category-personal { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 161px; }
.go-to-market-article-hero { align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 56px; position: relative; flex-shrink: 0; background-image: linear-gradient(180deg, rgb(248, 245, 238) 0%, rgb(248, 245, 238) 71.364%, rgb(252, 252, 250) 71.374%, rgb(252, 252, 250) 100%); }
.article-topic-go-to-market { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 91px; }
.article-title-market { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 66px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 60px; color: var(--ink); letter-spacing: -1.2px; width: min-content; min-height: 66px; }
.toc-title-common-mistakes { flex: 1 0 0; font-family: "Inter"; font-weight: 400; line-height: 22px; min-width: 1px; position: relative; font-size: 14px; min-height: 66px; }
.article-figure-caption-market { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 601px; }
.article-subsection { align-content: stretch; display: flex; gap: 14px; align-items: center; overflow: clip; padding-top: 12px; position: relative; flex-shrink: 0; width: 100%; }
.article-subsection-badge { background: var(--peach); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 10px; flex-shrink: 0; width: 36px; height: 36px; }
.article-subsection-number-leading { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 8px; }
.article-subsection-title { overflow-wrap: break-word; flex: 1 0 0; font-family: "Source Serif 4"; font-weight: 500; line-height: 31px; min-width: 1px; position: relative; font-size: 24px; color: var(--ink); min-height: 31px; }
.article-subsection-number-following { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 10px; }
.article-subsection-number-wide { overflow-wrap: break-word; font-family: "Inter"; font-weight: 500; line-height: 19px; font-style: normal; position: relative; flex-shrink: 0; font-size: 16px; color: var(--bloom); white-space: nowrap; min-height: 19px; min-width: 11px; }
.article-positioning-description { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 32px; min-width: 100%; font-style: normal; position: relative; flex-shrink: 0; font-size: 18px; color: var(--ink); width: min-content; min-height: 192px; }
.article-conclusion-market { font-family: "Source Serif 4"; font-weight: 500; line-height: 35px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 24px; color: var(--ink); width: min-content; min-height: 105px; }
.article-tag-customer-journey { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 118px; }
.market-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 227px; }
.linkedin-profile-article-hero { align-content: stretch; display: flex; flex-direction: column; align-items: center; overflow: clip; padding-top: 56px; position: relative; flex-shrink: 0; background-image: linear-gradient(180deg, rgb(248, 245, 238) 0%, rgb(248, 245, 238) 72.845%, rgb(252, 252, 250) 72.855%, rgb(252, 252, 250) 100%); }
.article-category-career-primary { overflow-wrap: break-word; font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--canvas); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 58px; }
.article-topic-job-search { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 74px; }
.article-title-career { overflow-wrap: break-word; font-family: "Source Serif 4"; font-weight: 500; line-height: 57px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 52px; color: var(--ink); letter-spacing: -1.2px; width: min-content; min-height: 114px; }
.article-figure-caption-linkedin { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 392px; }
.checklist { background: var(--peach); align-content: stretch; display: flex; flex-direction: column; align-items: flex-start; overflow: clip; padding-left: 28px; padding-right: 28px; padding-top: 8px; padding-bottom: 8px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.outcome-row { background: var(--bloom); align-content: stretch; display: flex; align-items: center; justify-content: center; overflow: clip; position: relative; border-radius: 6px; flex-shrink: 0; width: 28px; height: 28px; }
.checklist-row { border-color: rgba(252,252,250,0.2); border-style: solid; border-top-width: 1px; align-content: stretch; display: flex; gap: 16px; align-items: center; overflow: clip; padding-top: 16px; padding-bottom: 16px; position: relative; flex-shrink: 0; width: 100%; }
.article-tag-job-search { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 74px; }
.article-tag-career { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 45px; }
.linkedin-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 219px; }
.article-topic-resume { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 92px; }
.comparison-responsibility-eyebrow { font-family: "Inter"; font-weight: 600; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 166px; }
.comparison-responsibility-text { font-family: "Source Serif 4"; font-weight: 500; min-width: 100%; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: min-content; line-height: 29px; min-height: 87px; }
.comparison-outcome-eyebrow { font-family: "Inter"; font-weight: 600; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; line-height: 18px; min-height: 18px; min-width: 119px; }
.comparison-outcome-text { font-family: "Source Serif 4"; font-weight: 500; min-width: 100%; position: relative; flex-shrink: 0; font-size: 21px; color: var(--canvas); width: min-content; line-height: 29px; min-height: 116px; }
.article-figure-caption-recruitment { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--graphite); white-space: nowrap; min-height: 22px; min-width: 490px; }
.example { overflow-wrap: break-word; background: var(--parchment); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; overflow: clip; padding-left: 28px; padding-right: 28px; padding-top: 24px; padding-bottom: 24px; position: relative; border-radius: 16px; flex-shrink: 0; width: 100%; }
.example-label { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 69px; }
.example-description { font-family: "Source Serif 4"; font-weight: 500; font-style: italic; line-height: 30px; min-width: 100%; position: relative; flex-shrink: 0; font-size: 21px; color: var(--ink); width: min-content; min-height: 90px; }
.article-tag-recruitment { overflow-wrap: break-word; font-family: "Inter"; font-weight: 400; line-height: 22px; font-style: normal; position: relative; flex-shrink: 0; font-size: 14px; color: var(--ink); white-space: nowrap; min-height: 22px; min-width: 81px; }
.recruiter-article-cta-eyebrow { font-family: "Inter"; font-weight: 600; line-height: 18px; font-style: normal; position: relative; flex-shrink: 0; font-size: 13px; color: var(--bloom); letter-spacing: 1.2px; white-space: nowrap; min-height: 18px; min-width: 290px; }
.related-linkedin { background: var(--canvas); border-width: 1px; border-color: var(--hairline); border-style: solid; align-content: stretch; display: flex; flex: 1 0 0; flex-direction: column; height: 531px; align-items: flex-start; min-width: 1px; overflow: clip; position: relative; border-radius: 16px; }
/* Keep navigation outside the header's visual bounds, above page sections. */
.site-header { z-index: 20; overflow: visible; }
.site-footer > .site-container { max-width: calc(100% - 48px); }
.section-thank-you { margin: 50px 0 0 0;}
.single .article-hero { margin: 50px 0 0 0;}
.related-articles .responsive-grid { display: grid; grid-template-columns: repeat(3, 1fr);}
.related-articles .responsive-grid > .fluid-panel { width: 100%; }

/* Desktop follows the 1440 px Figma frames. Narrow layouts reflow in pixels. */
@media (min-width: 1441px) {
  .site-header { padding-left: calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2); }
}
@media (max-width: 1260px) {
  .section-hero .responsive-columns { flex-direction: column; align-items: stretch; }
  .section-hero .responsive-columns > .fluid-panel { flex: none; width: 100%; }
  .section-hero .responsive-columns > .hero-visual,.section-hero .responsive-columns > .hero-mosaic { width: 560px; align-self: center; }
  .section-hero .responsive-columns > .home-visual { width: 600px; }
  .blog-tools { flex-direction: column; align-items: stretch; gap: 20px; }
  .filter-buttons { width: 100%; max-width: 100%; flex-wrap: wrap; }
  .search-field { width: 100%; }
  .figure > .responsive-text { min-width: 0; width: 100%; max-width: 100%; white-space: normal; }
  .design-text { min-height: 0; }
  .site-header { padding-left: 24px; padding-right: 24px; }
  .responsive-columns { gap: 40px; }
  .responsive-columns > .fluid-panel { flex: 1 1 0; width: 0; min-width: 0; max-width: 100%; }
  .responsive-cards > .fluid-panel { width: calc((100% - 24px) / 2); height: auto; }
  .blog-card { height: auto; }
  .blog-card > div:last-child { flex: none; height: auto; }
  .responsive-grid { flex-wrap: wrap; gap: 24px; height: auto; }
  .responsive-grid > .fluid-panel { width: calc((100% - 24px) / 2); min-width: 0; max-width: 100%; }
  .hero-visual { max-width: 100%; }
  .hero-visual > img { max-width: 100%; }
  .responsive-row { gap: 24px; }
  .title-display { font-size: 52px; }
  .title-display,.title-display > span { line-height: 1.08; }
	.footer-brand.fluid-panel {max-width: 360px;}
  .story-flow  .responsive-grid > .fluid-panel {width: 100%;}
}
@media (max-width: 1100px) {
  .service-card {height:max-content;}
}
@media (max-width: 1024px) {
  .single .section-photo {height: auto;}
  .service-card-compact {height: auto;}
  .on-this-page,.audience-chips,.article-tags,.responsive-inline { width: 100%; max-width: 100%; flex-wrap: wrap; }
  .blog-tools { flex-direction: column; align-items: stretch; gap: 20px; }
  .filter-buttons { width: 100%; max-width: 100%; flex-wrap: wrap; }
  .search-field { width: 100%; }
  .section-article-cta > div,.section-blog-cta > div { flex-direction: column; align-items: flex-start; gap: 24px; }
  .site-header { height: 84px; gap: 16px; }
  .site-header > .button { margin-left: auto; }
  .menu-toggle { display: block; flex-shrink: 0; }
  .site-header .main-nav { position: fixed; z-index: 2; top: var(--mobile-menu-top, 84px); right: 0; bottom: 0; display: none; width: 360px; max-width: 100%; padding: 16px; flex-direction: column; align-items: stretch; overflow-y: auto; overscroll-behavior: contain; background: var(--parchment); box-shadow: 0 16px 48px #1f1f1f26; }
  .menu-open .site-header::before { content: ''; position: fixed; z-index: 1; top: var(--mobile-menu-top, 84px); right: 0; bottom: 0; left: 0; background: rgba(18,48,43,.2); }
  .site-header .main-nav.is-open { display: flex; }
  .main-nav > a,.nav-dropdown-toggle { width: 100%; padding: 14px; }
  .nav-dropdown-menu { position: static; width: 100%; max-width: 100%; max-height: none; box-shadow: none; }
  .nav-dropdown.is-open::after { display: none; }
  .responsive-columns { flex-direction: column; align-items: stretch; gap: 40px; }
  .responsive-columns > .fluid-panel { flex: none; width: 100%; max-width: 100%; }
  .responsive-columns > :not(.fluid-panel) { min-width: 0; max-width: 100%; }
  .fluid-panel { max-width: 100%; }
  .responsive-cards-many > .fluid-panel { width: calc((100% - 24px) / 2); }
  .article-sidebar { position: static; }
  .hero-visual { align-self: center; }
  .home-visual { width: 600px !important; height: 600px; }
  .responsive-row { flex-wrap: wrap; } 
  .page-section:not(.site-header):not(.site-footer) { padding-top: 72px; padding-bottom: 72px; }
  .section-article-hero { padding-bottom: 0 !important; }
  .footer-brand.fluid-panel {max-width: 100%;}
  .story-flow {padding: 40px 20px;}
  .related-articles .responsive-grid { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
  .section-photo {height: auto;}
    .footer-legal-links {width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px;}
  .footer-legal-link { min-width: 150px; display: block;}
  .tile-career-and-hr-support-row, .tile-company-solutions-row, .tile-startup-solutions-row { border-radius: 14px;}
  .article-title-group > .section-shell { flex-wrap: wrap; }
  .contact-text,.contact-card-copy { padding: 32px 24px; }
  .contact-detail { width: 100%; min-width: 0; }
  .contact-detail-content { min-width: 0; white-space: normal; }
  .contact-detail-value { white-space: normal; overflow-wrap: anywhere; }
  .closing { flex-direction: column; align-items: stretch; gap: 24px; padding-top: 32px; }
  .closing > .help-closing-text { flex: none; width: 100%; min-width: 0; min-height: 0; overflow-wrap: normal; }
  .closing > .button { align-self: flex-start; max-width: 100%; }
  .button-row { flex-wrap: wrap; width: 100%; max-width: 100%; }
  .button-row .button { max-width: 100%; }
  .responsive-text { min-width: 0; }
  .badge { max-width: max-content; }
  .badge > .responsive-text { flex: 1; min-width: 0; white-space: normal; }
  .article-meta { width: 100%; max-width: 100%; flex-wrap: wrap; }
  .popular-pages,.popular-pages > div { width: 100%; max-width: 100%; flex-wrap: wrap; justify-content: center; }
  .responsive-inline > .responsive-text { min-width: 0; max-width: 100%; flex-shrink: 1; }
  .site-container { max-width: calc(100% - 32px); }
  .site-header { padding-left: 16px; padding-right: 16px; }
  .site-header > .button { display: none; }
  .site-header > .menu-toggle { margin-left: auto; }
  .title-display { font-size: 44px; letter-spacing: -.5px; }
  .title-section { font-size: 36px; }
  .title-section,.title-section > span { line-height: 1.12; }
  .responsive-text { white-space: normal; }
  .breadcrumbs { flex-wrap: wrap; }
  .responsive-cards > .fluid-panel,.responsive-cards-many > .fluid-panel { width: 100%; flex: none; }
  .responsive-grid { align-items: stretch; flex-direction: column;}
  .responsive-columns > .fluid-panel { width: 100%; }
  .responsive-columns > .fluid-panel:not(.hero-visual):not(.system-diagram):not(.hero-mosaic) { height: auto; min-height: 0; }
  .hero-mosaic { align-self: center; max-width: 560px; }
  .hero-visual { width: 560px !important; height: 520px; }
  .home-visual { width: 560px !important; height: 560px; }
  .hero-visual > [class] { max-width: 100%; }
  .responsive-row { flex-direction: column; align-items: flex-start; }
  .site-footer > .site-container { max-width: calc(100% - 32px); }
  .footer-bottom { flex-direction: column; gap: 20px; white-space: normal; }
  .footer-bottom > * { white-space: normal; }
  .filter-buttons { flex-wrap: wrap; overflow: visible; }
  .search-field { width: 100%; }
  .section-article-cta > div,.section-blog-cta > div { padding: 32px; }
  main .button { max-width: 100%; }
  main .button > .responsive-text { min-width: 0; max-width: 100%; flex-shrink: 1; white-space: normal; }
  .blog-card { height: auto; }
  .blog-card > .fluid-panel { width: 100%; }
  .floating-strategy-card {left: 330px}
  .story-stage-connector {align-items: center; justify-content: center;}
  .story-stage-connector .icon-image {transform: rotate(90deg);}
  .story-flow-note {padding: 14px 20px;}
  .section-why-clients-choose-us .feature-card {width: calc((100% - 24px) / 2);}
  .story-flow .responsive-grid { flex-direction: column;}
  .related-articles .responsive-grid { grid-template-columns: 1fr; }
  .article-cover { height: 350px; }
}
@media (max-width: 560px) {
  .article-cover { height: 290px;}
  .responsive-grid > .fluid-panel {width: 100%;}
  .section-why-clients-choose-us .feature-card {width: 100%;}
  .confirmation-card { padding: 32px 24px; }
  .heading-row { flex-direction: column; align-items: flex-start; gap: 24px; }
  .more-link { max-width: 100%; }
  .more-link > .responsive-text { flex: 1; min-width: 0; white-space: normal; }
  .float-card .text-link { flex-wrap: wrap; max-width: 100%; }
  .float-card .floating-card-chip { max-width: 100%; }
  .float-card .responsive-text { min-width: 0; white-space: normal; }
  .closing > .button { width: 100%; justify-content: center; }
  .button-row { flex-direction: column; align-items: stretch; }
  .button-row > .button { width: 100%; justify-content: center; }
  .button-row > .button > .responsive-text { white-space: normal; text-align: center; flex-shrink: 1; }
  .hero-mosaic { position: relative; display: grid; width: 100% !important; height: auto !important; grid-template-columns: 1fr 1fr; gap: 16px; }
  .hero-mosaic > div { position: relative; top: auto; left: auto; right: auto; width: 100%; height: 220px; }
  .hero-mosaic > div > div { top: auto; left: 12px; right: 12px; bottom: 12px; width: auto; height: auto; min-height: 0; max-width: calc(100% - 24px); padding: 12px; flex-direction: column; align-items: flex-start; gap: 4px; }
  .hero-mosaic p { width: auto; max-width: 100%; min-width: 0; white-space: normal; font-size: clamp(11px, 0.8vw, 14px); line-height: 20px; }
  .hero-mosaic .responsive-text { white-space: normal; }
  .title-display { font-size: 38px; }
  .title-section { font-size: 32px; }
  .page-section:not(.site-header):not(.site-footer) { padding-top: 56px; padding-bottom: 56px; }
  .site-container { max-width: 100%; }
  .fluid-panel { min-width: 0; }
  .hero-visual { height: 390px; }
  .hero-visual > .float-card { left: auto; right: 8px; top: auto; bottom: 0; }
  .hero-visual > [class]:has(>img) { height: 350px; left: 0; right: 0; top: 0; width: 100%; }
  .home-visual { height: 420px; }
  .home-visual > [class]:has(>img) { height: 390px; }
  .home-visual .float-card { display: none; }
  .system-diagram { width: 100% !important; height: 440px; }
  .system-diagram > :first-child { width: 100%; height: 100%; left: 0; }
  .system-diagram > :nth-child(2) { left: calc(50% - 75px); width: 150px; height: 150px; }
  .system-diagram > :nth-child(3),.system-diagram > :nth-child(5) { left: 12px; }
  .system-diagram > :nth-child(4),.system-diagram > :nth-child(6) { left: auto; right: 12px; }
  .system-diagram .diagram-node { max-width: calc(50% - 24px); padding: 8px; gap: 6px; }
  .system-diagram .diagram-node > .responsive-text { flex-shrink: 1; min-width: 0; white-space: normal; }
  .system-diagram:has(> .market-flow) { height: auto; min-height: 440px; padding: 24px 16px; }
  .system-diagram > .market-flow { position: relative; top: auto; left: auto; right: auto; width: 100%; height: auto; }
  .system-diagram .icon-image {width: 108%; height: 108%; object-fit: contain; left: -4%; top: -6%;}
  .page--company-solutions .system-diagram .icon-image {top: -4%;}
  .page--marketing-business-development .system-diagram .icon-image {top: -4%;}
  .page--company-solutions .node-growth-consulting {left: 50%!important; transform: translateX(-50%); top: 345px}
  .modal { padding-top: 16px; }
  .modal-panel { padding: 28px 24px 32px; }
  .modal-panel h2 { font-size: 32px; }
}
@media (max-width: 420px) {
  .enquiry-form { grid-template-columns: minmax(0, 1fr); }
  .modal-panel { padding: 24px 20px 28px; }
	.article-cover { height: 200px; }
}
@media (max-width: 1024px) {
  .page-section { padding-left: 15px; padding-right: 15px; }
  .page-section > .site-container { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition: none !important; }
}