.hero-intro,[data-diagram]{--hero-gutter:max(var(--space-5), calc((100% - var(--content-max-width)) / 2))}[data-diagram]{box-sizing:border-box;isolation:isolate;width:100%;padding:var(--space-6) var(--hero-gutter) var(--space-7);background:linear-gradient(180deg, var(--hero-gradient-start), var(--hero-gradient-end));color:var(--color-text);font-family:var(--font-sans);gap:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"stages stages stages stages side";align-items:stretch;display:grid;position:relative;overflow:hidden}[data-diagram]>*{box-sizing:border-box;z-index:1;position:relative}[data-diagram]>canvas{z-index:0;pointer-events:none;width:100%;height:100%;mask-image:linear-gradient(to bottom, transparent, black var(--space-9));position:absolute;inset:0}.hero-intro{box-sizing:border-box;align-items:end;gap:var(--space-6);width:100%;padding:var(--space-3) var(--hero-gutter) var(--space-4);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.hero-headline{max-width:var(--text-max-width);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.hero-lede{max-width:var(--text-max-width);font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--color-text-muted);margin:0}.hero-stages{gap:var(--space-6);grid-area:stages;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none;display:grid}.hero-stage{box-sizing:border-box;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-rows:auto auto auto minmax(0,1fr);display:grid}.hero-stage-image{margin-top:calc(-1 * var(--space-3));width:calc(100% + 2 * var(--space-4));height:auto;margin-inline:calc(-1 * var(--space-4));aspect-ratio:13/10;object-fit:cover;display:block}.hero-stage-name,.hero-side-name{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface-raised);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);order:-1}.hero-stage-caption,.hero-side-summary{min-height:calc(3 * var(--line-height-base) * 1em)}.hero-stage-caption{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-muted);margin:0}.hero-nodes{margin-inline:calc(var(--space-1) - var(--space-4));align-content:center;gap:var(--space-3);grid-auto-rows:auto;display:grid}.hero-node{box-sizing:border-box;padding:var(--space-3);text-align:center;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.hero-node:hover{border-color:var(--color-accent);color:var(--color-text)}.hero-node-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}[data-side-block]{align-self:stretch;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-area:side;grid-template-rows:auto auto auto minmax(0,1fr);display:grid}.hero-side-image{object-position:center 25%;margin-top:calc(-1 * var(--space-3));width:calc(100% + 2 * var(--space-4));height:auto;margin-inline:calc(-1 * var(--space-4));aspect-ratio:13/10;object-fit:cover;display:block}.hero-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-side-summary{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-muted);margin:0}@media (width<720px){.hero-intro,[data-diagram]{--hero-gutter:var(--space-4)}.hero-intro{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}[data-diagram]{grid-template-columns:minmax(0,1fr);grid-template-areas:"stages""side"}.hero-stages{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}}.expertise-band{box-sizing:border-box;width:100%;padding:var(--space-6) var(--space-5);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans)}.expertise-heading{max-width:var(--content-max-width);margin:0 auto var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.expertise-list{gap:var(--space-3);max-width:var(--content-max-width);grid-template-columns:repeat(8,minmax(0,1fr));margin:0 auto;padding:0;list-style:none;display:grid}.expertise-item{grid-column:span 2;display:flex}.expertise-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);flex:auto;text-decoration:none;display:flex}.expertise-link:hover{border-color:var(--color-accent);color:var(--color-text)}.expertise-item:first-child{grid-column:2/span 2}.expertise-image{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;display:block}@media (width<720px){.expertise-list{grid-template-columns:minmax(0,1fr)}.expertise-item,.expertise-item:first-child{grid-column:auto}}