:root{--page-bg: #0a0a0a;--text-color: #fff;--section-bg: #1a1a1a;--radius-xl: 1rem;--radius-lg: .5rem;--radius-md: .25rem;--card-border: rgb(255 255 255 / .08);--black: #0E100F;--grey: #4a4944;--red: #c10000;--green: #a7b8ac;--yellow: #080807;font-family:stack-sans-notch-regular,Helvetica,Arial,sans-serif}html{height:100vh;background-color:var(--black)}body{position:relative;background-color:transparent;color:var(--green);font-family:stack-sans-notch-regular,sans-serif;margin:0;padding:0 .5rem;box-sizing:border-box;line-height:1.4;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:1rem;width:60vw;height:80vh;min-width:560px;max-width:1400px;display:flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1;transition:border-radius .3s ease-in-out,opacity .15s ease}#p5-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}main{flex:1;min-height:0}.section{overflow-y:scroll;height:100%}section.card{background-color:var(--grey);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:1rem 1.25rem;margin-bottom:1.5rem;max-width:320px}section.card h2{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--green)}.text-cover{position:relative;overflow:hidden}.text-cover:before{content:"";position:absolute;top:0%;right:0;left:0;height:100%;background-color:var(--grey);z-index:1;transition:top .3s ease-in-out}.text-cover.on:before{top:100%;transition:top .3s ease-in-out}[data-theme=light]{--page-bg: #f2ede3;--text-color: #1a1a14;--section-bg: #e8e2d5;--black: #f2ede3;--grey: #7a7570;--green: #2a5035;--card-border: rgba(42, 80, 53, .15)}@media(min-width:768px)and (max-width:1023px){.container{width:85vw;height:90vh;min-width:unset}}@media(max-width:767px){html,body{height:100dvh}body{justify-content:flex-start;align-items:stretch;padding:0}.container{width:100vw;height:100dvh;min-width:unset;max-width:unset;border-radius:0!important;padding:.5rem}#p5-container{display:none}}a.standard-link{text-decoration:underline}a.standard-link:hover{text-decoration:none}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}@font-face{font-family:stack-sans-notch-regular;src:url(/assets/StackSansNotch-Regular-DRVMAyVj.woff) format("woff");src:url(/assets/StackSansNotch-Regular-DRVMAyVj.woff) format("woff"),url(/assets/StackSansNotch-Regular-CaoB_5CT.woff2) format("woff2"),url(/assets/StackSansNotch-Regular-An_9m4lK.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:stack-sans-notch-medium;src:url(/assets/StackSansNotch-Medium-BnC1EaHO.woff) format("woff");src:url(/assets/StackSansNotch-Medium-BnC1EaHO.woff) format("woff"),url(/assets/StackSansNotch-Medium-BAxVYZtr.woff2) format("woff2"),url(/assets/StackSansNotch-Medium-DdQdbRRi.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:stack-sans-notch-semibold;src:url(/assets/StackSansNotch-SemiBold-oOytkXdc.woff) format("woff");src:url(/assets/StackSansNotch-SemiBold-oOytkXdc.woff) format("woff"),url(/assets/StackSansNotch-SemiBold-BvGRHXXo.woff2) format("woff2"),url(/assets/StackSansNotch-SemiBold-CYIF9KC9.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:stack-sans-notch-bold;src:url(/assets/StackSansNotch-Bold-LBg5az-3.woff) format("woff");src:url(/assets/StackSansNotch-Bold-LBg5az-3.woff) format("woff"),url(/assets/StackSansNotch-Bold-CEqIlYLO.woff2) format("woff2"),url(/assets/StackSansNotch-Bold-DuaOTOq3.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:stack-sans-notch-light;src:url(/assets/StackSansNotch-Light-zycebpCW.woff) format("woff");src:url(/assets/StackSansNotch-Light-zycebpCW.woff) format("woff"),url(/assets/StackSansNotch-Light-C_fnzZpu.woff2) format("woff2"),url(/assets/StackSansNotch-Light-DXT3qJ3m.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:stack-sans-notch-extralight;src:url(/assets/StackSansNotch-ExtraLight-Blwucw2A.woff) format("woff");src:url(/assets/StackSansNotch-ExtraLight-Blwucw2A.woff) format("woff"),url(/assets/StackSansNotch-ExtraLight-DYWtzzbq.woff2) format("woff2"),url(/assets/StackSansNotch-ExtraLight-BumgZ1aY.ttf) format("truetype");font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:stack-sans-notch-bold,Helvetica,Arial,sans-serif}h1{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;margin-bottom:1.5rem}h2{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600;margin-bottom:1.4rem}h3{font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:600;margin-bottom:1.3rem}h4{font-size:clamp(1rem,2.2vw,1.4rem);font-weight:500;margin-bottom:1.2rem}h5{font-size:clamp(.95rem,2vw,1.25rem);font-weight:500;margin-bottom:1.1rem}h6{font-size:clamp(.875rem,1.5vw,1rem);font-weight:400;margin-bottom:1rem}a{color:var(--green);text-decoration:none}#header{height:8vh}#header .header-nav{display:flex;justify-content:space-between}:is(#header .header-nav) .header-left{display:flex}:is(:is(#header .header-nav) .header-left) .header-logo{width:56px;height:auto;padding-right:1rem}:is(:is(#header .header-nav) .header-left) .nav-links{display:flex;align-items:center;list-style:none;margin:0;padding:0}:is(:is(:is(#header .header-nav) .header-left) .nav-links) .nav-link{text-transform:uppercase;padding:4px 8px}:is(:is(:is(:is(#header .header-nav) .header-left) .nav-links) .nav-link) a{color:var(--green);text-decoration:none;font-size:clamp(.9rem,1.5vw,1.2rem);position:relative}:is(:is(:is(:is(:is(#header .header-nav) .header-left) .nav-links) .nav-link) a):after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}:is(:is(:is(:is(#header .header-nav) .header-left) .nav-links) .nav-link):hover a:after{transform:scaleX(1);transform-origin:left}:is(#header .header-nav) .header-right{display:flex;-moz-column-gap:3rem;column-gap:3rem;align-items:center}:is(:is(:is(#header .header-nav) .header-right) .theme-mode,:is(:is(#header .header-nav) .header-right) .time) p{margin:4px 0;color:var(--green)}.theme-toggle{background:transparent;border:1px solid var(--green);color:var(--green);width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;font-size:.8rem;display:inline;align-items:center;justify-content:center;flex-shrink:0;padding:0}.nav-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--green);transition:transform .2s ease,opacity .2s ease}#header.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}#header.nav-open .nav-toggle span:nth-child(2){opacity:0}#header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:768px)and (max-width:1023px){#header .header-right{-moz-column-gap:1rem;column-gap:1rem}#header .nav-link a{font-size:1rem}}@media(max-width:767px){#header{height:auto;padding:.5rem 0;position:relative}#header .header-nav,#header .header-left{align-items:center}#header .header-nav .header-left .nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--black);padding:1rem .5rem;z-index:10;border-top:1px solid var(--card-border)}#header.nav-open .header-nav .header-left .nav-links{display:flex}#header .nav-link{padding:8px 4px}#header .nav-link a{font-size:1.4rem}#header .header-right .time{display:none}#header .header-right{-moz-column-gap:.75rem;column-gap:.75rem;align-items:center}#header .nav-toggle{display:flex}}#footer{height:8vh;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--card-border);flex-shrink:0}#footer p{margin:0;color:var(--green);font-size:.85rem}#footer .footer-link{position:relative;color:var(--green);font-size:.85rem;text-decoration:none}:is(#footer .footer-link):after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}:is(#footer .footer-link):hover:after{transform:scaleX(1);transform-origin:left}@media(max-width:767px){#footer{height:auto;padding:.75rem 0}}#home{height:100%}:is(.home-section .home-intro) .page-title{color:var(--green)}:is(.home-section .home-intro) .home-copy{color:var(--green)}@media(max-width:767px){.home-section{flex-direction:column;align-items:flex-start;padding-top:1rem}}.work-list{list-style-type:none;padding-left:0}.work-item{max-width:480px}.work-item .work-item-title{margin:1.5rem 0;position:relative;width:-moz-fit-content;width:fit-content}:is(.work-item .work-item-title):after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.work-item:hover .work-item-title:after{transform:scaleX(1);transform-origin:left}.work-item:first-of-type .work-item-title{margin:0 0 1.5rem}.work-item .work-item-border{padding:.25rem;border:1px solid var(--card-border);width:-moz-fit-content;width:fit-content}:is(.work-item .work-item-border) .work-item-img{height:480px;width:480px;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:var(--radius-md)}.contact-links{display:flex;flex-direction:column}.about-content{display:flex;flex-direction:row}.about-content .about-left{padding:1rem}@media(max-width:967px){.about-content .about-left{padding:.5rem}}@media(max-width:767px){.about-content .about-left{padding:0}}.about-content .about-img{display:flex;flex-direction:column;justify-content:flex-end}:is(.about-content .about-img) .reel-section{display:flex;flex-direction:column;align-items:flex-end}:is(:is(:is(:is(.about-content .about-img) .reel-section) .reel) .reel-title-section) .reel-title{margin:.25rem}:is(:is(:is(.about-content .about-img) .reel-section) .reel) .reel-box{height:280px;width:320px;background-color:#000;overflow:hidden;border-radius:var(--radius-md)}:is(:is(:is(:is(.about-content .about-img) .reel-section) .reel) .reel-box) video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.about-display{display:flex;flex-direction:column;justify-content:flex-end}.about-display .reel-section{display:flex;flex-direction:column;align-items:flex-end}:is(:is(:is(.about-display .reel-section) .reel) .reel-title-section) .reel-title{margin:.25rem}:is(:is(.about-display .reel-section) .reel) .reel-box{height:280px;width:320px;background-image:url(../images/gabe_portfolio_gif.gif);background-size:cover;background-repeat:no-repeat;background-position:center}@media(max-width:1023px){.work-item{max-width:100%}.work-item-border{width:100%}.work-item-img{width:100%;height:auto;aspect-ratio:1 / 1}}@media(max-width:767px){.about-content{flex-direction:column}.reel-box{width:100%;height:200px}}#preloader{position:fixed;inset:0;z-index:10;background-color:var(--black);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease-in-out}.spinner{width:40px;height:40px;border:3px solid var(--card-border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#preloader.loaded{opacity:0;pointer-events:none}