@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.grid-overlay{box-sizing:border-box;pointer-events:none;z-index:999999;opacity:0;width:100%;max-width:1460px;height:100vh;padding:0 10px;transition:opacity .3s;position:fixed;top:0;left:50%;transform:translate(-50%)}body.show-guides .grid-overlay{opacity:1}.grid-overlay-cols{grid-template-columns:repeat(12,1fr);height:100%;display:grid}.guide-col{border-left:1px dashed #0064ff80;height:100%}.guide-col:nth-child(odd){border-left:1px solid #00f}.guide-col:last-child{border-right:1px solid #00f}.project-overlay-backdrop{z-index:20000;scrollbar-gutter:stable;background-color:#0003;width:100%;height:100vh;position:fixed;top:0;left:0;right:0;overflow-y:auto}.overlay-grid-container{pointer-events:none;box-sizing:border-box;grid-template-columns:1fr repeat(12,minmax(0,120px)) 1fr;width:100%;height:auto;min-height:100vh;padding:0 10px;display:grid}.project-overlay-panel{background-color:color-mix(in srgb, var(--user-bg), white 95%);min-height:100vh;transition:background-color var(--theme-transition);color:#000;pointer-events:auto;grid-column:6/-1;grid-template-rows:auto auto;grid-template-columns:repeat(8,minmax(0,120px)) 1fr;margin-right:-10px;display:grid;position:relative;box-shadow:-10px 0 30px #0000001a}@media (width<=960px){.project-overlay-panel{grid-column:2/14;grid-template-columns:repeat(12,1fr);margin-right:0}}.overlay-content-wrapper{grid-area:1/1/auto/-2;grid-template-columns:repeat(8,1fr);grid-auto-rows:minmax(10px,auto);gap:5px 20px;width:100%;padding:30px 30px 20px;display:grid}@media (width<=960px){.overlay-content-wrapper{grid-column:1/-1;padding:20px}}.overlay-close-btn{cursor:pointer;color:var(--user-bg);z-index:100;background:0 0;border:none;grid-area:1/8;justify-self:end;width:10px;height:10px;padding:0;font-size:28px;line-height:1;transition:opacity .1s;display:block}.overlay-close-btn:hover{opacity:.5}@media (width<=960px){.overlay-close-btn{grid-column:8}}.overlay-close-btn-bottom{cursor:pointer;color:var(--user-bg);background:0 0;border:none;width:10px;height:10px;padding:0;font-size:28px;line-height:0;transition:opacity .1s}.overlay-close-btn-bottom:hover{opacity:.5}.overlay-title{grid-area:1/1/auto/-1;margin:0;font-size:32px;line-height:1.1}.overlay-title:before{content:"/.";color:var(--user-bg);margin-right:5px}.overlay-type{text-transform:uppercase;letter-spacing:.05em;grid-area:7/1/auto/-1;margin:0;font-size:12px;font-weight:500}.overlay-type:before{content:"//// ";color:var(--user-bg);margin-right:5px;font-weight:700}.overlay-year{text-transform:uppercase;letter-spacing:.05em;grid-area:8/1/auto/-1;margin:0;font-size:12px;font-weight:500}.overlay-year:before{content:"//// ";color:var(--user-bg);margin-right:5px;font-weight:700}.overlay-team{text-transform:uppercase;letter-spacing:.05em;grid-area:9/1/auto/-1;margin:0;font-size:12px;font-weight:500}.overlay-team:before{content:"//// ";color:var(--user-bg);margin-right:5px;font-weight:700}.overlay-description{grid-area:15/1/auto/-1;margin:0;font-size:12px;line-height:1.5}@media (width<=960px){.overlay-description{font-size:12px}}.overlay-hero{grid-area:21/1/auto/-1;width:100%;margin-bottom:20px}.overlay-hero-media{width:100%;height:auto;display:block}.overlay-image-grid{grid-column:1/-1;gap:20px;width:100%;min-width:0;display:grid}.overlay-image-grid.columns-1{grid-template-columns:1fr}.overlay-image-grid.columns-2{grid-template-columns:repeat(2,1fr)}.overlay-image-grid.columns-3{grid-template-columns:repeat(3,1fr)}.overlay-media{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.overlay-text-grid{white-space:pre-line;grid-column:1/-1;column-gap:20px;min-width:0;display:grid}.overlay-text-grid.columns-1{grid-template-columns:1fr}.overlay-text-grid.columns-2{grid-template-columns:repeat(2,1fr)}.overlay-text-grid.columns-3{grid-template-columns:repeat(3,1fr)}.overlay-text-grid .overlay-description{grid-column:auto;margin:0}.overlay-caption{text-align:center;width:100%;margin:0;font-size:12px;font-weight:700;line-height:1.5}@media (width<=960px){.overlay-caption{font-size:10px}}.overlay-subtitle{text-transform:inherit;margin:0;font-size:12px;font-weight:700;line-height:.5}.overlay-subtitle:before{content:"//// ";color:var(--user-bg);margin-right:5px;font-weight:700}.overlay-hr{background-color:var(--user-bg);opacity:1;border:0;grid-column:1/-1;width:100%;height:1px;margin:0}.overlay-footer{flex-direction:column;grid-area:2/1/auto/-2;justify-content:center;align-items:flex-start;row-gap:20px;width:100%;padding:150px 30px 30px;display:flex}@media (width<=960px){.overlay-footer{grid-column:1/-1}}.overlay-footer-text{opacity:1;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:8px}.overlay-footer-text:before{content:"//// ";color:var(--user-bg);margin-right:5px;font-weight:700}:root{--color-green:#009925;--color-blue:#00f;--color-orange:#ff7b00;--color-black:#000;--color-white:#fff;--color-nofilter:#343434;--user-bg:var(--color-black);--user-text:#fff;--active-media-opacity:1;--theme-transition:.6s ease;--hover-transition:.3s ease;--filter-orange:grayscale(100%) sepia(100%) saturate(400%) hue-rotate(-10deg);--filter-blue:grayscale(100%) sepia(100%) saturate(500%) hue-rotate(195deg);--filter-green:grayscale(100%) sepia(100%) saturate(250%) hue-rotate(50deg);--filter-black:grayscale(100%) sepia(0%) saturate(100%) hue-rotate(0deg);--filter-none:grayscale(0%) sepia(0%) saturate(100%) hue-rotate(0deg)}html,body,#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow:hidden auto}body{background-color:var(--user-bg);transition:background-color var(--theme-transition), color var(--theme-transition);width:100%;position:relative;font-family:Roboto Mono,monospace!important}body.is-locked{height:100%;overflow:hidden}body.unlocked{height:auto;overflow-y:auto}html.is-overlay-open,body.is-overlay-open{scrollbar-gutter:auto!important;overflow:hidden!important}body.is-overlay-open #app{filter:blur(15px);pointer-events:none;transition:filter .6s}#app{transition:filter .6s}.media-stack{z-index:10;transition:opacity .8s;overflow:visible;grid-template-rows:1fr!important;grid-template-columns:1fr!important;display:grid!important;position:relative!important}.media-stack>*{grid-area:1/1!important}.media-stack .media-item{object-fit:contain;opacity:0;pointer-events:none;transition:opacity .6s;width:100%!important;height:100%!important;display:block!important}.shared-caption{pointer-events:none;width:100%;color:var(--user-bg);text-transform:uppercase;letter-spacing:.05em;transition:color var(--theme-transition);justify-content:space-between;margin-top:12px;font-size:11px;font-weight:700;display:flex}html[data-theme=green] .item-green,html[data-theme=blue] .item-blue,html[data-theme=orange] .item-orange,html[data-theme=black] .item-black,html[data-theme=nofilter] .item-hover{opacity:var(--active-media-opacity)!important;z-index:10!important;pointer-events:auto!important}.media-item{transition:opacity .6s ease, filter var(--theme-transition)!important}#app:not(:has(.password-overlay)) .media-item{filter:grayscale(0%)sepia(0%)saturate()hue-rotate()}html[data-theme=orange] #app:not(:has(.password-overlay)) .media-item:not(.item-hover){filter:var(--filter-orange)}html[data-theme=blue] #app:not(:has(.password-overlay)) .media-item:not(.item-hover){filter:var(--filter-blue)}html[data-theme=green] #app:not(:has(.password-overlay)) .media-item:not(.item-hover){filter:var(--filter-green)}html[data-theme=black] #app:not(:has(.password-overlay)) .media-item:not(.item-hover){filter:var(--filter-black)}html[data-theme=nofilter] #app:not(:has(.password-overlay)) .media-item{filter:var(--filter-none)!important}#app:not(:has(.password-overlay)) .media-item.item-hover{filter:var(--filter-none)!important}.gridRow{grid-template-columns:repeat(12,1fr);gap:0;width:100%;max-width:1460px;margin:0 auto;padding:0 10px;display:grid}.grid_full{grid-column:1/span 12}.grid_6{grid-column:1/span 6}.grid_center_8{grid-column:3/span 8}.hero-grid-container{box-sizing:border-box;grid-template-rows:1fr auto 1fr;grid-template-columns:repeat(12,1fr);width:100%;max-width:1460px;height:100vh;margin:0 auto;padding:0 10px;display:grid;position:relative}.hero-stack{aspect-ratio:16/9;grid-area:2/4/auto/span 6;justify-self:center;position:relative;width:100%!important}.text-anchor,.text1-anchor{text-align:left;grid-area:1/1/auto/span 6;align-self:end;width:100%;margin-bottom:5px}.text-hr-anchor,.text1-hr-anchor{grid-area:1/1/auto/span 6;align-self:end;width:100%;margin-bottom:5px}.passcode-hr-anchor,.text2-hr-anchor{grid-area:3/7/auto/span 6;align-self:start;width:100%;margin-top:5px}.passcode-text-anchor,.text2-anchor{text-align:right;grid-area:3/7/auto/span 6;align-self:start;width:100%;margin-top:5px}@media (width<=960px) and (width>=641px){.text-anchor,.text1-anchor,.text-hr-anchor,.text1-hr-anchor{grid-column:2/span 6}.passcode-text-anchor,.text2-anchor,.passcode-hr-anchor,.text2-hr-anchor{grid-column:6/span 6}.hero-stack{grid-column:3/span 8}}@media (width<=640px){.text-hr-anchor,.passcode-hr-anchor,.text1-hr-anchor,.text2-hr-anchor{grid-column:1/span 12}.text-anchor,.text1-anchor{text-align:left;grid-column:1/span 9}.passcode-text-anchor,.text2-anchor{text-align:right;grid-column:1/span 12}.hero-stack{grid-column:1/span 12}}h1,h2,h3,.caption,.cover,bodycopy{transition:color var(--theme-transition)}hr{height:.5px;transition:background-color var(--theme-transition);border:0;margin:0;display:block}.global-header{z-index:10000;pointer-events:none;--header-color:var(--user-text);width:100%;height:100vh;position:fixed;top:0;left:0}.global-header.is-light-bg{--header-color:var(--user-bg)}.global-header>.gridRow{pointer-events:none;box-sizing:border-box;grid-template-columns:repeat(12,1fr);max-width:1460px;height:100%;margin:0 auto;padding:0 10px;display:grid}.header-top-wrapper{opacity:0;pointer-events:none;grid-area:1/1/auto/span 12;grid-template-columns:repeat(12,1fr);align-self:start;padding-top:40px;transition:opacity .4s;display:grid}.global-header.is-top-links-visible .header-top-wrapper{opacity:1;pointer-events:auto}.header-top-text{text-align:right;grid-area:1/1/auto/span 12}.header-top-text span{color:var(--user-text);font-size:14px;transition:color .4s}.global-header.is-light-bg .header-top-text span{color:var(--user-bg)!important}.header-top-text a{color:inherit;font-weight:400;text-decoration:none}.header-top-text a.active{font-weight:700}.global-header.is-minimized .header-top-text a:not(.active),.global-header.is-minimized .header-top-text .nav-sep{display:none}.global-header.is-minimized .header-top-text:hover a,.global-header.is-minimized .header-top-text:hover .nav-sep{display:inline}.header-hr-container.top-hr{opacity:1;grid-area:2/1/auto/span 12;width:100%;padding-top:5px;padding-bottom:0}.header-bottom-wrapper{box-sizing:border-box;pointer-events:none;grid-template-columns:repeat(12,1fr);width:100%;max-width:1460px;padding:0 10px;transition:top .4s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:calc(50vh + 273px);left:50%;transform:translate(-50%)}.global-header.is-scrolled .header-bottom-wrapper{top:calc(100vh - 50px)}.header-hr-container{opacity:0;pointer-events:none;grid-area:1/1/auto/span 12;padding-bottom:10px;transition:opacity .4s}.global-header.is-scrolled .header-hr-container{opacity:1}.header-hr{border:none;width:100%;margin:0;border-top:1px solid var(--user-bg)!important}.switcher-inner{pointer-events:auto;grid-area:2/5/auto/span 4;justify-content:center;align-items:center;transition:grid-column .4s;display:flex}.global-header.is-scrolled .switcher-inner{grid-column:6/span 2}.global-header .swatch{transition:transform .2s;border-color:var(--user-text)!important}.global-header .swatch:hover{transform:scale(1.2)!important}.global-header.is-scrolled .swatch{transform:scale(1)}.global-header .swatch-label{opacity:.8;transition:opacity .3s,transform .3s;color:var(--user-text)!important}.global-header.is-scrolled .swatch-label{pointer-events:none;transform:translateY(10px);opacity:0!important}.global-header .swatch-nofilter{border:4px solid var(--user-text)!important;background-color:#7f7f7f!important}@media (width<=960px) and (width>=641px){.switcher-inner,.header-top-wrapper{grid-column:3/span 8}}@media (height<=500px) and (width<=960px){.header-bottom-wrapper{top:calc(50vh + 144px)}.global-header.is-scrolled .header-bottom-wrapper{top:calc(100vh - 50px)}.switcher-inner{grid-column:4/span 6}.global-header.is-scrolled .switcher-inner{grid-column:5/span 4}.header-top-wrapper{grid-column:1/span 12;padding-top:20px;padding-right:20px}}@media (width<=640px){.header-bottom-wrapper{top:calc(50vh + 244px)}.global-header.is-scrolled .header-bottom-wrapper{top:calc(100vh - 80px)}.switcher-inner{grid-column:2/span 10}.global-header.is-scrolled .switcher-inner{grid-column:4/span 6}.header-top-wrapper{text-align:center;grid-column:1/span 12;align-items:center;padding-top:20px}}.password-overlay{background-color:color-mix(in srgb, var(--user-bg), white 80%);z-index:9999;pointer-events:auto;width:100%;height:100vh;transition:opacity .8s ease, background-color var(--theme-transition);flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden;color:var(--user-bg)!important}.password-overlay *{transition:color .6s;color:var(--user-bg)!important;font-family:Roboto Mono,monospace!important}.password-overlay hr{background-color:var(--user-bg)!important;border:none!important;height:1px!important;display:block!important}.passcode-box{margin-top:30px}.passcode-helper{color:var(--user-bg);font-size:8px;line-height:1;display:block}.passcode-error{margin-top:10px;font-size:11px}.passcode-box input{border:none;border-bottom:1px dashed var(--user-bg);text-align:center;background:0 0;outline:none;width:120px;padding:5px}.passcode-box button{border:none;border-bottom:1px solid var(--user-bg);cursor:pointer;background:0 0;margin-left:5px;padding:5px 10px}.swatch{border:1px solid var(--user-bg);border-radius:50%;width:20px;height:20px;transition:transform .2s;cursor:pointer!important;pointer-events:auto!important}.swatch-nofilter{background:#fff!important;border:5px solid #7f7f7f!important}.swatch:hover{transform:scale(1.2)}.swatch-green{background:var(--color-green)}.swatch-blue{background:var(--color-blue)}.swatch-orange{background:var(--color-orange)}.swatch-black{background:var(--color-black)}.swatch-container{flex-direction:column;align-items:center;display:flex;position:relative}.swatch-label{text-transform:uppercase;letter-spacing:.5px;color:var(--user-bg);white-space:nowrap;font-size:8px;font-weight:700;font-style:inherit;opacity:.3;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;top:22px}.swatch-container:hover .swatch-label{opacity:1;transform:scale(1.2)}.password-overlay .swatch-container:has(.swatch-nofilter) .swatch-label{color:#7f7f7f!important}.theme-switcher{justify-content:space-between;align-items:center;width:100%;display:flex}.switcher-overlay{pointer-events:none;z-index:100;width:100%;position:fixed;top:calc(50vh + 273px);left:0}.switcher-overlay .gridRow{pointer-events:none}.switcher-inner{pointer-events:auto;grid-column:5/span 4;justify-content:center;align-items:center;display:flex}.switcher-overlay .swatch{border-color:var(--user-bg)!important}.switcher-overlay .swatch-nofilter{border:5px solid #7f7f7f!important}.switcher-overlay .swatch-label{color:var(--user-bg)!important}@media (width<=960px) and (width>=641px){.switcher-inner{grid-column:3/span 8}}@media (height<=500px) and (width<=960px){.password-overlay .hero-grid-container{grid-template-rows:1fr auto 1fr}.password-overlay .hero-stack{grid-area:2/4/auto/span 6;justify-self:center;max-height:350px;width:auto!important}.text-anchor{text-align:left;grid-area:2/1/auto/span 3;align-self:start;margin:0;padding-right:20px}.passcode-text-anchor{text-align:right;grid-area:2/10/auto/span 3;align-self:end;margin:0;padding-left:20px}.text-hr-anchor{grid-column:1/span 6}.passcode-hr-anchor{grid-column:7/span 6}.password-overlay .theme-switcher{top:calc(100% + 50px)}.switcher-overlay{top:calc(50vh + 144px)}.switcher-inner{grid-column:4/span 6}}@media (width<=640px){.switcher-overlay{top:calc(50vh + 244px)}.switcher-inner{grid-column:2/span 10}.theme-switcher{justify-content:space-around}}body.unlocked .password-overlay{opacity:0;pointer-events:none}section.home-page{--active-media-opacity:.5}.home-page{background-color:var(--user-bg);width:100%;min-height:100vh;transition:background-color var(--theme-transition);flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.home-page #home *{color:var(--user-text)!important;font-family:Roboto Mono,monospace!important}.home-page #home hr{background-color:var(--user-text)!important}.text1-anchor{font-size:36px}.text2-anchor{font-size:14px}.text2-anchor a{color:inherit;text-decoration:none}@media (height<=500px) and (width<=960px){.home-page .hero-grid-container{grid-template-rows:1fr auto 1fr}.home-page .hero-stack{grid-area:2/4/auto/span 6;justify-self:center;max-height:350px;width:auto!important}.text1-anchor{text-align:left;grid-area:2/1/auto/span 3;align-self:start;margin:0;padding-right:20px;font-size:30px}.text2-anchor{text-align:right;grid-area:2/9/auto/span 5;align-self:end;margin:0;padding-left:20px}.text1-hr-anchor{grid-column:1/span 6}.text2-hr-anchor{grid-column:7/span 6}}.about-page{background-color:color-mix(in srgb, var(--user-bg), white 100%);box-sizing:border-box;width:100%;min-height:100vh;transition:background-color var(--theme-transition);flex-direction:column;justify-content:flex-start;padding:100px 0;display:flex}.about-page *{transition:color .6s;color:var(--user-bg)!important;font-family:Roboto Mono,monospace!important}.about-page hr{background-color:var(--user-bg)!important}.about-page h1{border-bottom:1px solid var(--user-bg);margin-bottom:40px;padding-bottom:10px;font-size:48px}.about-page p{margin-bottom:20px;font-size:14px;line-height:1.6}.about-container{box-sizing:border-box;grid-template-rows:auto;grid-template-columns:repeat(12,1fr);align-items:end;gap:0;width:100%;max-width:1460px;margin:0 auto;padding:0 10px;display:grid}.about-hr-1{grid-area:5/3/auto/span 2;align-self:end}.about-hr-2{grid-area:1/1/auto/span 5;align-self:end}.about-hr-3{grid-area:2/6/auto/span 5;align-self:start}.about-hr-4{grid-area:2/6/auto/span 5;align-self:end}.about-content1{text-align:left;grid-area:1/3/auto/span 4;margin-bottom:0}.about-content2{text-align:left;grid-area:3/7/auto/span 4;margin-top:5px}.about-stack{aspect-ratio:1;width:100%}.about-media{grid-area:2/5/auto/span 4;align-self:end}.about-page .media-item{object-fit:cover;width:100%;height:100%}@media (width<=960px){.about-hr-1,.about-hr-2,.about-hr-3,.about-hr-4{grid-column:1/span 12}.about-content1{order:2;grid-column:1/span 12;padding:0 20px}.about-media{order:1;margin-bottom:40px;grid-column:1/span 12!important}}.projects-page{background-color:color-mix(in srgb, var(--user-bg), white 80%);--active-media-opacity:1;width:100%;min-height:100vh;transition:background-color var(--theme-transition);padding-top:100px;padding-bottom:100px}.projects-page *{transition:color .6s;color:var(--user-bg)!important;font-family:Roboto Mono,monospace!important}.projects-header{align-items:center;margin-bottom:40px}.tags-filter-container{flex-wrap:wrap;grid-column:7/span 6;justify-content:flex-start;gap:5px;display:flex}.tag-link{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;margin:0;padding:0;font-size:13px;font-weight:400;transition:font-weight .2s,opacity .2s;color:var(--user-bg)!important}.tag-link:hover{opacity:.7}.tag-link.active{font-weight:700}.tag-link:after{content:"/ ";opacity:.3;margin-left:15px;font-weight:400}.tag-link:last-child:after{content:""}.projects-container{box-sizing:border-box;grid-template-columns:repeat(12,1fr);grid-auto-rows:10px;gap:0;width:100%;max-width:1460px;margin:0 auto;padding:100px 10px;display:grid}.project-thumbnail{width:auto;transition:opacity var(--theme-transition), filter var(--theme-transition);flex-direction:column;align-self:flex-start;display:inline-flex}.project-thumbnail.is-inactive{opacity:.2}.project-thumbnail .media-stack{cursor:pointer;width:100%!important}.project-thumbnail:hover .media-stack .item-hover{opacity:1!important;z-index:20!important;pointer-events:auto!important;transition:opacity var(--hover-transition)!important}.project-thumbnail:hover .media-stack .media-item:not(.item-hover){opacity:0!important;transition:opacity var(--hover-transition)!important}.shared-caption{pointer-events:none;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;width:100%;margin-top:12px;font-size:11px;font-weight:700;display:flex}.cap-right{opacity:.8;font-weight:400}@media (width<=960px){.projects-container{grid-template-columns:1fr;grid-auto-rows:auto;gap:60px 0}.project-thumbnail{width:100%;margin-bottom:20px;grid-area:auto/1/auto/span 12!important}.projects-header{margin-bottom:20px}.projects-header .grid_6,.projects-header .tags-filter-container{width:100%;grid-column:1/span 12!important}.tags-filter-container{justify-content:flex-start;margin-top:20px}}