.scene-3d{position:relative;height:320vh;background-color:#000}.scene-3d-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}#intro3d-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.scene-3d-copy{position:relative;z-index:2;width:100%;max-width:2000px;margin:0 auto;padding:0 2rem;pointer-events:none}.scene-3d-eyebrow{color:var(--bg);opacity:.6}.scene-3d-copy h2{color:var(--bg);max-width:16ch;margin-top:1.5rem}.scene-3d-lede{color:var(--bg);opacity:.8;max-width:42ch;margin-top:1.75rem}@media (max-width: 1000px){.scene-3d{height:240vh}}.work-hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.work-hero h1{font-size:7rem}.work-hero-footer{position:absolute;bottom:0;left:0;width:100%}.work-hero-footer .container{display:flex;justify-content:space-between}.work-list{padding:6rem 0 10rem}.work-item{display:flex;margin-bottom:12rem}.work-item:nth-child(odd){justify-content:flex-start}.work-item:nth-child(2n){justify-content:flex-end}.work-item a{display:block;width:40%;text-decoration:none;color:var(--fg)}.work-item-media{width:100%;aspect-ratio:4 / 5;overflow:hidden;position:relative}.work-item-media img{width:100%;height:120%;object-fit:cover;display:block;will-change:transform}.work-item-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:1rem}.work-item-meta h3{margin-top:0}.work-item-code{font-family:var(--type-3);font-size:.75rem;text-transform:uppercase}@media (max-width: 1000px){.work-hero h1{font-size:3.5rem}.work-item a{width:80%}.work-item:nth-child(2n){justify-content:flex-end}}