body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;width:100%}.nav-container{align-items:center;display:flex;margin:0 auto;max-width:1200px;padding:20px}.logo{color:#4169e1;font-size:18px;font-weight:700;text-decoration:none}.nav-links{margin-left:30px}.nav-links a{color:#000;margin-right:30px;text-decoration:none}.nav-links a:hover{color:#666}.home{margin:0 auto;max-width:1200px;padding:20px}.hero{align-items:center;display:flex;gap:40px;margin-bottom:60px;min-height:80vh}.hero-content{flex:1 1;max-width:45%}.hero h1{font-size:48px;margin-bottom:20px}.hero-text{color:#666;font-size:20px;line-height:1.6}.hero-image{background-color:#f5f5f5;border-radius:8px;flex:1 1;height:70vh;object-fit:cover;object-position:center;transition:opacity .3s ease;width:50%}.hero-image[loading=lazy]{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.featured-work{margin:60px 0}.work-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.work-item{display:flex;flex-direction:column}.work-item img{background-color:#f5f5f5;border-radius:8px;height:400px;margin-bottom:16px;object-fit:cover;transition:opacity .3s ease;width:100%}.work-item img[loading=lazy]{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.work-details{padding:0 8px}.work-details h3{color:#333;font-size:20px;margin-bottom:8px}.work-details p{color:#666;font-size:16px;line-height:1.6;margin-bottom:16px}.view-all-link{margin-top:40px;text-align:center}.portfolio-link{background-color:#333;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.portfolio-link:hover{background-color:#555}.services{background-color:#fafafa;border-radius:12px;margin:80px 0;padding:40px 0}.services h2{color:#333;font-size:36px;margin-bottom:50px;text-align:center}.services-container{margin:0 auto;max-width:800px}.service-category-title{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.service-list{display:flex;flex-direction:column;gap:20px}.service-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.service-icon{flex-shrink:0;font-size:32px;margin-right:20px}.service-content h4{color:#333;font-size:20px;margin-bottom:8px}.service-content p{color:#666;font-size:16px;line-height:1.6;margin:0}.services-cta{margin-top:50px;text-align:center}.services-link{background-color:#333;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.services-link:hover{background-color:#555}.featured-work h2,.services h2{color:#333;font-size:36px;font-weight:600;margin-bottom:20px}@media (max-width:768px){.hero{flex-direction:column;gap:20px;min-height:auto}.hero-content{max-width:100%;text-align:center}.hero-image{height:50vh;width:100%}.work-grid{gap:20px;grid-template-columns:1fr}.work-details h3{font-size:18px}.work-details p{font-size:14px}.services{margin:60px 0;padding:30px 20px}.service-card{flex-direction:column;text-align:center}.service-icon{margin-bottom:15px;margin-right:0}.featured-work h2,.services h2{font-size:28px}}@media (max-width:480px){.hero h1{font-size:32px}.hero-text{font-size:16px}.work-grid{grid-template-columns:1fr}.services{padding:20px 15px}.service-card{padding:20px}.featured-work h2,.services h2{font-size:24px}}.about{margin:0 auto;max-width:1200px;padding:20px}.about-intro{display:flex;gap:60px;margin-bottom:80px}.profile-image{flex:0 0 400px}.headshot{border-radius:4px;height:auto;width:100%}.bio{flex:1 1}.bio h1{font-size:42px;margin-bottom:30px}.philosophy{color:#666;font-size:24px;font-style:italic;line-height:1.4;margin-bottom:30px}.bio-text{color:#333;font-size:16px;line-height:1.8}.experience{margin:60px 0}.experience h2{font-size:32px;margin-bottom:30px}.skills{margin:60px 0}.skills h2{font-size:32px;margin-bottom:30px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-item{background:#f8f8f8;border-radius:4px;font-size:18px;padding:20px;text-align:center}@media (max-width:768px){.about-intro{flex-direction:column;gap:30px}.profile-image{flex:0 0 auto;margin:0 auto;max-width:300px}.bio h1{font-size:36px}.philosophy{font-size:20px}}.design-portfolio-container{background:linear-gradient(135deg,#f8f9fa,#fff);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1rem}.design-portfolio-header{margin-bottom:4rem;text-align:center}.design-portfolio-header h2{color:#2c2c2c;font-size:3rem;font-weight:300;letter-spacing:-1px;margin-bottom:1rem}.category-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.category-btn{background-color:initial;border:2px solid #e0e0e0;border-radius:30px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-btn:hover:before{left:100%}.category-btn:hover{background-color:#f8f9fa;box-shadow:0 4px 15px #0000001a;color:#333}.category-btn.active,.category-btn:hover{border-color:#333;transform:translateY(-2px)}.category-btn.active{background-color:#333;box-shadow:0 6px 20px #00000026;color:#fff}.projects-grid{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:3rem}.project-card{align-self:start;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-4px)}.project-image-container{height:320px;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image{transform:scale(1.08)}.project-overlay{background:linear-gradient(135deg,#000000b3,#0000004d 50%,#0000);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:1.5rem;position:absolute;right:0;top:0;transition:opacity .4s ease}.project-card:hover .project-overlay{opacity:1}.project-meta{align-items:flex-start;display:flex;gap:1rem}.project-category{background:#ffffffe6;color:#333;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.project-category,.project-year{border-radius:15px;font-size:.8rem;padding:.4rem .8rem}.project-year{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff;font-weight:500}.project-content{padding:2rem}.project-header{margin-bottom:1.5rem}.project-title{color:#2c2c2c;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.project-description{color:#666;font-size:.95rem;line-height:1.6}.media-toggle-section{margin-top:1.5rem}.toggle-media-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.toggle-media-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.toggle-media-btn:hover:before{left:100%}.toggle-media-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.toggle-media-btn:active{transform:translateY(0)}.toggle-media-btn .arrow{font-size:.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-media-btn .arrow.expanded{transform:rotate(180deg)}.project-details-expanded{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1);margin-top:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-specifics{grid-gap:1.5rem;background:#f8f9fa;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;padding:1.5rem}.spec-item h4{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.spec-item p{color:#666;font-size:.9rem;line-height:1.5}.spec-item ul{list-style:none;padding:0}.spec-item li{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:.3rem;padding-left:1rem;position:relative}.spec-item li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.project-detail-media{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.detail-media{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:200px;object-fit:cover;transition:all .3s ease;width:100%}.detail-media:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.05)}.video-container{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.video-container:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.05)}.video-container video{height:100%;object-fit:cover;width:100%}.detail-media[loading=lazy],.project-image[loading=lazy]{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.design-portfolio-container{padding:1rem .5rem}.design-portfolio-header h2{font-size:2.2rem}.projects-grid{gap:2rem;grid-template-columns:1fr;margin-top:2rem}.project-card{border-radius:16px}.project-image-container{height:250px}.project-content{padding:1.5rem}.project-title{font-size:1.3rem}.category-buttons{gap:.5rem}.category-btn{font-size:.9rem;padding:.6rem 1.5rem}.project-specifics{padding:1rem}}@media (max-width:480px){.design-portfolio-header h2{font-size:1.8rem}.project-image-container{height:220px}.project-content{padding:1.25rem}.toggle-media-btn{font-size:.85rem;padding:.9rem}.project-detail-media{grid-template-columns:1fr}.detail-media,.video-container{height:180px}}.portfolio-page-container{margin:0 auto;max-width:1400px;padding:2rem 1rem}.portfolio-header{margin-bottom:2rem;text-align:center}.portfolio-nav{border-bottom:1px solid #eaeaea;display:flex;justify-content:center;margin-bottom:3rem;padding-bottom:1rem}.nav-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;font-weight:500;margin:0 1rem;padding:.75rem 1.5rem;position:relative;transition:color .3s ease}.nav-btn:after{background-color:#000;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-btn:hover{color:#000}.nav-btn:hover:after{width:100%}.nav-btn.active{color:#000}.nav-btn.active:after{width:100%}.portfolio-content{min-height:80vh}@media (max-width:768px){.portfolio-nav{margin-bottom:2rem}.nav-btn{font-size:1rem;margin:0 .5rem;padding:.5rem 1rem}}.contact-container{margin:0 auto;max-width:800px;padding:60px 20px}.contact-content{text-align:center}.contact-content h1{font-size:2.5rem;margin-bottom:20px}.contact-intro{color:#666;font-size:1.2rem;margin-bottom:60px}.contact-methods{display:flex;flex-direction:column;gap:40px;margin:40px 0}.contact-method{align-items:center;border-radius:8px;display:flex;gap:20px;justify-content:center;padding:20px;transition:transform .2s ease}.contact-method:hover{transform:translateY(-2px)}.method-details{text-align:left}.method-details h2{font-size:1.2rem;margin-bottom:5px}.method-details a{color:#666;text-decoration:none;transition:color .2s ease}.method-details a:hover{color:#000}.contact-note{border-top:1px solid #eee;margin-top:60px;padding:20px}.contact-note p{color:#666;font-size:.9rem;line-height:1.6}@media (min-width:768px){.contact-methods{flex-direction:row;gap:60px;justify-content:center}}@media (max-width:480px){.contact-content h1{font-size:2rem}.contact-intro{font-size:1rem}}.app{min-height:100vh}.main-content{margin:0 auto;max-width:1200px;padding:20px}
/*# sourceMappingURL=main.bd2c7e54.css.map*/