:root{color-scheme:light;--bg: #f8f8f8;--fg: #111111;--muted: #666666;--border: #e5e5e5;--link: #141414;--but: #d6d6d6;--but-hover: #e5e5e5;--border-radius: 2rem}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box;border:0}body{margin:0;background:var(--bg);color:var(--fg);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.shell{width:100%;margin:0 auto 2rem;padding:0rem 1.5rem;display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:3rem;align-items:start;max-width:100rem}.sidebar{min-width:0;position:sticky;top:0;align-self:start;padding-bottom:2rem}.sidebar-name{font-size:2.6rem;font-weight:800}.sidebar-name a{color:var(--fg)}.sidebar-inner{padding:1.2rem 0;display:flex;flex-direction:column}.sidebar-content{font-size:1.1rem}.sidebar-footer-row{margin-top:auto;padding-top:.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.sidebar-footer-row ul{margin:0;min-width:0}.sidebar-shader-link{display:block}.sidebar-shader-frame{width:100%;height:4rem;margin:0 0 1.25rem;overflow:hidden;background:#111}.sidebar-shader-canvas{width:100%;height:100%;display:block}.page{min-width:0;max-width:100%;padding:1.5rem 0 3rem}.corner-gif{width:6.5rem;pointer-events:none;padding-right:2rem}.corner-gif-canvas{width:100%;height:auto;display:block;image-rendering:auto;opacity:.3}.stack>*+*{margin-top:1rem}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p,ul,ol{margin:0 0 1rem}a{color:var(--link);font-weight:800;text-decoration:underline}hr{margin:3rem;border:0;height:.1rem;display:block;background:#000}ul{padding-left:2.5rem;line-height:1.7rem}ul li{position:relative}ul li::marker{content:""}ul li:before{content:"";position:absolute;left:-1.25rem;top:.48em;width:.62rem;height:.62rem;border:.2rem solid currentColor;box-sizing:border-box}.content>:first-child{margin-top:0}img{max-width:100%;height:auto;display:block;border:1px solid var(--border)}.caption{margin-top:.5rem;color:var(--muted);font-size:.9rem}.home-project{display:block;margin-top:2rem}.home-project-media{display:block;aspect-ratio:16 / 9;overflow:hidden}.home-project img{width:100%;height:100%;display:block;margin:0;border-radius:.1rem;object-fit:cover}.home-project-title{font-size:1.25rem;margin:1rem 0 0}.home-project-subtitle{margin:.25rem 0 0;color:var(--muted)}.project-header{margin-bottom:1.8rem}.project-title{font-size:1.5rem;font-weight:100;padding-top:1rem}.project-title>:first-child,.project-summary>:first-child,.project-side>:first-child,.project-description>:first-child{margin-top:0}.project-title>:last-child,.project-summary>:last-child,.project-side>:last-child,.project-description>:last-child{margin-bottom:0}.project-content{font-size:1.1rem}.project-content h1,h2{margin:1.6rem 0 1.5rem}.project-content h3{margin:1rem 0}.project-image{width:100%;margin:2rem 0;display:block}.project-image img{width:100%}.project-image-pair{width:100%;margin:2rem 0;display:grid;grid-template-columns:minmax(0,var(--left-width)) minmax(0,var(--right-width));gap:1rem;align-items:stretch}.project-image-pair-item{min-width:0;overflow:hidden}.project-image-pair-item img{width:100%;height:100%;object-fit:cover;display:block}.project-video{width:100%;margin:2rem 0;display:block}.project-video video{width:100%}.project-youtube{width:100%;margin:2rem 0;display:block}.project-youtube-frame{position:relative;width:100%;padding-top:56.25%}.project-youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.project-summary{padding-top:1.7rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,13.5rem);gap:2rem;align-items:start}.project-side{font-size:minmax(.2rem,1.1rem);border-left:.25rem solid var(--muted);padding-left:1.1rem}.project-pagination{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.project-pagination-slot{min-width:0}.project-pagination-slot-right{text-align:right}.project-pagination-link{color:#000;display:inline-flex;max-width:100%}.project-pagination-link-next{align-items:flex-end}.project-pagination-label{font-size:1.4rem;letter-spacing:.04em}@media (max-width: 53rem){.shell{grid-template-columns:1fr;gap:2rem;padding-top:1.5rem}.sidebar{position:static}.sidebar-inner{max-height:none;padding:0;overflow:visible}.page{padding-top:0}.corner-gif{width:4rem}.sidebar-footer-row{gap:.5rem}.project-summary{grid-template-columns:1fr;gap:1rem}.project-image-pair{grid-template-columns:1fr}}:root{--margin: 1rem;--alert: rgba(20, 20, 20, 1);--alert-t: #ffffff;--but-hover: #ffffff;--top-margin: 4.5rem;--br-big: 30rem}body{overflow:hidden;margin:0;padding:0}.hidden{display:none!important}#canvas{display:block;width:100vw;height:100vh}.button{cursor:pointer;display:block;padding:1rem 1.4rem;background:var(--but);border-radius:var(--border-radius);min-width:5rem;transition:all .3s ease}.button:hover{filter:brightness(1.3);-webkit-filter:brightness(1.3)}#loader{position:fixed;inset:0;display:flex;flex-direction:column;z-index:10;transition:opacity .3s ease;overflow:hidden;gap:2rem}#preview{width:100%;height:100%;display:block;align-items:center;position:fixed;inset:0;z-index:9;transition:opacity .3s ease}#preview.hidden{opacity:0;pointer-events:none}.explainer-content{margin-top:7rem;background:var(--bg);border-radius:rem;padding-top:3rem;padding-bottom:3rem;display:flex;flex-direction:column;align-items:center;background:#fffc}.explainer-content h1{font-size:1.5rem;margin-bottom:1.9rem;text-align:left}.explainer-content p{font-size:1.1rem;line-height:2.1rem;font-weight:100}.explainer-content button .bigbutton{display:flex}.bigbutton{display:block;width:12rem;height:7rem;font-size:1.5rem;border-radius:10rem;background:var(--alert);color:var(--alert-t);margin-top:1rem}.explainer-background{display:flex;position:fixed;inset:0;z-index:0;flex-direction:column;overflow:hidden;transition:all .3s ease;background:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px)}#end{gap:2rem}#end.hidden{opacity:0;pointer-events:none}#end .p{display:flex}#exp-list-end{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;margin:0 auto;padding:2rem 6rem}#exp-list-end .exp-btn{width:20rem;height:20rem}#exp-list-end .exp-btn-title{background-color:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#exp-list-end .thumbnail{opacity:.9}.loader-content{flex:1;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;padding:0 1rem 1rem;-webkit-overflow-scrolling:touch}.sort-dropdown{position:relative;display:flex;justify-content:flex-end;margin:.75rem 0}.sort-trigger{background:var(--color-background-code);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.625rem;letter-spacing:.1em;padding:.3rem .5rem;cursor:pointer;outline:none;min-width:6rem;text-align:center;border-radius:var(--border-radius);display:none}.sort-trigger:hover,.sort-trigger.open{border-color:var(--color-primary-dark);color:var(--color-text)}.sort-menu{position:absolute;top:100%;right:0;z-index:50;background:var(--color-background-pre);border:1px solid var(--color-border);border-radius:var(--border-radius);min-width:6rem;display:none}.sort-menu.open{display:block}.sort-option{display:block;width:100%;background:none;border:none;color:var(--color-text-muted);font-size:.625rem;letter-spacing:.1em;padding:.4rem .5rem;cursor:pointer;text-align:left;white-space:nowrap}.sort-option:hover{background:var(--color-background-code);color:var(--color-text)}.sort-option.active{color:var(--color-primary-dark)}.loader-footer{width:100%;padding:.1rem;display:flex;justify-content:center;background:var(--color-background-pre);border-top:1px solid var(--color-border)}#loader h1{font-size:1.125rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}#end-begin-btn{height:5rem}.thumbnail-container{width:100%;aspect-ratio:1;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.exp-btn{cursor:pointer;transition:all .5s ease;padding:.8rem;width:100%;min-width:0;text-align:center;background:var(--bg);border-radius:25rem;position:relative}.exp-btn:hover{background-color:--muted;filter:brightness(1.15);-webkit-filter:brightness(1.15)}.exp-btn-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.4rem;padding:1.5rem;border-radius:10rem}.drafts-separator{grid-column:1 / -1;text-transform:uppercase;margin-top:1.5rem;margin-bottom:.5rem;text-align:left;border-bottom:2px solid var(--border);padding-bottom:.5rem;width:100%}#topper{width:100%;background:var(--bg);position:fixed;top:.01rem;padding:var(--margin);display:flex;z-index:100;text-wrap-mode:nowrap;gap:.3rem}#topper a{text-decoration:underline}#topper a:hover{text-decoration:underline;color:var(--alert)}.topper-name{font-weight:800}.topper-role{font-weight:400;font-size:.9rem}.topper-left{flex:1;text-align:left}.topper-mid{flex:1;text-align:center}.topper-mid a{text-decoration:none;font-weight:100}.topper-right{flex:1;text-align:right}#pause-btn{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:20;background:var(--bg);border:0;font-size:1rem;cursor:pointer;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;display:none}#pause-btn:hover{color:var(--but-hover)}#back-btn{position:fixed;top:var(--top-margin);left:var(--margin);z-index:20;display:none}.sketchnavigatebutton{background:var(--bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--fg);z-index:20;max-width:8rem;height:8rem;border-radius:20rem;font-size:1.3rem;font-weight:100;border:2px solid #5555}.sketchnavigatebutton:hover{filter:brightness(.8);-webkit-filter:brightness(.8)}#next-btn{position:fixed;right:3rem;bottom:3rem}#prev-btn{position:fixed;left:3rem;bottom:3rem}#info-btn{position:fixed;left:var(--margin);top:var(--top-margin);z-index:20;border-radius:10rem}#drafts-btn{position:fixed;bottom:var(--margin)}#preset-container{position:fixed;bottom:5rem;left:50%;height:4.5rem;transform:translate(-50%);z-index:20;display:none;flex-direction:row;align-items:stretch}#preset-container.visible{display:flex}#preset-prev,#preset-next{background:var(--bg);cursor:pointer;width:3.9rem;display:flex;align-items:center;font-size:1.3rem;justify-content:center;transition:border-color .2s ease,color .2s ease}#preset-prev{border-radius:var(--br-big) 0 0 var(--br-big)}#preset-next{border-radius:0 var(--br-big) var(--br-big) 0}#preset-name{background:var(--bg);white-space:nowrap;width:13rem;padding:1.1rem;font-size:1.3rem;font-weight:100;text-align:center;text-transform:capitalize;transition:border-color .2s ease,color .2s ease}#preset-prev:hover,#preset-next:hover{border-color:var(--muted);background:var(--border)}#instructions{position:fixed;top:.01rem;left:0;right:0;z-index:15;pointer-events:none;white-space:normal;width:100%;text-align:center;overflow-wrap:anywhere;opacity:0;transition:opacity .3s ease;padding:1rem}#instructions.visible{opacity:1}.modal-overlay{position:fixed;top:9rem;left:0;max-width:20rem;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(5px);display:flex;z-index:100;opacity:0;transition:opacity .2s ease;border-top-right-radius:2rem;border-bottom-right-radius:2rem}.modal-overlay.visible{opacity:1;pointer-events:none}.modal-overlay.visible .modal-close-btn,.modal-overlay.visible .modal-content a{pointer-events:auto}.modal-content{padding-left:2rem;padding-right:2rem;padding-top:2rem;width:100%;height:100%;margin-bottom:1.5rem}.modal-title{transition:all .2s ease;margin-bottom:1.5rem}.modal-close-btn{z-index:220;background:var(--but);position:fixed;right:.5rem;top:.5rem;background:var(--fg);color:var(--bg);min-width:3rem;float:right;transition:all .2s ease;padding:1rem;border-radius:var(--border-radius)}.modal-close-btn:hover{border-color:var(--but-hover)}#beautiful-panel{position:fixed;bottom:50%;transform:translateY(50%);right:0rem;background:var(--bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top-left-radius:2rem;border-bottom-left-radius:2rem;padding:16px 20px;z-index:9999;min-width:3rem;transition:opacity .3s ease;z-index:10;font-size:1rem}#beautiful-panel.hidden{opacity:0;pointer-events:none}.beautiful-panel-uniform{margin-bottom:16px}.beautiful-panel-uniform:last-child{margin-bottom:0}.beautiful-panel-label{display:block;font-size:.9rem;margin-bottom:.1rem}.beautiful-panel-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.1rem}.beautiful-panel-row:last-child{margin-bottom:0}.beautiful-panel-comp-label{font-size:12px;color:var(--fg);width:.2rem}.beautiful-panel-slider{flex:1;background:transparent;height:24px;margin:0;cursor:pointer}.beautiful-panel-slider:focus{outline:none}.beautiful-panel-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--fg);border-radius:2px;transition:background .2s ease}.beautiful-panel-slider:hover::-webkit-slider-runnable-track{background:var(--muted)}.beautiful-panel-slider::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--fg);margin-top:-5px;box-shadow:0 2px 5px #0000004d;transition:transform .1s ease}.beautiful-panel-slider:active::-webkit-slider-thumb{transform:scale(1.2)}.beautiful-panel-value{font-size:11px;width:32px;text-align:right;display:none}.beautiful-panel-texture-btn{cursor:pointer;display:block;width:100%;padding:1rem 1.4rem;background:var(--but);color:inherit;border:none;border-radius:var(--border-radius);font:inherit;transition:all .3s ease}.beautiful-panel-texture-btn:hover{filter:brightness(.8);-webkit-filter:brightness(.8)}