@layer components{#day,#workflows,#matrix,.role-details,#faq,#related{padding-block:var(--space-section-page)}.section.on-ink+.section:not(.section--alt,.section--deep){padding-block-start:var(--space-section-page)}.role-hero__visual{position:relative}.role-hero .hero__photo img{object-position:var(--photo-pos, 50% 50%)}.role-hero__card{position:absolute;inset-inline-start:clamp(.75rem,3%,1.25rem);inset-block-end:clamp(.75rem,3%,1.25rem);inline-size:min(22rem,calc(100% - 1.5rem))}.role-hero__card .record-card{inline-size:100%}@container (width < 40rem){.role-hero__visual{background:transparent}.role-hero__card{position:relative;inset:auto;inline-size:auto;margin-block-start:-3.25rem;margin-inline:.75rem}}.role-pain{padding-block:clamp(2.75rem,1.5rem + 5vw,5.5rem)}.role-pain__inner{display:grid;gap:1.1rem;justify-items:start}.role-pain__line{display:grid;gap:.15em;margin:0;max-inline-size:24ch;font-family:var(--font-display);font-size:clamp(1.9rem,1.2rem + 3.2vw,3.6rem);font-stretch:84%;font-weight:800;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.role-pain__beat--setup{color:var(--on-ink-muted)}.role-day{display:grid;gap:clamp(2rem,1.2rem + 3vw,3rem) clamp(1.25rem,3vw,2.5rem);margin:0;padding:0;list-style:none}.role-day__moment{display:grid;gap:.9rem;align-content:start;min-inline-size:0;padding-block-start:1rem;border-block-start:2px solid var(--ink)}.role-day__moment>*{margin:0}.role-day__stamp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem}.role-day__time{color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.role-day__shot{aspect-ratio:4 / 3;border-radius:var(--radius);background:var(--concrete);overflow:clip}.role-day__shot :is(picture,img){display:block;inline-size:100%;block-size:100%}.role-day__image{object-fit:cover;object-position:top left}.role-day__title{font-size:var(--text-h3-card);text-wrap:balance}.role-day__text{color:var(--muted);max-inline-size:36rem;text-wrap:pretty}@container (width >= 56rem){.role-day{grid-template-columns:repeat(3,minmax(0,1fr))}}.role-workflows>.section__header{margin-block-end:clamp(2.5rem,6vw,5rem)}.role-shot{padding:clamp(.9rem,3vw,2rem);border-radius:var(--radius-panel);background:linear-gradient(160deg,var(--concrete),color-mix(in oklch,var(--hivis) 14%,var(--concrete)))}.role-shot .frame{margin:0;border-radius:var(--radius);box-shadow:var(--shadow-screen);overflow:clip}.role-changes{padding-block:var(--space-section-page)}.role-changes__list{display:grid;gap:clamp(1rem,2.4vw,1.5rem);margin:0;padding:0;list-style:none}.role-changes__item{display:grid;align-content:start;gap:1.25rem;min-inline-size:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in oklch,var(--paper) 5%,transparent)}.role-changes__item>*{margin:0}.role-changes__item h3{font-size:var(--text-h3-card);text-wrap:balance}.role-changes__before,.role-changes__now{display:grid;gap:.4rem}.role-changes__before>*,.role-changes__now>*{margin:0}.role-changes__before p:last-child{color:var(--on-ink-muted)}.role-changes__now{padding-block-start:1.1rem;border-block-start:1px solid var(--line)}.role-changes__label{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-muted)}.role-changes__now .role-changes__label{color:var(--paper)}.role-changes__now .role-changes__label:before{content:"";flex:none;inline-size:.6em;block-size:.6em;background:var(--hivis)}@container (width >= 56rem){.role-changes__list{grid-template-columns:repeat(3,minmax(0,1fr))}@supports (grid-template-rows: subgrid){.role-changes__item{grid-template-rows:subgrid;grid-row:span 3;row-gap:1.25rem}}}.role-details__grid{display:grid;gap:clamp(2.25rem,5vw,4rem)}.role-details__item{display:grid;align-content:start;gap:1rem;min-inline-size:0;max-inline-size:68ch}.role-details__item>*{margin:0}.role-details__item h2{font-size:var(--text-h3);text-wrap:balance}.role-details__item p{text-wrap:pretty}@container (width >= 56rem){.role-details__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.role-proof{padding-block:var(--space-section-page)}.role-proof__body{display:grid;gap:1.5rem;max-inline-size:52rem}.role-proof .testimonial{padding-inline-start:clamp(1rem,3vw,2rem);border-inline-start:4px solid var(--hivis);gap:1.25rem}.role-proof .testimonial__quote p{font-family:var(--font-display);font-size:var(--text-h3);font-stretch:85%;font-weight:700;line-height:1.12;letter-spacing:-.015em;color:var(--paper)}.role-proof .testimonial__by{color:var(--on-ink-muted)}.role-proof .testimonial__name{color:var(--paper)}.role-proof__since{margin:0;color:var(--on-ink-muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.role-proof__since a{margin-inline-start:1rem;color:var(--paper)}.role-workflows .flow__copy,.role-workflows .flow__copy>*,.role-workflows .flow__list li,.role-day__moment>*,.role-changes__item>*,.role-details__item>*,.role-pain__line,.role-proof__body{min-inline-size:0;overflow-wrap:anywhere}.role-day__moment,.role-changes__item,.role-details__item,.role-changes__before,.role-changes__now{grid-template-columns:minmax(0,1fr)}}