.project-hero{background-color:var(--theme-bg);color:var(--theme-text)}.project-hero__inner{gap:var(--space-3);display:grid}@media (min-width:64rem){.project-hero__inner{column-gap:var(--space-7);grid-template-columns:repeat(2,1fr)}.project-hero__col:first-child{padding-right:var(--space-9)}}.project-hero__col{min-width:0;position:relative}.project-hero__sticky{flex-direction:column;display:flex}@media (min-width:64rem){.project-hero__sticky{width:100%;height:100vh;position:sticky;top:0;left:0}}.project-hero__content{padding-top:calc(var(--header-bottom) + var(--space-3));padding-bottom:var(--space-1);justify-content:flex-end;gap:var(--space-3);flex-direction:column;flex-grow:1;display:flex}@media (min-width:64rem){.project-hero__content{padding-top:calc(var(--header-bottom) + var(--space-5));padding-bottom:var(--space-5);gap:var(--space-6);height:100%}}.project-hero__header{gap:var(--space-3);flex-direction:column;display:flex}.project-hero__tag{color:var(--theme-text-muted);margin:0;display:flex}.project-hero__tag-label{transition:color .4s cubic-bezier(.19,1,.22,1)}@media (hover:hover){.project-hero__tag-label:hover{color:var(--theme-accent)}}.project-hero__title{text-wrap:balance;margin:0}.project-hero__stats{width:100%}.project-hero__stats-list{grid-template-columns:repeat(2,1fr);margin:0;padding:0;display:grid}@media (max-width:63.99rem){.project-hero__stats-list{column-gap:var(--space-3)}}@media (min-width:64rem){.project-hero__stats-list{column-gap:var(--space-4)}}.project-hero__stats-item{gap:var(--space-0-5);padding-block:var(--space-1-5);border-top:1px solid var(--theme-border);flex-direction:column;min-width:0;display:flex}.project-hero__stats-label{color:var(--theme-text-muted);margin:0}.project-hero__stats-value{color:var(--theme-text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;margin:0}.project-hero__gallery{padding-top:0}@media (min-width:64rem){.project-hero__gallery{padding-top:45svh}}.project-hero__gallery-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-hero__gallery-item{aspect-ratio:3/2;position:relative;overflow:hidden}.project-hero__gallery-image{margin:0;position:absolute;inset:0}.project-hero__gallery-image-el{object-fit:cover}.project-hero__gallery-image--placeholder{aspect-ratio:3/2;background-color:color-mix(in srgb, var(--theme-text) 8%, var(--theme-bg))}.project-hero__team,.project-hero__accordion,.project-hero__expertise{padding-block:var(--space-5)}.project-hero__team-title,.project-hero__accordion-title,.project-hero__expertise-title{margin:0 0 var(--space-3);color:var(--theme-text)}.project-hero__accordion .accordion__title{padding-block:var(--space-1-5)}.project-hero__expertise-row{grid-template-columns:var(--space-4) 1fr;align-items:baseline;column-gap:var(--space-2);padding-block:var(--space-1-5);padding-inline:var(--space-1);display:grid}.project-hero__expertise-index{color:var(--theme-text-muted);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;margin:0}.project-hero__expertise-name{text-wrap:balance;margin:0}.project-hero__team-list{column-gap:var(--space-3);row-gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.project-hero__team-link{color:inherit;text-decoration:none;display:block}.project-hero__team-tile{position:relative}.project-hero__team-tile--link:before{content:"";width:calc(100% + var(--space-3));height:calc(100% + var(--space-3));opacity:0;background-color:color-mix(in srgb, var(--theme-accent) 16%, transparent);pointer-events:none;transition:opacity .4s cubic-bezier(.19,1,.22,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.project-hero__team-link:hover .project-hero__team-tile--link:before{opacity:1}}.project-hero__team-media{aspect-ratio:4/5;background-color:color-mix(in srgb, var(--theme-text) 8%, var(--theme-bg));position:relative;overflow:hidden}.project-hero__team-image{object-fit:cover;object-position:center top}.project-hero__team-image--placeholder{background-color:color-mix(in srgb, var(--theme-text) 8%, var(--theme-bg));position:absolute;inset:0}.project-hero__team-info{padding-block:var(--space-2)}.project-hero__team-name{margin:0 0 var(--space-1);color:var(--theme-text)}.project-hero__team-qual{color:var(--theme-text-muted);margin:0 0 var(--space-0-5)}.project-hero__team-role{color:var(--theme-text-muted);margin:0}
