*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #f2efe6;--ink: #20241c;--olive: #3a4034;--acid: #d5e14e}body{font-family:Inter,sans-serif;background-color:var(--paper);color:var(--ink)}::selection{background:var(--acid);color:var(--ink)}img{width:100%;height:100%;object-fit:cover;display:block}.meta{font-family:Space Mono,monospace;text-transform:uppercase;font-size:.6875rem;font-weight:400;letter-spacing:.08em;line-height:1.4;color:var(--olive)}.intro,.outro{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:1.5rem 2rem}.intro-head,.intro-foot,.outro-foot{position:absolute;left:0;width:100%;padding:0 2rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.intro-head{top:1.5rem}.intro-foot,.outro-foot{bottom:1.5rem}.intro-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.wordmark{font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,15vw,13rem);font-weight:700;letter-spacing:-.04em;line-height:.9;color:var(--ink)}.wordmark .mark{font-size:.18em;font-weight:500;letter-spacing:0;vertical-align:2.2em;color:var(--olive)}.lede{font-size:1.05rem;font-weight:400;line-height:1.6;max-width:36ch;color:var(--olive)}.scroll-hint{background:var(--acid);color:var(--ink);padding:.2rem .5rem}.outro-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.kicker{background:var(--acid);color:var(--ink);padding:.2rem .5rem}.outro-center h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;max-width:22ch}.mail{font-size:1rem;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--acid);padding-bottom:.15rem;transition:color .25s ease}.mail:hover{color:var(--olive)}.mail:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.projects{position:relative;width:100%;padding:.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow:hidden}.projects-row{width:125%;display:flex;gap:1rem}.project{flex:1;aspect-ratio:7/5;display:flex;flex-direction:column;overflow:hidden}.project-img{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--olive)}.project-img img{filter:grayscale(1) contrast(1.05) brightness(1.02)}.project-img:after{content:"";position:absolute;inset:0;background-color:var(--olive);mix-blend-mode:color;pointer-events:none}.projects-row:nth-child(odd) .project:nth-child(3) .project-img img,.projects-row:nth-child(2n) .project:nth-child(6) .project-img img{filter:sepia(.1) saturate(.88) contrast(1.04)}.projects-row:nth-child(odd) .project:nth-child(3) .project-img:after,.projects-row:nth-child(2n) .project:nth-child(6) .project-img:after{content:none}.project-info{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem .1rem 0}.project-info p{font-family:Space Mono,monospace;text-transform:uppercase;font-size:.65rem;font-weight:400;letter-spacing:.08em;line-height:1;color:var(--olive);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-info p:last-child{flex-shrink:0;color:var(--ink)}@media(max-width:768px){.intro,.outro{padding:1.25rem}.intro-head,.intro-foot,.outro-foot{padding:0 1.25rem}.intro-head,.intro-foot,.outro-foot{flex-direction:column;gap:.2rem}.intro-head,.intro-foot{align-items:flex-start}.outro-foot{align-items:center;text-align:center}.intro-center{gap:1.5rem}.meta{font-size:.625rem}.lede{font-size:.95rem;max-width:30ch}.project-info p{font-size:.6rem;letter-spacing:.06em}}