@media screen and (max-width:768px){.page-container{flex-direction:column!important;grid-template-columns:none!important;width:100vw!important;height:100vh!important;display:flex!important}.sidebar-container{order:1;width:100%!important;height:auto!important}.content-container{order:2;overflow-y:auto;flex:1!important;width:100%!important}.sidebar{z-index:1000!important;box-sizing:border-box!important;background-color:#0b0202ee!important;flex-direction:row!important;grid-template-rows:none!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:auto!important;padding:.5rem 1.25rem!important;display:flex!important;position:relative!important;overflow:visible!important}.sidebar .sidebar-logo{justify-content:center!important;align-items:center!important;width:auto!important;height:45px!important;display:flex!important}.hamburger-button{cursor:pointer!important;z-index:1001!important;box-sizing:border-box!important;background:0 0!important;border:none!important;flex-direction:column!important;flex-shrink:0!important;justify-content:space-around!important;width:30px!important;height:30px!important;margin:0 0 0 auto!important;padding:0!important;display:flex!important;position:relative!important}.hamburger-line{background-color:#fff!important;border-radius:3px!important;width:100%!important;height:3px!important;transition:all .3s!important}.hamburger-button.active .hamburger-line:first-child{transform:rotate(45deg)translate(8px,8px)!important}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0!important}.hamburger-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)!important}.sidebar-content{z-index:999!important;box-sizing:border-box!important;background-color:#0b0202ee!important;flex-direction:column!important;grid-template-rows:none!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;height:calc(100vh - 60px)!important;padding:1rem 0!important;display:none!important;position:fixed!important;top:60px!important;left:0!important;overflow-y:auto!important}.sidebar-content.mobile-open{display:flex!important}.sidebar-item{justify-content:center!important;align-items:center!important;gap:1rem!important;place-items:unset!important;box-sizing:border-box!important;grid-template-rows:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:1rem!important;display:flex!important}.sidebar-content a{justify-content:center!important;align-items:center!important;width:100%!important;text-decoration:none!important;display:flex!important}.sidebar-item img{grid-area:unset!important;opacity:1!important;flex-shrink:0!important;width:30px!important;height:30px!important;transition:none!important;display:block!important;position:static!important}.sidebar-item span{white-space:normal!important;grid-area:unset!important;opacity:1!important;text-align:center!important;font-size:1rem!important;transition:none!important;display:block!important;position:static!important}.sidebar-item:hover img,.sidebar-item:active img,.sidebar-item:hover span,.sidebar-item:active span{opacity:1!important}.sidebar-item.room-item{display:none!important}.content-container.gradient{scrollbar-color:#ffffff4d transparent;scrollbar-width:thin;-moz-scrollbar-color:#ffffff4d transparent;-moz-scrollbar-width:thin;-webkit-overflow-scrolling:touch!important;padding:.75rem .5rem 2rem 0!important;overflow:hidden scroll!important}.content-container.gradient::-webkit-scrollbar{width:8px}.content-container.gradient::-webkit-scrollbar-track{-webkit-background:transparent;background:0 0}.content-container.gradient::-webkit-scrollbar-thumb{-webkit-background:#ffffff4d;background:#ffffff4d;border-radius:10px}.content-container.gradient::-webkit-scrollbar-thumb:hover{-webkit-background:#ffffff80;background:#ffffff80}.content-container.gradient::-ms-scrollbar{width:8px}.content-container.gradient::-ms-scrollbar-track{background:0 0}.content-container.gradient::-ms-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.content-container.gradient::-ms-scrollbar-thumb:hover{background:#ffffff80}.home-content-wrapper{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:fit-content!important;margin:1rem auto 2rem!important;padding:0 .5rem 2rem!important;overflow-x:hidden!important}.home-sun-image{width:150px!important;max-width:100%!important;height:150px!important}.home-divider{max-width:90%!important;margin:1rem auto!important}.home-header-container{flex-direction:column!important;grid-template-columns:none!important;align-items:center!important;gap:.5rem!important;width:100%!important;display:flex!important}.home-header-1,.home-header-2{text-align:center!important;width:100%!important;margin:0!important;padding:0!important}.home-header-1{margin-top:.5rem!important}.home-header-2{margin-bottom:.5rem!important;padding-top:0!important}.home-header-container .header-styling{font-size:2rem!important;line-height:1.2!important}.home-content-wrapper .interim-header-styling,.home-content-wrapper .subheader-styling{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:0 .5rem!important}.home-content-wrapper .interim-header-styling.underline-slide,.home-content-wrapper .interim-header-styling.underline-slide:hover{background-image:none!important;background-size:0!important}.contact-me-button-container{max-width:100%!important;margin:1rem auto!important}.home-logo-colored{display:none!important}.home-logo-container img{opacity:1!important;transition:none!important}.home-logo-container:hover img,.home-logo-container:active img{opacity:1!important}.home-header-container .header-styling span:active,.home-header-1 .header-styling span:active,.home-header-2 .header-styling span:active{color:#0000!important;-webkit-text-stroke:1px white!important;text-stroke:1px white!important;filter:drop-shadow(0 0 5px #fffc)drop-shadow(0 0 10px #ffffff80)!important;transform:scale(1.05)!important}.about-me-card{flex-direction:column!important;grid-template-columns:none!important;gap:2rem!important;height:auto!important;min-height:fit-content!important;margin-top:0!important;padding-bottom:2rem!important;padding-right:0!important;display:flex!important}.about-me-text-section{align-self:unset!important;order:2!important;width:100%!important;padding-left:1rem!important;padding-right:1rem!important}.about-me-header{text-align:center!important;order:1!important;width:100%!important;margin-top:1rem!important;margin-bottom:1.5rem!important}.about-me-tldr{box-sizing:border-box!important;order:3!important;width:100%!important;margin-top:1.5rem!important;margin-bottom:1.5rem!important}.about-me-gallery{order:4!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:3rem!important;padding:0 0 1rem!important;display:flex!important}.image-gallery-container{width:85%!important;min-width:85%!important;max-width:85%!important;margin:0 auto!important;padding-left:0!important}.skills-card{flex-direction:column!important;grid-template-columns:none!important;gap:2rem!important;height:auto!important;min-height:fit-content!important;margin-top:0!important;padding-bottom:3rem!important;padding-right:0!important;display:flex!important}.skills-text-section,.skills-visual-section{display:contents!important}.skills-dial-wrapper{display:none!important}.skills-mobile-buttons-wrapper{order:3!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:1rem 0!important;display:flex!important}.mobile-category-buttons{flex-direction:column!important;gap:1rem!important;width:100%!important;max-width:300px!important;padding:0 1rem!important;display:flex!important}.mobile-category-button{cursor:pointer!important;text-align:center!important;box-sizing:border-box!important;border:2px solid!important;border-radius:12px!important;width:100%!important;padding:1rem 1.5rem!important;font-family:Stack Sans Notch,sans-serif!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important}.mobile-category-button:hover{opacity:.9!important;transform:translateY(-2px)!important}.mobile-category-button:hover:not(.selected){background-color:rgba(var(--category-color-rgb,255,255,255),.25)!important}.mobile-category-button:active{transform:translateY(0)!important}.mobile-category-button.selected{font-weight:700!important}.skills-header{text-align:center!important;box-sizing:border-box!important;order:1!important;width:100%!important;margin-top:1rem!important;margin-bottom:-1rem!important;padding:0 1rem!important}.skills-excerpt{text-align:center!important;box-sizing:border-box!important;order:2!important;width:100%!important;margin-top:0!important;margin-bottom:-1rem!important;padding:0 1rem!important}.skills-subcard-wrapper{box-sizing:border-box!important;order:4!important;width:100%!important;margin-top:-.75rem!important;padding:0 1rem!important}.skills-halo-wrapper{order:5!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;min-height:500px!important;margin:-4rem 0 0!important;padding:0!important;display:flex!important}.skills-halo-wrapper>div{justify-content:center!important;align-items:center!important;width:500px!important;min-width:500px!important;max-width:95vw!important;height:500px!important;min-height:500px!important;max-height:95vw!important;margin:0!important;padding:0!important;display:flex!important}.skills-halo-wrapper svg{width:500px!important;min-width:500px!important;max-width:95vw!important;height:500px!important;min-height:500px!important;max-height:95vw!important;margin:0!important;padding:0!important}.projects-card{flex-direction:column!important;grid-template-columns:none!important;gap:2rem!important;height:auto!important;min-height:fit-content!important;margin-top:0!important;padding-bottom:2rem!important;padding-right:0!important;display:flex!important}.projects-left-section{box-sizing:border-box!important;order:1!important;width:100%!important;padding-top:1rem!important;padding-left:1rem!important;padding-right:1rem!important}.projects-header{text-align:center!important;margin-top:0!important;margin-bottom:1rem!important}.projects-grid-container{-webkit-overflow-scrolling:touch!important;max-height:none!important;padding-right:0!important;overflow:auto hidden!important}.projects-grid{flex-direction:row!important;grid-template-columns:none!important;gap:1rem!important;width:max-content!important;padding:.5rem 0!important;display:flex!important}.projects-grid .project-card{flex-shrink:0!important;width:280px!important;min-width:280px!important;max-width:280px!important}.projects-spacer{display:none!important}.projects-right-section{box-sizing:border-box!important;order:2!important;width:100%!important;max-height:none!important;padding:1.5rem 1rem 1rem!important}.projects-visual-content{flex:none!important;height:300px!important;min-height:250px!important;max-height:350px!important;margin-bottom:3rem!important}.projects-iframe-container{height:100%!important;max-height:300px!important;overflow:hidden!important}.video-fullscreen-button{display:none!important}.project-gallery-close-button{pointer-events:auto!important;touch-action:manipulation!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;display:flex!important;top:1rem!important;right:1rem!important}.project-gallery-description-fullscreen{box-sizing:border-box!important;width:calc(100vw - 6rem)!important;max-width:calc(100vw - 6rem)!important;padding:0 3rem!important;top:4rem!important}.work-card-container{grid-template-columns:unset!important;grid-template-rows:unset!important;flex-direction:column!important;gap:0!important;height:auto!important;min-height:fit-content!important;margin-top:0!important;padding-bottom:2rem!important;padding-right:0!important;display:flex!important;overflow:hidden visible!important}.work-left-section{display:contents!important}.work-header{word-break:keep-all;text-align:center!important;order:1!important;width:100%!important;margin-top:1rem!important;margin-bottom:1rem!important;padding-left:0!important;padding-right:0!important}.work-timeline-mobile{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex-direction:row!important;order:2!important;align-items:flex-start!important;gap:3rem!important;width:100%!important;height:auto!important;margin-bottom:1rem!important;padding:1.5rem 1rem!important;display:flex!important;overflow:auto hidden!important;transform:none!important}.work-timeline-item-mobile{flex-direction:column!important;flex-shrink:0!important;align-items:stretch!important;width:280px!important;min-width:280px!important;max-width:280px!important;margin-bottom:0!important;margin-right:0!important;display:flex!important}.work-timeline-item-mobile>div:first-child{display:none!important}.work-timeline-item-mobile>div:nth-child(2){flex:1!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:120px!important}.work-details-card{box-sizing:border-box!important;text-align:left!important;order:3!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:fit-content!important;margin:0 auto 2rem!important;padding-top:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.work-details-card>div{height:auto!important;min-height:fit-content!important;max-height:none!important;margin-bottom:3rem!important}.work-card-container>div:nth-child(2),.work-timeline-desktop{display:none!important}.contact-card-container{grid-template-columns:unset!important;flex-direction:column!important;gap:0!important;height:auto!important;min-height:fit-content!important;margin-top:0!important;padding-bottom:2rem!important;padding-right:0!important;display:flex!important;overflow:hidden visible!important}.contact-left-section{align-items:center!important;width:100%!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.contact-spacer{display:none!important}.contact-form-section{display:contents!important}.contact-header{text-align:center!important;order:1!important;align-self:center!important;width:100%!important;margin-top:1rem!important;margin-bottom:1rem!important}.contact-socials-section{grid-template-rows:unset!important;grid-template-columns:unset!important;box-sizing:border-box!important;flex-flow:wrap!important;order:2!important;justify-content:center!important;align-items:center!important;gap:1.5rem!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto 1.5rem!important;padding:0!important;display:flex!important}.contact-description{text-align:center!important;grid-column:unset!important;box-sizing:border-box!important;flex-basis:100%!important;order:1!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 1rem!important}.contact-gmail-text,.contact-linkedin-text{display:none!important}.contact-gmail-icon,.contact-linkedin-icon{order:2!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important}.contact-form-section form{box-sizing:border-box!important;order:4!important;width:90%!important;max-width:90%!important;height:auto!important;margin:0 auto 5rem!important;padding:1.5rem!important}.contact-resume-section{box-sizing:border-box!important;order:5!important;width:90%!important;max-width:90%!important;height:auto!important;margin:0 auto 2rem!important;padding:1rem!important}.contact-gmail-icon,.contact-linkedin-icon{display:inline-flex!important}}@media screen and (min-width:769px){.skills-mobile-buttons-wrapper,.hamburger-button{display:none!important}.sidebar-content{flex-direction:unset!important;width:50px!important;height:50%!important;padding:0!important;display:grid!important;position:static!important;top:auto!important;left:auto!important}.sidebar-content.mobile-open{display:grid!important}}@media screen and (max-width:768px){.loading-screen-container{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.loading-screen-icon-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.loading-screen-icon{object-fit:contain!important;width:100px!important;max-width:100px!important;height:100px!important;max-height:100px!important}}.gradient{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#721121",endColorstr="#f99238",GradientType=0);background:linear-gradient(120deg,#7d0c0c 25%,#ac7206)}.sidebar{z-index:10;background-color:#0b0202ee;grid-template-rows:50px 1fr;align-items:center;width:50px;height:100%;display:grid;position:relative}.sidebar a{color:inherit;text-decoration:none}.sidebar a:hover{text-decoration:none}.sidebar a:visited,.sidebar a:active{color:inherit}.sidebar a:focus{outline:none}.sidebar-content{text-align:center;grid-template-rows:auto;justify-content:center;align-items:center;width:50px;height:50%;display:grid}.sidebar-item{color:orange;font-family:Stack Sans Notch,sans-serif;font-size:x-small;font-weight:600}.header-styling{color:#fff;font-family:Stack Sans Notch,sans-serif;font-size:xxx-large;font-weight:600}.header-styling span{cursor:default;transition:all .2s;display:inline-block}.header-styling span:hover{color:#0000;-webkit-text-stroke:1px white;text-stroke:1px white;filter:drop-shadow(0 0 5px #fffc)drop-shadow(0 0 10px #ffffff80);transform:scale(1.05)}.interim-header-styling{color:#fff;font-family:Stack Sans Notch,sans-serif;font-size:large;font-weight:400}.subheader-styling{color:#c2c2c2;font-family:Stack Sans Notch,sans-serif;font-size:small;font-weight:250}.paragraph-styling{color:#e8e5e5;font-family:Outfit,sans-serif;font-size:14px;font-weight:400}.contact-me-button{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:25px;width:110px;height:35px;font-family:Stack Sans Notch,sans-serif;transition:transform .1s}.contact-me-button-container:hover .contact-me-button{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(120deg,#df1515 25%,#ffa807);-webkit-background-clip:text;background-clip:text;border-radius:25px}.contact-me-button-container:active .contact-me-button,.contact-me-button:active{-webkit-text-fill-color:transparent;background-color:#0000;background-image:linear-gradient(120deg,#df1515 25%,#ffa807);-webkit-background-clip:text;background-clip:text;border-radius:25px;transform:scale(.95)}.contact-me-button-background{background-color:#0000;border-radius:25px;width:110px;height:35px;transition:background-color .3s,transform .1s}.contact-me-button-container:hover .contact-me-button-background{background-color:#fff}.contact-me-button-container:active .contact-me-button-background{background-color:#fff;transform:scale(.95)}.div-scroll{scrollbar-color:#ffffff4d transparent;scrollbar-width:thin;-moz-scrollbar-color:#ffffff4d transparent;-moz-scrollbar-width:thin}.div-scroll::-webkit-scrollbar{width:8px}.div-scroll::-webkit-scrollbar-track{-webkit-background:transparent;background:0 0}.div-scroll::-webkit-scrollbar-thumb{-webkit-background:#ffffff4d;background:#ffffff4d;border-radius:10px}.div-scroll::-webkit-scrollbar-thumb:hover{-webkit-background:#ffffff80;background:#ffffff80}.div-scroll::-ms-scrollbar{width:8px}.div-scroll::-ms-scrollbar-track{background:0 0}.div-scroll::-ms-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.div-scroll::-ms-scrollbar-thumb:hover{background:#ffffff80}.circle{background-color:#fff;border-radius:50%;width:100px;height:100px}.venn-dial-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin-top:calc(2rem + 75px);font-family:Stack Sans Notch,sans-serif;display:flex}.venn-dial-svg{overflow:visible}.venn-dial-rotating-group{transition:transform .6s cubic-bezier(.4,0,.2,1)}.venn-dial-circle{pointer-events:none;transition:stroke .3s,stroke-width .3s,fill .3s}.venn-dial-hitbox{fill:#0000;pointer-events:all}.venn-dial-text{pointer-events:none;text-anchor:middle;dominant-baseline:middle;transition:fill .3s,font-size .3s,font-weight .3s}.venn-dial-center-dot{fill:#fff;opacity:.3}.venn-dial-arrow{opacity:.8}.project-card{cursor:pointer;background-color:#0000004d;border-radius:12px;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.project-card-gradient{pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.project-card-title{margin:0 0 .4rem;font-family:Stack Sans Notch,sans-serif;font-size:1.15rem;font-weight:600;transition:color .3s}.project-card-period{color:#ffffff80;margin:0 0 .4rem;font-family:Outfit,sans-serif;font-size:.7rem;font-style:italic}.project-card-tagline{color:#ffffffb3;margin:0 0 .8rem;font-family:Outfit,sans-serif;font-size:.8rem;line-height:1.3}.project-tag{border-radius:10px;padding:.2rem .6rem;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:500;transition:all .3s}.project-selected-indicator{border-radius:50%;width:12px;height:12px;animation:2s infinite pulse;position:absolute;top:1rem;right:1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.project-detail-title{margin:0;font-family:Stack Sans Notch,sans-serif;font-size:1.5rem;font-weight:700}.project-detail-period{color:#ffffff80;margin:0;font-family:Outfit,sans-serif;font-size:.75rem;font-style:italic}.project-description-box{background-color:#0000004d;border-radius:12px;flex:none;max-height:30vh;padding:1.25rem;overflow-y:auto}.project-description-text{color:#ffffffe6;white-space:pre-line;font-family:Outfit,sans-serif;font-size:.85rem;line-height:1.5}.project-button{text-align:center;cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-family:Stack Sans Notch,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.vertical-line{background-color:#fff;border-radius:30px;place-self:center;width:25%;height:100%;display:flex}.underline-slide{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .3s;display:inline}.underline-slide:hover{background-size:100% 2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:1s ease-in fadeIn}.fade-in-slow{animation:1.5s ease-in fadeIn}.fade-in-fast{animation:.5s ease-in fadeIn}@keyframes rotateHalo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterRotateHalo{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}input::placeholder,textarea::placeholder{color:#ffffff80;opacity:1}input:-webkit-autofill{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}input:-webkit-autofill:hover{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}input:-webkit-autofill:focus{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}input:-webkit-autofill:active{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}textarea:-webkit-autofill{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}textarea:-webkit-autofill:hover{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}textarea:-webkit-autofill:focus{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}textarea:-webkit-autofill:active{-webkit-text-fill-color:white!important;caret-color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important}input:-webkit-autofill:first-line{color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important}textarea:-webkit-autofill:first-line{color:#fff!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important}