@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";.playground-hud{opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;animation:.2s forwards fadeInHUD;display:flex}@keyframes fadeInHUD{0%{opacity:0}to{opacity:1}}.playground-hud-hint{border:1px solid var(--user-bg);text-transform:uppercase;width:18px;height:18px;color:var(--user-bg);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10000;pointer-events:auto;transition:opacity .15s ease, background-color var(--theme-transition), color var(--theme-transition), border-color var(--theme-transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-family:Roboto Mono,monospace;font-size:10px;font-weight:500;animation:1.5s ease-in-out infinite pulseHint;display:inline-flex}.playground-hud-hint:hover{background:color-mix(in srgb, var(--user-bg) 12%, transparent);opacity:1}.playground-hud-hint:active{background:var(--user-bg);color:var(--user-text)}.playground-hud-hint.active{background:var(--user-bg);color:var(--user-text);opacity:1;animation:none}.playground-hud-hint.no-pulse{opacity:.85;animation:none}@keyframes pulseHint{0%,to{opacity:.15}50%{opacity:1}}.hud-row{color:var(--user-bg);text-transform:uppercase;white-space:nowrap;pointer-events:auto;flex-direction:row;align-items:center;gap:4px;font-family:Roboto Mono,monospace;font-size:8px;font-weight:500;display:flex}.hud-desc{color:var(--user-bg);font-family:Roboto Mono,monospace;font-size:8px;font-weight:500}.hud-key{border:1px solid var(--user-bg);min-width:18px;height:18px;color:var(--user-bg);text-transform:uppercase;cursor:pointer;transition:background-color var(--theme-transition), color var(--theme-transition), border-color var(--theme-transition), transform .1s ease;-webkit-user-select:none;user-select:none;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;font-family:Roboto Mono,monospace;font-size:8px;font-weight:500;display:inline-flex}.hud-key.active,.hud-key:active{background:var(--user-bg);color:var(--user-text)}.hud-key:hover{background:color-mix(in srgb, var(--user-bg) 12%, transparent)}.hud-key.active:hover{background:var(--user-bg);color:var(--user-text)}.playground-mobile-controls{z-index:10001;pointer-events:none;box-sizing:border-box;width:100%;display:none;position:fixed;left:0;right:0}.mobile-hud-grid-row{pointer-events:none;align-items:center}.mobile-hud-col-left{pointer-events:auto;grid-column:1/span 4;justify-content:flex-start;display:flex}.mobile-hud-col-center{pointer-events:auto;grid-column:5/span 4;justify-content:center;display:flex}.mobile-hud-col-right{pointer-events:auto;grid-column:9/span 4;justify-content:flex-end;display:flex}.mobile-hud-btn{background:color-mix(in srgb, var(--user-text) 8%, transparent);border:1px solid var(--user-text);color:var(--user-text);text-transform:uppercase;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--theme-transition), color var(--theme-transition), border-color var(--theme-transition), transform .1s ease;pointer-events:auto;justify-content:center;align-items:center;font-family:Roboto Mono,monospace;font-weight:700;display:inline-flex}.dpad-btn{border-radius:6px;width:36px;height:36px;font-size:14px}.exit-btn{letter-spacing:.05em;border-radius:6px;height:36px;padding:0 9px;font-size:10px}.mobile-hud-btn.active,.mobile-hud-btn:active{background:var(--user-text);color:var(--user-bg);transform:scale(.92)}@media (width<=960px){.playground-hud,.playground-hud-hint{display:none!important}.playground-mobile-controls{display:block!important}}.stickman-wrapper{will-change:transform;pointer-events:none;transform-origin:bottom;width:60px;height:90px;position:absolute}.stickman-wrapper svg{color:inherit}.playground-slider{width:200vw;display:flex}.main-content-wrapper{z-index:12;will-change:transform;flex-shrink:0;width:100vw;position:relative}.playground-blank-page{background-color:color-mix(in srgb, var(--user-bg), white 80%);width:100vw;height:100vh;transition:background-color var(--theme-transition);z-index:8;will-change:transform;position:fixed;top:0;left:100vw}.playground-ground-pad{background-color:var(--user-bg);width:100vw;transition:background-color var(--theme-transition);z-index:9;pointer-events:none;position:absolute;bottom:0;left:0}.playground-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:absolute;bottom:0;left:0}.blank-page-content{pointer-events:none;width:100vw;height:100vh;padding-top:120px;position:fixed;bottom:0;left:0}.blank-page-content .gridRow{width:100%}.blank-page-column{pointer-events:auto;flex-direction:column;justify-content:center;display:flex}.blank-page-column-right{grid-column:7/span 6}.nav-arrow-wrapper{pointer-events:none;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards arrowSpawn;position:absolute;transform:translate(-50%,-50%)}.nav-arrow{background-color:color-mix(in srgb, var(--user-bg) 10%, transparent);border:2px solid var(--user-bg);width:18px;height:18px;color:var(--user-bg);box-shadow:0 0 10px color-mix(in srgb, var(--user-bg) 30%, transparent);pointer-events:none;transition:border-color var(--theme-transition), color var(--theme-transition), box-shadow var(--theme-transition);border-radius:25%;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite arrowPulse;display:flex}@keyframes arrowPulse{0%,to{opacity:.15}50%{opacity:1}}@keyframes arrowSpawn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.playground-nav-label{color:var(--user-bg);white-space:nowrap;letter-spacing:.05em;pointer-events:none;opacity:0;transition:color var(--theme-transition);margin-top:72px;padding-right:50px;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards labelSpawn;position:absolute;transform:translate(-50%,-50%)}@keyframes labelSpawn{0%{opacity:0;transform:translate(-50%,-10px)scale(.8)}to{opacity:.85;transform:translate(-50%,-50%)scale(1)}}.playground-portal{pointer-events:none;z-index:12;opacity:0;visibility:hidden;width:100px;height:95px;transition:opacity var(--theme-transition), visibility var(--theme-transition);position:absolute;transform:translate(-50%)}.playground-portal.visible{opacity:1;visibility:visible}.playground-portal-gate{background-color:var(--user-bg);width:5px;box-shadow:0 0 15px var(--user-bg), -10px 0 30px var(--user-bg), -30px 0 60px var(--user-bg), -50px 0 100px var(--user-bg), 0 0 15px var(--user-bg), -10px 0 30px var(--user-bg), -30px 0 60px var(--user-bg), -50px 0 100px var(--user-bg);opacity:.85;clip-path:inset(-200px 100% -200px -200px);transition:background-color var(--theme-transition), box-shadow var(--theme-transition);border-radius:0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.playground-portal-particles{position:absolute;inset:0;overflow:visible}.playground-portal-particle{background-color:var(--user-bg);width:3.5px;height:3.5px;box-shadow:0 0 4px var(--user-bg);opacity:.2;transition:background-color var(--theme-transition), box-shadow var(--theme-transition);border-radius:50%;animation:ease-in-out infinite portalAmbientFloat;position:absolute}.playground-portal-particle:first-child{--drift-x:-5px;--drift-y:4px;animation-duration:4.2s;animation-delay:0s;top:6%;left:10%}.playground-portal-particle:nth-child(2){--drift-x:-4px;--drift-y:-5px;animation-duration:3.5s;animation-delay:.4s;top:12%;left:-30%}.playground-portal-particle:nth-child(3){--drift-x:-3px;--drift-y:3px;animation-duration:4.8s;animation-delay:.8s;top:18%;left:40%}.playground-portal-particle:nth-child(4){--drift-x:-5px;--drift-y:-4px;animation-duration:3.9s;animation-delay:1.2s;top:25%;left:-10%}.playground-portal-particle:nth-child(5){--drift-x:-4px;--drift-y:5px;animation-duration:4.5s;animation-delay:1.6s;top:32%;left:25%}.playground-portal-particle:nth-child(6){--drift-x:-7px;--drift-y:-3px;animation-duration:3.7s;animation-delay:2s;top:38%;left:-60%}.playground-portal-particle:nth-child(7){--drift-x:-5px;--drift-y:-6px;animation-duration:4.1s;animation-delay:.2s;top:45%;left:15%}.playground-portal-particle:nth-child(8){--drift-x:-4px;--drift-y:4px;animation-duration:3.8s;animation-delay:.6s;top:52%;left:-40%}.playground-portal-particle:nth-child(9){--drift-x:-3px;--drift-y:-5px;animation-duration:4.6s;animation-delay:1s;top:58%;left:35%}.playground-portal-particle:nth-child(10){--drift-x:-5px;--drift-y:5px;animation-duration:4.3s;animation-delay:1.4s;top:65%;left:-20%}.playground-portal-particle:nth-child(11){--drift-x:-6px;--drift-y:-3px;animation-duration:3.6s;animation-delay:1.8s;top:72%;left:20%}.playground-portal-particle:nth-child(12){--drift-x:-8px;--drift-y:4px;animation-duration:4s;animation-delay:2.2s;top:78%;left:-80%}.playground-portal-particle:nth-child(13){--drift-x:-4px;--drift-y:-5px;animation-duration:4.4s;animation-delay:.1s;top:84%;left:5%}.playground-portal-particle:nth-child(14){--drift-x:-5px;--drift-y:3px;animation-duration:3.7s;animation-delay:.5s;top:90%;left:-50%}.playground-portal-particle:nth-child(15){--drift-x:-3px;--drift-y:-4px;animation-duration:4.7s;animation-delay:.9s;top:95%;left:30%}.playground-portal-particle:nth-child(16){--drift-x:-8px;--drift-y:5px;animation-duration:4.1s;animation-delay:1.3s;top:50%;left:-100%}@keyframes portalAmbientFloat{0%,to{opacity:.15;transform:translate(0,0)scale(.7)}50%{transform:translate3d(var(--drift-x,4px), var(--drift-y,-4px), 0) scale(1.2);opacity:.75}}.blank-page-column-left{grid-column:1/span 6}.placeholder-list{color:var(--user-bg);opacity:1;letter-spacing:.05em;transition:color var(--theme-transition), opacity .15s ease;margin:0;padding:0;font-family:Roboto Mono,monospace;font-size:12px;line-height:1.4;list-style:none}.placeholder-list li{white-space:nowrap;margin-bottom:8px}@media (width<=960px){.blank-page-column-left{grid-column:1/span 12}.placeholder-list li{white-space:normal}}.grid-overlay{box-sizing:border-box;pointer-events:none;z-index:999999;opacity:0;--grid-color:var(--color-black);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}html[data-theme=green] .grid-overlay{--grid-color:var(--color-green)}html[data-theme=blue] .grid-overlay{--grid-color:var(--color-blue)}html[data-theme=orange] .grid-overlay{--grid-color:var(--color-orange)}html[data-theme=black] .grid-overlay{--grid-color:var(--color-black)}html[data-theme=nofilter] .grid-overlay{--grid-color:var(--color-nofilter)}.grid-overlay-cols{grid-template-columns:repeat(12,1fr);height:100%;display:grid}.guide-col{border-left:1px dashed var(--grid-color);height:100%}.guide-col:nth-child(odd){border-left:1px solid var(--grid-color)}.guide-col:last-child{border-right:1px solid var(--grid-color)}.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-role{grid-area:18/1/auto/-1;margin:0;font-size:12px;line-height:1.5}@media (width<=960px){.overlay-role{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:1.4}.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-text-grid[data-role=subtitle][data-col="1"]{grid-column:1/span 8!important}.overlay-text-grid[data-role=subtitle][data-col="2"]{grid-column:2/span 6!important}}.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}.project-overlay-panel a{color:#000;cursor:pointer;font-weight:inherit;pointer-events:auto;text-decoration:underline;transition:opacity .2s}.project-overlay-panel a:hover{opacity:.7}: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;--active-indicator-color:#fff;--active-indicator-thickness:1px;--active-indicator-offset:1px;--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}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}.swatch.active,.footer-swatch.active{outline:var(--active-indicator-thickness) solid var(--active-indicator-color)!important;outline-offset:var(--active-indicator-offset)!important}html.is-playground-locked,body.is-playground-locked{overflow:hidden!important}.global-header{z-index:10000;pointer-events:none;--header-color:var(--user-text);width:100%;height:100vh;position:fixed;top:0;left:0}body.is-overlay-open .global-header{opacity:0!important;pointer-events:none!important}.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:0;transition:opacity .4s;display:grid}.global-header.is-top-links-visible .header-top-wrapper{opacity:1;pointer-events:auto}.header-top-text{text-align:left;background:0 0;grid-area:1/1/auto/span 12;margin:6px 0 0;padding:3px 16px;position:relative}.header-top-text:before{content:"";background-color:color-mix(in srgb, var(--user-bg), white 80%);border-left:1px solid var(--user-bg);border-right:1px solid var(--user-bg);z-index:-1;transition:background-color var(--theme-transition), border-color var(--theme-transition);position:absolute;inset:4px 0}.header-top-text:after{content:"";background-color:color-mix(in srgb, var(--user-bg), white 80%);border-top:1px solid var(--user-bg);border-bottom:1px solid var(--user-bg);z-index:-1;transition:background-color var(--theme-transition), border-color var(--theme-transition);position:absolute;inset:0 4px}.header-top-text span{color:var(--user-bg);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}.header-top-text a.active:before{content:"> "}.header-hr-container.top-hr{opacity:1;grid-area:2/1/auto/span 12;width:100%;padding-top:5px;padding-bottom:0}.header-hr-container.bottom-hr{grid-column:1/span 12}.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}.global-header .switcher-inner{pointer-events:auto;background:0 0;grid-area:1/5/auto/span 4;justify-content:center;align-items:center;transition:grid-column .4s;display:flex;position:relative}.global-header .switcher-inner:before{content:"";background-color:color-mix(in srgb, var(--user-bg), white 80%);border-left:1px solid var(--user-bg);border-right:1px solid var(--user-bg);z-index:-1;opacity:0;transition:opacity .4s ease, background-color var(--theme-transition), border-color var(--theme-transition);position:absolute;inset:4px 0}.global-header .switcher-inner:after{content:"";background-color:color-mix(in srgb, var(--user-bg), white 80%);border-top:1px solid var(--user-bg);border-bottom:1px solid var(--user-bg);z-index:-1;opacity:0;transition:opacity .4s ease, background-color var(--theme-transition), border-color var(--theme-transition);position:absolute;inset:0 4px}.global-header.is-top-links-visible .switcher-inner:before,.global-header.is-top-links-visible .switcher-inner:after{opacity:1}.global-header.is-scrolled .switcher-inner{grid-column:6/span 2;margin:4px;padding:5px 20px}.global-header .swatch{transition:transform .2s ease, outline var(--theme-transition), border-color var(--theme-transition);outline:0 solid #0000;border-color:var(--user-text)!important}.global-header.is-top-links-visible .swatch{border-color:var(--user-bg)!important}.global-header .swatch:hover{transform:scale(1.1)!important}.global-header.is-scrolled .swatch{transform:scale(.75)}.global-header.is-at-footer .swatch{transform:scale(.55);border-color:var(--user-text)!important}.global-header.is-at-footer .header-bottom-wrapper .header-hr-container{opacity:0}.global-header.is-at-footer .switcher-inner:before,.global-header.is-at-footer .switcher-inner:after{opacity:0!important}.global-header .swatch-label{opacity:.8;transition:opacity var(--theme-transition), transform .2s ease, color var(--theme-transition);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:3px solid var(--user-text)!important;background-color:#7f7f7f!important}.global-header.is-at-footer .swatch-nofilter{border:3px solid var(--user-text)!important}.global-header.is-top-links-visible .swatch-nofilter{border-color:var(--user-text)!important}@media (width<=960px){.header-bottom-wrapper{top:calc(50vh + 244px)}.global-header.is-scrolled .header-bottom-wrapper{top:calc(100vh - 80px)}.global-header .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}}@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}}body:has(.password-overlay){background-color:color-mix(in srgb, var(--user-bg), white 80%)!important}body:has(.password-overlay) .playground-slider{width:100vw!important}body:has(.password-overlay) .playground-blank-page{display:none!important}.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;font-size:16px}.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:.5px solid var(--user-text);width:18px;height:18px;transition:transform var(--theme-transition), outline var(--theme-transition);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));outline:0 solid #0000;flex-shrink:0;cursor:pointer!important;pointer-events:auto!important}.swatch-nofilter{background:#fff!important;border:3px 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;flex-shrink:0;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 var(--theme-transition), transform .2s ease, color var(--theme-transition);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:3px solid #7f7f7f!important}.switcher-overlay .swatch-label{color:var(--user-bg)!important}@media (width<=960px){.switcher-overlay{top:calc(50vh + 244px)}.switcher-inner{grid-column:2/span 10}.theme-switcher{justify-content:space-around}}@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}}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{align-self:start;align-content:right;grid-area:1/10/auto/span 1;margin-top:150px}.about-hr-1:after{content:"> "}.about-hr-2{grid-area:2/2/auto/span 1;align-self:start;margin-top:350px}.about-hr-2:before{content:"<"}.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%}.float-1{grid-area:1/9/auto/span 2;align-self:start;margin-top:200px;font-size:10px;color:var(--user-bg)!important}.float-2{grid-area:2/10/auto/span 2;align-self:start;margin-top:150px;font-size:10px;color:var(--user-bg)!important}.float-3{grid-area:2/3/auto/span 2;align-self:end;margin-bottom:50px;font-size:10px;color:var(--user-bg)!important}.float-4{grid-area:3/4/auto/span 2;align-self:start;margin-top:150px;font-size:10px;color:var(--user-bg)!important}.about-mobile-tldr{display:none}.about-cv{text-align:end;grid-area:3/4/auto/span 2;align-self:end;margin-bottom:20px;font-size:14px;line-height:1.6}@media (width<=960px){.about-hr-1,.about-hr-2,.about-hr-3,.about-hr-4{grid-column:1/span 12}.about-content1{grid-column:1/span 10}.about-content2{grid-column:3/span 10}.about-media{margin-top:10px;margin-bottom:10px;grid-column:3/span 8!important}.about-page p{font-size:12px;line-height:1.6}.float-1,.float-2,.float-3,.float-4{display:none}.about-mobile-tldr{margin-top:20px;display:block}.about-mobile-tldr h3{margin-bottom:10px;font-size:14px;text-decoration:underline}.about-mobile-tldr .float-1,.about-mobile-tldr .float-2,.about-mobile-tldr .float-3,.about-mobile-tldr .float-4{grid-column:1/span 12;margin:5px 0;font-size:12px;display:block}.about-hr-1{align-self:start;align-content:right;grid-area:1/10/auto/span 1;margin-top:20px}.about-hr-1:after{content:"> "}.about-hr-2{grid-area:2/1/auto/span 1;align-self:start;margin-top:150px}.about-hr-2:before{content:"<"}.about-cv{text-align:start;grid-area:4/3/auto/span 10;align-self:start;margin-top:20px;margin-bottom:0;font-size:12px}}.about-page a{transition:opacity var(--hover-transition);text-decoration:underline}.about-page a:hover{opacity:.6}.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:300;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:12px;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;width:100%;color:var(--user-bg);text-transform:uppercase;letter-spacing:.05em;transition:color var(--theme-transition);justify-content:space-between;align-items:flex-start;margin-top:12px;font-size:11px;font-weight:700;display:flex}.cap-left{flex-direction:column;gap:2px;max-width:50%;font-size:11px;display:flex}.cap-year{opacity:1;font-size:11px;font-weight:700}.cap-right{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;max-width:50%;display:flex}.cap-type{opacity:1;font-size:10px;font-weight:300}.projects-hr-1{grid-area:2/7/auto/span 6;align-self:start;margin-top:0;background-color:var(--user-bg)!important}@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}}.site-footer{transition:background-color var(--theme-transition), color var(--theme-transition), border-color var(--theme-transition);margin-top:50px;padding:10px 0 90px}.footer-column{color:var(--user-text);font-size:12px;line-height:1.6}.footer-column p{margin:0 0 10px}.footer-column a{color:var(--user-text);transition:opacity var(--hover-transition);text-decoration:underline}.footer-column a:hover{opacity:.6}.footer-social-list{margin:0;padding:0;list-style:none}.footer-social-list li{margin-bottom:8px}.footer-social-list a{text-transform:uppercase;letter-spacing:.05em;font-weight:700;text-decoration:none}.footer-tools{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.footer-color-picker{gap:12px;display:flex}.footer-swatch{cursor:pointer;border:1px solid var(--user-text);border-radius:50%;width:14px;height:14px;transition:transform .2s}.footer-swatch:hover{transform:scale(1.2)}.footer-swatch-green{background-color:var(--color-green)}.footer-swatch-blue{background-color:var(--color-blue)}.footer-swatch-orange{background-color:var(--color-orange)}.footer-swatch-black{background-color:var(--color-black)}.footer-swatch-nofilter{background-color:var(--color-nofilter)}.keyboard-shortcut-hint{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;font-size:11px;display:flex}.shortcut-key{border:.5px solid var(--user-text);border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.footer-col-info{grid-column:1/span 3}.footer-col-social{grid-column:5/span 4}.footer-col-tools{grid-column:9/span 4}.clickable{cursor:pointer}@media (width<=960px){.gridRow{grid-template-columns:repeat(12,1fr);align-items:end;gap:20px;display:grid}.footer-col-info{grid-area:1/1/span 2/span 6}.footer-col-social{text-align:right;flex-direction:column;grid-area:1/7/auto/span 6;align-items:flex-end;display:flex}.footer-col-tools{grid-area:2/7/auto/span 6;align-items:flex-end}}.playground-page-section{width:100%;transition:background-color var(--theme-transition);background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border:none!important}.playground-trigger-row{z-index:13;position:relative;background:0 0!important;border:none!important}.playground-trigger-box{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;height:100px;position:relative;grid-column:1/span 12!important}.playground-trigger-visuals{box-sizing:border-box;width:41.6667%;transition:background-color var(--theme-transition), border-color var(--theme-transition);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border-bottom:1px solid color-mix(in srgb, var(--user-bg), white 80%)!important}.playground-trigger-visuals span{letter-spacing:.05em;transition:color var(--theme-transition);z-index:2;font-family:Roboto Mono,monospace;font-size:14px;font-weight:700;color:var(--user-bg)!important}.playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals{background-color:var(--user-bg)!important}.playground-page-section[data-theme=green] .playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals,.playground-page-section[data-theme=orange] .playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals,.playground-page-section[data-theme=nofilter] .playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals,.playground-page-section[data-theme=black] .playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals,.playground-page-section[data-theme=blue] .playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals{background-color:#0000!important}.playground-trigger-box:not(.playground-active):hover .playground-trigger-visuals span{color:var(--user-text)!important}.aquarium-group{z-index:1;pointer-events:none;width:50px;height:100px;position:absolute;bottom:0}.seaweed-svg{color:var(--user-bg);transition:color var(--theme-transition);transform-origin:bottom;animation:4s ease-in-out infinite seaweed-sway;display:block}.seaweed-tall{width:12px;height:60px}.seaweed-short{width:10px;height:40px;animation-delay:-1.5s}.seaweed-coral{width:24px;height:45px;animation-delay:-.7s}.seagrass-blade{animation:2.5s ease-in-out infinite seagrass-sway}@keyframes seagrass-sway{0%,to{transform:skew(-6deg)scaleY(1)}50%{transform:skew(6deg)scaleY(.95)}}.trigger-fish{width:18px;height:12px;color:var(--user-bg);transition:color var(--theme-transition);z-index:1;position:absolute}.fish-swim-left{animation:4s ease-in-out infinite fish-swim-left}.fish-swim-right{animation:4.5s ease-in-out infinite fish-swim-right}.playground-trigger-box:not(.playground-active):hover .seaweed-svg,.playground-trigger-box:not(.playground-active):hover .trigger-fish{color:var(--user-text)!important}@keyframes seaweed-sway{0%,to{transform:skew(-4deg)scaleY(1)}50%{transform:skew(4deg)scaleY(.97)}}@keyframes fish-swim-left{0%,to{transform:translate(0,0)}50%{transform:translate(-8px,-4px)}}@keyframes fish-swim-right{0%,to{transform:translate(0,0)}50%{transform:translate(8px,4px)}}.neighborhood-svg{color:var(--user-bg);transition:color var(--theme-transition);pointer-events:none;z-index:1;display:block;position:absolute}.playground-trigger-box:not(.playground-active):hover .neighborhood-svg{color:var(--user-text)!important}.car-sedan{transform-origin:bottom;animation:.18s linear infinite car-vibrate}@keyframes car-vibrate{0%,to{transform:translate(0,0)}50%{transform:translateY(-1px)}}.ufo-container{animation:3.5s ease-in-out infinite ufo-float}@keyframes ufo-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}.ufo-roam-box{animation:20s linear infinite ufo-roam-box!important}@keyframes ufo-roam-box{0%{animation-timing-function:ease-in-out;transform:translate(15px,8px)}10%{animation-timing-function:ease-in-out;transform:translate(160px,5px)}22%{animation-timing-function:ease-in-out;transform:translate(380px,8px)}33%{animation-timing-function:ease-in-out;transform:translate(460px,45px)}44%{animation-timing-function:ease-in-out;transform:translate(300px,58px)}55%{animation-timing-function:ease-in-out;transform:translate(140px,55px)}66%{animation-timing-function:ease-in-out;transform:translate(20px,50px)}77%{animation-timing-function:ease-in-out;transform:translate(10px,20px)}88%{animation-timing-function:ease-in-out;transform:translate(240px,10px)}to{transform:translate(15px,8px)}}.ufo-x-container{animation:20s ease-in-out infinite ufo-x}.ufo-y-container{animation:14s ease-in-out infinite ufo-y}@keyframes ufo-x{0%,to{left:2%;transform:rotate(-4deg)}10%{left:20%;transform:rotate(6deg)}20%{left:12%;transform:rotate(-4deg)}32%{left:38%;transform:rotate(8deg)}45%{left:92%;transform:rotate(-8deg)}50%{left:92%;transform:rotate(0)}62%{left:55%;transform:rotate(-8deg)}74%{left:25%;transform:rotate(4deg)}84%{left:32%;transform:rotate(6deg)}94%{left:8%;transform:rotate(-6deg)}}@keyframes ufo-y{0%,to{top:15px}20%{top:55px}40%{top:8px}60%{top:48px}80%{top:22px}}.ufo-beam{background:repeating-linear-gradient(0deg, #0000, #0000 2px, var(--user-bg) 2px, var(--user-bg) 4px);opacity:.15;transform-origin:top;pointer-events:none;width:24px;height:25px;transition:background var(--theme-transition), opacity var(--theme-transition);margin-top:-1px;margin-left:6px;animation:2s ease-in-out infinite beam-pulse}.playground-trigger-box:not(.playground-active):hover .ufo-beam{background:repeating-linear-gradient(0deg, #0000, #0000 2px, var(--user-text) 2px, var(--user-text) 4px);opacity:.25}@keyframes beam-pulse{0%,to{opacity:.12;transform:scaleX(.85)}50%{opacity:.28;transform:scaleX(1.15)}}.person{transform-origin:bottom}.person-rick{animation:2s ease-in-out -.5s infinite person-breathe}.person-morty{animation:1.8s ease-in-out infinite person-breathe}.person-walk-1{animation:2.2s ease-in-out -1s infinite person-breathe}.person-walk-2{animation:2s ease-in-out -1.5s infinite person-breathe}@keyframes person-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.94)skew(1deg)}}.person-peeker{transform-origin:bottom;animation:15s linear infinite person-peek}.playground-trigger-box:not(.playground-active):hover .person-peeker{color:var(--user-text)!important}@keyframes person-peek{0%{transform:translateY(22px)}5%{animation-timing-function:ease-out;transform:translateY(0)}15%{animation-timing-function:ease-in;transform:translateY(0)}20%{transform:translateY(22px)}to{transform:translateY(22px)}}.playground-page-section[data-theme=green] .playground-trigger-box{transition:background-color var(--theme-transition), border-color var(--theme-transition);overflow:hidden;background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border-bottom:1px solid color-mix(in srgb, var(--user-bg), white 80%)!important}.playground-page-section[data-theme=green] .playground-trigger-box:not(.playground-active):hover{background-color:var(--user-bg)!important}.playground-page-section[data-theme=green] .playground-trigger-visuals{overflow:visible;background-color:#0000!important;border-bottom:none!important}.playground-page-section[data-theme=orange] .playground-trigger-box{transition:background-color var(--theme-transition), border-color var(--theme-transition);overflow:hidden;background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border-bottom:1px solid color-mix(in srgb, var(--user-bg), white 80%)!important}.playground-page-section[data-theme=orange] .playground-trigger-box:not(.playground-active):hover{background-color:var(--user-bg)!important}.playground-page-section[data-theme=orange] .playground-trigger-visuals{overflow:visible;background-color:#0000!important;border-bottom:none!important}.desert-sun{transform-origin:50%;animation:4s ease-in-out infinite sun-pulse}@keyframes sun-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}.wind-line{color:var(--user-bg);transition:color var(--theme-transition);pointer-events:none;animation:linear infinite sandstorm-drift;position:absolute}.playground-trigger-box:not(.playground-active):hover .wind-line{color:var(--user-text)!important}@keyframes sandstorm-drift{0%{opacity:0;left:-20%;transform:translateY(0)rotate(0)}10%{opacity:.6}12.5%{left:-2.5%;transform:translateY(8px)rotate(0)}25%{left:15%;transform:translateY(0)rotate(-12deg)}37.5%{left:32.5%;transform:translateY(-8px)rotate(0)}50%{left:50%;transform:translateY(0)rotate(12deg)}62.5%{left:67.5%;transform:translateY(8px)rotate(0)}75%{left:85%;transform:translateY(0)rotate(-12deg)}87.5%{left:102.5%;transform:translateY(-8px)rotate(0)}90%{opacity:.6}to{opacity:0;left:120%;transform:translateY(0)rotate(12deg)}}.dune{transform-origin:bottom}.playground-page-section[data-theme=nofilter] .playground-trigger-box{transition:background-color var(--theme-transition), border-color var(--theme-transition);overflow:hidden;background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border-bottom:1px solid color-mix(in srgb, var(--user-bg), white 80%)!important}.playground-page-section[data-theme=nofilter] .playground-trigger-box:not(.playground-active):hover{background-color:var(--user-bg)!important}.playground-page-section[data-theme=nofilter] .playground-trigger-visuals{overflow:visible;background-color:#0000!important;border-bottom:none!important}.floating-pixel{color:var(--user-bg);transition:color var(--theme-transition);pointer-events:none;z-index:1;display:block;position:absolute}.playground-trigger-box:not(.playground-active):hover .floating-pixel{color:var(--user-text)!important}.pixel-drift-1{animation:ease-in-out infinite pixel-drift-1}.pixel-drift-2{animation:ease-in-out infinite pixel-drift-2}.pixel-drift-3{animation:ease-in-out infinite pixel-drift-3}@keyframes pixel-drift-1{0%,to{opacity:.15;transform:translate(0,0)}50%{opacity:.55;transform:translate(8px,-18px)}}@keyframes pixel-drift-2{0%,to{opacity:.2;transform:translate(0,0)}50%{opacity:.7;transform:translate(-8px,-12px)}}@keyframes pixel-drift-3{0%,to{opacity:.1;transform:translate(0,0)}50%{opacity:.45;transform:translate(4px,-24px)}}.playground-page-section[data-theme=black] .playground-trigger-box{transition:background-color var(--theme-transition), border-color var(--theme-transition);overflow:hidden;background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border-bottom:1px solid color-mix(in srgb, var(--user-bg), white 80%)!important}.playground-page-section[data-theme=black] .playground-trigger-box:not(.playground-active):hover{background-color:var(--user-bg)!important}.playground-page-section[data-theme=black] .playground-trigger-visuals{overflow:visible;background-color:#0000!important;border-bottom:none!important}.concrete-shape{color:var(--user-bg);transition:color var(--theme-transition), transform var(--theme-transition);transform-origin:50%;pointer-events:none;z-index:1;display:block;position:absolute}.playground-trigger-box:not(.playground-active):hover .concrete-shape{color:var(--user-text)!important}.shape-1{animation:12s ease-in-out infinite concrete-spin-cw-90}.shape-2{animation:16s ease-in-out infinite concrete-spin-ccw-90}.shape-3{animation:10s ease-in-out infinite concrete-spin-cw-90}.shape-4{animation:14s ease-in-out infinite concrete-spin-ccw-90}.shape-5{animation:11s ease-in-out infinite concrete-spin-cw-90}.shape-6{animation:13s ease-in-out infinite concrete-spin-cw-90}.shape-7{animation:15s ease-in-out infinite concrete-spin-ccw-90}.shape-8{animation:12s ease-in-out infinite concrete-spin-ccw-90}.shape-9{animation:14s ease-in-out infinite concrete-spin-cw-90}.shape-10{animation:16s ease-in-out infinite concrete-spin-cw-90}.shape-11{animation:15s ease-in-out infinite concrete-spin-ccw-90}.shape-12{animation:17s ease-in-out infinite concrete-spin-cw-90}@keyframes concrete-spin-cw-90{0%{rotate:0deg}11%,25%{rotate:90deg}36%,50%{rotate:180deg}61%,75%{rotate:270deg}86%,to{rotate:360deg}}@keyframes concrete-spin-ccw-90{0%{rotate:0deg}11%,25%{rotate:-90deg}36%,50%{rotate:-180deg}61%,75%{rotate:-270deg}86%,to{rotate:-360deg}}.playground-page-section[data-theme=blue] .playground-trigger-box{transition:background-color var(--theme-transition), border-color var(--theme-transition);overflow:hidden;background-color:color-mix(in srgb, var(--user-bg), white 80%)!important;border-bottom:1px solid color-mix(in srgb, var(--user-bg), white 80%)!important}.playground-page-section[data-theme=blue] .playground-trigger-box:not(.playground-active):hover{background-color:var(--user-bg)!important}.playground-page-section[data-theme=blue] .playground-trigger-visuals{overflow:visible;background-color:#0000!important;border-bottom:none!important}.fish-drift-slow-1{animation:16s ease-in-out infinite fish-drift-slow-1}.fish-drift-slow-2{animation:20s ease-in-out infinite fish-drift-slow-2}.fish-drift-slow-3{animation:24s ease-in-out infinite fish-drift-slow-3}@keyframes fish-drift-slow-1{0%,to{transform:translate(0,0)}50%{transform:translate(-60px,-10px)}}@keyframes fish-drift-slow-2{0%,to{transform:translate(0,0)}50%{transform:translate(80px,12px)}}@keyframes fish-drift-slow-3{0%,to{transform:translate(0,0)}50%{transform:translate(-90px,-15px)}}@media (width<=960px){.playground-trigger-visuals{width:66.6667%}.playground-trigger-box .concrete-shape{display:none!important}.playground-trigger-box .concrete-shape:nth-child(3n+5){display:block!important}}