:root,.hero{--bg:#f5f5f1;--ink:#16181a;--mute:#5e635e;--dim:#8a8f8a;--rule:#dad9d3;--accent:#3f7a26;--lime:#c9ed9c;--card:#fff;--edge:#e4e4de;color-scheme:light}:root[data-theme=dark]{--bg:oklch(22.8% .013 107.4);--ink:#ecece6;--mute:#a3a8a1;--dim:#737871;--rule:#2e312d;--accent:#8fcb6b;--lime:#3e5a2b;--card:#1b1e1b;--edge:#2c2f2b;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(19.1% .0095 107.3);--ink:#ecece6;--mute:#a3a8a1;--dim:#737871;--rule:#2e312d;--accent:#8fcb6b;--lime:#3e5a2b;--card:#1b1e1b;--edge:#2c2f2b;color-scheme:dark}}:root{--sans:"Epilogue", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--display:"Syne", system-ui, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--ink)}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.mono{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.mono a,a.mono{color:inherit;text-decoration:none}.phone-only{display:none}.page{max-width:1280px;margin-inline:auto;padding:0 64px 64px;overflow-x:clip}.site-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:72px;display:flex}.wordmark{letter-spacing:-.01em;font-size:15px;font-weight:600;text-decoration:none}.nav{gap:28px;display:flex}.nav a:hover,.menu a:hover{color:var(--accent)}.nav .current{color:var(--ink)}.actions{align-items:center;gap:28px;display:flex}.theme-toggle{width:32px;height:32px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-8px;padding:0;display:grid}.theme-toggle:hover{color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:0}.theme-toggle .sun,:root[data-theme=dark] .theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .moon{display:none}:root:not([data-theme=light]) .theme-toggle .sun{display:block}}.menu{display:none;position:relative}.menu summary{cursor:pointer;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{z-index:2;background:var(--card);box-shadow:inset 0 0 0 1px var(--edge);white-space:nowrap;border-radius:10px;flex-direction:column;gap:14px;padding:16px 20px;display:flex;position:absolute;top:calc(100% + 12px);right:0}.intro{grid-template-columns:192px minmax(0,1fr) 300px;gap:32px;padding:96px 0;display:grid}.intro .eyebrow{padding-top:12px}h1{font-family:var(--display);letter-spacing:-.042em;max-width:15ch;margin:0;font-size:60px;font-weight:700;line-height:1.02}.intro p{color:var(--mute);margin:0;padding-top:12px;font-size:16px;line-height:1.5}.timeline{flex-direction:column;display:flex}.entry{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:0 32px;display:grid}.spine{flex-direction:column;align-self:stretch;align-items:center;padding-top:2px;display:flex}.dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg), 0 0 0 5px var(--rule);border-radius:50%;flex:none}.line{background:var(--rule);flex:1;width:1px;margin-top:8px}.last .line{background:0 0}.body{flex-direction:column;min-width:0;padding-bottom:96px;display:flex}.last .body{padding-bottom:0}.heading,.blurb{z-index:1;position:relative}.heading h2{font-family:var(--display);letter-spacing:-.036em;align-items:center;gap:12px;margin:0;font-size:40px;font-weight:700;line-height:1;display:flex}.heading h2 a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px;text-decoration-thickness:1px}.logo{flex:none;width:28px;height:28px}.logo svg{width:100%;height:100%;display:block}.meta{margin:0;padding-top:12px;font-size:17px}.meta .role{color:var(--mute)}.heading .years{margin:0 0 12px;line-height:16px}.blurb{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;margin-top:24px;display:grid}.blurb p{max-width:60ch;color:var(--mute);margin:0;font-size:17px;line-height:1.5}.blurb a{color:var(--accent);justify-self:end;padding-top:4px}.blurb a:hover{color:var(--ink)}.end{grid-template-columns:40px;justify-items:center;padding-top:40px;display:grid}.end span{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:50%}.hero{color:var(--ink);z-index:0;height:var(--h);pointer-events:none;user-select:none;margin-top:-102px;position:relative}.stage{top:var(--top);width:var(--w);margin-left:calc(var(--w) / -2);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:16px;display:grid;position:absolute;left:50%;transform:rotateX(56deg)rotate(-36deg)scale(.86)}.card{background:var(--card);box-shadow:inset 0 0 0 1px var(--edge), 0 1px 2px #16181a0f, 0 6px 14px -4px #16181a14;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex;overflow:hidden}.sketches{padding-top:140px}.sketches-header{grid-template-columns:192px minmax(0,1fr) 300px;align-items:end;gap:32px;padding-bottom:32px;display:grid}.sketches-header h2{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:34px;font-weight:700;line-height:1.05}.count{text-align:right}.sketches.first{padding-top:0}.more{text-align:right;margin:32px 0 0}.more a:hover{color:var(--accent)}.sketches-intro{max-width:60ch;color:var(--mute);margin:0 0 32px;font-size:17px;line-height:1.5}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;display:grid}.tile{flex-direction:column;gap:10px;text-decoration:none;display:flex}.tile img{aspect-ratio:4/3;object-fit:cover;background:var(--edge);border-radius:10px;width:100%;height:auto;display:block}.tile:hover .mono{color:var(--accent)}.videos{padding-top:96px}.clips{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px 20px;display:grid}.clip{flex-direction:column;gap:10px;margin:0;display:flex}.clip iframe{background:var(--edge);border:0;border-radius:10px;width:100%;height:auto;display:block}.site-footer{border-top:1px solid var(--rule);justify-content:space-between;gap:16px;margin-top:96px;padding-top:24px;display:flex}@media (width<=1100px){.intro,.sketches-header{grid-template-columns:minmax(0,1fr) 260px}.intro .eyebrow,.sketches-header .eyebrow{display:none}.stage{left:var(--left);margin-left:0}}@media (width<=720px){.nav,.meta .role{display:none}.phone-only{display:inline}.page{padding:0 20px 32px}.site-header{height:60px}.menu{display:block}.actions{gap:16px}.intro{flex-direction:column;gap:20px;padding:44px 0 40px;display:flex}.intro .eyebrow{padding-top:0;display:block}h1{letter-spacing:-.036em;font-size:38px;line-height:1.04}.intro p{padding-top:0;font-size:15px}.entry{grid-template-columns:20px minmax(0,1fr);gap:0 16px}.spine{padding-top:3px}.dot{width:10px;height:10px;box-shadow:none}.body{padding-bottom:48px}.heading{flex-direction:column;gap:10px;padding-bottom:10px;display:flex}.heading h2{gap:8px;font-size:28px}.heading .years{margin:0}.logo{width:20px;height:20px}.meta{padding-top:0;font-size:14px}.end{grid-template-columns:20px}.hero{height:var(--ph);margin-top:-17px;margin-right:-20px;overflow:hidden}.stage{top:var(--ptop);left:var(--pleft);width:var(--pw);grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0;transform:rotateX(56deg)rotate(-36deg)scale(.516)}.card:not([data-phone]){display:none}.blurb{flex-direction:column;gap:8px;margin-top:16px;display:flex}.blurb p{font-size:13px;line-height:1.45}.blurb a{justify-self:auto;padding-top:0}.sketches{padding-top:44px}.sketches-header{padding-bottom:14px;display:block}.sketches-header .eyebrow,.count{display:none}.more{margin-top:20px}.sketches-header h2{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:400;line-height:1.5}.sketches-intro{margin-bottom:20px;font-size:15px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.tile{gap:8px}.tile img{border-radius:8px}.videos{padding-top:44px}.clips{grid-template-columns:minmax(0,1fr);gap:20px}.clip{gap:8px}.clip iframe{border-radius:8px}.site-footer{flex-direction:column;margin-top:56px}}