:root{color-scheme:light dark;--background: #ffffff;--text: #182844;--heading: #14223a;--muted: #68758f;--link: #52617d;--link-underline: #9aa4b6;--border: #d8dce5;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:var(--background);margin:0 auto;max-width:72rem;padding:2rem 1.5rem}h1,h2,h3,p,ul,ol,dl{margin-top:0}h1,h2{color:var(--heading);font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(2.5rem,7vw,4.25rem);margin-bottom:.5rem}h2{font-size:1.55rem;margin-bottom:.75rem}a{color:var(--link);text-decoration-color:var(--link-underline);text-underline-offset:.18em}a:hover{color:var(--heading)}body>header{margin-bottom:3.5rem}body>header>a{color:var(--heading);font-family:"DM Serif Display",Georgia,serif;font-size:2rem;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem}main>section:first-child{margin-bottom:3.5rem;max-width:48rem}main>section:first-child h2{font-family:inherit;font-size:1.2rem;font-weight:400;margin-bottom:.75rem}main>section:first-child p{color:var(--muted)}main>section>h2{font-size:2rem}ol{display:grid;gap:2rem 3rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0}ol article h2{font-family:inherit;font-size:1.1rem;font-weight:600;line-height:1.35;margin-bottom:.25rem}ol article h2 a{color:var(--text);text-decoration:none}ol article p{color:var(--muted);margin-bottom:.5rem}ol article p:last-child{font-size:.925rem}main>article>header{margin-bottom:2rem}main>article>header p,main>article>p,dd{color:var(--muted)}main>article>p:first-of-type{font-size:1.15rem;max-width:48rem}dl{display:grid;grid-template-columns:max-content minmax(0,1fr);margin:2rem 0 3rem;max-width:48rem}dt{font-weight:600;padding-right:1.5rem}dd{margin:0 0 .5rem}main>article>section{margin-bottom:2.5rem;max-width:48rem}.gallery{max-width:none}.gallery>div{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}figure{margin:0}img,video{display:block;height:auto;max-width:100%}.home-shaders{border-top:1px solid var(--border);margin-top:4rem;padding-top:3rem}.section-heading{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.section-heading h2{font-size:2rem;margin-bottom:0}.page-intro{margin-bottom:2rem;max-width:42rem}.page-intro p,.shader-detail>header p{color:var(--muted)}.shader-grid{display:grid;gap:2.5rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.shader-grid li+li{margin-top:0}.shader-grid a{color:var(--text);display:block;text-decoration:none}.shader-grid a:hover h3{text-decoration:underline;text-decoration-color:var(--link-underline);text-underline-offset:.18em}.shader-grid h3{font-size:1.05rem;margin:.75rem 0 .2rem}.shader-grid p{color:var(--muted);font-size:.9rem;margin:0}.shader-canvas{aspect-ratio:4 / 3;background:#080b13;overflow:hidden;position:relative}.shader-canvas canvas{display:block;height:100%;width:100%}.shader-canvas--featured{aspect-ratio:16 / 9;max-height:75vh}.shader-error{color:#fff;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.shader-detail>header{margin-bottom:1.5rem}.shader-detail .eyebrow{font-size:.78rem;letter-spacing:.12em;margin-bottom:.5rem;text-transform:uppercase}.shader-controls{border:1px solid var(--border);display:grid;gap:1rem;margin-top:1rem;padding:1rem}.shader-controls__heading{align-items:center;display:flex;justify-content:space-between}.shader-controls button{background:none;border:0;color:var(--link);cursor:pointer;font:inherit;padding:0;text-decoration:underline;text-decoration-color:var(--link-underline);text-underline-offset:.18em}.shader-controls label{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(7rem,.3fr) minmax(8rem,1fr) 4rem}.shader-controls input{accent-color:var(--heading);width:100%}.shader-controls output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}figcaption{color:var(--muted);font-size:.85rem;margin-top:.35rem}ul{color:var(--muted);padding-left:1.25rem}li+li{margin-top:.3rem}main>nav{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;margin-top:4rem;padding-top:1.25rem}#work-heading{pre{display:inline-block}}@media (prefers-color-scheme: dark){:root{--background: #101722;--text: #d8dfeb;--heading: #f4f6fa;--muted: #a5afc1;--link: #bdc8dc;--link-underline: #66728a;--border: #354056}}@media (max-width: 44rem){body{padding:1.5rem 1rem}body>header{margin-bottom:2.5rem}ol{grid-template-columns:1fr}.gallery>div{grid-template-columns:1fr}.shader-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.shader-controls label{gap:.5rem;grid-template-columns:1fr 3.5rem}.shader-controls input{grid-column:1 / -1;grid-row:2}dl{grid-template-columns:1fr}dd{margin-bottom:1rem}}