@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";:root{--bg: #0d0c0b;--paper: #ece7df;--muted: #8b837a;--line: rgba(236, 231, 223, .14);--accent: #d08a3e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Mono,monospace;background-color:var(--bg);color:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}nav,footer{position:absolute;width:100vw;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:3}nav{top:0}footer{bottom:0}.logo a{font-size:.95rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.nav-links{display:flex;gap:2.25rem}.nav-links a{font-size:.72rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .25s ease}.nav-links a:hover{color:var(--paper)}.intro{position:absolute;top:5.25rem;left:2rem;z-index:2;max-width:30rem;pointer-events:none}.eyebrow{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}.intro h1{font-size:clamp(.95rem,1.35vw,1.18rem);font-weight:400;line-height:1.55;letter-spacing:.01em;color:var(--paper);text-wrap:balance}footer p{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.footer-right{color:var(--paper)}.slider{position:relative;width:100vw;height:100svh;overflow:hidden;user-select:none}.slide-track{position:absolute;width:100%;height:100%;display:flex}.slide{flex-shrink:0;width:350px;height:500px;margin:0 20px;position:relative;top:50%;transform:translateY(-50%);overflow:visible;display:flex;flex-direction:column;cursor:pointer}.slide-image{width:100%;height:100%;overflow:hidden;flex:1;background-color:#17150f}.slide-image img{width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(2.25);user-select:none}.slide-overlay{position:absolute;bottom:-2.1rem;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:10;transition:opacity .35s ease;opacity:0}.slide:hover .slide-overlay{opacity:calc(1 - var(--slider-moving, 1))}.project-label{display:flex;align-items:baseline;gap:.7rem}.project-index{font-size:.68rem;color:var(--accent);letter-spacing:.08em}.project-title{text-transform:uppercase;font-weight:500;font-size:.78rem;letter-spacing:.06em;color:var(--paper)}.project-meta{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.project-arrow{width:15px;height:15px}.project-arrow svg{stroke:var(--accent);stroke-width:2;fill:none}@media(max-width:768px){nav{flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.25rem}.nav-links{gap:1.75rem}.logo a{font-size:.9rem}.intro{top:6.5rem;left:1.25rem;right:1.25rem;max-width:none}.intro h1{font-size:1.05rem;line-height:1.5}footer{padding:1.25rem}footer p{font-size:.62rem;letter-spacing:.12em}.slide-overlay{bottom:-1.9rem}.project-title{font-size:.72rem}.project-meta{display:none}}@media(max-width:768px)and (max-height:720px){.intro{display:none}}