*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #171210;--ink-soft: #211a16;--bone: #ece5da;--smoke: #9a8d7e;--ember: #e85d1f}body{font-family:Hanken Grotesk,sans-serif;background-color:var(--ink);color:var(--bone)}::selection{background:var(--ember);color:var(--ink)}img{width:100%;height:100%;object-fit:cover;display:block}.meta{text-transform:uppercase;font-size:.72rem;font-weight:500;letter-spacing:.08em;line-height:1.4;color:var(--smoke)}.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-size:clamp(4rem,15vw,13rem);font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--bone)}.wordmark .mark{font-size:.18em;font-weight:600;letter-spacing:0;vertical-align:2.2em;color:var(--ember)}.lede{font-size:1.05rem;font-weight:400;line-height:1.6;max-width:36ch;color:var(--smoke)}.scroll-hint{color:var(--ember)}.outro-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.kicker{color:var(--ember)}.outro-center h2{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(--bone);text-decoration:none;border-bottom:1px solid var(--ember);padding-bottom:.15rem;transition:color .25s ease}.mail:hover{color:var(--ember)}.mail:focus-visible{outline:2px solid var(--ember);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{flex:1;min-height:0;overflow:hidden;background-color:var(--ink-soft)}.project-info{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem .1rem 0}.project-info p{text-transform:uppercase;font-size:.68rem;font-weight:500;letter-spacing:.06em;line-height:1;color:var(--smoke);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-info p:last-child{flex-shrink:0;color:var(--bone)}@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:.65rem}.lede{font-size:.95rem;max-width:30ch}.project-info p{font-size:.6rem;letter-spacing:.04em}}