.project-hero{position:relative;height:100vh;overflow:hidden;display:flex;align-items:flex-end}.project-hero-bg{position:absolute;top:-10%;right:0;bottom:-10%;left:0;width:100%;height:120%;object-fit:cover;z-index:0;will-change:transform}.project-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%)}.project-hero .container{position:relative;z-index:2;color:var(--bg)}.project-hero h1{font-size:7rem;color:var(--bg)}.project-hero p{color:var(--bg)}.project-hero-meta{display:flex;gap:4rem;margin-top:2rem}.project-hero-meta .meta-col p{color:var(--bg)}.project-hero-meta .meta-col .type-mono{opacity:.7;margin-bottom:.4rem}.project-info,.project-outro{padding:10rem 0}.project-info .container,.project-outro .container{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem}.project-info .lead{max-width:36rem}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;align-content:start}.credit .type-mono{opacity:.6;display:block;margin-bottom:.3rem}.project-images{padding:0 0 10rem}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,24vw);gap:1.25rem}.bento-tile{position:relative;overflow:hidden;grid-column:span 2;margin:0}.bento-feature{grid-column:span 4;grid-row:span 2}.bento-tile img.project-image{width:100%;height:100%;object-fit:cover;display:block;will-change:transform,clip-path}.bento-tile figcaption{position:absolute;left:1rem;bottom:1rem;color:var(--bg);mix-blend-mode:difference;z-index:2}@media (max-width: 1000px){.bento{grid-template-columns:1fr;grid-template-rows:none;gap:1rem}.bento-tile,.bento-feature{grid-column:auto;grid-row:auto;aspect-ratio:16 / 10}.bento-feature{aspect-ratio:16 / 11}}.pipeline-flow{border-top:1px solid var(--fg)}.pipeline-flow .container{padding:8rem 2rem}.pipeline-flow h2{margin:1.5rem 0 4rem}.flow{list-style:none;display:flex;align-items:stretch;gap:0}.flow-node{flex:1;border:1px solid var(--fg);padding:2rem 1.75rem;display:flex;flex-direction:column;min-height:16rem;transition:background-color .25s ease,color .25s ease}.flow-node:hover{background-color:var(--fg);color:var(--bg)}.flow-num{display:block;margin-bottom:2.5rem;opacity:.6}.flow-node h3{margin-bottom:1rem}.flow-node p{margin-top:auto}.flow-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25rem;font-size:1.5rem}@media (max-width: 1000px){.project-hero h1{font-size:3.5rem}.project-info .container,.project-outro .container{grid-template-columns:1fr}.flow{flex-direction:column}.flow-node{min-height:auto}.flow-arrow{padding:1rem 0;transform:rotate(90deg)}}