body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-hero{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background-color:#fffef9;color:#1e40af;flex-wrap:wrap;gap:2rem;margin:0 auto}.home-hero-left{flex:1;min-width:280px;max-width:765px}.home-hero-left h1{font-size:48px;font-weight:600;margin-bottom:1rem}.home-highlight{font-family:monospace;font-weight:600}.home-hero-left p{font-size:24px;line-height:1.6;margin-top:.5rem}.home-hero-right{flex:1;display:flex;justify-content:right;min-width:250px;max-width:400px}.home-hero-right img{width:100%;max-width:300px;height:auto;object-fit:cover;border-radius:25px;box-shadow:0 4px 16px #0000001a}@media (max-width: 768px){.home-hero{flex-direction:column;text-align:center}.home-hero-left h1{font-size:2rem}.home-hero-right{justify-content:center}.home-hero-right img{max-width:220px}}.home-about{background-color:#fffef9;padding:4rem 2rem;color:#1e40af}.home-about-row{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1200px;margin:0 auto;text-align:left}.home-about-image{flex:1;display:flex;justify-content:left;min-width:250px;max-width:400px}.home-about-image img{width:100%;max-width:300px;height:auto;border-radius:25px;box-shadow:0 4px 16px #0000001a;object-fit:cover}.home-about-text{flex:1;min-width:280px;max-width:800px}.home-about-text h2{font-size:2.5rem;font-family:monospace;margin-bottom:1rem}.home-about-text p{font-size:1.2rem;line-height:1.8}@media (max-width: 768px){.home-about-row{flex-direction:column;text-align:center}.home-about-text h2{font-size:2rem}.home-about-image img{display:none}}.home-skills{background-color:#fffef9;padding:4rem 2rem;color:#1e40af}.home-skills-title{font-size:2.5rem;font-family:monospace;text-align:center;margin-bottom:2rem}.home-skills-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:1200px;margin:0 auto}.home-skills-column{flex:1 1 250px;max-width:300px}.home-skills-column h3{font-size:1.5rem;margin-bottom:1rem;font-family:monospace;color:#1e40af}.home-skills-column ul{list-style:none;padding:0;margin:0}.home-skills-column ul li{font-size:1rem;line-height:1.6;padding-left:1rem;position:relative}.home-skills-column ul li:before{content:"•";position:absolute;left:0;color:#1e40af}@media ((min-width: 613px) and (max-width: 895px)){.home-skills-row{justify-content:left}}.home-timeline{background-color:#fffef9;padding:4rem 2rem;color:#1e40af}.home-timeline-title{font-size:2.5rem;font-family:monospace;text-align:center;margin-bottom:56px}.home-timeline-container{max-width:800px;margin:0 auto;border-left:3px solid #1e40af;padding-left:2rem;position:relative}.home-timeline-item{margin-bottom:2rem;position:relative}.home-timeline-date{position:absolute;left:-6rem;top:0;font-weight:700;color:#1e40af;margin-top:3px}.home-timeline-content h3{font-size:1.5rem;margin-bottom:.5rem;font-family:monospace}.home-timeline-content h4{font-size:1rem;margin-bottom:.5rem;margin-top:0}.home-timeline-content p{margin:0;line-height:1.6;font-size:1rem}.home-timeline-link-group{margin-top:15px;display:flex}.home-timeline-link{text-decoration:none;color:#fffef9;background-color:#1e40af;padding:5px;border-radius:5px;margin-right:10px}.home-timeline-link:hover{background-color:#2957ee;transition:background-color .3s ease}.home-timeline-list{margin-bottom:10px}@media (max-width: 1100px){.home-timeline-container{border-left:none;padding-left:0}.home-timeline-date{position:static;font-weight:700;margin-bottom:.5rem}.home-timeline-item{margin-bottom:3rem}}.home-contact{background-color:#fffef9;padding:4rem 2rem;color:#1e40af;text-align:center}.home-contact-title{font-size:2.5rem;font-family:monospace;margin-bottom:3.5rem}.home-contact-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.home-contact-link{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:#1e40af;text-decoration:none;background-color:#e0e7ff;padding:.75rem 1.25rem;border-radius:12px;transition:background-color .3s ease,transform .2s ease}.home-contact-link:hover{background-color:#c7d2fe;transform:translateY(-2px)}.home-portfolio-text{margin-bottom:32px;font-size:1.2rem}.navbar{background-color:#fffef9;padding:1rem 2rem;box-shadow:0 2px 6px #0000000d;top:0;z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:#1e40af;font-family:monospace}.nav-links .nav-button,.nav-links .nav-button:link,.nav-links .nav-button:visited,.nav-links .nav-button:hover,.nav-links .nav-button:focus,.nav-links .nav-button:active{all:unset;font-family:monospace;color:#1e40af;font-weight:600;cursor:pointer;transition:color .2s ease;font-size:1.25rem;text-decoration:none;display:inline-block}.nav-links .nav-button:hover,.nav-links .nav-button:focus{color:#4b61d1;text-decoration:underline}.nav-links{list-style:none;display:flex;gap:2rem}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#1e40af}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{flex-direction:column;gap:1rem;background-color:#fffef9;position:absolute;top:60px;right:2rem;padding:1rem;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;display:none}.nav-links.active{display:flex}}.footer{background-color:#fffef9;padding:1rem 2rem;color:#1e40af;text-align:center;font-size:1rem}.footer-content{max-width:1200px;margin:0 auto}.notfound{background-color:#fffef9;color:#1e40af;min-height:80vh;display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center}.notfound-content h1{font-size:6rem;font-family:monospace;margin-bottom:1rem}.notfound-content h2{font-size:2rem;font-family:monospace;margin-bottom:1rem}.notfound-content p{font-size:1.2rem;margin-bottom:2rem;line-height:1.6}.notfound-btn{background-color:#1e40af;color:#fffef9;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-family:monospace;transition:background-color .3s ease,transform .2s ease}.notfound-btn:hover{background-color:#2957ee;transform:translateY(-2px)}@media (max-width: 768px){.notfound-content h1{font-size:4rem}.notfound-content h2{font-size:1.5rem}}.portfolio{background-color:#fffef9;color:#1e40af;padding:4rem 2rem;text-align:center}.portfolio-title{font-size:2.5rem;font-family:monospace;margin-bottom:2rem}.portfolio-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.portfolio-filter-btn{background-color:#e0e7ff;color:#1e40af;border:none;padding:.5rem 1.25rem;border-radius:10px;font-family:monospace;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.portfolio-filter-btn:hover{background-color:#c7d2fe;transform:translateY(-2px)}.portfolio-filter-btn.active{background-color:#1e40af;color:#fffef9}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1500px;margin:0 auto}.portfolio-item{background-color:#e0e7ff;border-radius:12px;padding:1.5rem;max-width:300px;text-align:left;transition:transform .2s ease}.portfolio-item h3{font-size:1.25rem;font-family:monospace;margin-top:0;margin-bottom:.5rem}.portfolio-item p{font-size:1rem;line-height:1.6}.portfolio-tags{margin-top:.75rem;margin-bottom:1rem}.portfolio-tag{display:inline-block;background-color:#1e40af;color:#fffef9;font-size:.8rem;border-radius:6px;padding:.25rem .5rem;margin-right:.5rem;margin-bottom:8px}.portfolio-btn{background-color:#1e40af;color:#fffef9;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;font-family:monospace;transition:background-color .3s ease;text-decoration:none}.portfolio-btn:hover{background-color:#2957ee}@media (max-width: 800px){.portfolio-item{max-width:100%}}@media (max-width: 600px){.portfolio-filters{justify-content:center;gap:.5rem;padding:0}.portfolio-filter-btn{padding:.4rem 1rem;border-radius:8px;flex:0 1 calc(45% - .5rem);text-align:center}}.case-study{background-color:#fffef9;color:#1e40af;padding:4rem 2rem;font-family:monospace,Courier New,Courier,sans-serif}.case-hero{text-align:center;margin-bottom:3rem}.case-title{font-size:2.5rem;margin-bottom:.5rem}.case-subtitle{font-size:1.1rem;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.case-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.case-tag{background-color:#1e40af;color:#fffef9;padding:.3rem .75rem;border-radius:8px;font-size:.9rem}.case-section{max-width:800px;margin:0 auto 3rem}.case-section h2{font-size:1.5rem;margin-bottom:.75rem;border-left:4px solid #1e40af;padding-left:.5rem}.case-section p,li{line-height:1.7;font-size:1.05rem}.case-image-placeholder{background-color:#e0e7ff;border-radius:10px;text-align:center;padding:2rem;color:#1e40af;margin-top:1rem;font-size:.95rem;border:1px dashed #1e40af}.case-nav{text-align:center;margin-top:4rem}.case-back-btn{display:inline-block;text-decoration:none;color:#1e40af;font-size:1rem;background-color:#e0e7ff;padding:.75rem 1.25rem;border-radius:8px;transition:background-color .3s ease}.case-back-btn:hover{background-color:#c7d2fe}.case-color-palette{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0 2.5rem}.color-item{width:80px;height:80px;border-radius:10px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:.4rem;color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease}.color-item:hover{transform:scale(1.05)}.case-link-btn{display:inline-block;margin-top:1rem;background-color:#1e40af;color:#fffef9;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.case-link-btn:hover{background-color:#2957ee;transform:translateY(-2px)}.case-attachment-btn{display:inline-block;margin-bottom:1.5rem;background-color:#1e40af;color:#fffef9;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.case-attachment-btn:hover{background-color:#2957ee;transform:translateY(-2px)}.gdds h2{margin-top:100px}.case-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.case-image-grid figure{text-align:center}.case-image-grid img{width:100%;border-radius:10px;border:1px solid #1e40af;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.case-image-grid img:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000026}.case-image-grid figcaption{font-size:.9rem;color:#1e40af;margin-top:.5rem;background-color:#e0e7ff;padding:.4rem;border-radius:6px}