*{margin:0;padding:0}.container{margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100vh}.selector{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.centerNameThing{display:flex;flex-direction:column}h1{padding:0;margin:0;font-size:8.5rem;font-family:League Spartan,sans-serif}h2{padding-left:120px;margin:0;font-size:1.5rem;text-align:right;font-family:Roboto,sans-serif;font-weight:350}h3{margin:0;font-size:1.5rem;font-family:Roboto,sans-serif;font-weight:350}.flowerTitle{padding-right:130px;transform:translateY(-40px)}.tulipTitle{transform:translate(-23px) translateY(-8px)}.beanTitle{transform:translate(-20px) translateY(-25px)}.paperTitle{transform:translate(-20px) translateY(-10px)}button{background:none;border:none;padding:0;cursor:pointer}.connectFlower img{width:14rem;height:auto}.flowerSection{position:absolute;top:20%;right:68%}.pic:hover{transform:scale(1.2)}.connectTulip img{width:12.5rem;height:auto}.tulipSection{position:absolute;top:40%;left:70%}.connectBean img{width:13rem;height:auto}.beanSection{position:absolute;top:65%;right:55%}.connectPaper img{width:12rem;height:auto}.paperSection{position:absolute;top:8.5%;left:55%}.AboutMeTitle{font-size:6rem;padding:30px 0 10px}.modal-overlay{position:fixed;inset:0;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:80%;max-width:1000px;height:70vh;border-radius:30px;border:3px solid black;position:relative;padding:0 40px 40px;overflow:hidden;display:flex;flex-direction:column}.modal-close{position:absolute;top:20px;right:30px;background:none;border:none;font-size:32px;cursor:pointer;color:#000;font-weight:300;line-height:1;padding:10px;width:60px;height:60px;z-index:10}.modal-close:hover{opacity:.3}.modal-body{flex:1;padding:40px 40px 0;overflow-y:auto;height:100%;position:relative;z-index:1;text-align:left}.lanyard-container{position:absolute;right:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}.modalText{width:660px}.AboutMeText{padding:20px 0 0;font-size:1.3rem;letter-spacing:1.2px;line-height:1.3}.socialButtons{margin:0 40px 40px;display:flex;gap:15px;position:relative;z-index:10}.socialButtons a{text-decoration:none}.socialBtn{padding:10px 20px;background:#fff;border:2px solid black;border-radius:20px;cursor:pointer;font-size:16px;transition:all .3s ease}.socialBtn:hover{background:#000;color:#fff}.lanyard-wrapper{position:relative;z-index:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transform:scale(1);transform-origin:center;pointer-events:auto;margin-left:auto}.experiences-modal-overlay{position:fixed;inset:0;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000}.experiences-modal-content{background:#fff;width:85%;max-width:1000px;height:75vh;border-radius:30px;border:3px solid black;position:relative;padding:40px;overflow:hidden;display:flex;flex-direction:column}.experiences-modal-close{position:absolute;top:20px;right:30px;background:none;border:none;font-size:32px;cursor:pointer;color:#000;font-weight:300;line-height:1;padding:10px;width:60px;height:60px;z-index:10}.experiences-modal-close:hover{opacity:.3}.experiences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.experiences-title{font-size:6rem;margin:0;font-family:League Spartan,sans-serif;padding:30px 0 10px}.resume-download-btn{padding:12px 24px;background:#fff;border:2px solid black;border-radius:20px;font-size:16px;font-family:Roboto,sans-serif;cursor:pointer;text-decoration:none;color:#000;transition:all .3s ease;white-space:nowrap}.resume-download-btn:hover{background:#000;color:#fff}.experiences-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:25px;overflow-y:auto;overflow-x:hidden;padding:10px 10px 20px;align-content:start;grid-auto-rows:max-content}@media (max-width: 1024px){.experiences-modal-content{width:90%;height:80vh;padding:30px}.experiences-header{flex-direction:column;align-items:flex-start;gap:20px}.experiences-title{font-size:4rem;padding:20px 0 10px}.experiences-grid{grid-template-columns:1fr}}@media (max-width: 768px){.experiences-modal-content{width:85%;max-width:85%;height:80vh;max-height:80vh;padding:60px 20px 20px;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.experiences-title{font-size:2.5rem;padding:10px 0}.experiences-modal-close{position:absolute;top:15px;right:15px;font-size:28px;width:50px;height:50px;z-index:9999}.experiences-header{margin-bottom:20px}.resume-download-btn{font-size:14px;padding:10px 18px}.experiences-grid{padding:5px}}.experience-card{background:#111;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid #222;height:fit-content;min-height:300px;display:flex;flex-direction:column}.experience-card:hover{transform:translateY(-5px);border-color:#333;box-shadow:0 10px 30px #0000004d}.card-image-container{width:100%;height:180px;min-height:180px;overflow:hidden;position:relative;flex-shrink:0}.card-image{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-image.blurred{transform:scale(1.1);filter:blur(4px)}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;opacity:0}.card-image-container:hover .image-nav-btn{opacity:1}.image-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.image-nav-prev{left:10px}.image-nav-next{right:10px}.image-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.image-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .3s ease}.image-indicator.active{background:#fff;width:24px;border-radius:4px}.card-content{padding:20px;background:#111;color:#fff;flex:1;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.card-header-text{flex:1}.card-title{font-size:1.5rem;font-family:League Spartan,sans-serif;margin:0 0 5px;color:#fff}.card-company{font-size:1rem;font-family:Roboto,sans-serif;margin:0;color:#999;font-weight:300}.card-date{font-size:.9rem;font-family:Roboto,sans-serif;color:#666;white-space:nowrap}.card-expandable{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-expandable.open{max-height:500px;opacity:1;margin-top:15px}.card-description{font-size:1rem;font-family:Roboto,sans-serif;line-height:1.6;color:#ddd;margin:0 0 15px;font-weight:300}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.card-tag{padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;font-size:.85rem;color:#fff;font-family:Roboto,sans-serif}.card-link{display:inline-block;padding:10px 20px;background:#fff;color:#000;text-decoration:none;border-radius:15px;font-size:.9rem;font-family:Roboto,sans-serif;transition:all .3s ease;border:2px solid white}.card-link:hover{background:transparent;color:#fff}@media (max-width: 768px){.card-image-container{height:150px}.card-title{font-size:1.2rem}.card-header{flex-direction:column;gap:5px}.card-date{align-self:flex-start}}.afterhours-modal-overlay{position:fixed;inset:0;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000}.afterhours-modal-content{background:#fff;width:85%;max-width:1100px;height:80vh;border-radius:30px;border:3px solid black;position:relative;padding:0;overflow:hidden;display:flex;flex-direction:column}.afterhours-modal-close{position:absolute;top:20px;right:30px;background:none;border:none;font-size:32px;cursor:pointer;color:#000;font-weight:300;line-height:1;padding:10px;width:60px;height:60px;z-index:10}.afterhours-modal-close:hover{opacity:.3}.afterhours-header{padding:40px 40px 20px;background:#fff}.afterhours-title{font-size:6rem;margin:0;font-family:League Spartan,sans-serif;padding:30px 0 10px}.afterhours-journal-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 40px 40px;background:#fff}.afterhours-interests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-auto-rows:minmax(200px,auto)}.afterhours-interest-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease}.afterhours-interest-card:hover{border-color:#333;box-shadow:0 4px 12px #0000001a}.afterhours-large-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px}.afterhours-wide-card{grid-column:2 / -1}.afterhours-card-title{font-family:League Spartan,sans-serif;font-size:1.8rem;margin:0;color:#333;text-transform:lowercase}.afterhours-card-description{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6;color:#555;margin:0}.afterhours-card-quote{font-family:Roboto,sans-serif;font-size:.95rem;line-height:1.6;color:#666;font-style:italic;margin:10px 0 0;padding-left:15px;border-left:3px solid #333}.afterhours-card-image-section{display:flex;flex-direction:column;gap:10px}.afterhours-card-image-single{width:100%;height:180px;background:#e8e8e8;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem}.afterhours-card-image{width:100%;height:300px;object-fit:cover;border-radius:8px;background:#e8e8e8;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem}.afterhours-card-text-section{display:flex;flex-direction:column;gap:15px}.afterhours-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.afterhours-tag{padding:6px 14px;background:#fff;border:1px solid #d0d0d0;border-radius:20px;font-size:.85rem;color:#555;font-family:Roboto,sans-serif}.afterhours-essentials-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}.afterhours-essential-item{padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;color:#666;font-family:Roboto,sans-serif;text-align:center}.afterhours-trinket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.afterhours-trinket-box{aspect-ratio:1;background:#e8e8e8;border-radius:8px;border:2px solid #d5d5d5}.afterhours-interests-tags-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.afterhours-interest-tag{padding:10px 20px;background:#fff;border:2px solid #333;border-radius:25px;font-size:1rem;color:#333;font-family:Roboto,sans-serif;transition:all .3s ease;cursor:pointer}.afterhours-interest-tag:hover{background:#333;color:#fff}@media (max-width: 1024px){.afterhours-interests-grid{grid-template-columns:repeat(2,1fr)}.afterhours-wide-card{grid-column:span 2}.afterhours-title{font-size:4rem}}@media (max-width: 768px){.afterhours-interests-grid{grid-template-columns:1fr}.afterhours-large-card,.afterhours-wide-card{grid-column:span 1;grid-template-columns:1fr}.afterhours-title{font-size:3rem}.afterhours-journal-container{padding:15px 20px 30px}}@media (max-width: 768px){.afterhours-modal-content{width:85%;max-width:85%;height:80vh;max-height:80vh;padding:60px 20px 20px;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.afterhours-title{font-size:2.5rem;padding:10px 0}.afterhours-modal-close{position:absolute;top:15px;right:15px;font-size:28px;width:50px;height:50px;z-index:9999}.afterhours-header{padding:20px 20px 10px}.afterhours-journal-container{padding:10px 20px 20px}.afterhours-card-title{font-size:1.5rem}.afterhours-card-description{font-size:.95rem}}.projects-modal-overlay{position:fixed;inset:0;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000}.projects-modal-content{background:#fff;width:85%;max-width:1200px;height:75vh;border-radius:30px;border:3px solid black;position:relative;padding:40px;overflow:hidden;display:flex;flex-direction:column}.projects-modal-close{position:absolute;top:20px;right:30px;background:none;border:none;font-size:32px;cursor:pointer;color:#000;font-weight:300;line-height:1;padding:10px;width:60px;height:60px;z-index:10}.projects-modal-close:hover{opacity:.3}.projects-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.projects-title{font-size:6rem;margin:0;font-family:League Spartan,sans-serif;padding:30px 0}.project-counter{position:absolute;top:-50px;right:0;font-size:1.5rem;color:#666;font-family:Roboto,sans-serif;font-weight:300;z-index:5}.carousel-container{flex:1;display:flex;align-items:center;gap:20px;position:relative}.carousel-wrapper{flex:1;display:flex;align-items:center;gap:30px;height:100%;position:relative}.preview-card{flex:0 0 18%;height:85%;opacity:.5;transition:all .3s ease;cursor:pointer}.preview-card:hover{opacity:.8;transform:scale(1.05)}.preview-spotlight{height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem!important}.preview-content{text-align:center;width:100%}.preview-title{font-size:1.5rem;color:#fff;font-family:League Spartan,sans-serif;margin:0;word-wrap:break-word}.preview-left{transform-origin:right center}.preview-right{transform-origin:left center}.carousel-arrow{background:none;border:none;font-size:4rem;color:#333;cursor:pointer;padding:10px 20px;transition:all .3s ease;z-index:5}.carousel-arrow:hover{color:#000;transform:scale(1.2)}.carousel-arrow:active{transform:scale(.95)}.carousel-content{flex:0 0 55%;display:flex;flex-direction:column;gap:20px;height:100%}.project-card{flex:1;display:flex;gap:25px;padding:2rem!important}.project-image-container{flex:0 0 35%;display:flex;align-items:center;justify-content:center;border-radius:1rem;overflow:hidden;background:#000}.project-image{width:100%;height:100%;object-fit:cover}.project-info{flex:1;display:flex;flex-direction:column;gap:20px;color:#fff}.project-header-row{display:flex;justify-content:space-between;align-items:baseline}.project-title{font-size:2.2rem;text-align:left;margin-left:0;padding-left:0;font-family:League Spartan,sans-serif;color:#fff}.project-date{font-size:1rem;color:#999;font-family:Roboto,sans-serif}.project-description{font-size:1.1rem;line-height:1.6;color:#ddd;margin:0;font-family:Roboto,sans-serif;font-weight:300}.project-tech-links-container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto}.project-tech{display:flex;flex-wrap:wrap;gap:10px;flex:1}.tech-tag{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.9rem;color:#fff;font-family:Roboto,sans-serif}.project-links{display:flex;gap:15px;flex-shrink:0}.project-link{padding:10px 20px;color:#000;text-decoration:none;border-radius:20px}.githubLogo{width:2.5rem;height:2.5rem}.carousel-indicators{display:flex;justify-content:center;gap:10px;padding:10px 0}.indicator{width:40px;height:4px;background:#ddd;border:none;border-radius:2px;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background:#333;width:60px}.indicator:hover{background:#666}@media (max-width: 1024px){.project-card{flex-direction:column}.project-image-container{flex:0 0 200px}.projects-title{font-size:4rem;padding:20px 0}.preview-card{display:none}.carousel-content{flex:1}.project-tech-links-container{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.projects-modal-content{width:85%;max-width:85%;height:80vh;max-height:80vh;padding:60px 20px 20px;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.projects-title{font-size:2.5rem;padding:10px 0 15px}.projects-modal-close{position:absolute;top:15px;right:15px;font-size:28px;width:50px;height:50px;z-index:9999}.carousel-arrow,.preview-card{display:none}.carousel-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.carousel-wrapper{display:block;height:auto}.carousel-content{flex:none;width:100%;display:flex;flex-direction:column;gap:20px}.project-counter{display:none}.project-card{flex-direction:column;min-height:auto}.project-image-container{flex:0 0 200px;width:100%}.project-title{font-size:1.5rem}.project-description{font-size:.95rem}.project-tech-links-container{flex-direction:column;align-items:flex-start}.carousel-indicators{display:none}}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.mobile-container{min-height:100vh;background:#fff;padding:20px;font-family:Roboto,sans-serif;margin:0 auto;max-width:100%}.mobile-header{text-align:center;padding:40px 0 30px;border-bottom:2px solid #f0f0f0;margin-bottom:30px;margin-left:0;margin-right:0}.mobile-name{font-size:3.5rem;font-family:League Spartan,sans-serif;margin:0;padding:0;color:#000}.mobile-tagline{font-size:1rem;color:#666;margin:0;padding:0;font-weight:300}.mobile-section{margin-bottom:40px;margin-left:0;margin-right:0;padding:0;text-align:center}.mobile-section-title{font-size:2.5rem;font-family:League Spartan,sans-serif;margin:0 0 20px;padding:0;color:#000;text-align:center}.mobile-about-text{font-size:1rem;line-height:1.6;color:#333;margin:0 auto 15px;padding:0;font-weight:300;text-align:center}.mobile-social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:center}.mobile-social-links a{text-decoration:none}.mobile-social-btn{padding:12px 24px;background:#fff;border:2px solid black;border-radius:20px;font-size:1rem;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;color:#000}.mobile-social-btn:active{background:#000;color:#fff}.mobile-nav-cards{display:flex;flex-direction:column;gap:20px;margin-top:30px}.mobile-nav-card{display:flex;align-items:center;gap:20px;padding:25px;background:#fff;border:2px solid black;border-radius:20px;cursor:pointer;transition:all .3s ease}.mobile-nav-card:active{background:#f5f5f5;transform:scale(.98)}.mobile-nav-icon{width:60px;height:60px;object-fit:contain}.mobile-nav-label{font-size:1.5rem;font-family:League Spartan,sans-serif;color:#000}@media (max-width: 768px){.mobile-header{padding:20px 0}.mobile-name{font-size:2.5rem}.mobile-section-title{font-size:2rem}.mobile-nav-icon{width:50px;height:50px}.mobile-nav-label{font-size:1.3rem}}