*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Cormorant Garamond,serif;font-weight:400}.navigation{background-color:initial;left:0;padding:2rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fafafaf2;box-shadow:0 2px 20px #0000000d;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 3rem}.logo{color:#1a1a1a;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500;letter-spacing:.5px;text-decoration:none;transition:opacity .3s ease}.logo:hover{opacity:.7}.nav-links{display:flex;gap:3rem;list-style:none}.nav-links a{color:#1a1a1a;font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.5px;position:relative;text-decoration:none;transition:opacity .3s ease}.nav-links a:after{background-color:#1a1a1a;bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-links a:hover{opacity:.7}@media (max-width:768px){.navigation{padding:1rem 0}.navigation.scrolled{padding:.75rem 0}.nav-container{flex-direction:column;gap:1rem;padding:0 1rem}.logo{font-size:1.1rem}.nav-links{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-links a{font-size:.8rem;white-space:nowrap}.nav-links a:after{display:none}}@media (max-width:480px){.nav-container{padding:0 .75rem}.logo{font-size:1rem}.nav-links{gap:.75rem}.nav-links a{font-size:.75rem}}.home{padding-top:80px}.hero{align-items:center;background:linear-gradient(135deg,#fafafa,#f0f0f0);display:flex;justify-content:center;min-height:85vh;padding:4rem 2rem}.hero-content{animation:fadeInUp 1s ease-out;max-width:800px;text-align:center}.hero-logo{animation:fadeIn 1s ease-out;height:auto;margin-bottom:2rem;max-width:850px}.hero-title{color:#1a1a1a;font-size:4.5rem;font-weight:400;letter-spacing:1px;line-height:1.2;margin-bottom:1rem}.hero-subtitle{color:#666;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}.hero-description{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-button{background-color:#1a1a1a;border:2px solid #1a1a1a;color:#fafafa;display:inline-block;font-size:.95rem;letter-spacing:1px;padding:1rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background-color:initial;box-shadow:0 4px 15px #0000001a;color:#1a1a1a;transform:translateY(-2px)}.about{background-color:#fff;padding:8rem 2rem}.about-content{margin:0 auto;max-width:900px}.about-text h2{color:#1a1a1a;font-size:3rem;margin-bottom:2rem;text-align:center}.about-text p{color:#666;font-size:1.1rem;line-height:1.9;margin-bottom:1.5rem;text-align:center}.features{background-color:#fafafa;padding:6rem 2rem}.features-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature{padding:2rem;text-align:center}.feature h3{color:#1a1a1a;font-size:1.8rem;margin-bottom:1rem}.feature p{color:#666;font-size:1rem;line-height:1.7}@media (max-width:768px){.hero{min-height:70vh;padding:2rem 1.5rem}.hero-logo{max-width:180px}.hero-title{font-size:2.5rem}.hero-description,.hero-subtitle{font-size:1rem}.about{padding:4rem 1.5rem}.about-text h2{font-size:2rem}.features{padding:4rem 1.5rem}.features-grid{gap:2rem}}.portfolio{background-color:#fafafa;min-height:100vh;padding-bottom:6rem;padding-top:120px}.portfolio-header{animation:fadeInUp .8s ease-out;padding:3rem 2rem 4rem;text-align:center}.portfolio-header h1{color:#1a1a1a;font-size:3.5rem;font-weight:400;margin-bottom:1rem}.portfolio-header p{color:#666;font-size:1.1rem;font-weight:300}.category-filter{animation:fadeInUp .8s ease-out .2s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0 2rem 3rem}.filter-btn{background-color:initial;border:1px solid #ddd;color:#666;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;letter-spacing:.5px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.filter-btn:hover{border-color:#1a1a1a;color:#1a1a1a;transform:translateY(-2px)}.filter-btn.active{background-color:#1a1a1a;border-color:#1a1a1a;color:#fafafa}.portfolio-grid{grid-gap:2.5rem;animation:fadeInUp .8s ease-out .4s both;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:0 2rem}.pattern-card{background-color:#fff;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.pattern-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-8px)}.pattern-image{height:400px;overflow:hidden;position:relative;width:100%}.pattern-image,.pattern-overlay{align-items:center;display:flex;justify-content:center}.pattern-overlay{background:#1a1a1ae6;bottom:0;flex-direction:column;left:0;opacity:0;padding:2rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.pattern-card:hover .pattern-overlay{opacity:1}.pattern-overlay h3{color:#fff;font-size:1.8rem;margin-bottom:.5rem;text-align:center}.pattern-overlay p{color:#fffc;font-size:1rem;text-align:center}.pattern-info{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.pattern-info h4{color:#1a1a1a;font-size:1.2rem;font-weight:500;margin:0}.pattern-category{color:#999;font-family:Inter,sans-serif;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.portfolio-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.portfolio{padding-top:100px}.portfolio-header{padding:2rem 1.5rem 3rem}.portfolio-header h1{font-size:2.5rem}.portfolio-header p{font-size:1rem}.category-filter{gap:.75rem;padding:0 1.5rem 2rem}.filter-btn{font-size:.85rem;padding:.6rem 1.5rem}.portfolio-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1.5rem}.pattern-image{height:300px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:4px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:2.5rem;height:40px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:opacity .3s ease;width:40px;z-index:10}.modal-close:hover{opacity:.6}.modal-image-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;padding:2rem;width:100%}.modal-image{max-height:60vh;max-width:100%;object-fit:contain}.modal-info{padding:2rem 3rem 3rem;text-align:center}.modal-info h2{color:#1a1a1a;font-size:2.5rem;font-weight:400;margin-bottom:1rem}.modal-info p{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.spoonflower-button{background-color:#1a1a1a;border:2px solid #1a1a1a;color:#fafafa;display:inline-block;font-size:.95rem;letter-spacing:1px;padding:1rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.spoonflower-button:hover{background-color:initial;box-shadow:0 4px 15px #0000001a;color:#1a1a1a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-image-container,.modal-overlay{padding:1rem}.modal-image{max-height:50vh}.modal-info{padding:1.5rem}.modal-info h2{font-size:1.8rem}.modal-info p{font-size:1rem}.spoonflower-button{font-size:.85rem;padding:.9rem 2rem}}.footer{background-color:#1a1a1a;color:#fafafa;margin-top:6rem;padding:3rem 2rem}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.copyright{color:#fafafacc;font-size:.95rem;margin-bottom:.5rem}.credits{color:#fafafa99;font-size:.9rem}.credits a{color:#fafafa;font-weight:500;text-decoration:none;transition:opacity .3s ease}.credits a:hover{opacity:.7}@media (max-width:768px){.footer{margin-top:4rem;padding:2rem 1.5rem}.copyright,.credits{font-size:.85rem}}.App{background-color:#fafafa;min-height:100vh}
/*# sourceMappingURL=main.6c19b050.css.map*/