/* Generated by bun run build. Edit tokens.json or templates/styles.css. */
:root {
  --canvas: #f3ebd9;
  --ink: #1f2f36;
  --soft: #bfdcc7;
  --accent: #6e1d2d;
  --focus: #0e2740;
  --muted: #526059;
  --line: #a9aea0;
  --dark-rule: #667b75;
  --backdrop: #102329b8;
  --display: Cormorant,Georgia,serif;
  --body: Inter,system-ui,sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --hero: clamp(2.5rem,3.8vw,3.5rem);
  --heading: clamp(2rem,3vw,2.75rem);
  --body-font: 1rem/1.65 var(--body);
  --weight-medium: 500;
  --tracking-heading: -.035em;
  --leading-heading: 1.05;
  --text-subheading: 1.75rem;
  --leading-display: 1.15;
  --weight-regular: 400;
  --underline-offset: .3em;
  --focus-outline: 3px solid var(--focus);
  --focus-offset: 5px;
  --page-width: calc(100% - 8rem);
  --skip-hidden-transform: translateY(-200%);
  --wordmark-width: 216px;
  --wordmark-ratio: 1200/335;
  --mark-brightness: brightness(1.10);
  --wordmark-crop-width: 147.833%;
  --wordmark-crop-left: -24.167%;
  --wordmark-crop-transform: translateY(-29.876%);
  --target-height: 44px;
  --text-small: .875rem;
  --inline-gap: var(--space-2);
  --text-caption: .75rem;
  --underline-thickness: 2px;
  --tracking-eyebrow: .07em;
  --hero-columns: 1.4fr 1fr;
  --hero-copy-width: 56ch;
  --button-height: 48px;
  --accent-divider: 1px solid var(--accent);
  --radius-small: 4px;
  --people-ratio: 536/368;
  --people-crop-width: 286.567%;
  --people-crop-left: -167.91%;
  --people-crop-transform: translateY(-19.140625%);
  --hands-ratio: 400/247;
  --hands-crop-width: 384%;
  --hands-crop-left: -42.5%;
  --hands-crop-transform: translateY(-59.375%);
  --caption-font: italic 1.375rem/1.3 var(--display);
  --hero-accent-width: 40%;
  --hero-accent-height: 100px;
  --hero-accent-right: -24px;
  --hero-accent-top: 40px;
  --rule-width: 64px;
  --accent-rule: 3px solid var(--accent);
  --divider: 1px solid var(--line);
  --exchange-offset: 8%;
  --exchange-copy-width: 46ch;
  --exchange-path-margin: var(--space-16) 0 var(--space-24);
  --exchange-columns: repeat(3,1fr);
  --step-copy-width: 30ch;
  --encounter-columns: .85fr 1fr;
  --encounter-width: 84%;
  --encounter-margin: 0 auto var(--space-24);
  --encounter-accent-width: 65%;
  --encounter-accent-height: 85%;
  --context-font: 500 2.25rem/1.15 var(--display);
  --tracking-context: -.02em;
  --note-copy-width: 42ch;
  --text-support: .8125rem;
  --leading-body: 1.6;
  --equal-columns: 1fr 1fr;
  --practical-padding: var(--space-12) var(--space-24);
  --section-copy-width: 44ch;
  --role-padding: var(--space-6) 0;
  --text-navigation: .9375rem;
  --weight-light: 300;
  --disclosure-rotation: rotate(45deg);
  --role-body-padding: 0 0 var(--space-6);
  --detail-copy-width: 48ch;
  --expertise-columns: 1.15fr .7fr;
  --inverse-divider: 1px solid var(--dark-rule);
  --tool-title-width: 12ch;
  --invitation-columns: .65fr 1.35fr;
  --symbol-width: 150px;
  --symbol-crop-width: 454.872%;
  --symbol-crop-left: -70.513%;
  --symbol-crop-top: -39.744%;
  --button-padding: var(--space-4) var(--space-6);
  --radius-button: 8px;
  --footer-font: italic 1.5rem var(--display);
  --radius-dialog: 12px;
  --dialog-width: min(600px,calc(100% - 32px));
  --dialog-height: calc(100dvh - 32px);
  --text-dialog: 2.75rem;
  --label-margin: var(--space-6) 0 .5rem;
  --full-width: 100%;
  --input-border: 1px solid var(--muted);
  --status-height: 1.5em;
  --hero-wide-padding: var(--space-24) var(--space-16);
  --page-tablet-width: calc(100% - 64px);
  --hero-tablet-accent-top: var(--space-6);
  --image-mobile-offset: -12px;
  --page-mobile-width: calc(100% - 48px);
  --wordmark-mobile-width: 168px;
  --single-column: 1fr;
  --text-eyebrow-mobile: .6875rem;
  --hero-mobile-size: clamp(2.25rem,8vw,2.75rem);
  --hero-mobile-image-width: 78%;
  --hero-mobile-accent-top: -16px;
  --hero-mobile-accent-height: 70px;
  --text-caption-display: 1.25rem;
  --hero-aside-width: 28ch;
  --path-mobile-margin: var(--space-8) var(--space-12);
  --step-mobile-width: 40ch;
  --encounter-mobile-width: 72%;
  --practical-mobile-padding: 0 var(--space-16);
  --symbol-mobile-width: 88px;
  --dialog-mobile-padding: var(--space-8) var(--space-6);
  --text-dialog-mobile: 2.25rem;
  --forced-button-border: 1px solid ButtonText;
  --forced-image-border: 1px solid CanvasText;
  --forced-text: CanvasText;
  --print-background: white;
  --print-text: black;
  --header-action-gap: var(--space-4);
  --application-font: 0.75rem;
  --application-padding: var(--space-2) var(--space-3);
  --application-border: 1px solid var(--accent);
  --application-radius: var(--space-2);
  --participant-grid: 1fr 1fr;
  --participant-title-size: clamp(2.5rem,4vw,3.25rem);
  --participant-intro-width: 65ch;
  --participant-nav-gap: var(--space-3) var(--space-6);
  --participant-divider: 1px solid var(--line);
  --participant-text-width: 50ch;
  --content-max: 1280px;
  --target-min: 44px;
  --heading-max: 720px;
  --image-max: 400px;
  --text-body: 1rem;
  --text-title-small: 2rem;
  --text-subtitle: 1.5rem;
  --text-body-wide: 1.125rem;
  --page-fill: 100%;
  --rule-thickness: 4px;
  --participant-section-padding: var(--space-16) 0;
  --participant-section-gap: var(--space-8);
  --participant-section-title: clamp(2rem,3vw,2.75rem);
  --participant-section-intro: 1.125rem;
  --participant-section-intro-width: 60ch;
  --participant-exchange-columns: 1fr 1fr;
  --participant-exchange-gap: var(--space-12);
  --participant-exchange-label-size: 1rem;
  --participant-exchange-label-weight: 500;
  --participant-exchange-body-width: 46ch;
  --participant-section-mobile-padding: var(--space-16) 0;
  --participant-section-mobile-title: 2rem;
  --hero-tablet-image-padding: var(--space-12);
  --participant-start-width: 70ch;
  --image-disclosure-font: normal .75rem/1.5 var(--body);
  --participant-photo-ratio: 4 / 3;
  --participant-portrait-ratio: 4 / 5;
  --participant-opening-columns: 1.25fr .75fr;
  --participant-photo-inset: 8%;
  --participant-photo-border: 1px solid var(--line);
  --participant-photo-corner: 3rem;
  --participant-feature-columns: .8fr 1.2fr;
  --participant-specialty-padding: var(--space-8) var(--space-12);
  --participant-disclosure-columns: minmax(0,1fr) auto;
  --participant-editorial-columns: 1.1fr .9fr;
  --participant-pair-columns: .85fr 1fr;
  --participant-pair-gap: clamp(3rem,9vw,8rem);
  --participant-composition-space: clamp(4rem,8vw,7rem);
  --participant-secondary-title: clamp(1.5rem,2.2vw,2rem);
  --participant-hero-image-offset: 3rem;
  --participant-editorial-photo-width: 80%;
  --participant-editorial-stagger: 7rem;
  --participant-editorial-inset: 3rem;
  --participant-editorial-gap: clamp(3rem,8vw,7rem);
  --editorial-grid: repeat(12,minmax(0,1fr));
  --editorial-display: clamp(3.2rem,4.8vw,4.8rem);
  --editorial-heading: clamp(2.6rem,4.1vw,4.2rem);
  --editorial-cover-columns: 1.3fr 1fr;
  --editorial-cover-offset: 7rem;
  --editorial-detail-width: 34rem;
  --editorial-small-measure: 24rem;
  --editorial-image-ratio: 4/3;
  --editorial-square: 1/1;
  --editorial-return-size: clamp(1.5rem,2.2vw,2rem);
  --editorial-mobile-title: clamp(2.7rem,10vw,4rem);
  --profile-photo-ratio: 3/2;
  --profile-title-height: 5rem;
  --profile-photo-offset: 1rem;
  --profile-lead-height: 5.25rem;
  --profile-intro-title: clamp(3.2rem,5vw,5rem);
  --profile-group-title: clamp(2rem,3.2vw,3rem);
  --profile-columns: repeat(2,minmax(0,1fr));
  --profile-photo-position: center 35%;
}
@font-face {
  font-family: Cormorant;
  src: url(assets/cormorant.ttf);
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url(assets/inter.ttf);
  font-weight: 100 900;
  font-display: swap;
}





:root {
  color-scheme:light
}

* {
  box-sizing:border-box;
  min-width:0
}

body {
  margin:0;
  background:var(--canvas);
  color:var(--ink);
  font:var(--body-font)
}

h1,h2,h3,p,figure {
  margin:0
}

h1,h2,h3 {
  overflow-wrap:anywhere;
  font-family:var(--display);
  font-weight:var(--weight-medium)
}

h1,h2 {
  letter-spacing:var(--tracking-heading);
  line-height:var(--leading-heading)
}

h1 {
  font-size:var(--hero)
}

h2 {
  font-size:var(--heading)
}

h3 {
  font-size:var(--text-subheading);
  line-height:var(--leading-display)
}

em {
  font-weight:var(--weight-regular)
}

a {
  color:inherit;
  text-underline-offset:var(--underline-offset)
}

button,select,textarea {
  font:inherit
}

button,summary {
  cursor:pointer
}

a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:var(--focus-outline);
  outline-offset:var(--focus-offset)
}

img {
  display:block
}

button[hidden] {
  display:none
}

html {
  scroll-padding-top:var(--space-8)
}

.wrap {
  width:var(--page-width);
  max-width: var(--content-max)
;
  margin-inline:auto
}

.skip {
  position:absolute;
  left:var(--space-4);
  top:var(--space-4);
  z-index:10;
  background:var(--canvas);
  padding:var(--space-4);
  transform:var(--skip-hidden-transform)
}

.skip:focus {
  transform:none
}

.site-header {
  display:flex;
  align-items:center;
  gap:var(--space-8);
  padding-block:var(--space-8)
}

.brand {
  flex-shrink:0
}

.wordmark {
  display:block;
  width:var(--wordmark-width);
  aspect-ratio:var(--wordmark-ratio);
  overflow:hidden;
  position:relative;
  mix-blend-mode:darken;
  filter:var(--mark-brightness)
}

.wordmark img {
  position:absolute;
  width:var(--wordmark-crop-width);
  left:var(--wordmark-crop-left);
  top:0;
  transform:var(--wordmark-crop-transform);
  height:auto
}

.site-header nav {
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-8);
  margin-left:auto
}

.site-header nav a,.languages a {
  display:inline-flex;
  align-items:center;
  min-height:var(--target-height);
  text-decoration:none;
  font-size:var(--text-small)
}

.site-header nav a:hover {
  text-decoration:underline
}

.site-header nav a span {
  margin-left:var(--inline-gap)
}

.languages {
  display:flex;
  align-items:center;
  gap:var(--inline-gap);
  font-size:var(--text-caption);
  margin-left:var(--space-8)
}

.languages a {
  min-width: var(--target-min)
;
  justify-content:center
}

.languages [aria-current] {
  color:var(--accent);
  text-decoration:underline;
  text-decoration-thickness:var(--underline-thickness)
}

.eyebrow {
  font-size:var(--text-caption);
  font-weight:var(--weight-medium);
  letter-spacing:var(--tracking-eyebrow);
  margin-bottom:var(--space-6)
}

.hero {
  position:relative;
  display:grid;
  grid-template-columns:var(--hero-columns);
  column-gap:var(--space-16);
  padding-top:var(--space-24);
  padding-bottom:var(--space-16)
}

.hero-copy {
  position:relative;
  z-index:1
}

.hero h1 em {
  color:var(--accent)
}

.intro {
  max-width:var(--hero-copy-width);
  margin-top:var(--space-8)
}

.line-link {
  display:inline-flex;
  align-items:center;
  gap:var(--space-8);
  min-height:var(--button-height);
  font-size:var(--text-small);
  margin-top:var(--space-6);
  text-decoration:none;
  border-bottom:var(--accent-divider)
}

.line-link:hover {
  color:var(--accent)
}

.hero-image {
  padding-top:var(--space-16);
  align-self:start;
  position:relative
}

.scene {
  position:relative;
  overflow:hidden;
  background:var(--soft);
  border-radius:var(--radius-small)
}

.scene img {
  position:absolute;
  max-width:none;
  height:auto
}

.people {
  aspect-ratio:var(--people-ratio)
}

.people img {
  width:var(--people-crop-width);
  left:var(--people-crop-left);
  top:0;
  transform:var(--people-crop-transform)
}

.hands {
  aspect-ratio:var(--hands-ratio)
}

.hands img {
  width:var(--hands-crop-width);
  left:var(--hands-crop-left);
  top:0;
  transform:var(--hands-crop-transform)
}

figcaption {
  font:var(--caption-font);
  padding-left:var(--space-8);
  margin-top:var(--space-6)
}

.hero-image:before {
  content:"";
  position:absolute;
  background:var(--soft);
  width:var(--hero-accent-width);
  height:var(--hero-accent-height);
  right:var(--hero-accent-right);
  top:var(--hero-accent-top);
  z-index:-1
}


.hero-accent {
  width:var(--rule-width);
  border-top:var(--accent-rule);
  align-self:end;
  grid-column:1;
  grid-row:2
}

.exchange {
  padding-top:var(--space-24);
  border-top:var(--divider)
}

.exchange-heading {
  margin-left:var(--exchange-offset);
  max-width: var(--heading-max)

}

.exchange-heading>p:last-child {
  max-width:var(--exchange-copy-width);
  margin-top:var(--space-6)
}

.exchange-path {
  list-style:none;
  padding:0;
  margin:var(--exchange-path-margin);
  display:grid;
  grid-template-columns:var(--exchange-columns);
  gap:var(--space-16)
}

.exchange-path li {
  padding-top:var(--space-6);
  border-top:var(--divider)
}

.exchange-path li:nth-child(2) {
  margin-top:var(--space-8)
}

.exchange-path li:nth-child(3) {
  margin-top:var(--space-16)
}

.step-label {
  display:block;
  font-size:var(--text-caption);
  color:var(--accent);
  margin-bottom:var(--space-4)
}

.exchange-path h3 {
  margin-bottom:var(--space-3)
}

.exchange-path p {
  font-size:var(--text-small);
  max-width:var(--step-copy-width)
}

.encounter {
  display:grid;
  grid-template-columns:var(--encounter-columns);
  gap:var(--space-24);
  align-items:center;
  width:var(--encounter-width);
  margin:var(--encounter-margin)
}

.encounter figure {
  position:relative
}

.encounter figure:before {
  content:"";
  position:absolute;
  top:var(--hero-accent-right);
  left:var(--hero-accent-right);
  width:var(--encounter-accent-width);
  height:var(--encounter-accent-height);
  background:var(--soft);
  z-index:-1
}

.context-line {
  font:var(--context-font);
  letter-spacing:var(--tracking-context)
}

.encounter-note .small {
  max-width:var(--note-copy-width);
  margin-top:var(--space-6)
}

.small {
  font-size:var(--text-support);
  line-height:var(--leading-body)
}

.practical {
  display:grid;
  grid-template-columns:var(--equal-columns);
  gap:var(--space-24);
  padding-block:var(--practical-padding)
}

.section-copy {
  margin-top:var(--space-6);
  max-width:var(--section-copy-width)
}










.market {
  border-top:var(--divider);
  padding-top:var(--space-4);
  margin-top:var(--inline-gap)
}

.market h3 {
  font:var(--body-font);
  font-weight:var(--weight-medium);
  padding-block:var(--space-3);
  color:var(--accent)
}

.market p {
  padding-bottom:var(--space-4)
}

.expertise {
  background:var(--ink);
  color:var(--canvas);
  padding-block:var(--space-24)
}

.expertise-grid {
  display:grid;
  grid-template-columns:var(--expertise-columns);
  gap:var(--space-32);
  align-items:center
}

.expertise .eyebrow,.expertise h2 em {
  color:var(--soft)
}

.expertise-copy>p:not(.eyebrow) {
  margin-top:var(--space-6);
  max-width:var(--detail-copy-width);
  font-size:var(--text-navigation)
}

.tool-note {
  border-left:var(--inverse-divider);
  padding-left:var(--space-12)
}

.note-rule {
  display:block;
  width:var(--rule-width);
  height:var(--rule-thickness);
  background:var(--soft);
  margin-bottom:var(--space-8)
}

.tool-note h3 {
  font-size:var(--text-title-small);
  max-width:var(--tool-title-width)
}

.tool-note>p {
  font-size:var(--text-support);
  margin-top:var(--space-6)
}




.expertise summary:focus-visible {
  outline-color:var(--soft)
}



.symbol {
  position:relative;
  display:block;
  width:var(--symbol-width);
  aspect-ratio:1;
  overflow:hidden;
  mix-blend-mode:darken;
  filter:var(--mark-brightness)
}

.symbol img {
  position:absolute;
  width:var(--symbol-crop-width);
  height:auto;
  left:var(--symbol-crop-left);
  top:var(--symbol-crop-top)
}

.button {
  border:0;
  background:var(--accent);
  color:var(--canvas);
  padding:var(--button-padding);
  border-radius:var(--radius-button);
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-8);
  min-height:var(--button-height);
  margin-top:var(--space-8);
  font-size:var(--text-small)
}

.button:hover {
  background:var(--focus)
}


footer {
  border-top:var(--divider);
  padding-block:var(--space-8)
}

.footer-line {
  font:var(--footer-font)
}

.footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-8);
  margin-top:var(--space-6);
  font-size:var(--text-caption)
}

.footer-bottom small {
  font-size:inherit;
  color:var(--muted)
}

.footer-bottom a {
  min-height:var(--target-height);
  display:flex;
  align-items:center;
  text-decoration:none
}













@media(min-width: 1600px
) {
  .hero {
  padding-block:var(--hero-wide-padding)
}


}

@media(max-width: 1050px
) {
  .wrap {
  width:var(--page-tablet-width)
}

.site-header nav {
  gap:var(--space-6)
}

.languages {
  margin-left:0
}

.hero {
  column-gap:var(--space-8)
}

.hero-image {
  padding-top:var(--hero-tablet-image-padding)
}

.hero-image:before {
  top:var(--hero-tablet-accent-top);
  right:var(--image-mobile-offset)
}

.exchange-path {
  gap:var(--space-8)
}

.expertise-grid {
  gap:var(--space-16)
}

.practical,.encounter {
  gap:var(--space-12)
}


}


@media(max-width: 760px
) {
  .wrap {
  width:var(--page-mobile-width)
}

.site-header {
  flex-wrap:wrap;
  padding-block:var(--space-6);
  gap:var(--space-3)
}

.wordmark {
  width:var(--wordmark-mobile-width)
}

.site-header nav {
  order:3;
  width:var(--full-width);
  justify-content:space-between;
  border-top:var(--divider);
  padding-top:var(--inline-gap);
  margin-top:var(--space-3)
}

.languages {
  margin-left:auto
}

.hero {
  padding-top:var(--space-12);
  grid-template-columns:var(--single-column);
  gap:0;
  padding-bottom:var(--space-12)
}

.hero .eyebrow {
  font-size:var(--text-eyebrow-mobile)
}

.hero h1 {
  font-size:var(--hero-mobile-size)
}

.intro {
  margin-top:var(--space-6);
  font-size:var(--text-navigation);
  max-width:var(--note-copy-width)
}

.hero-image {
  padding-top:0;
  width:var(--hero-mobile-image-width);
  max-width: var(--image-max)
;
  justify-self:end;
  margin-top:var(--space-12);
  margin-right:var(--space-3)
}

.hero-image:before {
  top:var(--hero-mobile-accent-top);
  right:var(--image-mobile-offset);
  height:var(--hero-mobile-accent-height)
}

.hero-image figcaption {
  font-size:var(--text-caption-display);
  padding-left:0;
  margin-top:var(--space-4)
}


.hero-accent {
  grid-column:1;
  grid-row:auto;
  margin-top:var(--space-6);
  width:var(--button-height)
}

.exchange {
  padding-top:var(--space-12)
}

.exchange-heading {
  margin-left:0
}

.exchange-path {
  margin-block:var(--path-mobile-margin);
  grid-template-columns:var(--single-column);
  gap:var(--space-6);
  padding-left:var(--space-6);
  border-left:var(--divider)
}

.exchange-path li {
  padding-top:0;
  border-top:none
}

.exchange-path li:nth-child(n) {
  margin-top:0
}

.exchange-path h3 {
  font-size:var(--text-subtitle)
}

.exchange-path .step-label {
  margin-bottom:var(--inline-gap)
}

.exchange-path p {
  max-width:var(--step-mobile-width)
}

.encounter {
  grid-template-columns:var(--single-column);
  width:var(--full-width);
  gap:var(--space-8);
  margin-bottom:var(--space-16)
}

.encounter figure {
  width:var(--encounter-mobile-width);
  margin-left:var(--space-6)
}

.encounter figure:before {
  top:var(--image-mobile-offset);
  left:var(--image-mobile-offset)
}

.encounter-note {
  margin-left:var(--space-8)
}

.context-line {
  font-size:var(--text-title-small)
}

.encounter-note .small {
  margin-top:var(--space-4)
}

.practical {
  grid-template-columns:var(--single-column);
  gap:var(--space-6);
  padding-block:var(--practical-mobile-padding)
}


.expertise {
  padding-block:var(--space-16)
}

.expertise-grid {
  grid-template-columns:var(--single-column);
  gap:var(--space-12)
}

.tool-note {
  padding-left:var(--space-6)
}

.tool-note h3 {
  max-width:none
}

.note-rule {
  margin-bottom:var(--space-6)
}




.symbol {
  width:var(--symbol-mobile-width)
}


.footer-bottom {
  align-items:flex-start;
  flex-direction:column;
  gap:var(--space-3)
}



.button {
  max-width:var(--full-width);
  text-align:left
}


}


@media(prefers-reduced-motion:reduce) {
  * {
  scroll-behavior:auto!important
}


}

@media(forced-colors:active) {
  .button {
  border:var(--forced-button-border)
}

.scene {
  border:var(--forced-image-border)
}



}

@media print {
  .site-header nav,.languages,.button,dialog,.footer-bottom a {
  display:none
}

.wrap {
  width:var(--full-width)
}

.expertise {
  background:var(--print-background);
  color:var(--print-text)
}

.expertise h2 em,.expertise .eyebrow {
  color:var(--print-text)
}

section {
  break-inside:avoid
}


}


[hidden] {
  display:none!important
}
 .site-header nav a {
  flex-wrap:wrap
}
 .button {
  flex-wrap:wrap
}
 .context-line {
  overflow-wrap:anywhere
}


.header-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--header-action-gap)
}

.header-actions .languages {
  margin-left:0
}

.application-entry {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:var(--application-font);
  padding:var(--application-padding);
  border:var(--application-border);
  border-radius:var(--application-radius);
  min-height:var(--space-12);
  text-decoration:none;
  color:var(--accent)
}

.application-entry[aria-disabled] {
  cursor:default
}

.participant-intro {
  padding-block:var(--space-16)
}

.participant-intro h1 {
  font-size:var(--participant-title-size)
}

.participant-intro h1 em {
  color:var(--accent)
}

.participant-intro .intro {
  max-width:var(--participant-intro-width)
}

.participant-nav {
  display:flex;
  flex-wrap:wrap;
  gap:var(--participant-nav-gap);
  margin-top:var(--space-8)
}

.participant-nav a {
  display:inline-flex;
  align-items:center;
  min-height:var(--space-12);
  color:var(--accent)
}

.participant-status {
  max-width:var(--participant-intro-width);
  margin-top:var(--space-6);
  color:var(--muted)
}

.participant-role {
  display:block;
  padding:var(--participant-section-padding);
  border-top:var(--participant-divider);
}

.participant-role h2 {
  font-size:var(--participant-section-title);
}

.participant-role dl {
  margin:var(--participant-section-gap) 0 0;
  max-width:none;
}

.participant-role dt {
  color:var(--accent);
  font-size:var(--participant-exchange-label-size);
  font-weight:var(--participant-exchange-label-weight);
  margin-bottom:var(--space-4);
}

.participant-role dd {
  margin:0;
  max-width:var(--participant-exchange-body-width);
}

.participant-role dd:last-child {
  margin-bottom:0
}


@media(max-width: 1050px
) {
  .site-header {
  flex-wrap:wrap
}
.site-header nav {
  margin-left:auto
}
.header-actions {
  margin-left:auto
}

}

@media(max-width: 760px
) {
  .header-actions {
  margin-left:0;
  width:var(--page-fill);
  justify-content:space-between
}
.site-header nav {
  gap:var(--space-3)
}
.participant-role {
  padding:var(--participant-section-mobile-padding);
}
.participant-intro {
  padding-block:var(--space-12)
}

}

@media print {
  .header-actions {
  display:none
}

}

.application-entry {
  background:transparent;
  font-family:var(--body);
}
.application-entry:disabled {
  color:var(--accent);
  cursor:default;
}
.participant-role-intro {
  font-size:var(--participant-section-intro);
  max-width:var(--participant-section-intro-width);
  margin-top:var(--space-6);
}
.participant-exchange {
  display:grid;
  grid-template-columns:var(--participant-exchange-columns);
  gap:var(--participant-exchange-gap);
}
.investor-role > p {
  max-width:var(--participant-section-intro-width);
  margin-top:var(--space-8);
}
@media(max-width:760px) {
  .participant-role h2 {
    font-size:var(--participant-section-mobile-title);
  }
  .participant-exchange {
    grid-template-columns:var(--single-column);
    gap:var(--space-8);
  }
}

.hero-links { display:flex; flex-wrap:wrap; column-gap:var(--space-8); }
.image-disclosure { display:block; font:var(--image-disclosure-font); color:var(--muted); margin-top:var(--space-3); }
.participant-start { border-left:var(--accent-rule); padding-left:var(--space-6); margin-top:var(--space-8); max-width:var(--participant-start-width); }
.participant-start h3 { font:var(--body-font); font-weight:var(--weight-medium); color:var(--accent); margin-bottom:var(--space-2); }
.participant-start p { font-size:var(--text-small); }
.market p { padding-bottom:0; }

.practical > .market { align-self:center; border-top:0; border-left:var(--accent-rule); padding-left:var(--space-6); margin:0; }
.expertise { margin-bottom:var(--space-16); }

/* Identity meaning and contact reuse the approved type, palette and spacing tokens. */
.identity-note { align-self:center; padding:var(--space-8) 0 var(--space-8) var(--space-8); max-width:var(--section-copy-width); }
.identity-note .symbol { margin-bottom:var(--space-6); }
.identity-note .small { margin-top:var(--space-6); }
.exchange-path li:nth-child(n) { margin-top:0; }
.authority-note { max-width:var(--section-copy-width); border-left:var(--accent-rule); padding-left:var(--space-6); margin-bottom:var(--space-12); }
.contact { padding-bottom:var(--space-16); }
.contact-address { margin-top:var(--space-4); font-size:var(--text-small); }
a.button { text-decoration:none; }
@media(max-width:760px) { .identity-note { padding:var(--space-8) 0 0; } }

.hero-accent { margin-top:var(--space-8); }
.participant-role { overflow-wrap:anywhere; hyphens:auto; }

/* Participant invitations: restrained image spaces and optional detail. */
.participant-opening { display:grid; grid-template-columns:var(--participant-opening-columns); align-items:center; gap:var(--space-24); }
.participant-opening .participant-photo { margin-top:var(--space-12); }
.participant-photo { margin:0; max-width:var(--image-max); }
.photo-space { aspect-ratio:var(--participant-photo-ratio); background:var(--soft); position:relative; }
.photo-space::before { content:""; position:absolute; inset:var(--participant-photo-inset); border:var(--participant-photo-border); }
.photo-corner { position:absolute; width:var(--participant-photo-corner); left:var(--participant-photo-inset); bottom:var(--participant-photo-inset); border-bottom:var(--accent-rule); }
.participant-photo figcaption { padding-left:0; font:var(--caption-font); }
.photo-status { display:block; font-size:var(--text-caption); color:var(--muted); margin-bottom:var(--space-2); }
.participant-nav { margin-top:var(--space-12); padding-block:var(--space-6); border-top:var(--divider); border-bottom:var(--divider); }
.participant-specialty { display:grid; grid-template-columns:var(--equal-columns); gap:var(--space-12); align-items:center; margin-top:var(--space-12); padding:var(--participant-specialty-padding); background:var(--soft); }
.participant-specialty h2 { font-size:var(--text-title-small); }
.participant-specialty p { font-size:var(--text-small); }
.participant-feature { display:grid; grid-template-columns:var(--participant-feature-columns); gap:var(--space-24); align-items:center; padding-block:var(--space-24); }
.participant-feature .photo-space { aspect-ratio:var(--participant-portrait-ratio); }
.participant-reverse { grid-template-columns:var(--hero-columns); }
.participant-reverse .participant-photo { grid-column:2; grid-row:1; }
.participant-reverse .participant-story { grid-column:1; grid-row:1; }
.participant-benefit { margin-top:var(--space-6); max-width:var(--participant-text-width); }
.participant-compact .participant-story { display:grid; grid-template-columns:var(--equal-columns); column-gap:var(--space-16); align-items:start; }
.participant-compact .participant-role-heading { grid-row:1 / 3; }
.participant-compact .participant-benefit { margin-top:0; }
.participant-detail { margin-top:var(--space-6); max-width:var(--participant-text-width); border-top:var(--divider); }
.participant-detail summary { display:flex; justify-content:space-between; gap:var(--space-4); align-items:center; padding-block:var(--space-4); min-height:var(--target-height); color:var(--accent); font-size:var(--text-small); list-style:none; }
.participant-detail summary::-webkit-details-marker { display:none; }
.participant-detail[open] summary span { transform:rotate(45deg); }
.participant-detail dl { margin-top:var(--space-4); }
.participant-detail dd,.participant-detail dt { font-size:var(--text-small); }
.participant-detail .participant-start { margin-top:var(--space-6); }
.investor-role { padding-block:var(--space-12); }
@media(max-width:1050px) { .participant-opening,.participant-feature { gap:var(--space-12); } }
@media(max-width:760px) {
.participant-opening,.participant-feature,.participant-compact .participant-story,.participant-specialty { grid-template-columns:var(--single-column); }
.participant-opening { gap:var(--space-8); }
.participant-opening .participant-photo { margin-top:0; width:var(--hero-mobile-image-width); justify-self:end; }
.participant-feature { padding-block:var(--space-12); gap:var(--space-8); }
.participant-feature .participant-photo { width:var(--encounter-mobile-width); }
.participant-feature .photo-space { aspect-ratio:var(--participant-photo-ratio); }
.participant-reverse .participant-photo,.participant-reverse .participant-story { grid-column:auto; grid-row:auto; }
.participant-reverse .participant-photo { justify-self:end; }
.participant-compact .participant-role-heading { grid-row:auto; }
.participant-compact .participant-benefit { margin-top:var(--space-6); }
.participant-specialty { padding:var(--space-6); gap:var(--space-6); }
}

.benefit-label { display:block; font-size:var(--text-caption); color:var(--muted); margin-bottom:var(--space-3); }

.participant-intro { overflow-wrap:anywhere; }
.participant-detail summary { display:grid; grid-template-columns:var(--participant-disclosure-columns); }

.photo-filled { overflow:hidden; }
.photo-filled::before { display:none; }
.photo-filled img { width:var(--full-width); height:var(--full-width); object-fit:cover; }
@media(max-width:760px) { .participant-feature .photo-filled { aspect-ratio:var(--participant-portrait-ratio); } }

/* Paired editorial invitations: images and space establish relationships. */
.participant-editorial { padding-bottom:0; }
.participant-editorial .participant-opening { grid-template-columns:var(--participant-editorial-columns); gap:var(--space-16); }
.participant-editorial h1 { font-size:var(--hero); }
.participant-editorial .participant-opening .participant-photo { max-width:none; margin-top:var(--participant-hero-image-offset); }
.participant-editorial .participant-status { font-size:var(--text-caption); }
.participant-editorial .participant-nav { margin-top:var(--space-16); margin-bottom:0; border-bottom:0; }
.specialty-note { display:grid; grid-template-columns:var(--equal-columns); gap:var(--participant-pair-gap); align-items:start; padding-block:var(--space-12); border-bottom:var(--divider); overflow-wrap:anywhere; }
.specialty-note h2 { max-width:var(--tool-title-width); font-size:var(--text-title-small); color:var(--accent); }
.specialty-note p { max-width:var(--participant-text-width); font-size:var(--text-small); }
.specialty-scope { margin-top:var(--space-4); color:var(--muted); }
.participant-pair { display:grid; grid-template-columns:var(--participant-pair-columns); align-items:center; gap:var(--participant-pair-gap); padding-block:var(--participant-composition-space); }
.participant-pair .participant-photo { max-width:none; }
.participant-pair .photo-space { aspect-ratio:var(--participant-portrait-ratio); }
.paired-invitations { padding-block:var(--space-8); }
.invitation { overflow-wrap:anywhere; }
.invitation h2 { font-size:var(--participant-section-title); }
.invitation > p { margin-top:var(--space-6); max-width:var(--participant-text-width); }
.join-link { display:inline-flex; gap:var(--space-6); align-items:center; min-height:var(--target-height); margin-top:var(--space-4); color:var(--accent); text-decoration:none; border-bottom:var(--accent-divider); font-size:var(--text-small); }
.join-link:hover { color:var(--focus); }
.invitation-secondary { border-top:var(--divider); margin-top:var(--space-12); padding-top:var(--space-8); }
.invitation-secondary h2 { font-size:var(--participant-secondary-title); }
.invitation-secondary > p { font-size:var(--text-small); }
.pair-reversed { grid-template-columns:var(--hero-columns); padding-top:0; }
.pair-reversed .participant-photo { grid-column:2; grid-row:1; }
.pair-reversed .paired-invitations { grid-column:1; grid-row:1; }
.participant-knowledge { padding-block:var(--space-16); background:var(--ink); color:var(--canvas); }
.knowledge-line { font:var(--context-font); color:var(--soft); max-width:var(--heading-max); margin-bottom:var(--space-12); }
.knowledge-invitations { display:grid; grid-template-columns:var(--equal-columns); gap:var(--participant-pair-gap); }
.participant-knowledge .join-link { color:var(--soft); border-color:var(--soft); }
.participant-knowledge a:focus-visible { outline-color:var(--soft); }
.investor-note { display:grid; grid-template-columns:var(--equal-columns); gap:var(--participant-pair-gap); padding-block:var(--space-12); margin-bottom:var(--space-12); border-bottom:var(--divider); }
.investor-note h2 { font-size:var(--text-subheading); }
.investor-note .eyebrow { margin-bottom:var(--space-3); }
.investor-note > p { font-size:var(--text-small); align-self:center; max-width:var(--participant-text-width); }
@media(max-width:760px) {
.participant-editorial .participant-opening,.specialty-note,.participant-pair,.knowledge-invitations,.investor-note { grid-template-columns:var(--single-column); gap:var(--space-8); }
.participant-editorial .participant-opening .participant-photo { margin-top:0; width:var(--full-width); }
.participant-editorial .participant-nav { margin-top:var(--space-8); }
.participant-pair .participant-photo { width:var(--full-width); }
.participant-pair .photo-space { aspect-ratio:var(--participant-photo-ratio); }
.participant-pair .photo-filled img { object-position:center; }
.pair-reversed .participant-photo,.pair-reversed .paired-invitations { grid-column:auto; grid-row:auto; }
.paired-invitations { padding-block:0; }
.invitation h2 { font-size:var(--participant-section-mobile-title); }
.invitation-secondary h2 { font-size:var(--text-subheading); }
.knowledge-invitations { gap:var(--space-12); }
}

.specialty-note h2 { max-width:var(--participant-text-width); }

/* Final participant composition: no role directory or decorative colour bands. */
.participant-editorial { padding-bottom:var(--space-16); }
.participant-editorial h1 em { color:var(--ink); }
.participant-editorial .specialty-scope { font-size:var(--text-caption); max-width:var(--participant-text-width); }
.participant-editorial .participant-opening .participant-photo { width:var(--participant-editorial-photo-width); justify-self:end; margin-top:var(--space-8); }
.participant-compositions { display:grid; grid-template-columns:var(--equal-columns); column-gap:var(--participant-editorial-gap); padding-block:var(--space-8) var(--space-16); }
.participant-compositions .participant-pair { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; }
.participant-compositions .participant-photo { width:var(--participant-editorial-photo-width); margin-bottom:var(--space-8); }
.participant-compositions .participant-pair > .invitation { margin-left:var(--participant-editorial-inset); }
.participant-compositions .pair-reversed { padding-top:var(--participant-editorial-stagger); }
.participant-compositions .pair-reversed > .invitation { margin-left:0; }
.participant-compositions .pair-reversed .participant-photo { align-self:end; margin-top:var(--space-8); margin-bottom:var(--space-8); }
.participant-compositions .invitation-secondary { border:0; padding-top:0; margin-top:var(--space-12); }
.participant-compositions .pair-reversed .invitation-secondary { margin-top:0; }
.invitation > p { max-width:var(--participant-exchange-body-width); }
.join-link { color:var(--ink); border-bottom:0; gap:var(--space-3); }
.join-link:hover { color:var(--accent); text-decoration:underline; }
.participant-knowledge { background:transparent; color:var(--ink); padding-top:var(--space-8); padding-bottom:var(--space-12); }
.participant-knowledge > .wrap { display:grid; grid-template-columns:var(--equal-columns); gap:var(--participant-editorial-gap); border-top:var(--divider); padding-top:var(--space-12); }
.knowledge-line { color:var(--ink); font-size:var(--heading); max-width:var(--participant-text-width); margin:0; }
.knowledge-invitations { grid-template-columns:var(--single-column); gap:var(--space-12); }
.knowledge-invitations h2 { font-size:var(--participant-secondary-title); }
.participant-knowledge .join-link { color:var(--ink); }
.participant-knowledge a:focus-visible { outline-color:var(--focus); }
.investor-note { border-bottom:0; margin-bottom:var(--space-6); }
@media(max-width:760px) {
.participant-compositions,.participant-knowledge > .wrap { grid-template-columns:var(--single-column); }
.participant-editorial .participant-opening .participant-photo { width:var(--full-width); margin-top:0; }
.participant-compositions .participant-photo { width:var(--participant-editorial-photo-width); }
.participant-compositions .participant-pair > .invitation { margin-left:0; }
.participant-compositions .pair-reversed { padding-top:var(--space-16); }
.participant-compositions .participant-pair .photo-space { aspect-ratio:var(--participant-portrait-ratio); }
.participant-knowledge > .wrap { gap:var(--space-8); }
}

/* Dossier profiles: shared geometry, visible substance, defined colour roles. */
.profiles-intro { display:grid; grid-template-columns:var(--profile-columns); gap:var(--space-16); padding-block:var(--space-16); align-items:center; }
.profiles-intro h1 { font-size:var(--profile-intro-title); }
.profiles-intro h1 em { color:var(--ink); }
.profiles-intro-copy { max-width:var(--participant-text-width); }
.profiles-intro-copy .button { margin-top:var(--space-6); }
.profiles-intro-copy .small { margin-top:var(--space-4); color:var(--muted); }
.profile-spread { padding-block:var(--space-12) var(--space-16); }
.profile-spread > .wrap { border-top:var(--divider); padding-top:var(--space-8); }
.profile-spread-heading { display:grid; grid-template-columns:var(--profile-columns); gap:var(--space-16); align-items:end; margin-bottom:var(--space-12); }
.profile-spread-heading h2 { font-size:var(--profile-group-title); }
.profile-spread-heading p { max-width:var(--participant-text-width); color:var(--muted); font-size:var(--text-small); }
.profile-pair { display:grid; grid-template-columns:var(--profile-columns); column-gap:var(--space-16); align-items:start; }
.dossier-profile { min-width:0; }
.dossier-profile > header { display:flex; align-items:start; gap:var(--space-4); min-height:var(--profile-title-height); }
.profile-number { color:var(--accent); font-size:var(--text-small); padding-top:var(--space-2); }
.dossier-profile h3 { font-size:var(--text-subheading); line-height:var(--leading-display); }
.profile-figure { margin:var(--space-6) 0 var(--space-6); }
.profile-image { position:relative; isolation:isolate; margin-left:var(--profile-photo-offset); margin-top:var(--profile-photo-offset); }
.profile-image::before { content:""; position:absolute; inset:calc(-1 * var(--profile-photo-offset)) var(--profile-photo-offset) var(--profile-photo-offset) calc(-1 * var(--profile-photo-offset)); background:var(--soft); z-index:-1; }
.profile-image img { display:block; width:var(--full-width); aspect-ratio:var(--profile-photo-ratio); height:auto; object-fit:cover; object-position:var(--profile-photo-position); }
.profile-figure figcaption { margin-top:var(--space-2); margin-left:var(--profile-photo-offset); font-size:var(--text-caption); color:var(--muted); }
.profile-benefit { font-size:var(--text-subheading); font-family:var(--display); line-height:var(--leading-display); min-height:var(--profile-lead-height); margin-bottom:var(--space-6); }
.dossier-profile dl { margin:0; padding:0; border-top:var(--divider); }
.dossier-profile dl > div { padding-top:var(--space-4); }
.dossier-profile dt { font-size:var(--text-caption); font-weight:var(--weight-medium); color:var(--accent); }
.dossier-profile dd { margin:var(--space-2) 0 0; font-size:var(--text-small); }
.profile-source { display:inline-flex; flex-wrap:wrap; gap:var(--space-3); min-height:var(--target-height); align-items:center; color:var(--ink); text-underline-offset:var(--space-1); margin-top:var(--space-4); font-size:var(--text-small); }
.profile-source small { color:var(--muted); }
.profile-spread-slate { background:var(--ink); color:var(--canvas); }
.profile-spread-slate > .wrap { border-top:0; }
.profile-spread-slate .profile-spread-heading p,.profile-spread-slate .profile-figure figcaption,.profile-spread-slate .profile-source small { color:var(--soft); }
.profile-spread-slate .profile-number,.profile-spread-slate dt,.profile-spread-slate .profile-source { color:var(--canvas); }
.profile-spread-slate dl { border-color:var(--dark-rule); }
.profile-spread-slate a:focus-visible { outline-color:var(--soft); }
.dossier-access { display:grid; grid-template-columns:var(--profile-columns); gap:var(--space-16); padding-block:var(--space-16); }
.dossier-access h2 { font-size:var(--heading); }
.dossier-access .eyebrow { max-width:var(--participant-text-width); color:var(--muted); }
.dossier-access .small { color:var(--muted); margin-top:var(--space-3); }
.languages button { font:inherit; color:var(--ink); background:transparent; border:0; padding:var(--space-3); cursor:pointer; min-height:var(--target-height); }
.languages button[aria-pressed="true"] { color:var(--accent); text-decoration:underline; text-underline-offset:var(--space-3); }
#language-status:empty { display:none; }
@media(max-width:1050px) {
.profile-pair,.profile-spread-heading,.profiles-intro { gap:var(--space-8); }
.dossier-profile > header { min-height:var(--space-24); }
.profile-benefit { min-height:var(--space-24); }
}
@media(max-width:760px) {
.profiles-intro,.profile-spread-heading,.profile-pair,.dossier-access { grid-template-columns:var(--single-column); gap:var(--space-8); }
.profiles-intro { padding-block:var(--space-12); }
.profile-spread { padding-block:var(--space-8) var(--space-12); }
.profile-spread-heading { margin-bottom:var(--space-8); }
.profile-pair { gap:var(--space-12); }
.dossier-profile > header { min-height:0; }
.profile-benefit { min-height:0; }
.dossier-profile + .dossier-profile { border-top:var(--divider); padding-top:var(--space-8); }
.profile-spread-slate .dossier-profile + .dossier-profile { border-color:var(--dark-rule); }
}
#producers .profile-image img { object-position:center top; }
@media(max-width:760px) { .profile-benefit { font-size:var(--text-title-small); } }