.about-page a:not(.button) { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .16em; }
.about-page .project-kicker > p { font-variation-settings: "wght" 300,"wdth" 120,"slnt" -15; }
.eyebrow, .resume-section h3 { margin: 0 0 1.25rem; text-transform: uppercase; font-size: .875rem; font-variation-settings: "wght" 700,"wdth" 120,"slnt" 15; }
.about-hero { padding: clamp(1.5rem,3vw,3rem) var(--page-gutter) 0; }
.about-hero-heading { grid-template-columns: repeat(2,minmax(0,1fr)); }
.about-hero-content { grid-column: 2; width: min(46rem,100%); }
.about-hero-heading h1 { width: 100%; margin: 0; font-size: clamp(2.55rem,4.25vw,3.825rem); line-height: .9; letter-spacing: -.05em; font-variation-settings: "wght" 700,"wdth" 150,"slnt" 10; }
.about-page .section-intro h2 { font-variation-settings: "wght" 500,"wdth" 120,"slnt" 6; }
.about-lead { margin-bottom: 1.5rem; }
#experience-title, #awards-title, #brands-title, #about-close-title { scroll-margin-top: 1rem; }
.about-deck { width: min(46rem,62%); margin: 2.5rem 0 0 auto; }
.about-statement { display: grid; grid-template-columns: minmax(18rem,1fr) auto; align-items: end; gap: 2rem; padding: 0 var(--page-gutter) var(--section-space); }
.about-statement--cta { display: flex; justify-content: flex-end; }
.about-statement blockquote { max-width: 58rem; margin: 0; }
.about-statement blockquote p { font-size: clamp(1.75rem,3.2vw,3.6rem); line-height: 1.08; letter-spacing: -.025em; font-variation-settings: "wght" 500,"wdth" 120,"slnt" 7; }
.about-resume, .about-awards, .about-brands { padding: var(--section-space) var(--page-gutter); border-top: 1px solid var(--ink); }
.about-resume { padding-top: clamp(2rem,4vw,3.5rem); padding-bottom: clamp(2rem,4vw,3.5rem); border-top: 0; }
.about-awards { padding-top: 0; border-top: 0; }
.about-resume-intro { display: grid; grid-template-columns: minmax(14rem,.45fr) minmax(18rem,1fr); gap: clamp(2rem,7vw,6.25rem); margin-bottom: clamp(3rem,7vw,6rem); }
.about-resume-intro h2 { max-width: 50rem; }
.resume-grid { display: grid; grid-template-columns: minmax(15rem,.48fr) minmax(18rem,1fr); gap: clamp(3rem,8vw,8rem); }
.resume-grid .resume-section:first-child { grid-column: 2; grid-row: 1; }
.resume-grid .resume-section:last-child { grid-column: 1; grid-row: 1; }
.resume-list { margin: 0; padding: 0; list-style: none; border-top: 1px dashed var(--ink); }
.resume-list li { display: grid; grid-template-columns: minmax(11rem,.7fr) minmax(17rem,1fr); gap: 1.5rem; padding: 1.1rem 0; border-bottom: 1px dashed var(--ink); }
.resume-list li:last-child { border-bottom: 0; }
.resume-list strong, .resume-section strong { font-variation-settings: "wght" 700,"wdth" 120,"slnt" -8; }
.resume-list li > span { display: flex; justify-content: space-between; gap: 1rem; }
.resume-list li > span time:first-of-type { margin-left: auto; }
.resume-list a, .resume-agency { font-variation-settings: "wght" 400,"wdth" 100,"slnt" 0; }
.resume-list time { font-variation-settings: "wght" 400,"wdth" 110,"slnt" 0; }
.resume-section p { font-size: 1rem; }
.career-brands-kicker { align-items: center; margin-bottom: 1.25rem; }
.career-brands-kicker h2 { flex: 0 0 auto; margin: 0; text-transform: uppercase; font-size: .875rem; line-height: 1; letter-spacing: 0; font-variation-settings: "wght" 700,"wdth" 120,"slnt" -15; }
.career-brand-list { width: 80%; margin: 0 0 0 auto; padding: 0; list-style: none; }
.career-brand-list li { display: grid; grid-template-columns: 2rem minmax(0,1fr) minmax(8rem,.6fr) minmax(0,1fr); align-items: start; column-gap: clamp(1.25rem,3vw,3rem); row-gap: .25rem; padding: clamp(1rem,1.8vw,1.5rem) 0; }
.career-brand-list li > * { min-width: 0; }
.career-brand-number { grid-column: 1; align-self: start; justify-self: end; width: max-content; text-align: right; font-size: calc(1.8rem - 2pt); line-height: 1; font-variation-settings: "wght" 200,"wdth" 120,"slnt" -15; }
.career-brand-agency { grid-column: 2; }
.career-brand-agency > strong, .career-brand-dates { display: block; }
.career-brand-agency > strong { font-size: clamp(.845rem,1.33vw,1.208rem); line-height: 1.1; font-variation-settings: "wght" 700,"wdth" 135,"slnt" -15; }
.career-brand-agency > strong a { text-decoration: none; }
.career-brand-agency-note, .career-brand-location { font-weight: 400; font-size: calc(1em - 3px); font-variation-settings: "wght" 400,"wdth" 135,"slnt" -15; }
.career-brand-agency-note { font-size: calc(1em - 4px); }
.career-brand-location { font-size: 1em; }
.career-brand-dates { margin-top: .35rem; font-size: 1rem; line-height: 1.2; font-variation-settings: "wght" 300,"wdth" 110,"slnt" -15; }
.career-brand-role { grid-column: 3; align-self: start; padding-top: 0; font-weight: 400; font-size: .9375rem; line-height: 1.1; font-variation-settings: "wght" 400,"wdth" 120,"slnt" -15; }
.career-brand-list li > p { grid-column: 4; margin: 0; font-size: .9375rem; line-height: 1.35; font-variation-settings: "wght" 300,"wdth" 120,"slnt" -15; }
.career-brand-list .career-brand-item--education { margin-top: 0; padding-top: clamp(1rem,1.8vw,1.5rem); border-top: 1px dashed var(--ink); }
.career-brand-item--education .career-brand-agency > strong { display: inline; }
.award-career-list .award-entry-details {
  grid-column: 3 / 5;
  font-size: .9375rem;
  line-height: 1.45;
  font-variation-settings: "wght" 300,"wdth" 120,"slnt" -15;
}
.award-career-list li { grid-template-columns: 2rem minmax(0,1fr) minmax(8rem,.6fr) minmax(0,1fr); }
.award-career-list .career-brand-number { justify-self: end; width: max-content; font-size: clamp(1.1rem,1.55vw,1.4rem); text-align: right; white-space: nowrap; }
.award-career-list .award-divider-after { padding-bottom: clamp(1.25rem,2vw,1.75rem); border-bottom: 1px dashed var(--ink); }
.career-education { width: min(38rem,100%); margin-top: clamp(3rem,6vw,5rem); }
.award-list { border-top: 0; }
.award-list article { display: grid; grid-template-columns: minmax(15rem,.48fr) minmax(18rem,1fr); gap: clamp(3rem,8vw,8rem); padding: 1.5rem 0; border-bottom: 1px solid var(--ink); }
.award-list article:last-child { border-bottom: 0; }
.award-list p, .award-list h3 { margin: 0; }
.award-list h3 { font-size: clamp(1.19rem,1.7vw,1.7rem); text-transform: uppercase; font-variation-settings: "wght" 700,"wdth" 140,"slnt" -10; }
.award-list article > div > p { font-size: clamp(.975rem,1.35vw,1.375rem); }
.award-list h3 + p { margin-top: .6rem; }
.award-year { text-transform: uppercase; font-size: .875rem; font-variation-settings: "wght" 700,"wdth" 120,"slnt" 15; }
.brand-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 0; }
.brand-card { min-height: 0; padding: clamp(1.25rem,2.3vw,2rem); border-bottom: 1px solid var(--ink); }
.brand-card:nth-child(1) { order: 7; border-bottom: 0; }
.brand-card:nth-child(2) { order: 6; }
.brand-card:nth-child(3) { order: 5; }
.brand-card:nth-child(4) { order: 4; }
.brand-card:nth-child(5) { order: 3; }
.brand-card:nth-child(6) { order: 2; }
.brand-card:nth-child(7) { order: 1; }
.brand-card__meta { display: flex; align-items: center; gap: 1rem; margin-bottom: .75rem; }
.brand-card__meta .eyebrow { margin: 0; }
.brand-card__meta > span:last-child { display: none; }
.brand-card__title { display: flex; align-items: start; justify-content: space-between; gap: 1.5rem; }
.brand-card h3 { margin: 0; font-size: 1rem; text-transform: uppercase; font-variation-settings: "wght" 700,"wdth" 140,"slnt" -10; }
.brand-card__title .more-work-arrow { flex: 0 0 auto; padding-right: 0; }
.brand-card__dots { display: none; }
.brand-card__clients { margin: 1rem 0 0; font-size: 1rem; line-height: 1.55; }
.brand-card__clients--two { columns: 2; column-gap: 1.5rem; }
.about-close { width: min(70rem,75%); margin-left: auto; padding: 0 var(--page-gutter) var(--section-space); }
.about-close h1, .about-close h2 { margin-bottom: 2rem; font-size: clamp(2.1rem,4.2vw,4.55rem); }
.about-close p { max-width: 42rem; margin-bottom: 2rem; }
.about-bubble { --bubble-fill: var(--ink); position: relative; margin-bottom: 2.25rem; padding: clamp(2rem,5vw,4rem); color: var(--paper); background: var(--bubble-fill); border: 3px solid var(--ink); border-radius: clamp(1.75rem,4vw,3.5rem); transition: color 220ms ease, background-color 220ms ease; }
.about-bubble__pointer { position: absolute; z-index: 1; bottom: -2.42rem; left: clamp(2rem,5vw,4rem); display: block; width: 1.9rem; height: 2.77rem; background: var(--ink); clip-path: polygon(0 0,100% 0,0 100%); }
.about-bubble__pointer::before { content: ""; position: absolute; top: .12rem; left: 3px; width: 1.55rem; height: 2.32rem; background: var(--bubble-fill); clip-path: polygon(0 0,100% 0,0 100%); transition: background-color 220ms ease; }
.about-bubble__pointer::after { content: ""; position: absolute; top: -4px; left: 3px; width: 1.55rem; height: 8px; background: var(--bubble-fill); transition: background-color 220ms ease; }
.about-bubble:hover { --bubble-fill: var(--paper); color: var(--ink); }
.about-bubble p:last-of-type { margin-bottom: 0; }
@media (max-width: 768px) {
  .about-hero-heading { grid-template-columns: 1fr; }
  .about-hero-heading h1 { width: 100%; }
  .about-hero-content { grid-column: 1; }
  .about-deck { width: 100%; }
  .about-statement, .about-resume-intro, .resume-grid { grid-template-columns: 1fr; }
  .resume-grid .resume-section:first-child, .resume-grid .resume-section:last-child { grid-column: 1; grid-row: auto; }
  .about-statement { align-items: start; }
  .resume-list li, .award-list article { grid-template-columns: 1fr; gap: .5rem; }
  .career-brand-list li { grid-template-columns: 2.5rem minmax(0,1fr); align-items: start; gap: .5rem 1rem; }
  .career-brand-number { grid-column: 1; grid-row: 1; }
  .career-brand-agency { grid-column: 2; grid-row: 1; }
  .career-brand-role { grid-column: 2; grid-row: 2; }
  .career-brand-list li > p { grid-column: 2; grid-row: 3; }
  .award-career-list .award-entry-details { grid-column: 2; grid-row: 2; margin-top: .35rem; }
  .award-career-list li { grid-template-columns: 2.5rem minmax(0,1fr); }
  .career-brand-list li > p { margin-top: .35rem; }
  .resume-list li > span { display: grid; grid-template-columns: 1fr auto auto; }
  .brand-groups { grid-template-columns: 1fr; }
  .brand-card { min-height: 0; }
  .brand-card__clients--two { columns: 1; }
  .about-close { width: 100%; }
}