@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";.project-hero{position:relative;width:100%;height:100svh;overflow:hidden}.project-hero .project-hero-img{position:absolute;top:0;left:0;width:100%;height:100svh;overflow:hidden}.project-hero .project-hero-img img{width:100%;height:100%;object-fit:cover}.project-hero-copy{position:relative;padding-top:6rem;height:100%;margin:0 auto;color:var(--bg)}.project-hero-copy .container{height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.project-hero-copy .project-hero-header{display:flex;flex-direction:column;gap:1rem}.project-hero-copy .project-hero-meta{display:flex;justify-content:space-between;align-items:flex-end}.project-hero-copy .project-hero-meta .project-hero-meta-col:nth-child(2){display:flex;flex-direction:column;gap:.25rem}.project-hero-copy .project-hero-meta p.type-mono{color:var(--bg);width:max-content;padding:0}.project-info{position:relative;width:100%;padding:8rem 0}.project-info .container{display:flex;gap:8rem;width:75%}.project-info .container .project-info-col:nth-child(1){flex:3}.project-info .container .project-info-col:nth-child(2){flex:2;display:flex}.project-info .container .project-info-col:nth-child(2) .project-info-sub-col{flex:1}.project-info .container .project-info-col:nth-child(2) .project-info-sub-col p{padding:0;width:85%}.project-info .container .project-info-col:nth-child(2) .project-info-sub-col p.type-mono{margin-bottom:.5rem}.project-images{position:relative;width:100%;height:100%}.project-images .container{display:flex;flex-direction:column;gap:8rem}.project-images .container .project-img{width:75%;height:100%;aspect-ratio:7/5;margin:0 auto}.project-images .container .project-img img{width:100%;height:100%;object-fit:cover}.project-outro{padding-bottom:12rem}@media(max-width:1000px){.project-hero-copy .project-hero-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;text-align:center}.project-hero-copy .project-hero-meta{display:none}.project-info{padding:4rem 0}.project-info .container{width:100%;flex-direction:column-reverse}.project-images .container{gap:4rem}.project-images .container .project-img{width:100%}.project-outro{padding-bottom:8rem}}.crt-section{position:relative;width:100%;height:100svh;background-color:#b0b0b0;overflow:hidden}.crt-section .projects{position:absolute;left:50%;bottom:4rem;transform:translate(-50%);width:100%;display:flex;justify-content:center;gap:.5rem;list-style:none;z-index:2}.crt-section .projects li{text-transform:uppercase;font-family:Geist Mono,Arial,sans-serif;font-size:.7rem;font-weight:450;color:#000;width:max-content;padding:.5rem 1rem;background-color:#fff;border:1px solid #000;box-shadow:4px 4px 0 -1px #000;cursor:pointer}.crt-section .projects li:hover{color:#fff;background-color:#000}@media(max-width:1000px){.crt-section .projects{flex-wrap:wrap;padding:0 2rem;bottom:4rem;gap:.35rem}.crt-section .projects li{font-size:.6rem;padding:.4rem .75rem}}@media(max-width:600px){.crt-section .projects{padding:0 1rem;bottom:5rem;gap:.25rem}.crt-section .projects li{font-size:.55rem;padding:.3rem .6rem;box-shadow:2px 2px 0 -1px #000}}.record-back-btn{position:fixed;top:7rem;left:2rem;z-index:100;cursor:pointer;mix-blend-mode:difference}.record-back-btn .type-mono{color:var(--bg);cursor:pointer;font-family:Geist Mono,Arial,sans-serif;font-size:.7rem;font-weight:450;letter-spacing:.05em;transition:opacity .25s ease}.record-back-btn .type-mono:hover{opacity:.4}@media(max-width:1000px){.record-back-btn{top:6rem;left:1rem}}.project-hero,.project-images,.project-info,.project-outro{display:none}