:root{--main:#ffffff;--subtle:#191919;--background:#000000;--card-shadow:0px 2px 4px 0px rgba(0,0,0,0.15),0px 8px 16px 0px rgba(0,0,0,0.20);--card-shadow-hovered:0px 2px 2px 0px rgba(0,0,0,0.25),0px 8px 32px 0px rgba(0,0,0,0.40);--card-shadow-pressed:0px 0px 1px 0px rgba(0,0,0,0.15),0px 2px 4px 0px rgba(0,0,0,0.20);--big-shadow:0px 16px 40px 0px rgba(0,0,0,0.3),0px 4px 8px 0px rgba(0,0,0,0.2);--page-padding:2rem}@media screen and (max-width:800px){:root{--page-padding:1rem}}:root{--default-transition:0.4s cubic-bezier(0.71,0,0.25,1);--shadow-distance:12px;--funk-border:2px solid var(--main);--funk-shadow:calc(-1 * var(--shadow-distance)) calc(1 * var(--shadow-distance)),calc(-0.96 * var(--shadow-distance)) calc(0.96 * var(--shadow-distance)),calc(-0.92 * var(--shadow-distance)) calc(0.92 * var(--shadow-distance)),calc(-0.88 * var(--shadow-distance)) calc(0.88 * var(--shadow-distance)),calc(-0.84 * var(--shadow-distance)) calc(0.84 * var(--shadow-distance)),calc(-0.80 * var(--shadow-distance)) calc(0.80 * var(--shadow-distance)),calc(-0.76 * var(--shadow-distance)) calc(0.76 * var(--shadow-distance)),calc(-0.72 * var(--shadow-distance)) calc(0.72 * var(--shadow-distance)),calc(-0.68 * var(--shadow-distance)) calc(0.68 * var(--shadow-distance)),calc(-0.64 * var(--shadow-distance)) calc(0.64 * var(--shadow-distance)),calc(-0.60 * var(--shadow-distance)) calc(0.60 * var(--shadow-distance)),calc(-0.56 * var(--shadow-distance)) calc(0.56 * var(--shadow-distance)),calc(-0.52 * var(--shadow-distance)) calc(0.52 * var(--shadow-distance)),calc(-0.48 * var(--shadow-distance)) calc(0.48 * var(--shadow-distance)),calc(-0.44 * var(--shadow-distance)) calc(0.44 * var(--shadow-distance)),calc(-0.40 * var(--shadow-distance)) calc(0.40 * var(--shadow-distance)),calc(-0.36 * var(--shadow-distance)) calc(0.36 * var(--shadow-distance)),calc(-0.32 * var(--shadow-distance)) calc(0.32 * var(--shadow-distance)),calc(-0.28 * var(--shadow-distance)) calc(0.28 * var(--shadow-distance)),calc(-0.24 * var(--shadow-distance)) calc(0.24 * var(--shadow-distance)),calc(-0.20 * var(--shadow-distance)) calc(0.20 * var(--shadow-distance)),calc(-0.16 * var(--shadow-distance)) calc(0.16 * var(--shadow-distance)),calc(-0.12 * var(--shadow-distance)) calc(0.12 * var(--shadow-distance)),calc(-0.08 * var(--shadow-distance)) calc(0.08 * var(--shadow-distance)),calc(-0.04 * var(--shadow-distance)) calc(0.04 * var(--shadow-distance))}body{margin:0;padding:0;min-height:100vh;background-color:var(--background);color:var(--main)}@media screen and (max-width:1023px){body{scroll-behavior:smooth}}::-webkit-scrollbar,body::-webkit-scrollbar{display:none}*{box-sizing:border-box;font-family:Oswald,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;margin:0;padding:0;position:relative;transition-timing-function:cubic-bezier(.81,.1,.25,1)}strong{font-weight:700}.logoSignature{fill:var(--main);display:grid;width:100px;height:auto}img{max-width:100%}.bigText,.bigText *{font-family:Anton,Times New Roman,serif;text-transform:uppercase}p{font-size:16px;font-style:normal;line-height:28px}.bigText,p{font-weight:400}.bigText{font-size:48px;line-height:1.2}.supText{font-size:12px;font-weight:900;text-transform:uppercase}a,a:active,a:focus,a:visited{color:var(--main)}h1{font-size:48px;font-weight:200;font-style:italic}h2{font-size:28px}h3{margin-bottom:1rem}h3,h3 *{font-size:22px;font-weight:600}header,section{padding:var(--page-padding)}header{display:grid;grid-template-columns:100px max-content;justify-content:space-between;align-items:start;z-index:9}header nav{display:flex;gap:0;flex-direction:row-reverse}:is(header nav) a{font-family:Anton,sans-serif;text-decoration:none;font-weight:600;font-size:1.2rem;text-transform:uppercase;margin-left:-2px}@media screen and (max-width:800px){.fiddle:is(:is(header nav) a){display:none}}#hello{min-height:calc(100vh - 248px);display:grid;grid-gap:32px;align-items:center;align-content:center}#hello *{z-index:1}@media (max-width:800px){#hello{min-height:calc(100vh - 300px)}}:is(#hello .bigText):first-child{font-size:96px;line-height:1}@media screen and (max-width:800px){:is(#hello .bigText):first-child{max-width:400px}}:is(#hello .bigText):last-child{font-size:32px;letter-spacing:1.8px;max-width:500px}@media (max-width:800px){:is(#hello .bigText):last-child{max-width:300px}}@media (max-width:800px){:is(#hello .bigText) .noMobile{display:none}}#hello a{transition:.3s}:is(#hello a):hover{color:var(--main);letter-spacing:.1px}#resume .resumeHeading{display:inline-grid;grid-gap:4px;margin-bottom:1rem;margin-left:-6px;grid-template-columns:max-content 1fr;align-items:center}:is(#resume .resumeHeading) h2{font-size:18px;font-weight:300}:is(#resume .resumeHeading) .downArrow{font-size:36px;margin-right:calc(1rem + 6px);line-height:54px;text-align:center}.jobs{display:grid;grid-gap:120px}.jobs .job{display:grid;grid-gap:24px;max-width:768px;border-left:6px solid var(--main);padding:1rem 1rem 1rem 2rem}@media screen and (max-width:800px){.jobs .job{padding-left:1rem}}.jobs .job{page-break-inside:avoid;break-inside:avoid}:is(.jobs .job) .jobContent{display:grid;grid-gap:8px}:is(:is(.jobs .job) .jobContent) h2{display:none}:is(.jobs .job) .related-logos{display:flex;width:100%;overflow:scroll;flex-direction:row;align-items:center;gap:48px}.withScrollbar:is(:is(.jobs .job) .related-logos){scrollbar-width:none;-ms-overflow-style:none}.withScrollbar:is(:is(.jobs .job) .related-logos)::-webkit-scrollbar{display:none}.withScrollbar:is(:is(.jobs .job) .related-logos){mask-image:linear-gradient(90deg,transparent 0,black 32px,black calc(100% - 32px),transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.jobs:after{content:"";display:block;position:absolute;bottom:0;left:2px;height:100%;width:2px;background-color:var(--main)}.company-logo svg,.related-logo svg{fill:var(--main)}#softGradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3;filter:blur(200px)}.portfolio-item{background-image:linear-gradient(to top,var(--background) calc(100% - 100vh),var(--background) calc(100% - 80vh),transparent 100%);margin-bottom:-8rem;padding-bottom:8rem}.portfolio-item .featuredImage{position:fixed;width:100%;height:100%;object-fit:cover;object-position:top center;top:0;left:0;z-index:-1;opacity:.4;filter:blur(16px);mask-image:radial-gradient(ellipse 50% 50% at 0 0,#ffffff00,rgba(0,0,0,.15)),radial-gradient(ellipse 50% 50% at 100% 0,#ffffff00,rgba(0,0,0,.15)),radial-gradient(ellipse 50% 50% at 100% 100%,#ffffff00,rgba(0,0,0,.15)),radial-gradient(ellipse 50% 50% at 0 100%,#ffffff00,rgba(0,0,0,.15))}.portfolioItemHeader:is(.portfolio-item section){display:grid;border:var(--funk-border);box-shadow:var(--funk-shadow);margin:var(--page-padding);margin-bottom:-2px;background-color:transparent;padding:0}@media (max-width:800px){.portfolioItemHeader:is(.portfolio-item section){box-shadow:none;margin-top:2rem}}:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) a.backButton{color:var(--background);background-color:var(--main);display:inline-flex;align-content:center;padding:0 8px;text-decoration:none;position:absolute;top:-16px;left:2rem;font-size:20px;font-family:Anton,Times New Roman,serif;z-index:2}@media (max-width:800px){:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) a.backButton{left:1rem}}:is(:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) a.backButton) span{font-family:Anton;margin-right:8px}:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) h1{font-style:normal;padding:2rem;font-size:6vw;line-height:1;border-bottom:var(--funk-border)}@media (max-width:800px){:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) h1{padding:2rem 1rem 1rem;font-size:48px}}:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .portfolioItemDetails{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:var(--funk-border)}@media (max-width:800px){:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .portfolioItemDetails{grid-template-columns:1fr 1fr}}:is(:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .portfolioItemDetails) p{padding:1rem 2rem;border-right:var(--funk-border);font-weight:900}:is(:is(:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .portfolioItemDetails) p):last-child{border-right:none}@media (max-width:800px){:is(:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .portfolioItemDetails) p{padding:1rem;line-height:1.2}:is(:is(:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .portfolioItemDetails) p):first-child{grid-column:span 2;border-bottom:var(--funk-border);border-right:none}}:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) p{font-weight:300}:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .tagsWrapper{position:absolute;top:-16px;right:2rem;max-width:unset}@media (max-width:800px){:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .tagsWrapper{position:relative;top:-2px;right:-2px;width:100%;justify-content:end}}:is(:is(.portfolioItemHeader:is(.portfolio-item section) .portfolioItemHeading) .tagsWrapper) .tag{background-color:var(--background);border:var(--funk-border);padding:4px 8px;font-family:Anton,Times New Roman,serif;text-transform:uppercase;font-size:12px;margin-left:-2px}.portfolioItemHeader:is(.portfolio-item section) .introWrapper{display:grid;grid-template-columns:max-content 1fr}@media (max-width:1200px){.portfolioItemHeader:is(.portfolio-item section) .introWrapper{grid-template-columns:1fr}}:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .intro{column-count:2;column-gap:2em;max-width:800px;padding:2rem}@media screen and (max-width:1200px){:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .intro{column-count:1}}@media (max-width:800px){:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .intro{padding:1rem}}:is(:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .intro) p{font-size:14px;line-height:1.7em;margin-bottom:1em}:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .introFiller{border-left:var(--funk-border)}@media (max-width:1200px){:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .introFiller{display:none}}:is(:is(.portfolioItemHeader:is(.portfolio-item section) .introWrapper) .introFiller) .projectRoll{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.8);object-position:center}:is(.portfolio-item section) h2{padding:2rem;text-align:center}:is(.portfolio-item section) .textBlock{display:grid;grid-template-columns:600px max-content;grid-gap:2em;position:relative;padding:0 calc(50% - 500px - 1rem)}@media (max-width:1200px){:is(.portfolio-item section) .textBlock{display:block}}:is(:is(.portfolio-item section) .textBlock)>*{grid-column:1}:is(.portfolio-item section) .textBlock{margin:2em 0}:is(:is(.portfolio-item section) .textBlock) aside.sidetrack{overflow:hidden;border:var(--funk-border);box-shadow:var(--funk-shadow)}:is(:is(:is(.portfolio-item section) .textBlock) aside.sidetrack)>img:first-child{max-width:calc(100% + 2em);inset:-1em;border:2px solid var(--subtle)}:is(:is(:is(.portfolio-item section) .textBlock) aside.sidetrack) .sidetrackContent{display:grid;grid-gap:1em}:is(:is(:is(:is(.portfolio-item section) .textBlock) aside.sidetrack) .sidetrackContent) h4{font-size:1.2rem}:is(:is(:is(:is(.portfolio-item section) .textBlock) aside.sidetrack) .sidetrackContent) p{font-size:.8rem;line-height:1.4em}:is(:is(:is(:is(.portfolio-item section) .textBlock) aside.sidetrack) .sidetrackContent) .videoWrapper{margin:0;width:100%}:is(:is(.portfolio-item section) .textBlock) aside.sidetrack{padding:1em;background-color:var(--subtle);font-size:14px;align-self:start}@media (min-width:1024px){:is(:is(.portfolio-item section) .textBlock) aside.sidetrack{position:sticky;top:1rem;grid-column:2;grid-row:1/-1;width:400px}}:is(:is(.portfolio-item section) .textBlock) .videoWrapper{width:300px;max-width:100%;overflow:hidden;margin:1em 0 1em 1em;box-shadow:var(--big-shadow);display:grid;float:right;border:2px solid var(--subtle)}@media (max-width:1200px){:is(:is(.portfolio-item section) .textBlock) .videoWrapper{width:100%;float:none;margin:0 0 2em}}:is(:is(:is(.portfolio-item section) .textBlock) .videoWrapper) video{transform:scale(1.01);transform-origin:top center}:is(:is(:is(.portfolio-item section) .textBlock) .textBlockContent) p{margin-bottom:2em}:is(:is(:is(.portfolio-item section) .textBlock) .textBlockContent) img{max-width:320px;height:auto;box-shadow:var(--big-shadow);border:2px solid var(--subtle);margin:0 -1em 1em 1em;float:right}@media (max-width:1200px){:is(:is(:is(.portfolio-item section) .textBlock) .textBlockContent) img{width:100%;float:none}}:is(:is(.portfolio-item section) .personasWrapper)>h3{padding:0 calc(50% - 500px - 1rem)}:is(:is(.portfolio-item section) .personasWrapper) .personas{display:flex;gap:2em;overflow:scroll;margin:0 -2em -2em;padding:0 calc(50% - 500px + 1rem)}@media (max-width:1200px){:is(:is(.portfolio-item section) .personasWrapper) .personas{padding:2em;display:grid}}:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona{background-color:var(--subtle);display:grid;grid-template-columns:1fr 1fr;min-width:800px;overflow:hidden;box-shadow:var(--funk-shadow);border:var(--funk-border);margin-bottom:1em}@media (max-width:800px){:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona{min-width:unset;padding:1em;grid-template-columns:1fr}}:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaImage{width:calc(100% + 7px);padding:2em;display:grid;align-content:space-between}@media (max-width:800px){:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaImage{padding:1em;width:calc(100% + 2em);height:320px;inset:-1em}}:is(:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaImage) h4{font-size:1.6rem;z-index:1}:is(:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaImage) p{font-size:.8rem;line-height:1.6em;z-index:1}:is(:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaImage) img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;mask-image:radial-gradient(ellipse 100% 40%,#ffffff,rgba(0,0,0,.4))}@media (max-width:800px){:is(:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaImage) img{object-position:center 20%}}:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaContent{width:400px;padding:2em;font-size:14px}@media (max-width:1200px){:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaContent{width:auto;padding:1em;margin-top:-2em}}:is(:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .personaContent) ul{margin:1em 0}:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) h4{font-size:1.2rem}:is(:is(:is(:is(:is(.portfolio-item section) .personasWrapper) .personas) .persona) .opportunity) p{font-size:.8rem;font-style:italic;line-height:1.4em}:is(.portfolio-item section) .imageGallery{display:flex;gap:1em;margin:-4em -2em -2em;overflow:scroll;padding:2em calc(50% - 500px + 1rem) 4em}:is(:is(.portfolio-item section) .imageGallery) img{height:400px;width:auto;box-shadow:var(--big-shadow)}:is(.portfolio-item section) .largeVideo{max-width:100%;max-height:800px;padding:2em calc(50% - 500px - 1rem)}:is(.portfolio-item section) ul{margin:2em 0}:is(:is(.portfolio-item section) ul) li{margin:1em 0;list-style-type:none;line-height:1.4em}:is(:is(:is(.portfolio-item section) ul) li):before{content:"";display:block;position:absolute;top:.5rem;width:1em;height:3px;right:calc(100% + 1em);background-color:var(--main)}@media (max-width:1200px){:is(:is(:is(.portfolio-item section) ul) li):before{right:calc(100% + .5em)}}.single-portfolio_item .logoSignature,.single-portfolio_item nav{z-index:1}.tagsWrapper{display:flex;gap:0;flex-wrap:wrap}.tagsWrapper .tag{border:var(--funk-border);font-weight:900;text-transform:uppercase;background-color:var(--background);padding:4px 8px;font-family:Anton,Times New Roman,serif;font-size:12px;margin-left:-2px}.workPage .itemsListsHeader{padding:1em var(--page-padding)}:is(.workPage .itemsListsHeader) .bigText:first-child{font-size:8vw;line-height:1}@media screen and (max-width:800px){:is(.workPage .itemsListsHeader) .bigText:first-child{font-size:16vw}}.workPage .itemsLists{display:grid;gap:8em;width:100%}:is(.workPage .itemsLists) .itemsListWrapper{border:var(--funk-border);display:grid;grid-template-columns:300px 1fr}@media (max-width:800px){:is(.workPage .itemsLists) .itemsListWrapper{grid-template-columns:1fr}}:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsListHeading{display:grid;align-content:start;align-items:start;padding:2rem;height:fit-content;position:sticky;top:0;background-color:var(--background);border-bottom:var(--funk-border)}:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsListHeading) p{font-size:14px;line-height:1.2rem}@media (max-width:800px){:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsListHeading{border-bottom:0;padding:1rem}}:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList{border-left:var(--funk-border);display:flex;flex-direction:column;gap:0 2em}@media (max-width:800px){:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList{border-left:0}}:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem{display:grid;align-content:space-between;cursor:pointer;border-bottom:var(--funk-border)}:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem):last-child{border-bottom:none}:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) a{display:block;position:absolute;height:100%;width:100%;top:0;left:0;z-index:99;cursor:pointer}:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemHeader{width:100%;border-bottom:var(--funk-border);position:sticky;top:0;background-color:var(--background);z-index:2}@media (max-width:800px){:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemHeader{border-top:var(--funk-border)}}:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemHeading{padding:1rem}:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemEnd{border-top:var(--funk-border);display:grid;grid-template-columns:max-content 1fr max-content;justify-content:space-between}:is(:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemEnd) .itemYear{font-family:Anton,Times New Roman,serif;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1rem;border-right:var(--funk-border);padding:1rem}:is(:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemEnd) .readingTime{padding:1rem;border-left:var(--funk-border);font-size:12px;font-weight:800;line-height:1rem}:is(:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemEnd) .itemRole{padding:1rem;font-size:14px;line-height:1rem}:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemDetails{position:absolute;top:-2px;right:-2px;z-index:3}@media (max-width:800px){:is(:is(:is(:is(.workPage .itemsLists) .itemsListWrapper) .itemsList) .portfolioItem) .itemDetails{position:relative;top:auto;bottom:-2px;left:0;width:100%}}.bigImage{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;filter:blur(16px);mask-image:radial-gradient(ellipse 0 0 at center,#ffffff,transparent)}.iPhone{display:grid;position:absolute;left:calc(50% - 175px);top:calc(50% - 360px);height:718px;width:343.2px;filter:drop-shadow(0 32px 32px rgba(0,0,0,.4))}.iPhone.loaded{opacity:1}@media screen and (max-width:1024px){.iPhone{position:relative;left:unset}}.iPhone:after{content:"";display:block;position:absolute;height:703px;width:100%;background-image:url(/assets/iphone.png);background-size:contain;background-repeat:no-repeat;background-position:0 0;z-index:2}.iPhone video.screenRec{height:679px;width:316px;object-fit:fill;top:12px;left:12px;position:relative}.glitch{animation:glitch 3s steps(10,jump-start) infinite}@keyframes glitch{0%{filter:drop-shadow(-1px 2px 0 red)}3%{filter:none}4%{filter:drop-shadow(3px -2px 0 blue)}5%{filter:drop-shadow(-2px 2px 0 red)}8%{filter:none}16%{filter:drop-shadow(-2px 2px 0 red) drop-shadow(1px -2px 0 blue)}17%{filter:none}24%{filter:drop-shadow(4px -2px 0 blue)}25%{filter:drop-shadow(-1px 2px 0 red)}27%{filter:none}38%{filter:none}46%{filter:drop-shadow(-1px 2px 0 red) drop-shadow(4px -2px 0 blue)}47%{filter:none}99%{filter:none}to{filter:drop-shadow(2px -2px 0 blue)}}@media (max-width:800px){.clickableBox{--shadow-distance:6px}}.clickableBox{box-shadow:calc(-1 * var(--shadow-distance)) calc(1 * var(--shadow-distance)),calc(-.96 * var(--shadow-distance)) calc(.96 * var(--shadow-distance)),calc(-.92 * var(--shadow-distance)) calc(.92 * var(--shadow-distance)),calc(-.88 * var(--shadow-distance)) calc(.88 * var(--shadow-distance)),calc(-.84 * var(--shadow-distance)) calc(.84 * var(--shadow-distance)),calc(-.8 * var(--shadow-distance)) calc(.8 * var(--shadow-distance)),calc(-.76 * var(--shadow-distance)) calc(.76 * var(--shadow-distance)),calc(-.72 * var(--shadow-distance)) calc(.72 * var(--shadow-distance)),calc(-.68 * var(--shadow-distance)) calc(.68 * var(--shadow-distance)),calc(-.64 * var(--shadow-distance)) calc(.64 * var(--shadow-distance)),calc(-.6 * var(--shadow-distance)) calc(.6 * var(--shadow-distance)),calc(-.56 * var(--shadow-distance)) calc(.56 * var(--shadow-distance)),calc(-.52 * var(--shadow-distance)) calc(.52 * var(--shadow-distance)),calc(-.48 * var(--shadow-distance)) calc(.48 * var(--shadow-distance)),calc(-.44 * var(--shadow-distance)) calc(.44 * var(--shadow-distance)),calc(-.4 * var(--shadow-distance)) calc(.4 * var(--shadow-distance)),calc(-.36 * var(--shadow-distance)) calc(.36 * var(--shadow-distance)),calc(-.32 * var(--shadow-distance)) calc(.32 * var(--shadow-distance)),calc(-.28 * var(--shadow-distance)) calc(.28 * var(--shadow-distance)),calc(-.24 * var(--shadow-distance)) calc(.24 * var(--shadow-distance)),calc(-.2 * var(--shadow-distance)) calc(.2 * var(--shadow-distance)),calc(-.16 * var(--shadow-distance)) calc(.16 * var(--shadow-distance)),calc(-.12 * var(--shadow-distance)) calc(.12 * var(--shadow-distance)),calc(-.08 * var(--shadow-distance)) calc(.08 * var(--shadow-distance)),calc(-.04 * var(--shadow-distance)) calc(.04 * var(--shadow-distance));transition:var(--default-transition);background-color:var(--background);border:var(--funk-border);padding:8px 16px}.clickableBox:hover{--shadow-distance:10px;transform:translate(-2px,2px);background-color:var(--subtle)}@media (max-width:800px){.clickableBox:hover{--shadow-distance:5px;transform:translate(-1px,1px)}}.clickableBox.active,.clickableBox:active{transition-duration:0s;box-shadow:none;transform:translate(-12px,12px)}@media (max-width:800px){.clickableBox.active,.clickableBox:active{transform:translate(-6px,6px)}}.messageMagazine{position:absolute;right:var(--page-padding);top:100%;display:grid;grid-gap:8px;margin-top:-1em;z-index:9999}@media screen and (max-width:800px){.messageMagazine{margin-top:0}}.messageMagazine .message{background-color:var(--main);transition:var(--default-transition);width:max-content;max-width:90vw;position:absolute;top:0;right:0;padding:16px;font-size:16px;color:var(--background);font-weight:800;letter-spacing:-.5px;text-align:right}.notCalledIn:is(.messageMagazine .message){transform:translateX(8px);opacity:0}.calledOut:is(.messageMagazine .message){opacity:0;transform:translateX(-8px)}.funky-bg{--s:16px;--c1:#ffffff;--c2:transparent;--_l:#0000 46%,var(--c1) 47% 53%,#0000 54%;background:radial-gradient(100% 100% at 100% 100%,var(--_l)) var(--s) var(--s),radial-gradient(100% 100% at 0 0,var(--_l)) var(--s) var(--s),var(--c2);background-size:calc(var(--s)*2) calc(var(--s)*2);background-attachment:fixed}.funky-bg.animate{animation:drift 1600s linear infinite}@keyframes drift{to{background-position:-12000px 0,-12000px 0}}footer{min-height:300px;display:grid;align-items:end;justify-content:end;margin-top:8em}footer,footer .idontknowman{border-top:var(--funk-border)}footer .idontknowman{background-color:var(--subtle);padding:16px;font-size:12px;font-weight:300;box-shadow:var(--card-shadow);position:sticky;bottom:0;border-left:var(--funk-border)}#fourOhFour{min-height:calc(100vh - 506px);align-content:center}img.emoji,img.wp-smiley{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}