:root{--accent-color:#fff831;--form-grey:#404040}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#000;font-family:Inter,apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.page-header{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;justify-content:space-between;width:100%;padding:1.5rem 2rem;display:flex;position:relative}.menu-icon{color:var(--accent-color);background-color:#0000;border:none;font-size:1.5rem;display:none}ul{inline-size:none;gap:1.5rem;list-style-type:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}ul li{transition:all .3s}ul li:hover{color:var(--accent-color)}a{color:#fff;text-decoration:none;transition:all .3s}a:hover{color:var(--accent-color)}.btn-primary{background-color:var(--accent-color);border:none;border-radius:50px;padding:.8rem 1.4rem;font-size:.8rem;transition:all .3s}.btn-primary:hover{cursor:pointer;background-color:#fff;border:none}.logo-title{width:30px}.logo-title img{width:100%}.hero-section{clip-path:inset(-100px 0 0);background-color:#000;align-items:center;height:80vh;padding:0 5rem;display:flex;position:relative}.hero-text{text-align:justify;z-index:500;background:radial-gradient(#000c 0%,#0003 70%);width:clamp(17rem,8.727rem + 36.364vw,36rem)}.ascii-art-container{z-index:1;position:absolute;top:-6rem;right:0}.hero-text h1{font-size:2rem;font-weight:400}.hero-section .btn-primary{margin-top:1rem}.project-section{grid-template-columns:1fr 3fr;height:100vh;display:grid}.project-panel{background-color:var(--accent-color);color:#000;z-index:100;font-size:4rem;overflow:hidden}.subtext{color:gray}h2{font-size:2rem;font-weight:400}.project-header{background-color:#000;flex-direction:column;justify-content:space-between;padding:4rem 2rem;display:flex}.project-number{width:100%;padding:2rem;font-family:Courier Prime,Courier,monospace;font-size:1rem}.project-image{width:36%;margin:0 auto;padding-bottom:3rem;display:block}.project-details-container{justify-content:space-between;width:100%;padding:0 3rem 1rem;display:flex}.project-stack{opacity:.9;width:clamp(8rem,2.818rem + 10.909vw,11rem);height:clamp(8rem,2.818rem + 10.909vw,11rem)}.project-description{text-align:justify;width:36%;font-size:1rem}.projects-tabs-container{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.project-tab{color:gray;background:0 0;border:none;font-size:1rem;transition:all .3s}.project-tab:hover{color:var(--accent-color);cursor:pointer}.selected{color:var(--accent-color)}.project-panel-content{flex-direction:column;justify-content:space-between;height:100%;animation:.75s ease-in-out SlideIn;display:flex}@keyframes SlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.arrow{display:none}.arrow.unhide{display:inline-block}.about-section-header{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;padding:2rem 2rem 2rem 5rem;position:sticky;top:0}.about-section{min-height:100vh;position:relative}.about-section p{margin:1rem 0}.role-date{text-transform:uppercase;letter-spacing:1px;color:#b7b7b7;font-size:.75rem}.work-tab{font-size:1.2rem}.projects-tabs-container{margin-top:1rem}.about-background{z-index:-1000;position:fixed;inset:0}.about-links{color:var(--accent-color);text-underline-offset:4px;text-decoration:underline}.visit-links{text-underline-offset:4px;color:#000;font-weight:600;text-decoration:underline}.visit-links:hover{color:#000}.about-background:after{content:"";background:#0000007a;position:absolute;inset:0}.about-content{z-index:1;position:relative}.about-section-cards-container{padding-bottom:10vh;position:relative}.about-card{background-color:#000;justify-content:space-between;height:50vh;margin-bottom:0;line-height:1.2;display:flex;position:sticky;top:6em}.about-card-text h4{font-size:1rem}.skills{gap:1rem;margin-bottom:1.5rem;display:flex}.skills div{border:1px solid gray;border-radius:50px;padding:.75rem 1rem;font-size:.75rem}.about-image{height:100%}.about-tab-content{animation:.75s ease-in-out SlideIn}.about-image.work{width:30vw}.about-image>img{height:100%}@keyframes SlideUp{0%{opacity:1;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.about-card-text h3{font-size:2rem;font-weight:400}.about-card-text{flex-direction:column;justify-content:center;padding:0 5rem;display:flex}.about-card-text p{text-align:justify}.about-image{position:relative}.bar-row{z-index:1;--bar-width:5px;--bar-width-2:30px;background:repeating-linear-gradient(90deg, transparent 0, transparent var(--bar-width), black var(--bar-width), black var(--bar-width-2));width:100%;height:100%;position:absolute;left:0}.row-1{top:0}.row-2{--bar-width:10px;--bar-width-2:35px;top:33.333%}.row-3{top:66.666%}.row-1.play{animation:.9s ease-out forwards Bars1}.row-2.play{animation:.9s ease-out forwards Bars2}.row-3.play{animation:.9s ease-out forwards Bars3}@property --bar-width{syntax:"<length>";inherits:false;initial-value:5px}@property --bar-width-2{syntax:"<length>";inherits:false;initial-value:30px}@keyframes Bars1{0%{--bar-width:5px}to{--bar-width:30px}}@keyframes Bars2{0%{--bar-width:10px}75%{--bar-width:35px}to{--bar-width:35px}}@keyframes Bars3{0%{--bar-width:5px}47%{--bar-width:30px}to{--bar-width:30px}}.contact-section{background-color:#000;flex-direction:column;align-items:center;height:100vh;display:flex}.small-header{color:#e2e2e2;background-color:#303030;border-radius:50px;width:fit-content;margin:2rem auto 1rem;padding:.75rem 1rem;font-size:.75rem}.contact-section h2{margin-bottom:1rem}.contact-section p{text-align:center;width:600px;margin-bottom:2rem}.contact-form-glow{border-radius:10px;animation:5s ease-in-out infinite pulse;box-shadow:0 0 10px #fff83180,0 0 20px #fff8314d,0 0 40px #fff8311a}.art-2{overflow:hidden}.contact-form-container{border:1px solid var(--form-grey);border-radius:10px;grid-template-columns:1fr 1fr;width:60vw;height:65vh;display:grid}.art-container{height:100%;overflow:hidden}@keyframes pulse{0%,to{box-shadow:0 0 10px #fff83166,0 0 20px #fff83133,0 0 40px #fff8310d}50%{box-shadow:0 0 15px #fff831b3,0 0 30px #fff83166,0 0 60px #fff83126}}form{flex-direction:column;padding:2rem;display:flex}fieldset{border:none;gap:1rem;width:100%;margin-bottom:1rem;display:flex}fieldset label{flex:1;min-width:0}input,textarea{all:unset;border:1px solid var(--form-grey);box-sizing:border-box;background-color:#000;border-radius:10px;width:100%;margin-top:4px;padding:9px}textarea{white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}form h3{margin-bottom:2rem;font-size:1.5rem;font-weight:400}.submit-btn{color:#000;text-align:center;margin-top:1rem}.highlight{color:var(--accent-color);text-underline-offset:4px;text-decoration:underline}footer{background-color:#000;height:40vh}.site-footer{border-top:1px solid var(--form-grey);background-color:#000;height:auto;padding:4rem 4rem 2rem}.footer-top{justify-content:space-between;gap:4rem;padding-bottom:3rem;display:flex}.footer-brand{width:30%}.footer-logo{width:30px;margin-bottom:1rem}.footer-brand p{color:#b7b7b7;text-align:justify;font-size:.9rem}.footer-links{gap:4rem;display:flex}.footer-col{flex-direction:column;gap:.75rem;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:1px;color:#b7b7b7;margin-bottom:.5rem;font-size:.75rem;font-weight:400}.footer-col a{color:#fff;font-size:.95rem}.footer-col a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid var(--form-grey);color:#b7b7b7;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.75rem;display:flex}.back-to-top{color:#b7b7b7;font-size:.75rem}.back-to-top:hover{color:var(--accent-color)}@media screen and (width<=728px){.menu-icon{display:block}.contact-section p{width:350px}.header-nav,.header-btn{display:none}.header-nav.show{width:100%;display:block;position:absolute;top:100%;left:0}.header-nav.show ul{background-color:var(--accent-color);flex-direction:column;width:100%;padding:1.5rem;position:static;transform:none}.header-nav.show ul a{color:#000}.about-image{display:none}.about-card{height:75vh!important}.contact-section{height:fit-content;padding:4rem 0}.art-2{display:none}form{width:100%;margin:0}fieldset{flex-direction:column}.contact-form-glow{width:fit-content;height:fit-content}.contact-form-container{flex-direction:column;width:80vw;height:fit-content;padding:1rem;display:flex}.project-section{flex-direction:column;height:fit-content;display:flex}.project-image{width:75%}.project-description{width:100%;margin:1rem}}@media screen and (width>=728px) and (width<=1200px){.project-section{flex-direction:column;height:fit-content;display:flex}.project-image{width:50%}.project-details-container{align-items:flex-start}.project-description{width:50%;margin:1rem}.project-stack{margin-top:1rem}.about-image{display:none}.about-card{height:50vh}.art-container{display:none}.contact-form-container{flex-direction:column;width:80vw;height:fit-content;padding:1rem;display:flex}}