#three-roles{background:var(--bg)}.roles{display:grid;gap:var(--space-s)}@media(min-width:800px){.roles{grid-template-columns:repeat(3,minmax(0,1fr))}}.flip--role .flip__front{padding:0;gap:0;overflow:hidden}.role-card .ph{aspect-ratio:16 / 10;border-radius:0}.role-card__body{display:flex;flex-direction:column;flex:1;gap:var(--space-xs);padding:var(--space-m)}.flip--role .flip__back{justify-content:flex-start;gap:var(--space-s)}.flip--role .flip__back p{font-size:var(--step-0);line-height:1.6}.role-card__icon--back{width:28px;height:28px}.role-card__meta{display:flex;align-items:center;gap:var(--space-2xs)}.role-card__icon{color:var(--highlight-text)}.role-card h3{font-size:var(--step-2)}.roles-chart{display:grid;gap:var(--space-s);margin-top:var(--space-s);align-items:stretch}@media(min-width:800px){.roles-chart{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.roles-chart .together{display:flex;flex-direction:column;justify-content:flex-end}.roles-stage.is-staged{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-l);align-content:center;align-items:start;height:calc(100svh - var(--header-h));padding-block:var(--space-m)}.roles-stage.is-staged .roles{grid-template-columns:minmax(0,1fr)}.roles-stage.is-staged .roles>*{grid-area:1 / 1}.roles-stage.is-staged .role-card .ph{aspect-ratio:auto;height:clamp(130px,26svh,300px)}.roles-stage.is-staged .roles-chart{grid-template-columns:minmax(0,1fr);margin-top:0}.roles-stage.is-staged .roles-chart{gap:var(--space-xs)}.roles-stage.is-staged #daily-curve svg{max-height:36svh}.roles-stage.is-staged .together p{font-size:var(--step-0)}