*{font-family:"Instrument Serif",serif;margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}.app{transition:background-color 1s ease;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}@media (prefers-reduced-motion: no-preference){.app{scroll-behavior:smooth}}section{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;opacity:0;transform:translateY(80px);transition:opacity .6s ease-out,transform .6s ease-out}section:first-of-type{opacity:1;transform:translateY(0)}section.section-visible{opacity:1;transform:translateY(0)}section:not(.section-visible){transform:translateY(-80px)}@media (max-width: 768px){.app{scroll-snap-type:y mandatory}section{min-height:100vh;padding:0;scroll-snap-align:start;scroll-snap-stop:always}}@media (max-width: 480px){.app{scroll-snap-type:y mandatory}section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh}}.loader-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;transition:all 1s ease-in-out}.loader-container.filling-dark .loader-bar:before{animation:none;background:linear-gradient(90deg,#28282A 0%,#28282A 50%,transparent 50%,transparent 100%);background-size:200% 100%;background-position:100% 0;animation:fillDarkLeftToRight 1s ease-out forwards}.loader-bar{position:relative;display:inline-block;width:10rem;height:10rem}.loader-bar img{display:block;width:10rem;height:10rem;object-fit:contain}.loader-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 30%,#28282A 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:sweepBlack 2s linear infinite;pointer-events:none;-webkit-mask-image:url(/loader.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/loader.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center}@keyframes sweepBlack{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fillDarkLeftToRight{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes sweepBlackToFull{0%{background:linear-gradient(90deg,transparent 0%,transparent 30%,#28282A 50%,transparent 70%,transparent 100%);background-position:100% 0;background-size:200% 100%}50%{background:linear-gradient(90deg,transparent 0%,transparent 30%,#28282A 50%,transparent 70%,transparent 100%);background-position:-100% 0;background-size:200% 100%}to{background:#28282a;background-size:100% 100%}}.about-me-container{display:flex;align-items:center;justify-content:space-evenly;min-height:100vh;padding-top:6rem;box-sizing:border-box;margin-top:3rem;opacity:0;animation:fadeInSection .5s ease-in-out forwards}@keyframes fadeInSection{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ben{width:15rem;height:auto}.about-me-container p{font-size:x-large;width:30rem;color:#28282a;text-shadow:0 0 3px #F4F2EF,0 0 6px #F4F2EF,0 0 9px #F4F2EF}@media (max-width: 768px){.about-me-container{flex-direction:column;padding:11rem 2rem 2rem;gap:1.5rem;text-align:center;margin-top:0}.ben{width:10rem;order:-1;margin-top:3rem}.about-me-container p{width:100%;max-width:85vw;font-size:1rem;padding:0 1rem;line-height:1.4}}@media (max-width: 480px){.about-me-container{padding:10rem 1.5rem 2rem;gap:1rem}.ben{width:8rem;margin-top:3rem}.about-me-container p{font-size:.9rem;max-width:90vw;line-height:1.3}}.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:50;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#28282a;animation:arrowBounce 2s infinite ease-in-out;cursor:pointer}@keyframes arrowBounce{0%,20%,50%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(8px);opacity:1}60%{transform:translateY(4px);opacity:.9}}@media (max-width: 768px){.scroll-indicator{bottom:20px}.scroll-arrow{font-size:1.5rem}}.project-card{display:flex;flex-direction:column;background-color:#28282a;width:30vw;height:50vh;align-items:flex-start;justify-content:space-around;padding-left:20px;position:relative;border-radius:12px;overflow:hidden}.project-image-box{display:flex;align-items:center;justify-content:center;width:calc(100% + 20px);margin-left:-20px}.project-image{width:90%;object-fit:contain;cursor:pointer;transition:transform .3s ease}.project-image:hover{transform:scale(1.05)}.project-info{color:#f4f2ef}.dark-overlay{position:fixed;inset:0;background:#0000;transition:background .6s ease;z-index:9998;pointer-events:none}.dark-overlay.visible{background:#0009}.expanded-image{position:fixed;background-size:cover;background-position:center;z-index:9999;border-radius:12px;cursor:default;transition:top .6s ease,left .6s ease,width .6s ease,height .6s ease,border-radius .4s ease;overflow:hidden}.expanded-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);pointer-events:none;transition:opacity .4s ease}.expanded-image.fade-out:after{opacity:0}.expanded-image.expanded{top:0!important;left:0!important;width:99vw!important;height:100vh!important;border-radius:0!important}.expanded-info{position:absolute;bottom:50px;left:50px;color:#fff;font-size:1.4rem;max-width:600px;opacity:0;z-index:10001;animation:fadeIn .8s ease forwards .4s;transition:opacity .4s ease}.expanded-info.fade-out{display:none}.project-title-link{color:#00e;text-decoration:none;transition:color .3s ease;display:inline-block;position:relative;margin-bottom:1rem}.project-title-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:currentColor;transition:width .3s ease}.project-title-link:hover{color:#00b}.project-title-link:hover:after{width:100%}.project-title-link h2{margin:0;color:inherit}.close-btn{position:absolute;top:30px;right:40px;background:#0009;border:none;color:#fff;border-radius:50%;padding:6px;cursor:pointer;opacity:0;z-index:10002;animation:fadeIn .8s ease forwards .5s;transition:opacity .4s ease}.close-btn.fade-out{display:none}.close-btn:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.project-card{width:80vw;height:35vh;margin:0 auto;padding-left:15px}.project-info h2{font-size:1.2rem}.project-info h3{font-size:1rem}.project-image-box{width:calc(100% + 15px);margin-left:-15px}.expanded-image.expanded{height:90vh!important;top:5vh!important}.expanded-info{bottom:25px;left:25px;font-size:1rem;max-width:75%}.expanded-info h2{font-size:1.4rem}.close-btn{top:15px;right:15px}.visit-link{font-size:.9rem}}@media (max-width: 480px){.project-card{width:85vw;height:30vh;padding-left:12px}.project-info h2{font-size:1rem}.project-info h3{font-size:.85rem}.project-image-box{width:calc(100% + 12px);margin-left:-12px}.expanded-image.expanded{height:85vh!important;top:7.5vh!important}.expanded-info{bottom:15px;left:15px;font-size:.9rem;max-width:80%}.expanded-info h2{font-size:1.2rem}.close-btn{top:10px;right:10px;padding:3px}.visit-link{font-size:.8rem}}.projects-container{display:flex;align-items:center;justify-content:space-evenly;min-height:100vh;padding-top:6rem;box-sizing:border-box}.projects-title{color:#28282a;text-shadow:0 0 3px #F4F2EF,0 0 6px #F4F2EF,0 0 9px #F4F2EF}@media (max-width: 768px){.projects-container{flex-direction:column;gap:2rem;padding:9rem 2rem 2rem;justify-content:center;min-height:100vh}}@media (max-width: 480px){.projects-container{padding:8rem 1.5rem 2rem;gap:1.5rem}}.logo-container{position:relative;width:10rem;height:10rem;flex-shrink:0}.logo{width:10rem;height:10rem;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity 4s ease}.logo.visible{opacity:1}.he-hates-us{display:flex;align-items:center;width:25rem;justify-content:space-between;margin-right:2rem}.he-hates-us span{position:relative;cursor:pointer;transition:color 4s ease}.he-hates-us span:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:currentColor;transition:width .3s ease}.he-hates-us span:hover:after{width:100%}.nav-dark{color:#28282a}.nav-light{color:#f4f2ef}@media (max-width: 768px){.he-hates-us{width:auto;margin-right:1rem;gap:1.5rem}}@media (max-width: 480px){.he-hates-us{margin-right:.5rem;gap:1rem}.he-hates-us span{font-size:.9em}}.header{align-items:center;justify-content:space-between;display:flex;height:6rem;font-size:xx-large;position:sticky;top:0;z-index:100}@media (max-width: 768px){.header{height:4rem;font-size:x-large;padding:1rem 1rem 0;top:1rem;margin-top:.5rem}}@media (max-width: 480px){.header{height:3.5rem;font-size:large;padding:1rem .5rem 0;top:1rem;margin-top:.5rem}}.more-about-me-container{display:flex;justify-content:space-around;min-height:100vh;padding-top:6rem;box-sizing:border-box}.my-images{width:51rem}.my-images img{width:17rem;position:relative;filter:grayscale()}.my-images img{width:17rem;width:17vw}.my-images img:nth-child(1){top:4vw;left:2vw;border:8px solid #28282a;z-index:1;box-sizing:border-box}.my-images img:nth-child(2){top:14vw;left:-2vw;z-index:2;border:8px solid #28282a}.my-images img:nth-child(3){top:2vw;left:-10vw;z-index:3;border:8px solid #28282a}.more-about-me-text p,.more-about-me-text h1{display:block;width:100%;color:#f4f2ef;line-height:1.5;font-size:clamp(1rem,2.2vw,1.4rem);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 0 3px #28282A,0 0 6px #28282A,0 0 9px #28282A}.more-about-me-text h1{font-size:clamp(1.5rem,3.8vw,2.4rem);margin-bottom:1rem}.more-about-me-text{width:clamp(40vw,50vw,600px);max-width:90vw;padding:0 1rem;box-sizing:border-box}@media (max-width: 768px){.more-about-me-container{flex-direction:column;align-items:center;gap:1rem;padding:9rem 2rem 2rem;justify-content:center}.my-images{width:100%;max-width:350px;order:-1;display:flex;justify-content:center;position:relative;height:200px}.my-images img{width:110px;height:110px;border:4px solid #28282a!important;object-fit:cover}.my-images img:nth-child(1){top:30px;left:30px}.my-images img:nth-child(2){top:60px;left:0}.my-images img:nth-child(3){top:15px;left:-30px}.more-about-me-text{width:85vw;text-align:center}.more-about-me-text h1{font-size:1.5rem!important}.more-about-me-text p{font-size:.9rem!important}}@media (max-width: 480px){.more-about-me-container{padding:8rem 1.5rem 2rem;gap:.8rem}.my-images{max-width:300px;height:170px}.my-images img{width:90px;height:90px;border:3px solid #28282a!important}.my-images img:nth-child(1){top:20px;left:50px}.my-images img:nth-child(2){top:45px;left:0}.my-images img:nth-child(3){top:5px;left:-50px}.more-about-me-text{width:90vw}.more-about-me-text h1{font-size:1.3rem!important}.more-about-me-text p{font-size:.8rem!important}}.mini-project-card{display:flex;background-color:#f4f2ef;width:25vw;height:40vh;flex-direction:column;align-items:flex-start;justify-content:space-around;padding-left:20px}.mini-project-image{position:relative;width:90%;object-fit:contain;transition:transform .3s ease}.mini-project-image:hover{transform:scale(1.05);transition:transform .3s ease}.mini-project-image-box{display:flex;position:relative;align-items:center;justify-content:center;width:calc(100% + 20px);margin-left:-20px}.mini-project-info{color:#28282a}@media (max-width: 768px){.mini-project-card{width:55vw;height:18vh;margin:0 auto;padding:10px 15px;justify-content:space-between}.mini-project-image-box{width:100%;margin-left:0;max-height:65%;display:flex;align-items:center;justify-content:center}.mini-project-image{max-height:100%;width:auto;object-fit:contain}.mini-project-info{font-size:.9rem}.mini-project-info h2{font-size:.95rem;margin:.3rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-project-info h3{font-size:.75rem;margin:.2rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 480px){.mini-project-card{width:60vw;height:16vh;padding:8px 12px;justify-content:space-between}.mini-project-image-box{width:100%;margin-left:0;max-height:65%;display:flex;align-items:center;justify-content:center}.mini-project-image{max-height:100%;width:auto;object-fit:contain}.mini-project-info{font-size:.8rem}.mini-project-info h2{font-size:.85rem;margin:.2rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-project-info h3{font-size:.7rem;margin:.1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.honorable-mentions-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:100vh;padding-top:6rem;box-sizing:border-box}.honorable-mentions-content{display:flex;flex-direction:row;gap:2rem}.honorable-mentions-title{color:#f4f2ef;text-shadow:0 0 3px #28282A,0 0 6px #28282A,0 0 9px #28282A}@media (max-width: 768px){.honorable-mentions-container{padding:9rem 2rem 2rem;gap:2rem;justify-content:center;min-height:100vh}.honorable-mentions-content{flex-direction:column;align-items:center;gap:2rem;width:100%}.honorable-mentions-title{text-align:center;font-size:1.6rem;margin-bottom:1rem}}@media (max-width: 480px){.honorable-mentions-container{padding:8rem 1.5rem 2rem;gap:1.5rem}.honorable-mentions-content{gap:1.5rem}.honorable-mentions-title{font-size:1.4rem}}.contact-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:100vh;padding-top:6rem;box-sizing:border-box}.contact-pic{width:35rem}.contact-info{width:45vw;height:60vh;display:flex;flex-direction:column;font-size:x-large;gap:2rem}.contact-info a{color:inherit;text-decoration:none}.cv-button-container{position:relative;display:inline-flex;align-items:center}.cv-button{background-color:transparent;color:#28282a;border:2px solid #28282A;padding:.5rem 1rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;font-weight:500}.cv-button:hover{background-color:#28282a1a}.cv-button-container:hover .cv-button{transform:scale(1.15)}.cv-options-bubble{position:absolute;top:100%;left:0;padding-top:.5rem;z-index:10}.cv-options-bubble:before{content:"";position:absolute;top:0;left:0;right:0;height:.5rem;background:transparent}.cv-options-content{background-color:#f4f2ef;border:2px solid #28282A;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 12px #0000004d;animation:bubbleFadeIn .2s ease}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cv-option{background-color:#f4f2ef;color:#28282a;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.cv-option:hover{background-color:#e5e3e0;transform:scale(1.05)}.social-links{display:flex;gap:1.5rem;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease;cursor:pointer}.social-link:hover{transform:scale(1.15)}.social-icon{color:#28282a}@media (max-width: 768px){.contact-container{flex-direction:column;gap:1.5rem;padding:9rem 2rem 2rem;text-align:center;justify-content:center;min-height:100vh}.contact-pic{width:16rem;order:-1}.contact-info{width:85vw;height:auto;font-size:1rem;gap:1rem;align-items:center}.contact-info h1{font-size:1.8rem}.contact-info p{font-size:1rem}.social-links{justify-content:center}}@media (max-width: 480px){.contact-container{padding:8rem 1.5rem 2rem;gap:1rem}.contact-pic{width:12rem}.contact-info{width:90vw;font-size:.9rem;gap:.8rem;align-items:center}.contact-info h1{font-size:1.5rem}.contact-info p{font-size:.9rem}.social-links{justify-content:center}}