.workflow-steps{background:var(--color-bg-muted);border:var(--border-card);border-radius:var(--radius-xl);width:100%;min-width:0;padding:var(--padding-card-block);gap:var(--gap-md);flex-direction:column;list-style:none;display:flex}.workflow-step{align-items:flex-start;gap:var(--gap-md);width:100%;padding:var(--padding-inset-panel);background-color:var(--color-bg-surface);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);border:var(--border-card);display:flex}.workflow-step-icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;align-items:flex-start;display:flex;overflow:hidden}.workflow-step-icon .icon{color:var(--color-text-primary)}.workflow-step-copy{gap:var(--gap-xs);flex-direction:column;flex:1 0 0;min-width:0;display:flex}.workflow-step-title{color:var(--color-text-primary);font-size:var(--text-body-size);font-weight:var(--weight-semibold);line-height:normal}.workflow-step-description{color:var(--color-text-subtle);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}
.project-page{background:var(--color-bg-page);flex:1;justify-content:center;width:100%;min-width:0;min-height:100%;display:flex;position:relative}.project-body{align-items:flex-start;gap:var(--gap-page);width:100%;min-width:0;max-width:var(--content-width);padding:var(--padding-page) var(--inset-x);flex-direction:column;display:flex}.project-intro{align-items:flex-start;gap:var(--gap-xl);flex-direction:column;width:100%;min-width:0;display:flex}.project-section-body{width:100%}.project-section-body,.project-section-media{padding-inline:var(--inset-x)}.project-section-body p{color:var(--color-text-body);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.project-section-body p+p{margin-top:var(--text-body-paragraph-gap)}.project-section-media{width:100%;min-width:0;max-width:100%;padding:var(--padding-card-block);background-color:var(--color-bg-muted);border-radius:var(--radius-xl);border:var(--border-card)}.project-section-media-frame{border-radius:var(--radius-lg);border:var(--border-card);background-color:var(--color-bg-surface);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow-card);isolation:isolate;clip-path:inset(0 round var(--radius-lg));-webkit-mask-image:-webkit-radial-gradient(#fff,#000);line-height:0;position:relative;overflow:hidden;transform:translateZ(0);mask-image:radial-gradient(#fff,#000)}.project-section-media-frame img,.project-section-media-frame video{border-radius:inherit;width:100%;max-width:100%;height:auto;display:block}.project-section-media-frame video{transform-origin:50%;transform:scale(1.01)}.project-section-list{flex-direction:column;align-items:flex-start;width:100%;display:flex}.expandable-item-copy{gap:var(--gap-callout-copy);flex-direction:column;width:100%;min-width:0;display:flex}