@import "/global.css";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:PP Editorial New;src:url("/fonts/PP Editorial New Ultralight.ttf") format("truetype");font-weight:200;font-style:normal}.lexend-appleFont{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif}.logo{font-family:PP Editorial New,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:2rem;letter-spacing:.1rem;border-radius:12px;transition:transform .3s ease-in-out}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;margin:0;background-color:#ffffff;color:#37352F;min-height:100vh;line-height:1.5;padding:8% 6% 6%}.container{width:100%;margin:0 auto;padding-top:0;position:-webkit-sticky;position:sticky;overflow:visible}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5rem;position:fixed;top:0;left:0;width:100%;background-color:#ffffff;z-index:999;box-shadow:0 4px 8px rgba(0,0,0,.15);transition:padding .3s ease-in-out,box-shadow .3s ease-in-out}header.scrolled{padding:.5rem 5rem;box-shadow:0 6px 10px rgba(0,0,0,.1)}header h1 a{margin:0;font-size:2rem;font-weight:300;text-decoration:none;color:#37352F}.nav-and-buttons{justify-content:flex-end}.nav-and-buttons,nav{display:flex;align-items:center;flex-grow:1}nav{gap:3rem;justify-content:center}nav a{font-size:1rem;letter-spacing:.1rem;transition:color .3s ease;text-decoration:none;color:inherit;transition:transform .3s ease}nav a:hover{color:#FFE5B4;transform:translateY(-.3rem)}.button-container{display:flex;gap:1rem;align-items:center;margin-left:auto}.btn-github{transition:background-color .2s ease}.btn-github,.btn-linkedin{color:#ffffff;padding:.6rem 1rem;border-radius:12px;border:none;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none}.btn-linkedin{transition:transform .3s ease}.btn-github:hover,.btn-linkedin:hover,.logo:hover{background-color:#FFE5B4;transform:translateY(-.3rem)}.button-container img{width:30px;height:30px}main{display:flex;flex-direction:column;justify-content:center;min-height:calc(90vh - 6rem)}.first-content{display:grid;place-items:center;padding-top:5rem;padding-bottom:5rem}.first-content h1{font-family:PP Editorial New,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:10rem;letter-spacing:.2rem;margin:2rem 0;line-height:1.2;text-shadow:0 0 1px rgba(128,128,128,.418);text-align:center}.description-container{font-size:1rem;letter-spacing:.05em;max-width:35rem;color:#787774;margin-bottom:30px;padding-bottom:5rem}.description-container p{margin-bottom:.7rem}.desc-tag-current a,.desc-tag-past a{letter-spacing:.05em;max-width:35rem;color:#8ba888;text-decoration:none}.buttons{display:flex;gap:1rem}.btn-find-out{background-color:#8ba888;text-decoration:none;color:#ffffff;padding:.7rem 1.7rem;border-radius:12px;font-size:1.2rem;font-weight:400;letter-spacing:.1em;transition:background-color .2s ease}.btn-find-out:hover{background-color:#44624a}.btn-connect{background-color:#D6DECE;text-decoration:none;color:#44624a;padding:.7rem 2.2rem;border-radius:12px;font-size:1.2rem;font-weight:400;letter-spacing:.1em;transition:background-color .2s ease;margin-left:20px}.btn-connect:hover{background-color:#c0cfb2}.experience-signage{display:grid;place-items:center;padding-top:12rem;padding-bottom:3rem}.experience-signage h1{font-size:2.5rem}.cafe-shop{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;grid-template-areas:"box-1 box-2 box-3";padding-bottom:5rem}.card-image{width:100%;height:250px;object-fit:cover;display:block}.card-image-container{margin-top:1rem;border-radius:.75rem;overflow:hidden;width:100%;aspect-ratio:16/9}.cafe-table{background-color:#f7f7f7;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .2s ease-in-out;border-radius:1.5rem;padding:1.5rem;position:relative;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.cafe-table:hover{transform:translateY(-.5rem);box-shadow:0 8px 12px rgba(0,0,0,.15);filter:brightness(85%)}.box-1{grid-area:box-1}.box-2{grid-area:box-2}.box-3{grid-area:box-3}.content-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}.flex.items-center{display:flex;align-items:center;gap:1rem}.institution{font-size:1.25rem;font-weight:600;color:#333;margin-top:0;line-height:1.5}.position-name{font-size:1.5rem;font-weight:800;color:#111;line-height:1.2}.tag-present{color:#44624a;padding:.1rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:inline-flex;height:-moz-fit-content;height:fit-content}.arrow-icon,.tag-present{background-color:#D4E0CA;align-items:center}.arrow-icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.arrow-icon svg{width:.8rem;height:1rem;color:#44624a;transition:transform .3s ease-in-out}.cafe-table:hover .arrow-icon{transform:rotate(-45deg);background-color:#bfdbfe}.project-signage{display:grid;place-items:center;padding-top:8rem;padding-bottom:2rem}.project-signage h1{font-size:2.5rem}.project-section-container{background-color:#D4E0CA;border-radius:1.8rem;padding:2rem;margin-top:1rem}.project-name{font-size:1.5rem;font-weight:800;color:#111;line-height:1.2;padding-top:.5rem}.project-shop{flex-wrap:wrap;gap:1.5rem}.project-shop,.project-table{display:flex;justify-content:space-between}.project-table{background-color:#f7f7f7;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease-in-out,box-shadow .3s ease;border-radius:.8rem;padding:1.5rem;position:relative;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 1rem);min-width:280px;overflow:hidden}.project-card-default{position:relative;z-index:1;transition:opacity .3s ease}.project-table:hover .project-card-default{opacity:0}.project-card-hover{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center;z-index:2}.project-table:hover .project-card-hover{opacity:1}.project-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);border-radius:.8rem}.project-card-hover-content{position:relative;z-index:3;padding:1.5rem;color:white;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.project-card-hover-content .project-description-container{color:rgba(255,255,255,.9);font-size:.9rem;line-height:1.4;margin-bottom:1rem;max-height:none}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}.project-card-hover .tag-techstack{background-color:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.7rem;padding:.25rem .75rem}.project-table:hover .arrow-icon{transform:rotate(-45deg);background-color:rgba(191,219,254,.8)}.project-table:hover{transform:translateY(-.5rem);box-shadow:0 12px 20px rgba(0,0,0,.2)}.project-card-image{width:100%;height:auto;object-fit:cover;display:block}.project-card-image-container{margin-top:.5rem;border-radius:.6rem;overflow:hidden;aspect-ratio:16/9}.project-description-container{font-size:1rem;letter-spacing:.05em;max-width:35rem;color:#787774;margin-bottom:30px;padding-top:.5rem}.tag-techstack{background-color:#bfdbfe;color:#44624a;padding:.1rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;height:-moz-fit-content;height:fit-content}@media (max-width:768px){body{padding:25% 3% 3%}header{padding:.2rem 2rem}.nav-and-buttons,header{flex-direction:column;gap:1rem}nav{gap:1.5rem;justify-content:center}.first-content h1{font-size:3rem;line-height:1.1}.description-container{max-width:100%;text-align:center}.cafe-shop{grid-template-columns:1fr;grid-template-areas:"box-1" "box-2" "box-3"}.project-shop{flex-direction:column}.project-table{flex:1 1 100%;min-width:auto}.cafe-table,.project-table{padding:1rem}.institution{font-size:1rem}.position-name,.project-name{font-size:1.25rem}}@media (max-width:1024px) and (min-width:769px){body{padding:5% 4% 4%}header{padding:1rem 3rem}.first-content h1{font-size:4rem}nav{gap:2rem}.cafe-shop{grid-template-columns:repeat(2,1fr);grid-template-areas:"box-1 box-2" "box-3 box-3"}.project-table{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.75rem);min-width:300px}}