.icon{width:var(--icon-size);height:var(--icon-size);color:var(--color-text-label);flex-shrink:0;display:block}
.callout{width:100%;padding:0 var(--padding-callout-quote);border-left:var(--callout-border-width) solid var(--color-callout-border);justify-content:start;align-items:start;display:flex}.callout--quoted{min-width:0;margin:0}.callout-with-attribution{gap:var(--gap-callout-cite);flex-direction:column;width:100%;min-width:0;display:flex}.callout-with-principle{gap:var(--gap-callout-copy);flex-direction:column;width:100%;min-width:0;display:flex}.callout-design-principle{padding-inline:var(--padding-callout-quote);color:var(--color-text-body);font-family:var(--font-family-sans);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);margin:0}.callout-design-principle-label{color:var(--color-text-primary);font-weight:var(--text-body-emphasis-weight)}.callout-text{min-width:0;font-family:var(--text-callout-family);font-size:var(--text-callout-size);font-weight:var(--text-callout-weight);line-height:var(--text-callout-line-height);text-align:start;color:var(--color-callout-text);flex:1 0 0;font-style:italic;position:relative}.callout-quote{font-family:Georgia;position:absolute;right:100%}.callout-attribution{justify-content:flex-end;align-items:center;gap:var(--gap-sm);font-family:var(--text-callout-attribution-family);font-size:var(--text-callout-attribution-size);display:flex}.callout-attribution-rule{width:var(--callout-attribution-rule-width);height:var(--border-width);background:var(--color-callout-attribution-rule);flex-shrink:0}.callout-attribution-name{color:var(--color-callout-attribution);font-style:normal;font-weight:var(--text-callout-attribution-weight)}.callout-attribution-source{color:var(--color-callout-attribution-source);font-weight:var(--text-body-weight)}
.morphing-chevron{width:var(--icon-size);height:var(--icon-size);color:var(--color-text-label);flex-shrink:0;display:block}
.morphing-arrow-up-right{width:var(--icon-size);height:var(--icon-size);color:var(--color-text-label);flex-shrink:0;display:block}
.list-item-shell{width:100%}.list-item{align-items:center;gap:var(--gap-md);width:100%;min-height:2.75rem;padding:var(--gap-lg) var(--inset-x);border-radius:var(--radius-md);text-align:left;display:flex}.list-item--expandable{border-radius:var(--radius-sm);background:var(--color-bg-surface)}.list-item--static{cursor:default}.list-item--static:hover{background-color:var(--color-bg-surface)}.list-item-icon,.list-item-chevron{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.list-item-icon svg,.list-item-chevron svg{width:100%;height:100%}.list-item-title{min-width:0;color:var(--color-text-body);font-size:var(--text-list-size);font-weight:var(--text-list-weight);line-height:var(--text-list-line-height);flex:1 0 0}.list-item--expandable .list-item-title{color:var(--color-text-body)}.list-item-meta{color:var(--color-text-muted)}.list-item:hover{background-color:var(--color-bg-muted)}.list-item:hover .list-item-title,.list-item-shell.is-open .list-item-title{color:var(--color-text-primary)}.list-item-panel{gap:var(--gap-list-item);width:100%;min-width:0;max-width:100%;padding:var(--gap-md) var(--inset-x) var(--gap-xl);flex-direction:column;display:flex}@media (max-width:68.6875rem){.list-item-panel{overflow-x:clip}}.list-item-copy{gap:var(--gap-callout-copy);flex-direction:column;width:100%;min-width:0;display:flex}.list-item-entry{gap:var(--text-list-item-gap);flex-direction:column;width:100%;min-width:0;display:flex}.list-item-description{color:var(--color-text-body);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.list-item-dates{color:var(--color-text-muted);font-size:var(--text-body-size);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-body);line-height:normal}.list-item-media{border-radius:var(--radius-sm);width:100%;min-width:0;max-width:100%;overflow:hidden}.list-item-media img{width:100%;max-width:100%;height:auto}
.page-enter-item{width:100%;min-width:0}
.project-banner{box-sizing:border-box;width:100%;max-width:100%;height:var(--banner-height);padding:var(--gap-3xl);background-color:var(--color-bg-muted);background-image:var(--project-banner-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-self:center;align-items:center;margin-inline:0;display:flex;overflow:hidden}@media (min-width:68.75rem){.project-banner:not(.project-banner--card):not(.project-banner--hug){width:calc(100% + 2 * var(--offset-banner-bleed));max-width:calc(100% + 2 * var(--offset-banner-bleed));margin-inline:calc(-1 * var(--offset-banner-inline))}}.project-banner--no-background{background-color:#0000;background-image:none;border-color:#0000;padding:0}.project-banner--no-background .project-banner-media{flex:auto;width:100%;height:100%}.project-banner-media{flex:1 0 0;width:100%;min-width:0;min-height:0;position:relative}.project-banner-media img,.project-banner-media video,.project-banner-media .project-banner-video-wrap{width:100%;height:100%;position:absolute;inset:0}.project-banner-media img,.project-banner-media video{object-fit:contain}.project-banner-media .project-banner-video-wrap video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.project-banner--hug{align-self:stretch;width:100%;max-width:100%;height:auto;margin-inline:0;overflow:visible}.project-banner--hug .project-banner-media{flex:none;width:100%;height:auto}.project-banner--hug .project-banner-media img,.project-banner--hug .project-banner-media video,.project-banner--hug .project-banner-media .project-banner-video-wrap{width:100%;height:auto;display:block;position:static}.project-banner--card{width:100%;max-width:100%;height:var(--card-banner-height);background-color:#0000;background-image:none;border:0;border-radius:0;align-self:stretch;margin-inline:0;padding:0}.project-banner--card .project-banner-media{border-block:var(--border-card);flex:auto;width:100%;height:100%}.project-banner--card .project-banner-media img,.project-banner--card .project-banner-media video,.project-banner--card .project-banner-media .project-banner-video-wrap video{object-fit:cover}
