.project-hero h1{visibility:hidden;max-width:90vw}.project-hero .char{display:inline-block}.project-banner{background-color:var(--background-200);position:relative;overflow:hidden}.project-banner-text{background-color:var(--foreground);width:100%;height:100%;color:var(--background);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.project-banner-text h2{width:75%}.project-banner-text p{opacity:.5}.project-info .sp-col-sm{gap:1.5rem}.project-org{text-align:right}.project .sp-copy-description p+p{margin-top:1em}.project-links{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.project-link-label{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;font-size:clamp(.8rem,.2rem + .7vw,1.5rem);font-weight:600;line-height:1;display:block}.project .sp-img video{width:100%;height:auto;display:block}.project-team-mentors{margin-top:1.5rem}.project-team-mentors p:first-child{color:var(--foreground-200)}.project-section-label{margin-bottom:1.5rem}.project-section-label p,.project-list-col-sm p,.project-quote-copy p{color:var(--foreground-200)}.project-stats{gap:1.5rem;padding:0 1.5rem 10rem;display:flex}.project-stat{border-top:1px solid var(--foreground-200);flex-direction:column;flex:1;gap:.75rem;padding-top:1.5rem;display:flex}.project-stat p{color:var(--foreground-200)}.project-list{background-color:var(--foreground);width:100%;min-height:75svh;color:var(--background);align-items:center;gap:3rem;padding:10rem 1.5rem;display:flex;position:relative}.project-list-col-sm{flex:2;align-self:flex-start}.project-list-col-sm p{color:var(--background);opacity:.5}.project-list-col-lg{flex:4}.project-list-intro{width:75%;margin-bottom:4.5rem}.project-list-items{flex-direction:column;width:75%;display:flex}.project-list-items-split{grid-template-columns:repeat(2,1fr);column-gap:3rem;display:grid}.project-list-item{border-bottom:1px solid #1a1a1a26;align-items:baseline;gap:1.5rem;padding:1rem 0;display:flex}.project-list-item>p.sm{opacity:.5;flex-shrink:0;width:2.5rem}.project-quote{text-align:center;justify-content:center;align-items:center;width:100%;min-height:75svh;padding:10rem 1.5rem;display:flex}.project-quote-copy{flex-direction:column;gap:3rem;width:60%;display:flex}.project-media{padding:1.5rem 1.5rem 10rem}.project-videos{flex-direction:column;gap:1.5rem;display:flex}.project-video{aspect-ratio:16/9;width:100%}.project-docs{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-docs:has(.project-doc:only-child){grid-template-columns:1fr}.project-doc:only-child{width:66.66%}.project-doc:only-child .doc-card-cover-portrait{aspect-ratio:16/9}.project-team .sp-info{opacity:1;margin-bottom:5rem}.project-team .sp-col-lg p{color:var(--foreground-200)}.project-team-members{flex-direction:column}.project-next{cursor:pointer}.project-next .sp-next-project-copy p.caps{color:var(--foreground-200)}@media (max-width:1000px){.project-hero{height:45svh;padding:1rem 1rem 0}.project-hero h1{overflow-wrap:normal;word-break:keep-all;max-width:100%;font-size:clamp(2.25rem,11vw,4.5rem)}.project .sp-copy{padding:1rem}.project .sp-info,.project .sp-copy-wrapper{margin-bottom:4rem}.project .sp-info{opacity:.5}.project-banner{height:62svh}.project .sp-copy-description p{font-size:1.05rem;line-height:1.45}.project .sp-images{padding:1rem}.project .sp-images-scroll-progress-container{display:none}.project .sp-images-container{gap:.75rem;width:100%}.project-stats{padding:0 1rem 4rem}.project-media{padding:1rem 1rem 4rem}.project-list-item{padding:.85rem 0}.project .sp-next-project{height:70svh;padding:1rem}.project .sp-next-project h1{font-size:clamp(2.25rem,11vw,4.5rem)}.project-info .sp-col-sm{flex-direction:column;align-items:flex-end;gap:.5rem}.project-stats{flex-direction:column;padding-bottom:5rem}.project-list{flex-direction:column;align-items:flex-start;gap:2rem;padding:5rem 1.5rem}.project-list-intro,.project-list-items{width:100%}.project-list-items-split{grid-template-columns:1fr}.project-quote{min-height:auto;padding:7.5rem 1.5rem}.project-quote-copy{width:100%}.project-media{padding-bottom:5rem}.project-banner:has(.video-preview:not(.video-preview-portrait)){aspect-ratio:16/9;height:auto}.project-video{aspect-ratio:16/9}.project-banner:has(.project-banner-text){height:75svh}.project-banner-text h2{width:100%}.project-video-portrait{aspect-ratio:3/4}.project-docs{grid-template-columns:1fr}.project-doc:only-child{width:100%}}
