:root{--grid-columns:12;--grid-gutter:1.5rem;--grid-margin:2rem;--sidebar-columns:3;--content-columns:9}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#222;background:#fff;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.app-shell{grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gutter);padding:var(--grid-margin);align-items:start;min-height:100vh;display:grid}.sidebar{grid-column:span var(--sidebar-columns);top:var(--grid-margin);position:sticky}.content{grid-column:span var(--content-columns);min-width:0}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}@media (width<=900px){:root{--grid-gutter:1rem;--grid-margin:1.25rem}.app-shell{grid-template-columns:repeat(var(--grid-columns), 1fr)}.sidebar{grid-column:span var(--grid-columns);position:static}.content{grid-column:span var(--grid-columns)}}@media (width<=600px){:root{--grid-gutter:.75rem;--grid-margin:1rem}[class*=col-span-]{grid-column:span var(--grid-columns)}}.main-descrip{max-width:60ch;line-height:1.6}.project-page h1{margin-top:0;font-size:1.5rem}.project-description p{max-width:70ch;line-height:1.6}.rotoscope-canvas{margin-bottom:.5rem}.rotoscope-canvas canvas{cursor:grab;max-width:100%;height:auto}.rotoscope-hint{color:#666;margin-top:0;margin-bottom:2rem;font-style:italic}.sidebar-nav{font-size:.95rem}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sidebar-title{letter-spacing:.05em;color:inherit;font-size:1.1rem;font-weight:700;text-decoration:none}.sidebar-toggle{cursor:pointer;background:0 0;border:1px solid #222;padding:.35rem .75rem;font-size:.85rem;display:none}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-category{margin-bottom:.5rem}.sidebar-category-toggle{text-align:left;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:.4rem 0;font-size:.85rem;font-weight:600;display:block}.sidebar-sublist{margin:.25rem 0 .5rem .5rem;padding:0;list-style:none}.sidebar-sublist li{margin:.25rem 0}.sidebar-sublist a,.sidebar-category>a{color:#444;font-size:.9rem;text-decoration:none}.sidebar-sublist a:hover,.sidebar-category>a:hover,.sidebar-category-toggle:hover{color:#000;text-decoration:underline}@media (width<=900px){.sidebar-toggle{display:inline-block}.sidebar-list{display:none}.sidebar-list--open{display:block}}.media-gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.media-gallery-image{border-radius:2px;width:100%;height:auto;display:block}.media-gallery-video{width:100%;padding-top:56.25%;position:relative}.media-gallery-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=600px){.media-gallery{grid-template-columns:1fr}}