:root{--paper:#e8ebe7;--ink:#1a2130;--muted:#5b6472;--rule:#c9cec8;color:var(--ink);background:var(--paper);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:18px;line-height:1.55}*{box-sizing:border-box}body{background:var(--paper);margin:0}.page{max-width:1120px;margin:0 auto;padding:0 24px}.intro{padding:clamp(48px,10vw,120px) 0 clamp(40px,7vw,88px)}.wordmark{font-variation-settings:"wdth" 75;letter-spacing:-.02em;margin:0;font-size:clamp(4.5rem,17vw,13rem);font-weight:800;font-stretch:75%;line-height:.82}.lede{max-width:30ch;color:var(--muted);margin:28px 0 0;font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.35}.projects{flex-direction:column;display:flex}.project{border-top:1px solid var(--rule);grid-template-columns:5fr 7fr;align-items:center;gap:clamp(32px,6vw,80px);padding:clamp(48px,7vw,88px) 0;display:grid}.project>*{min-width:0}.project:nth-child(2n) .project-text{order:2}.project-name{font-variation-settings:"wdth" 85;letter-spacing:-.02em;color:var(--accent);margin:0;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:700;font-stretch:85%;line-height:1.02}.project-summary{max-width:44ch;margin:18px 0 0}.project-link{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:22px 0 0;display:flex}.project-link a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;font-weight:600;text-decoration-thickness:3px}.project-link a:hover{color:var(--accent)}.project-note{color:var(--muted);font-size:.85rem}.project-shot{box-shadow:12px 14px 0 var(--accent);border-radius:10px;transition:transform .22s,box-shadow .22s;display:block;transform:rotate(-2deg)}.project:nth-child(2n) .project-shot{box-shadow:-12px 14px 0 var(--accent);transform:rotate(1.6deg)}.project:hover .project-shot,.project:focus-within .project-shot{box-shadow:0 6px 0 var(--accent);transform:rotate(0)}.project-shot img{border:1px solid #1a21302e;border-radius:10px;width:100%;height:auto;display:block}a:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:2px}.footer{border-top:1px solid var(--rule);color:var(--muted);padding:40px 0 64px}.footer p{margin:0}@media (width<=760px){.page{padding:0 16px}.project{grid-template-columns:1fr;gap:36px}.project:nth-child(2n) .project-text{order:0}.project-shot,.project:nth-child(2n) .project-shot{box-shadow:10px 12px 0 var(--accent);margin-right:12px}}@media (prefers-reduced-motion:reduce){.project-shot{transition:none}}