.ss-about-me {
    --ss-navy: #121923;
    --ss-slate: #2b3742;
    --ss-taupe: #bda187;
    --ss-cream: #f3eee8;
    --ss-white: #fbfaf8;
    --ss-ink: #18212b;
    --ss-muted: #68727a;
    --ss-line: rgba(18, 25, 35, .14);
    width: 100%;
    max-width: none;
    overflow: hidden;
    background: var(--ss-white);
    color: var(--ss-ink);
    font-family: Arial, Helvetica, sans-serif;
}

.ss-about-me *, .ss-about-me *::before, .ss-about-me *::after { box-sizing: border-box; }
.ss-about-me p { margin-top: 0; }
.ss-about-me h1, .ss-about-me h2, .ss-about-me blockquote { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.ss-about-me a { color: inherit; text-decoration: none; }
.ss-about-me-eyebrow { color: var(--ss-taupe); font-size: 11px; font-weight: 700; letter-spacing: .27em; text-transform: uppercase; }

.ss-about-me-hero { min-height: 690px; display: grid; grid-template-columns: .82fr 1.18fr; background: var(--ss-navy); color: var(--ss-cream); }
.ss-about-me-photo { min-height: 690px; overflow: hidden; position: relative; background: var(--ss-slate); }
.ss-about-me-photo::after { content: ""; position: absolute; inset: 7%; border: 1px solid rgba(189,161,135,.27); pointer-events: none; }
.ss-about-me-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: saturate(.86); }
.ss-about-me-intro { align-self: center; max-width: 790px; padding: 90px clamp(45px,7vw,110px); }
.ss-about-me-intro h1 { margin: 20px 0 34px; color: var(--ss-cream); font-size: clamp(52px,6vw,90px); line-height: 1.02; letter-spacing: -.045em; }
.ss-about-me-deck { color: var(--ss-cream) !important; font: 24px/1.5 Georgia, serif !important; }
.ss-about-me-intro > p:not(.ss-about-me-eyebrow) { max-width: 680px; color: rgba(243,238,232,.68); font-size: 17px; line-height: 1.8; }

.ss-about-me-label { display: flex; align-items: center; gap: 18px; color: var(--ss-muted); font-size: 10px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.ss-about-me-label span { color: var(--ss-taupe); }
.ss-about-me-label::after { content: ""; width: 54px; height: 1px; background: var(--ss-taupe); }
.ss-about-me-label-light { color: rgba(243,238,232,.55); }

.ss-about-me-story { display: grid; grid-template-columns: .3fr 1fr; gap: 55px; padding: 120px max(6vw,40px); }
.ss-about-me-story h2, .ss-about-me-focus h2, .ss-about-me-experience h2, .ss-about-me-personal h2 { margin: 0 0 45px; font-size: clamp(40px,4.5vw,68px); line-height: 1.08; letter-spacing: -.035em; }
.ss-about-me-story-copy { max-width: 1050px; }
.ss-about-me-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 880px; color: var(--ss-muted); font-size: 16px; line-height: 1.85; }

.ss-about-me-focus { display: grid; grid-template-columns: .84fr 1.16fr; background: var(--ss-cream); }
.ss-about-me-focus-intro { align-self: center; padding: 100px max(6vw,50px); }
.ss-about-me-focus-intro > p:last-child { max-width: 600px; color: var(--ss-muted); font-size: 16px; line-height: 1.8; }
.ss-about-me-focus-list { border-left: 1px solid var(--ss-line); }
.ss-about-me-focus-list > div { display: grid; grid-template-columns: 55px .8fr 1.2fr; align-items: center; gap: 24px; min-height: 150px; padding: 30px 7%; border-bottom: 1px solid var(--ss-line); }
.ss-about-me-focus-list > div:last-child { border-bottom: 0; }
.ss-about-me-focus-list span { color: var(--ss-taupe); font-size: 11px; }
.ss-about-me-focus-list h3 { margin: 0; font: 26px/1.2 Georgia, serif; }
.ss-about-me-focus-list p { margin: 0; color: var(--ss-muted); font-size: 14px; line-height: 1.65; }

.ss-about-me-leadership { padding: 100px max(6vw,40px); background: var(--ss-slate); color: var(--ss-cream); }
.ss-about-me-leadership-content { display: grid; grid-template-columns: 1.05fr .95fr; align-items: start; gap: clamp(60px,8vw,135px); max-width: 1460px; margin: 64px auto 0; }
.ss-about-me-leadership blockquote { margin: 0; padding-right: clamp(25px,4vw,65px); border-right: 1px solid rgba(189,161,135,.35); text-align: left; color: var(--ss-cream); font-size: clamp(42px,4.1vw,64px); line-height: 1.12; letter-spacing: -.035em; }
.ss-about-me-leadership-copy { display: grid; gap: 24px; padding-top: 8px; color: rgba(243,238,232,.72); font-size: 16px; line-height: 1.8; }
.ss-about-me-leadership-copy p { margin: 0; }

.ss-about-me-experience { display: grid; grid-template-columns: .3fr 1fr; gap: 55px; padding: 120px max(6vw,40px); }
.ss-about-me-stats { display: grid; grid-template-columns: repeat(4,1fr); margin: 55px 0 40px; border-top: 1px solid var(--ss-line); border-left: 1px solid var(--ss-line); }
.ss-about-me-stats > div { min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border-right: 1px solid var(--ss-line); border-bottom: 1px solid var(--ss-line); }
.ss-about-me-stats strong { color: var(--ss-taupe); font: 52px Georgia, serif; }
.ss-about-me-stats span { color: var(--ss-muted); font-size: 12px; line-height: 1.45; }
.ss-about-me-experience-note { max-width: 900px; color: var(--ss-muted); font-size: 15px; line-height: 1.8; }

.ss-about-me-personal { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; padding: 110px max(6vw,40px); background: var(--ss-cream); }
.ss-about-me-personal > div:last-child { align-self: center; color: var(--ss-muted); font-size: 16px; line-height: 1.85; }

.ss-about-me-connect { padding: 110px max(8vw,50px); background: var(--ss-navy); color: var(--ss-cream); text-align: center; }
.ss-about-me-connect h2 { max-width: 1050px; margin: 30px auto 45px; color: var(--ss-cream); font-size: clamp(38px,4.5vw,66px); line-height: 1.15; letter-spacing: -.03em; }
.ss-about-me-actions { display: flex; align-items: center; justify-content: center; gap: 30px; }
.ss-about-me-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 40px; min-width: 220px; padding: 17px 20px; background: var(--ss-taupe); color: var(--ss-navy) !important; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ss-about-me-link { display: inline-flex; gap: 22px; padding-bottom: 8px; border-bottom: 1px solid rgba(243,238,232,.4); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }

@media (max-width: 960px) {
    .ss-about-me-hero { grid-template-columns: 1fr; }
    .ss-about-me-photo { min-height: 620px; max-height: 760px; }
    .ss-about-me-story, .ss-about-me-focus, .ss-about-me-experience, .ss-about-me-personal { grid-template-columns: 1fr; }
    .ss-about-me-story, .ss-about-me-experience { gap: 40px; }
    .ss-about-me-focus-list { border-top: 1px solid var(--ss-line); border-left: 0; }
    .ss-about-me-leadership-content { grid-template-columns: 1fr; gap: 45px; }
    .ss-about-me-leadership blockquote { padding-right: 0; padding-bottom: 45px; border-right: 0; border-bottom: 1px solid rgba(189,161,135,.35); }
    .ss-about-me-stats { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .ss-about-me-photo { min-height: 500px; }
    .ss-about-me-intro { padding: 70px 24px; }
    .ss-about-me-intro h1 { font-size: 52px; }
    .ss-about-me-story, .ss-about-me-focus-intro, .ss-about-me-leadership, .ss-about-me-experience, .ss-about-me-personal, .ss-about-me-connect { padding: 75px 24px; }
    .ss-about-me-columns { grid-template-columns: 1fr; gap: 18px; }
    .ss-about-me-focus-list > div { grid-template-columns: 40px 1fr; gap: 14px; padding: 28px 24px; }
    .ss-about-me-focus-list p { grid-column: 2; }
    .ss-about-me-leadership-content { margin-top: 45px; gap: 35px; }
    .ss-about-me-leadership blockquote { padding-bottom: 35px; font-size: 40px; }
    .ss-about-me-stats { grid-template-columns: 1fr; }
    .ss-about-me-stats > div { min-height: 155px; }
    .ss-about-me-actions { align-items: center; flex-direction: column; }
}