.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)}.callout--body .callout-text{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);color:var(--color-accent);font-style:normal}
.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-page)}.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-collapse{transition:grid-template-rows var(--transition-expand);grid-template-rows:0fr;display:grid}.list-item-shell.is-open .list-item-panel-collapse{grid-template-rows:1fr}.list-item-panel-collapse-inner{min-height:0;overflow:hidden}.list-item-shell.is-open .list-item-panel-collapse-inner{min-height:min-content;overflow:visible}.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);opacity:0;filter:blur(4px);transition:opacity var(--transition-expand), transform var(--transition-expand), filter var(--transition-expand);flex-direction:column;display:flex;transform:translateY(-.5rem)}.list-item-shell.is-open .list-item-panel{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.list-item-panel-collapse,.list-item-panel{transition:none}}@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);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-self:center;align-items:center;margin-inline:0;display:flex;position:relative;overflow:hidden}.project-banner:before{content:"";z-index:0;background-image:var(--project-banner-bg,url(/assets/projects/background.png));filter:blur(var(--blur-24));transform:scale(var(--scale-110));transform-origin:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@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;border-color:#0000;padding:0}.project-banner--no-background:before{content:none}.project-banner--no-background .project-banner-media{flex:auto;width:100%;height:100%}.project-banner-media{z-index:1;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;border:0;border-radius:0;align-self:stretch;margin-inline:0;padding:0}.project-banner--card:before{content:none}.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}@media (max-width:68.6875rem){.project-banner:not(.project-banner--card):not(.project-banner--hug):not(.project-banner--no-background){padding:var(--gap-lg)}}
.link-cue{align-items:center;gap:var(--gap-sm);color:var(--color-text-label);font-size:var(--text-list-size);font-weight:var(--text-list-weight);line-height:var(--text-list-line-height);text-align:center;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;flex-wrap:wrap;padding:0;text-decoration:none;display:inline-flex}.link-cue--accent{color:var(--color-accent)}.link-cue:hover,.link-cue:focus-visible{color:var(--color-text-primary);text-decoration:none}.link-cue:active{transition:scale var(--transition-fast);scale:.98}.link-cue-label{display:inline-block}.link-cue-icon{width:var(--icon-size);height:var(--icon-size);color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-cue-icon .icon{color:currentColor;width:100%;height:100%}