@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&family=Orbitron:wght@700&display=swap";html,body{width:100%;overflow-x:visible;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:60px}body{background:repeating-linear-gradient(90deg,#fff,#fafafa 3px,#fff 5px),url(https://www.transparenttextures.com/patterns/noise-pattern-with-subtle-cross-lines.png);background-blend-mode:multiply;background-attachment:fixed;font-family:Titillium Web,sans-serif,Arial,Helvetica;font-weight:500;line-height:1.6;color:#333;background-color:var(--background-color);padding:0;margin:0}h1,h2{font-family:Orbitron,sans-serif,Arial,Helvetica}#root,.app-container{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:900px;margin:0 auto;padding:20px;box-sizing:border-box}section{margin-bottom:40px}:root{--main-white: #f9f8f6;--background-color: #f9f7f4;--main-orange: rgb(195, 97, 0)}.layout{display:flex;flex-direction:column;min-height:100vh;overflow:visible}.location{color:#666;font-size:.95rem;margin-top:.5rem}.main{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;flex:1;overflow-x:hidden}.section{margin-bottom:4rem}.section h2{font-size:1.3rem;border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin-top:2rem;margin-bottom:1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.project-card{text-align:center;border:1px solid #ccc;padding:.5rem;border-radius:6px;overflow:hidden;background:var(--main-white);box-shadow:1px 1px 4px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.project-card a{display:block;color:inherit;text-decoration:none;height:100%}.project-card:hover{box-shadow:0 4px 12px #ffb73a8c;transform:translateY(-2px)}.project-card h3{margin-top:0}.project-card img,.project-card video{width:100%;margin-top:.5rem;border:1px solid #aaa;border-radius:4px}ul{list-style-type:disc;margin-left:1.5rem}.footer{background-color:gray;color:#fff;text-align:center;font-size:.85rem;border-top:1px solid #ccc}.section-title{text-align:center;margin-bottom:50px;font-size:2.5rem;color:#2c3e50;position:relative}.section-title:after{content:"";display:block;width:5rem;height:4px;background:#3498db;margin:15px auto}.section h2,#contact{text-align:center}.nav{position:sticky;top:0;z-index:1000;background-color:#222;display:flex;justify-content:center;gap:2rem;border-bottom:1px solid #ddd;padding:6px 0;flex-wrap:wrap}.nav::-webkit-scrollbar{height:6px}.nav::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.nav a{color:#fff;text-decoration:none;font-weight:700;cursor:pointer;padding:6px 0;transition:color .3s ease,text-decoration .3s ease,border-bottom .3s ease;display:inline-block;flex-shrink:0}.nav a:hover{color:var(--main-orange);text-decoration:underline}.nav a.active{color:var(--main-orange);text-decoration:none;border-bottom:2px solid var(--main-orange);padding-bottom:4px;font-weight:700}.projects-nav a.home-link{color:#0ddbae}.projects-nav a.home-link:hover{color:#00ffc8}@media (max-width: 768px){.projects-nav{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:10px 0}.projects-nav a{padding:6px 0;font-size:1.2rem}}.timeline{position:relative;max-width:900px;margin:0 auto;padding:0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;background:#ccc;transform:translate(-50%);border-radius:2px;z-index:1}.timeline-item{position:relative;width:45%;padding:20px 30px;box-sizing:border-box;margin-bottom:30px}.timeline-item.fulltime{left:0;text-align:right}.timeline-item.parttime,.timeline-item.education{left:55%;text-align:left}.timeline-item:before{content:"";position:absolute;top:55px;width:25px;height:25px;border-radius:50%;background:#f4db5c;border:3px solid var(--main-white);box-shadow:0 0 0 2px #ccc;z-index:2}.timeline-item:after{content:attr(data-year);position:absolute;top:56px;font-weight:700;color:#555;font-size:16px;white-space:nowrap}.timeline-item.fulltime:before{right:-60px}.timeline-item.fulltime:after{right:-120px}.timeline-item.parttime:before,.timeline-item.education:before{left:-60px}.timeline-item.parttime:after{left:-160px}.timeline-item.education:after{left:-120px}.timeline-item.education:before{background:#abf45c}.timeline-item.parttime:before{background:#5cb4f4}.timeline-item .content{background:var(--main-white);padding:15px;border-radius:6px;box-shadow:0 2px 6px #0000001a;max-width:100%;display:inline-block}.timeline-item.fulltime .content{margin-left:auto;padding-right:20px}.timeline-item.parttime .content,.timeline-item.education .content{margin-right:auto;padding-left:20px}.timeline-item .company{font-style:italic;color:#555}.company a{color:#3a7bd5;text-decoration:none;font-style:italic;transition:color .3s ease}.company a:hover{text-decoration:underline;color:#1a4a9e}@media (max-width: 700px){.timeline-item,.timeline-item.fulltime,.timeline-item.parttime,.timeline-item.education{width:100%;left:0!important;text-align:left!important;margin-left:0}.timeline-item.fulltime:after,.timeline-item.parttime:after,.timeline-item.education:after{left:40px!important;top:25px!important}.timeline-item:before{top:55px!important;left:-35px!important;right:auto!important;transform:none!important}.timeline:before{left:20px}.timeline{padding-left:40px}}.projects-content{text-align:center;padding:1rem}.projects-content h1{border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size:2rem;margin-bottom:1rem}.projects-content p{font-size:1.2rem;margin-bottom:2rem;color:#444}.gallery-container{padding:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;justify-content:center;max-width:1200px;margin:0 auto}.gallery-image,.gallery-video{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.45rem;box-shadow:0 6px 20px #0003;cursor:pointer;position:relative;transition:transform .2s ease,opacity .2s ease}.gallery-image:hover,.gallery-video:hover{transform:scale(1.03);opacity:.9}.gallery-video img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.gallery-video .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.85);pointer-events:none}.gallery-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:0 80px;box-sizing:border-box}.gallery-modal-content{max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.gallery-modal-image,.gallery-modal-video-wrapper{border-radius:.75rem;box-shadow:0 6px 20px #0009}.gallery-modal-image{max-width:100%;max-height:100%;object-fit:contain}.gallery-modal-video-wrapper{width:85vw;max-width:1200px;height:48vw;max-height:85vh;display:flex}.gallery-modal-video-wrapper iframe{width:100%;height:100%;border-radius:inherit}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:2rem;font-weight:700;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10000;transition:background .2s ease,transform .2s ease}.gallery-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:20px}.gallery-nav.next{right:20px}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:.5rem}.gallery-modal{padding:0 20px}.gallery-modal-image{max-width:95%;max-height:75%}.gallery-modal-video-wrapper{aspect-ratio:16 / 9}.gallery-nav{display:none}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr;gap:.75rem}.gallery-modal-image{max-width:100%;max-height:65%}.gallery-modal-video-wrapper{aspect-ratio:16 / 9}}.header{position:relative;min-height:20vh;overflow:hidden;color:#fff;text-align:center;width:100%;z-index:1}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:0;pointer-events:none}.header-bg{position:absolute;top:0;left:0;width:100%;height:120%;object-fit:cover;object-position:center;z-index:-1;transform:translateZ(0);will-change:transform;pointer-events:none;-webkit-user-select:none;user-select:none}.header-content{position:relative;z-index:1;padding:40px 20px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;height:100%}.header-content h1{font-size:3rem;margin:0 0 10px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.header-content p{color:#d3d3d3;background-color:#31313199;font-size:1.2rem;margin:0 auto;padding:5px 15px;max-width:600px;font-style:italic;text-shadow:1px 1px 2px rgba(108,108,108,.6);border-radius:2px}@media (max-width: 768px){.header{min-height:25vh}.header-content{padding:20px}.header-content h1{font-size:2rem;margin-top:20px}.header-content p{font-size:1.2rem;max-width:100%;padding:4px 20px}nav{font-size:1rem}}