:root{--cw: 1vw}@media(min-aspect-ratio:16/9){:root{--cw: calc(1vh * 16 / 9)}}@media(orientation:landscape){:root{--title-height: calc(4.5 * var(--cw));--subtitle-height: calc(3 * var(--cw));--text-height: calc(2 * var(--cw));--content-margin: calc((100vw - var(--cw) * 100) / 2)}}@media(orientation:portrait){:root{--title-height: calc(10 * var(--cw));--subtitle-height: calc(5 * var(--cw));--text-height: calc(3 * var(--cw));--content-margin: calc((100vw - var(--cw) * 100) / 2)}}*{margin:0;padding:0;box-sizing:border-box}img{pointer-events:none;-webkit-user-select:none;user-select:none}@font-face{font-family:HelveticaThermal;src:url(https://cdn.jsdelivr.net/gh/Ben-G-Man/sam-hume-portfolio-assets@main/global/HelveticaThermalLight.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:HelveticaThermal;src:url(https://cdn.jsdelivr.net/gh/Ben-G-Man/sam-hume-portfolio-assets@main/global/HelveticaThermalRegular.woff2) format("woff2");font-weight:700;font-style:normal}body{height:100vh;overflow:hidden;background-color:#101010;font-size:var(--text-height);font-family:HelveticaThermal,sans-serif;overscroll-behavior-y:none}main{height:100vh;overflow-y:scroll;overflow-x:hidden}@media(orientation:portrait){.desktop{display:none!important}}@media(orientation:landscape){.mobile{display:none!important}}#main-stack{top:0;left:var(--content-margin);width:calc(100 * var(--cw));position:relative;display:block;flex-direction:column;gap:20vh}#main-stack>*{position:relative}.main-image,section{width:100%}.full-width{width:100vw;margin-left:calc(var(--content-margin) * -1)}#main-background{position:absolute;display:block;z-index:-1;width:100vw;height:100vh;background-image:url(https://cdn.jsdelivr.net/gh/Ben-G-Man/sam-hume-portfolio-assets@main/global/blackground.webp);background-repeat:repeat-y;background-size:100vw auto}.stationary{position:fixed;top:0;left:0}.full-screen{width:100vw;height:100vh}#loading{position:fixed;width:100vw;height:100vh;z-index:40;transition:opacity .5s ease-out;background-color:#101010}#loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading.end{opacity:0;pointer-events:none}#loading-text{position:absolute;top:75%;left:50%;transform:translate(-50%);color:#fff;font-size:var(--title-height)}#loading span{display:inline-block;animation:jitter 1s infinite steps(1)}#loading span:nth-child(1){animation-delay:-0s}#loading span:nth-child(2){animation-delay:-.57s}#loading span:nth-child(3){animation-delay:-.14s}#loading span:nth-child(4){animation-delay:-.85s}#loading span:nth-child(5){animation-delay:-.28s}#loading span:nth-child(6){animation-delay:-.71s}#loading span:nth-child(7){animation-delay:-.42s}@keyframes jitter{0%{transform:translate(0)}14.28%{transform:translate(-.4px,.8px)}28.57%{transform:translate(.3px,-1.4px)}42.85%{transform:translate(-.4px,-.9px)}57.14%{transform:translate(.3px,.7px)}71.42%{transform:translate(-.4px,-1.5px)}85.71%{transform:translate(.4px,.9px)}to{transform:translate(0)}}#blur{z-index:10;background-color:#060001b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup{z-index:11}.openable{display:none}.openable.open{display:block}.image-grid{position:absolute;top:20%;left:calc(15 * var(--cw));width:calc(70 * var(--cw));height:calc(70 * var(--cw));display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.image-grid img{width:90%;aspect-ratio:1/1;object-fit:cover;display:block;pointer-events:all}@media(orientation:landscape){.image-grid img{cursor:pointer;filter:grayscale(100%);transition:.3s}.image-grid img:hover{filter:grayscale(0%);transition:.3s}}@media(orientation:portrait){.image-grid img{width:120%;aspect-ratio:1/1;margin-top:-10%}}#landing{width:100%;padding-top:40px;padding-bottom:calc(6 * var(--cw))}#landing-background{width:100%}#face-melt{position:absolute;width:74%;left:13%;top:calc(16 * var(--cw))}@media(orientation:portrait){#landing{padding-top:0;margin-top:-10vw}#landing-background{margin-left:-16vw;width:132vw}#face-melt{width:100%;left:0;top:25vw}}#dancing-cubes{width:calc(80 * var(--cw));margin-left:calc(10 * var(--cw));margin-top:calc(-4 * var(--cw))}#about .main-image{width:calc(88 * var(--cw));margin-left:calc(6 * var(--cw))}#about #about-text-container{position:absolute;width:calc(56 * var(--cw));left:calc(22 * var(--cw));top:calc(18.5 * var(--cw));font-size:var(--text-height);font-family:HelveticaThermal,sans-serif}#about #about-text-container h1{font-size:var(--subtitle-height);line-height:calc(var(--subtitle-height) * 1.6)}#about #about-text-container li{list-style-type:none}@media(orientation:landscape){#about #about-text-container{display:grid;grid-template-columns:1fr 1fr}#about #about-text-container #skills{width:calc(20 * var(--cw))}#about #about-text-container #fast-facts{width:calc(50 * var(--cw))}#about #about-text-container #education{margin-top:calc(5 * var(--cw));grid-column:1 / -1}}@media(orientation:portrait){#about #about-text-container{top:calc(30 * var(--cw));display:block}#about #about-text-container section{margin-bottom:calc(1 * var(--cw))}#about #about-text-container #skills,#about #about-text-container #fast-facts,#about #about-text-container #education{width:auto;margin-top:0}#about #about-text-container #skills ul{display:grid;grid-template-columns:1fr 1fr;gap:calc(1 * var(--cw))}#dancing-cubes{width:calc(50 * var(--cw));margin-left:calc(5 * var(--cw));margin-top:calc(-50 * var(--cw));transform:translateY(-5%)}}#misc-works{position:relative}.animation-slideshow{aspect-ratio:2 / 1;margin-bottom:calc(10 * var(--cw))}#animation{margin-top:calc(-4 * var(--cw))}#click-my-links{margin-top:calc(-5 * var(--cw))}@media(orientation:landscape){#mobile-links-container{display:none}#desktop-links-container{aspect-ratio:2555 / 2110;position:relative;overflow:hidden;width:80%;margin-left:10%;margin-bottom:-13%}#links-text{z-index:1;position:absolute;width:80%;top:calc(20 * var(--cw));left:10%;height:calc(11 * var(--cw));display:flex;align-items:center}#inactive-region-top{height:53%;width:100%;position:absolute}#inactive-region-left{position:absolute;width:11.2%;height:47%;top:53%;left:11.5%}#inactive-region-right{position:absolute;width:11.2%;height:47%;top:53%;right:22.1%}interactive-slice{height:100%;position:relative;float:left}}@media(orientation:portrait){#desktop-links-container{display:none}#click-my-links{margin-top:calc(-20 * var(--cw))}#mobile-links-container img{width:calc(80* var(--cw));margin-left:calc(10 * var(--cw))}.contact-link{width:calc(10 * var(--cw));aspect-ratio:1/1;position:absolute;left:calc(18 * var(--cw))}.contact-link a{display:block;width:100%;height:100%}.contact-link:nth-of-type(1){top:calc(23.5 * var(--cw))}.contact-link:nth-of-type(2){top:calc(35.5 * var(--cw))}.contact-link:nth-of-type(3){top:calc(48 * var(--cw))}}#footer{margin-top:-2vw}#footer a{position:absolute;top:50%;width:100%;height:50%;display:flex;justify-content:center;align-items:center;text-decoration:none}#footer span{display:inline-flex;align-items:center;height:calc(5 * var(--cw));color:#c8382c}#dev-link{height:calc(5 * var(--cw))}#image-full-screen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:20}#image-full-screen{object-fit:contain;max-width:100%;max-height:100%}#exit-button{width:calc(7 * var(--cw));aspect-ratio:1/1;position:absolute;top:5%;right:5%;background-image:url(https://cdn.jsdelivr.net/gh/Ben-G-Man/sam-hume-portfolio-assets@main/global/buttons/exit.webp);filter:grayscale(100%);transition:filter .1s ease;background-size:cover;cursor:pointer;z-index:21}#exit-button:hover{filter:grayscale(0%);transition:filter .1s ease}