@import"https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Young+Serif&display=swap";.navbar{background-color:#2c3e3f;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700;color:#a8d8d8;font-family:Georgia,serif;display:flex;align-items:center;gap:12px;text-decoration:none}.navbar-logo{width:50px;height:50px;border-radius:50%;object-fit:cover}.navbar-brand-text{color:#a8d8d8}.navbar-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar-menu a{color:#a8d8d8;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease}.navbar-menu a:hover{color:#fff}@media (max-width: 768px){.navbar-menu{gap:1rem;font-size:.9rem}.navbar-brand{font-size:1.2rem}}@media (max-width: 480px){.navbar-menu{gap:.5rem;font-size:.8rem}.navbar-brand{font-size:1rem}.navbar-container{flex-direction:column;gap:1rem}}.hero-buttons{margin-top:var(--spacing-sm);display:flex;gap:var(--spacing-sm)}.section-title{margin-bottom:var(--spacing-sm)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.project-card{display:flex;flex-direction:column;background-color:#ffffff4d;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.project-image{width:100%;height:250px;overflow:hidden;background-color:#2c3e3f}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-content{padding:25px;flex-grow:1;display:flex;flex-direction:column;color:#2c3e3f}.project-content p{font-size:1rem;line-height:1.3}.project-company{margin:0 0 15px;font-style:italic}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:30px}}.portfolio-header{margin-bottom:var(--spacing-sm)}.full-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 768px){.full-projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.project-section{background-color:#e8d5a6}alt-bg{background-color:#a8d8d8}.project-challenge-solution{border-bottom:3px solid #d4af7a;margin-bottom:var(--spacing-md)}.project-list li{margin-left:40px}.project-list strong{color:#2c3e3f;font-weight:700}.project-testimonial{font-size:1.05rem;line-height:1.8;margin:40px 0 0;padding:30px;border-left:4px solid #d4af7a;background-color:#d4af7a1a;font-style:italic}.project-testimonial footer{font-style:italic;margin-top:15px;display:block;font-size:.95rem}.project-testimonial strong{font-weight:700}@media (max-width: 480px){.project-hero-title{font-size:2rem}}.about-details-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.about-column{display:flex;flex-direction:column}.experience-item{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm)}.experience-location{font-size:.95rem;opacity:.8;font-style:italic}.experience-list{list-style:none;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}.experience-list li{font-size:.95rem;margin:0;padding-left:20px;position:relative}.experience-list li:before{content:"\2022";position:absolute;left:0}.education-item{margin-bottom:var(--spacing-sm)}.education-school{font-size:.95rem;opacity:.8}.skills-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-category{display:flex;flex-direction:column;gap:8px}.skill-label{font-size:.95rem}.skill-list{font-size:.95rem;opacity:.8}@media (max-width: 768px){.about-hero-container{grid-template-columns:1fr}.about-hero-image{height:350px}.about-details-container{grid-template-columns:1fr}}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1400px;margin:0 auto}.photo-item{width:100%;overflow:hidden;background-color:#2c3e3f;aspect-ratio:1}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1024px){.photos-grid{grid-template-columns:repeat(2,1fr)}.after-hours-title{font-size:3rem}}@media (max-width: 768px){.photos-grid{grid-template-columns:1fr}.after-hours-header{padding:60px 20px 40px}.after-hours-title{font-size:2.5rem}.photos-grid{padding:0 15px 60px}}@media (max-width: 480px){.after-hours{padding:0}.after-hours-header{padding:40px 15px 30px}.after-hours-title{font-size:2rem}.photos-grid{padding:0}}.footer{background-color:#a8d8d8;border-top:1px solid rgba(44,62,63,.1)}.footer .container{align-items:center}.footer-content{text-align:center}.contact-item a{color:#2c3e3f;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-item a:hover{color:#5a7475;text-decoration:underline}.separator{margin:0 8px;color:#5a7475}@media (max-width: 768px){.contact-item{font-size:.9rem}}.welcome{box-sizing:border-box;margin-top:10px;height:2em;border-top-right-radius:1em;border-bottom-right-radius:1em}.navigation_circles{text-align:center;border-radius:50%;width:200px;height:200px}.navigation_circles h3{padding:80px 0 0;font-weight:400;font-size:1.5rem}.navigation_circles:hover{background-color:#ff9a76}.navigation_circles:hover h3{color:#fff}.circle_right{margin-right:-10%;margin-left:auto}.circle_left{margin-left:-10%}.home_icon{display:block;margin-right:-10%;margin-left:auto}@media only screen and (min-width:480px){.lighthouse-bg{height:12em}.navigation_circles{text-align:center;background-color:#fffc;border-radius:50%;color:#fff}.navigation_circles h3{padding:60px 0 0;color:#000;font-weight:400;font-size:1.5rem}.navigation_circles:hover{background-color:#ff9a76}.navigation_circles:hover h3{color:#fff}.home_icon{display:block;margin-right:auto;margin-left:auto}.circle-container{position:relative;width:40em;height:1em;margin:25em auto 0}.circle-position{display:block;position:absolute;top:50%;left:50%;margin:-5em}.circle-size{width:10em;height:10em;z-index:11}.circle-container img{display:block;width:100%}.deg210{transform:rotate(210deg) translate(20em) rotate(-210deg)}.deg240{transform:rotate(240deg) translate(20em) rotate(-240deg)}.deg270{transform:rotate(270deg) translate(20em) rotate(-270deg)}.deg300{transform:rotate(300deg) translate(20em) rotate(-300deg)}.deg330{transform:rotate(330deg) translate(20em) rotate(-330deg)}.center{transform:translate(20em)}.triangle{width:100px;height:250px;left:30px;top:25px;background-image:linear-gradient(to bottom right,transparent 50%,rgba(255,255,255,.8) 0),linear-gradient(to top right,rgba(255,255,255,.8) 50%,transparent 0);background-size:50% 100%;background-repeat:no-repeat;background-position:left,right;position:absolute;z-index:10}}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:16px;color-scheme:light;color:#2c3e3f;background:linear-gradient(to bottom,#e8d5a6 0%,#a8d8d8 100%);scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--spacing-sm:20px;--spacing-md:40px}body{margin:0 auto;min-width:320px;min-height:100vh;font-family:Bitter,sans-serif;font-weight:400;font-size:1.2rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:"Young Serif",serif}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.1rem}a{font-weight:500;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.btn{padding:12px 30px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-primary{background-color:#2c3e3f;color:#a8d8d8}.btn-primary:hover{opacity:.8;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#2c3e3f;border:2px solid #2c3e3f}.btn-secondary:hover{background-color:#a8d8d8;color:#2c3e3f;opacity:.8;transform:translateY(-2px)}.text-and-image{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:center}.image-frame{background-color:#a8d8d833;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-frame img{width:100%;height:100%}@media (max-width: 768px){.container{padding:var(--spacing-sm);min-height:auto}.text-and-image{grid-template-columns:1fr;gap:var(--spacing-sm)}}
