.ad-hero {
    max-width: var(--max);
    margin: 0 auto;
    padding: 120px var(--gutter) 80px
}

.ad-hero .smm-eyebrow {
    margin-bottom: 24px
}

.ad-hero h1 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: var(--t-display);
    line-height: 1.04;
    letter-spacing: -.01em;
    color: var(--ink);
    max-width: 880px;
    text-wrap: balance
}

.ad-hero h1 em {
    font-style: italic;
    color: var(--accent)
}

.ad-hero p.lede {
    margin-top: 32px;
    font-size: var(--t-body-lg);
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 780px
}

.founders-block {
    border-top: var(--hairline);
    background: var(--cream)
}

.founders-block-inner {
    max-width: var(--max);
    margin: 0 auto;
    padding: var(--space-2xl) var(--gutter)
}

.founders-block .smm-section-head {
    margin-bottom: 60px
}

.founders-block .smm-section-head h2 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: var(--t-h2);
    line-height: 1.08;
    letter-spacing: -.005em;
    color: var(--ink);
    max-width: 780px
}

.founders-block .smm-section-head h2 em {
    font-style: italic;
    color: var(--accent-soft)
}

.leader-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border-top: var(--hairline-ink)
}

.leader {
    padding: 48px 36px 56px 0;
    border-right: var(--hairline);
    display: flex;
    flex-direction: column
}

.leader:last-child {
    padding-left: 36px;
    padding-right: 0;
    border-right: none
}

.leader .photo {
    width: 50%;
    aspect-ratio: 4/5;
    background: linear-gradient(180deg, var(--cream-deep) 0%, #E0D5BF 100%);
    position: relative;
    overflow: hidden;
    margin-bottom: 32px
}

.leader .photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.leader .photo:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--rule)
}

.leader .photo .placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: .08em;
    color: var(--muted);
    text-align: center;
    padding: 24px;
    line-height: 1.5
}

.leader h3 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: 32px;
    line-height: 1.15;
    color: var(--ink);
    margin-bottom: 6px
}

.leader .role {
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 18px
}

.leader p {
    font-size: 14.5px;
    line-height: 1.75;
    color: var(--ink-soft)
}

.leader .leader-linkedin {
    margin-top: 18px;
    font-family: var(--font-sans);
    font-size: 12.5px;
    letter-spacing: .04em
}

.counsel {
    border-top: var(--hairline);
    background: var(--cream)
}

.counsel-inner {
    max-width: var(--max);
    margin: 0 auto;
    padding: var(--space-2xl) var(--gutter)
}

.counsel .smm-section-head {
    margin-bottom: 60px
}

.counsel .smm-section-head h2 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: var(--t-h2);
    line-height: 1.08;
    letter-spacing: -.005em;
    color: var(--ink);
    max-width: 780px
}

.counsel .smm-section-head h2 em {
    font-style: italic;
    color: var(--accent-soft)
}

.counsel-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: var(--hairline-ink)
}

.counsellor {
    padding: 36px 28px 36px 0;
    border-right: var(--hairline);
    border-bottom: var(--hairline);
    display: flex;
    flex-direction: column
}

.counsellor:nth-child(3n) {
    border-right: none
}

.counsellor:nth-child(3n+1) {
    padding-left: 0
}

.counsellor:nth-child(3n+2),
.counsellor:nth-child(3n+3) {
    padding-left: 28px
}

.counsellor:nth-last-child(-n+3) {
    border-bottom: none
}

.counsellor:last-child:not(:nth-child(3n)) {
    border-right: none
}

.counsellor .photo {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: var(--cream-deep);
    margin-bottom: 24px;
    position: relative;
    overflow: hidden
}

.counsellor .photo:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--rule);
    border-radius: 50%
}

.counsellor .photo .placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-family: var(--font-sans);
    font-size: 9.5px;
    letter-spacing: .08em;
    color: var(--muted);
    text-align: center;
    padding: 8px
}

.counsellor .photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    filter: grayscale(1) contrast(1.02);
    -webkit-filter: grayscale(1) contrast(1.02)
}

.counsellor h3 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: var(--ink);
    margin-bottom: 6px
}

.counsellor .role {
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 14px
}

.counsellor p {
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--ink-soft);
    margin-bottom: 14px
}

.counsellor .li {
    margin-top: auto;
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: .04em;
    color: var(--muted)
}

.counsellor .li a {
    color: var(--muted);
    border-bottom: 1px solid var(--rule);
    padding-bottom: 1px;
    transition: color .2s, border-color .2s
}

.counsellor .li a:hover {
    color: var(--accent);
    border-bottom-color: var(--accent)
}

.advisory {
    border-top: var(--hairline);
    background: var(--cream-deep)
}

.advisory-inner {
    max-width: var(--max);
    margin: 0 auto;
    padding: var(--space-2xl) var(--gutter)
}

.advisory .smm-section-head {
    margin-bottom: 24px
}

.advisory .smm-section-head h2 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: var(--t-h2);
    line-height: 1.08;
    letter-spacing: -.005em;
    color: var(--ink);
    max-width: 780px
}

.advisory .smm-section-head h2 em {
    font-style: italic;
    color: var(--accent-soft)
}

.advisory .advisory-lede {
    font-size: var(--t-body);
    line-height: 1.7;
    color: var(--ink-soft);
    max-width: 780px;
    margin-bottom: 48px
}

.advisory-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: var(--hairline-ink)
}

.advisor {
    padding: 36px 28px 36px 0;
    border-right: var(--hairline);
    border-bottom: var(--hairline);
    display: flex;
    flex-direction: column
}

.advisor:nth-child(3n) {
    border-right: none
}

.advisor:nth-child(3n+1) {
    padding-left: 0
}

.advisor:nth-child(3n+2),
.advisor:nth-child(3n+3) {
    padding-left: 28px
}

.advisor:nth-last-child(-n+3) {
    border-bottom: none
}

.advisor .photo {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: var(--cream);
    margin-bottom: 24px;
    position: relative;
    overflow: hidden
}

.advisor .photo:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--rule);
    border-radius: 50%
}

.advisor .photo .placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-family: var(--font-sans);
    font-size: 9.5px;
    letter-spacing: .08em;
    color: var(--muted);
    text-align: center;
    padding: 8px
}

.advisor .photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block
}

.advisor h3 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: var(--ink);
    margin-bottom: 6px
}

.advisor .role {
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 14px
}

.advisor p {
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--ink-soft);
    margin-bottom: 14px
}

.ad-closing {
    border-top: var(--hairline);
    background: var(--cream)
}

.ad-closing-inner {
    max-width: var(--max-narrow);
    margin: 0 auto;
    padding: var(--space-3xl) var(--gutter);
    text-align: center
}

.ad-closing h2 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: var(--t-h1);
    line-height: 1.1;
    letter-spacing: -.005em;
    color: var(--ink);
    margin-bottom: 32px
}

.ad-closing h2 em {
    font-style: italic;
    color: var(--accent)
}

.ad-closing p {
    font-size: 17px;
    color: var(--ink-soft);
    max-width: 620px;
    margin: 0 auto 48px;
    line-height: 1.7
}

@media(max-width:960px) {

    .ad-hero,
    .counsel-inner,
    .advisory-inner,
    .ad-closing-inner,
    .founders-block-inner {
        padding: 80px var(--gutter-md)
    }

    .counsel-grid,
    .advisory-grid,
    .leader-grid {
        grid-template-columns: 1fr
    }

    .counsellor,
    .advisor {
        padding: 28px 0;
        border-right: none;
        border-bottom: var(--hairline)
    }

    .counsellor:last-child,
    .advisor:last-child {
        border-bottom: none
    }

    .counsellor:nth-child(n),
    .advisor:nth-child(n) {
        padding-left: 0
    }

    .leader {
        border-right: none;
        border-bottom: var(--hairline);
        padding: 36px 0
    }

    .leader:last-child {
        padding-left: 0;
        border-bottom: none
    }
}