:root{--primary-color:#1a1a1a;--accent-color:#666;--accent-dark:#444;--accent-light:#f5f5f5;--background-light:#fafafa;--card-background:#fff;--border-color:#eee;--text-color:#1a1a1a;--text-light:#666;--text-lighter:#999;--white:#fff;--border-radius:1rem;--border-radius-small:3px;--border-radius-medium:12px;--border-radius-large:16px;--spacing-small:0.5rem;--spacing-medium:1rem;--spacing-large:2rem;--spacing-xl:4rem;--font-size-small:14px;--font-size-medium:1rem;--font-size-large:20px;--font-size-xl:24px}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;margin:var(--spacing-medium) 0}.tag{background-color:#f5f5f5;background-color:var(--accent-light);color:#1a1a1a;color:var(--primary-color);font-size:14px;font-size:var(--font-size-small);font-weight:500;padding:.25rem .75rem}.btn-primary,.tag{border-radius:3px;border-radius:var(--border-radius-small)}.btn-primary{background-color:#fff;background-color:var(--white);border:1px solid #444;border:1px solid var(--accent-dark);cursor:pointer;display:inline-block;font-size:16px;outline:none;padding:8px .8em;text-align:center;text-decoration:none;transition:background-color .2s ease}.btn-primary,.btn-primary:hover{color:#444;color:var(--accent-dark)}.btn-primary:hover{background-color:#f7e4ea}.btn-primary:focus{background-color:#666;background-color:var(--accent-color);color:#fff;color:var(--white)}@media (max-width:768px){.tags{gap:.25rem}.tag{font-size:12px;padding:.2rem .5rem}}.main-container{box-sizing:border-box;margin:0 auto;max-width:1600px;min-height:100vh;padding:3rem 2rem}.site-header{margin-bottom:5rem}.designer-name{color:#1a1a1a;font-size:1.8rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.designer-title{color:#666;font-size:1rem;font-weight:400;margin:0}.projects-grid{gap:6rem}.project-card,.projects-grid{display:flex;flex-direction:column}.project-card{gap:2rem}.project-images{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);width:105%}.project-image{border-radius:12px;height:auto;object-fit:cover;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:105%}.project-details{max-width:1000px;padding-left:0}.project-details .tags{margin-bottom:1.5rem}.project-title,.project-title a{font-size:var(--font-size-xl)}.project-title a{color:#da627d;font-weight:600;line-height:1.3;margin:0 0 .5rem;text-decoration:none;transition:color .2s ease}.project-title a:hover{color:var(--accent-color)}.project-description{color:#1a1a1a;font-size:20px;line-height:1.5;margin:0 0 1rem}.project-launched{color:#666;font-size:1rem;line-height:1.6;margin:0}.site-footer{border-top:1px solid #eee;margin-top:4rem;padding-top:2rem}.footer-text{color:#999;font-size:.9rem;margin:0 0 .5rem}@media (max-width:768px){.main-container{padding:2rem 1.5rem}.site-header{margin-bottom:3rem}.designer-name{font-size:1.5rem}.projects-grid{gap:4rem;margin-bottom:4rem}.project-card{gap:0}.project-images{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;margin-right:-1.5rem;overflow-x:auto;padding:0 1.5rem 1rem;scroll-snap-type:x mandatory;width:calc(100vw - 3rem)}.project-images::-webkit-scrollbar{display:none}.project-image{flex:0 0 75%;height:200px;max-width:240px;scroll-snap-align:start}.project-title{font-size:1.3rem}}@media (max-width:480px){.main-container{padding:1.5rem 1rem}.designer-name{font-size:1.3rem}.project-title{font-size:1.2rem}.project-description,.project-launched{font-size:.95rem}}.nav-grid{grid-gap:var(--spacing-medium);color:var(--primary-color);display:grid;font-size:var(--font-size-medium);gap:var(--spacing-medium);grid-template-columns:1fr;padding-right:var(--spacing-medium)}.ul-grid{align-items:center;display:flex;justify-content:flex-end}ul a{color:#da627d;padding:var(--spacing-medium);text-decoration:none;transition:color .2s ease}ul a:hover{color:var(--accent-color)}.case-study{margin:0 auto;max-width:900px;padding:var(--spacing-large);text-align:left}.case-study-title{color:#151515;font-size:var(--font-size-xl);font-weight:700;padding:var(--spacing-medium);text-align:center}.case-study-image{border-radius:var(--border-radius-small);height:500px;margin-top:var(--spacing-medium);object-fit:cover;width:100%}.case-study-description{color:var(--text-color);font-size:var(--font-size-medium);line-height:1.6;margin-top:var(--spacing-medium)}.case-study-heading{font-size:var(--font-size-xl);margin-top:var(--spacing-large)}.case-study-table{border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-top:var(--spacing-medium);overflow:hidden;text-align:left}.table-column{flex:1 1;padding:1.5rem}.problem{background-color:var(--white)}.solution{background-color:var(--accent-light);color:#fff}.design-section{background-color:var(--background-light);margin-left:calc(-50vw + 50%);padding:var(--spacing-xl) var(--spacing-large);width:100vw}.design-text{margin:0 auto;max-width:900px}.design-text h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-large)}.design-text h3{font-size:var(--font-size-large);margin:var(--spacing-large) 0 var(--spacing-medium) 0}.design-text p{line-height:1.6;margin-bottom:var(--spacing-medium)}.design-text img{border-radius:var(--border-radius-small);height:auto;margin:var(--spacing-medium) 0;max-width:100%}.card-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:var(--spacing-large)}.card{background-color:var(--card-background);border-radius:var(--border-radius-large);box-shadow:0 4px 10px rgba(0,0,0,.06);box-sizing:border-box;flex:1 1 30%;min-width:280px;padding:24px}.card h4{color:var(--primary-color);margin-bottom:12px}.card p{color:var(--text-color);font-size:var(--font-size-small);line-height:1.6}.revimg{display:inline-block;margin:0 2.5%;max-width:45%}.revimg,.wlgif{border-radius:var(--border-radius-small);height:auto}.wlgif{display:block;margin:var(--spacing-large) auto;max-width:600px;width:100%}@media (max-width:768px){.case-study{padding:1.5rem}.case-study-title{font-size:var(--font-size-large);padding:var(--spacing-small)}.case-study-image{height:auto}.case-study-description{font-size:var(--font-size-small)}.case-study-heading{font-size:var(--font-size-large);margin-top:1.5rem}.case-study-table{flex-direction:column}.table-column{padding:var(--spacing-medium)}.design-section{margin:0 0 0 -1.5rem;padding:var(--spacing-large) 1.5rem;width:100%}.revimg{display:block;margin:var(--spacing-small) 0;max-width:100%}.card-container{flex-direction:column;gap:16px}.card{min-width:auto}}.case-studies{margin:3rem auto;max-width:1100px;padding:0 var(--spacing-large);text-align:center}.case-studies h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:var(--spacing-large)}.case-studies-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.case-card{background:var(--white);border-radius:var(--border-radius-medium);box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:400px}.case-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.case-image{height:250px;object-fit:cover;width:100%}.case-content{padding:0 1.2rem;text-align:left}.case-content h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:var(--spacing-small)}.case-content p{color:#444;font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-medium)}.case-link{color:var(--primary-color);display:inline-block;font-weight:700;padding-bottom:var(--spacing-medium);padding-top:var(--spacing-small);text-decoration:none;transition:color .2s ease}.case-link:hover{color:var(--accent-color);text-decoration:underline}@media (max-width:768px){.case-studies{margin:var(--spacing-large) auto;padding:1.5rem}.case-studies h2{font-size:1.5rem}.case-card{max-width:400px;width:100%}.case-studies-container{gap:var(--spacing-medium)}}.App{grid-gap:var(--spacing-large);color:var(--primary-color);display:grid;font-family:JetBrains Mono,monospace;gap:var(--spacing-large);grid-template-columns:1fr}body{overflow-x:hidden}
/*# sourceMappingURL=main.d80cd385.css.map*/