@font-face{font-family:Inter;src:url('/assets/fonts/Inter-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#292923;background:#f5f4ef;font-synthesis:none;--quiet:#69695f;--rule:#d9d8ce;--accent:#a94225}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}[hidden]{display:none!important}.shell{width:min(1136px,calc(100% - 80px));margin:0 auto}.mast{padding:32px 0 29px;border-bottom:1px solid var(--rule)}.brand{display:inline-block;font-size:36px;font-weight:550;letter-spacing:-1.2px}.subtitle{font-size:14px;line-height:1.6;margin:10px 0 0;max-width:780px}.layout{position:relative;margin-top:36px}.archive{position:absolute;right:calc(100% + 40px);top:0;bottom:0;width:174px}.year{font-size:12px;color:var(--quiet);margin:0 10px 8px}.months{display:grid;gap:5px;position:sticky;top:32px}.months a{background:none;border:0;text-align:left;padding:12px 10px;color:var(--quiet);font-size:13px;display:flex;justify-content:space-between;gap:18px}.months a[aria-current=location]{background:#e9e7dd;color:#292923}.entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.entry{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:12px 0 35px;border-bottom:1px solid var(--rule)}.entry video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#171a17;margin-bottom:18px}.entry h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:8px 0}.entry p{font-size:13px;line-height:1.65;color:var(--quiet);margin:0 0 7px}.entry a:hover h3{color:var(--accent)}.project-link{display:block}.arrow{position:absolute;right:0;bottom:15px;color:var(--accent)}main{padding-bottom:60px}.skip-link{position:fixed;top:8px;left:8px;background:#292923;color:#fff;padding:10px;transform:translateY(-150%);z-index:10}.skip-link:focus{transform:none}
@media(max-width:1580px){.shell{width:auto;margin-left:240px;margin-right:40px;max-width:1136px}.archive{right:calc(100% + 30px);width:170px}}
@media(max-width:1000px){.shell{margin-left:200px;margin-right:28px}.archive{right:calc(100% + 24px);width:148px}.entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.brand{font-size:32px}}
@media(max-width:700px){.shell{margin:0 22px}.mast{padding:24px 0}.brand{font-size:30px}.subtitle{font-size:13px}.layout{margin-top:24px}.archive{position:sticky;top:0;bottom:auto;width:auto;margin-bottom:25px;padding:12px 0;background:#f5f4ef;z-index:5;border-bottom:1px solid var(--rule)}.year{margin-left:0;margin-bottom:10px}.months{position:static;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;align-items:center}.months a{white-space:nowrap}.months .year{flex-shrink:0;margin:0 8px 0 0}.months a{padding:11px 10px}.entries{gap:22px 16px}.entry h3{font-size:18px}.entry p{font-size:12px}}
@media(max-width:420px){.entries{grid-template-columns:1fr}.entry h3{font-size:21px}.entry p{font-size:13px}}
.month-section{scroll-margin-top:30px;margin-top:30px;margin-bottom:56px}.month-section>h2{font-size:23px;font-weight:450;letter-spacing:-.6px;padding:0 0 14px;margin:0;border-bottom:1px solid var(--rule)}
@media(max-width:700px){.month-section{scroll-margin-top:90px}}