:root{--wool-cream: #F5F1E8;--natural-wool: #E8DCC8;--indigo-blue: #2E4057;--madder-red: #8B3A3A;--walnut-brown: #5C4033;--dark-brown: #3D2817;--soft-linen: #FAF8F3;font-family:Spectral,serif;line-height:1.6;font-weight:400;color:var(--dark-brown);background-color:var(--wool-cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Crimson Text,serif;font-weight:700;line-height:1.2}a{color:var(--indigo-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--madder-red)}button{font-family:Spectral,serif;cursor:pointer;border:none;background:none;transition:all .3s ease}#root{width:100%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--wool-cream) 0%,var(--natural-wool) 100%)}.hero-textile-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(46,64,87,.03) 10px,rgba(46,64,87,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(139,58,58,.03) 10px,rgba(139,58,58,.03) 20px);opacity:.6;animation:weavePattern 20s linear infinite}@keyframes weavePattern{0%{background-position:0 0,0 0}to{background-position:40px 40px,-40px -40px}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;padding:3rem 2rem}.hero-label{position:relative;background:var(--soft-linen);padding:4rem 3rem;border:3px solid var(--walnut-brown);box-shadow:0 4px 6px #3d28171a,inset 0 0 0 8px var(--soft-linen),inset 0 0 0 11px var(--natural-wool);transform:rotate(-1deg);transition:transform .3s ease}.hero-label:hover{transform:rotate(0) scale(1.02)}.label-stitching{position:absolute;inset:12px;border:2px dashed var(--walnut-brown);opacity:.3;pointer-events:none}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;color:var(--indigo-blue);letter-spacing:.15em;margin:0 0 1rem;text-shadow:2px 2px 0 rgba(139,58,58,.1);font-family:Crimson Text,serif}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--madder-red);font-weight:600;font-style:italic;margin:0 0 1.5rem;font-family:Crimson Text,serif}.hero-divider{width:120px;height:2px;background:var(--walnut-brown);margin:1.5rem auto;position:relative}.hero-divider:before,.hero-divider:after{content:"";position:absolute;width:8px;height:8px;background:var(--madder-red);border-radius:50%;top:50%;transform:translateY(-50%)}.hero-divider:before{left:-4px}.hero-divider:after{right:-4px}.hero-tagline{font-size:1.1rem;color:var(--walnut-brown);letter-spacing:.05em;text-transform:uppercase;font-weight:300}.hero-scroll-hint{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--walnut-brown);opacity:.7;animation:fadeInUp 1s ease 1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.7;transform:translateY(0)}}.hero-scroll-hint span{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--walnut-brown);border-bottom:2px solid var(--walnut-brown);transform:rotate(45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-10px)}60%{transform:rotate(45deg) translateY(-5px)}}@media(max-width:768px){.hero-label{padding:3rem 2rem}.hero-title{letter-spacing:.1em}.hero-scroll-hint{margin-top:3rem}}.categories{padding:6rem 2rem;background:var(--wool-cream);position:relative}.categories:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--natural-wool),transparent);pointer-events:none}.categories-container{max-width:900px;margin:0 auto}.categories-header{text-align:center;margin-bottom:4rem}.categories-title{font-size:clamp(2.5rem,5vw,4rem);color:var(--indigo-blue);margin-bottom:1rem;font-family:Crimson Text,serif;position:relative;display:inline-block}.categories-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:3px;background:var(--madder-red)}.categories-subtitle{font-size:1.2rem;color:var(--walnut-brown);max-width:600px;margin:2rem auto 0;font-style:italic}.catalog-list{display:flex;flex-direction:column;gap:0;background:var(--soft-linen);border:2px solid var(--walnut-brown);box-shadow:0 8px 24px #3d28171f}.catalog-item{display:flex;align-items:center;gap:2rem;padding:2rem 2.5rem;border-bottom:1px solid rgba(92,64,51,.15);transition:all .3s ease;position:relative}.catalog-item:last-child{border-bottom:none}.catalog-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--madder-red);transform:scaleY(0);transition:transform .3s ease}.catalog-item:hover{background:var(--wool-cream);padding-left:3rem}.catalog-item:hover:before{transform:scaleY(1)}.catalog-marker{width:12px;height:12px;background:var(--indigo-blue);border-radius:50%;flex-shrink:0;position:relative;transition:all .3s ease}.catalog-marker:after{content:"";position:absolute;inset:-4px;border:2px solid var(--indigo-blue);border-radius:50%;opacity:0;transition:opacity .3s ease}.catalog-item:hover .catalog-marker{background:var(--madder-red);transform:scale(1.3)}.catalog-item:hover .catalog-marker:after{opacity:.5;border-color:var(--madder-red)}.catalog-content{flex:1}.catalog-title{font-size:1.8rem;color:var(--indigo-blue);margin-bottom:.5rem;font-family:Crimson Text,serif;font-weight:700;transition:color .3s ease}.catalog-item:hover .catalog-title{color:var(--madder-red)}.catalog-description{font-size:1.05rem;color:var(--walnut-brown);line-height:1.6;margin:0;opacity:.85}@media(max-width:768px){.categories{padding:4rem 1.5rem}.catalog-item{padding:1.5rem;gap:1.5rem}.catalog-item:hover{padding-left:2rem}.catalog-title{font-size:1.5rem}.catalog-description{font-size:1rem}.categories-header{margin-bottom:3rem}}.about{padding:6rem 2rem;background:linear-gradient(to bottom,var(--wool-cream),var(--natural-wool));position:relative}.about:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(92,64,51,.02) 50px,rgba(92,64,51,.02) 51px);pointer-events:none}.about-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-header{text-align:center;margin-bottom:4rem}.archive-number{font-size:.9rem;letter-spacing:.2em;color:var(--madder-red);font-weight:600;margin-bottom:1rem;text-transform:uppercase}.about-title{font-size:clamp(2.5rem,5vw,4rem);color:var(--indigo-blue);font-family:Crimson Text,serif;position:relative;display:inline-block}.about-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50%;height:3px;background:var(--walnut-brown)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:2rem}.text-bolt{position:relative;background:var(--soft-linen);padding:2rem;border-left:4px solid var(--walnut-brown);box-shadow:0 4px 12px #3d28171a;transition:transform .3s ease,box-shadow .3s ease}.text-bolt:hover{transform:translate(8px);box-shadow:0 6px 20px #3d281726}.bolt-edge{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--madder-red) 0%,var(--walnut-brown) 50%,var(--indigo-blue) 100%);box-shadow:2px 0 4px #0000001a}.about-paragraph{font-size:1.05rem;line-height:1.8;color:var(--dark-brown);margin:0;text-align:justify}.dropcap{float:left;font-size:3.5rem;line-height:.8;font-weight:700;margin:.1em .1em 0 0;color:var(--madder-red);font-family:Crimson Text,serif}.about-features{display:flex;flex-direction:column;gap:2rem}.feature-card{background:var(--soft-linen);padding:2rem;border:2px solid var(--walnut-brown);border-radius:4px;position:relative;overflow:hidden;transition:all .3s ease}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--madder-red),var(--indigo-blue));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #3d281726}.feature-icon{width:60px;height:60px;margin-bottom:1.5rem;position:relative}.icon-thread,.icon-archive,.icon-heritage{width:100%;height:100%;position:relative}.icon-thread:before,.icon-thread:after{content:"";position:absolute;background:var(--madder-red)}.icon-thread:before{left:50%;top:0;bottom:0;width:4px;transform:translate(-50%)}.icon-thread:after{left:0;right:0;top:50%;height:4px;transform:translateY(-50%)}.icon-archive{border:4px solid var(--indigo-blue);position:relative}.icon-archive:before,.icon-archive:after{content:"";position:absolute;left:10px;right:10px;height:4px;background:var(--indigo-blue)}.icon-archive:before{top:15px}.icon-archive:after{bottom:15px}.icon-heritage{position:relative}.icon-heritage:before{content:"";position:absolute;inset:0;border:4px solid var(--walnut-brown);border-radius:50%}.icon-heritage:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:var(--walnut-brown);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.feature-title{font-size:1.4rem;color:var(--indigo-blue);margin-bottom:.75rem;font-family:Crimson Text,serif;font-weight:700}.feature-text{font-size:1rem;color:var(--walnut-brown);line-height:1.6;margin:0}@media(max-width:968px){.about-grid{grid-template-columns:1fr;gap:3rem}.about{padding:4rem 1.5rem}}@media(max-width:768px){.text-bolt{padding:1.5rem}.about-paragraph{text-align:left}.feature-card{padding:1.5rem}}.contact{padding:6rem 2rem;background:linear-gradient(135deg,var(--natural-wool) 0%,var(--wool-cream) 50%,var(--soft-linen) 100%);position:relative}.contact:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(92,64,51,.02) 20px,rgba(92,64,51,.02) 40px);pointer-events:none}.contact-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:clamp(2.5rem,5vw,4rem);color:var(--indigo-blue);font-family:Crimson Text,serif;margin-bottom:1rem}.contact-subtitle{font-size:1.2rem;color:var(--walnut-brown);font-style:italic}.contact-content{display:flex;justify-content:center;padding:2rem 0}.fabric-label{position:relative;background:var(--soft-linen);padding:3rem 2.5rem;border:3px solid var(--walnut-brown);box-shadow:0 10px 40px #3d281733,inset 0 0 0 10px var(--soft-linen),inset 0 0 0 14px var(--natural-wool),inset 0 0 0 15px var(--walnut-brown);max-width:600px;width:100%;transform:rotate(-.5deg);transition:transform .4s ease}.fabric-label:hover{transform:rotate(0) scale(1.02)}.label-stitching-top,.label-stitching-bottom{position:absolute;left:20px;right:20px;height:2px;background-image:repeating-linear-gradient(90deg,var(--madder-red) 0px,var(--madder-red) 8px,transparent 8px,transparent 12px)}.label-stitching-top{top:18px}.label-stitching-bottom{bottom:18px}.label-content{position:relative}.brand-mark{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--walnut-brown)}.mark-ornament{width:40px;height:2px;background:var(--madder-red);margin:0 auto 1rem;position:relative}.mark-ornament:before,.mark-ornament:after{content:"";position:absolute;width:6px;height:6px;background:var(--madder-red);border-radius:50%;top:50%;transform:translateY(-50%)}.mark-ornament:before{left:-10px}.mark-ornament:after{right:-10px}.brand-name{font-size:2.5rem;color:var(--indigo-blue);font-family:Crimson Text,serif;font-weight:700;letter-spacing:.1em;margin:0;text-shadow:2px 2px 0 rgba(139,58,58,.1)}.contact-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.detail-group{display:flex;align-items:flex-start;gap:1.5rem}.detail-icon{width:40px;height:40px;flex-shrink:0;position:relative;margin-top:.5rem}.address-icon:before{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid var(--madder-red);border-radius:15px 15px 0 0}.address-icon:after{content:"";position:absolute;left:50%;bottom:5px;transform:translate(-50%);width:10px;height:10px;background:var(--soft-linen);border-radius:50%}.email-icon:before{content:"";position:absolute;inset:8px;border:3px solid var(--indigo-blue);border-radius:2px}.email-icon:after{content:"";position:absolute;left:50%;top:8px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--indigo-blue)}.detail-text{flex:1}.detail-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--madder-red);font-weight:600;margin-bottom:.5rem}.detail-value{font-size:1.1rem;color:var(--dark-brown);line-height:1.6;margin:0}.email-link{color:var(--indigo-blue);font-weight:600;text-decoration:none;position:relative;display:inline-block;transition:color .3s ease}.email-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--madder-red);transition:width .3s ease}.email-link:hover{color:var(--madder-red)}.email-link:hover:after{width:100%}.label-seal{display:flex;justify-content:center;margin-top:2rem}.seal-circle{width:80px;height:80px;border:3px solid var(--walnut-brown);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--natural-wool);box-shadow:inset 0 2px 8px #3d28171a;position:relative}.seal-circle:before{content:"";position:absolute;inset:8px;border:1px dashed var(--walnut-brown);border-radius:50%;opacity:.5}.seal-text{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--walnut-brown);font-weight:600;line-height:1}.label-threads{position:absolute;inset:0;pointer-events:none}.thread{position:absolute;background:var(--madder-red);opacity:.3}.thread-1{top:0;left:30%;width:1px;height:20px}.thread-2{top:0;right:30%;width:1px;height:20px}.thread-3{bottom:0;left:40%;width:1px;height:20px}.thread-4{bottom:0;right:40%;width:1px;height:20px}@media(max-width:768px){.contact{padding:4rem 1.5rem}.fabric-label{padding:2rem 1.5rem}.brand-name{font-size:2rem;letter-spacing:.05em}.contact-details{gap:1.5rem}.detail-group{flex-direction:column;gap:.75rem}.detail-icon{margin-top:0}.detail-value{font-size:1rem}}.footer{background:var(--indigo-blue);color:var(--wool-cream);padding:4rem 2rem 2rem;position:relative;overflow:hidden}.footer-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(245,241,232,.03) 3px,rgba(245,241,232,.03) 6px),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(245,241,232,.03) 3px,rgba(245,241,232,.03) 6px);opacity:.5}.footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.footer-content{text-align:center}.footer-brand{margin-bottom:2rem}.footer-logo{font-size:2.5rem;font-family:Crimson Text,serif;font-weight:700;letter-spacing:.15em;color:var(--wool-cream);margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.footer-tagline{font-size:1rem;font-style:italic;color:var(--natural-wool);margin:0}.footer-divider{width:80px;height:2px;background:var(--madder-red);margin:2rem auto;position:relative}.footer-divider:before,.footer-divider:after{content:"";position:absolute;width:6px;height:6px;background:var(--madder-red);border-radius:50%;top:50%;transform:translateY(-50%)}.footer-divider:before{left:-10px}.footer-divider:after{right:-10px}.footer-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-text{font-size:.95rem;color:var(--natural-wool);margin:0;max-width:600px;line-height:1.6}.footer-email{font-size:1.1rem;color:var(--wool-cream);font-weight:600;text-decoration:none;position:relative;padding-bottom:.25rem;transition:color .3s ease}.footer-email:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--madder-red);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.footer-email:hover{color:var(--madder-red)}.footer-email:hover:after{transform:scaleX(1);transform-origin:left}.footer-textile-strip{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(245,241,232,.2);position:relative}.strip-pattern{height:40px;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(139,58,58,.3) 10px,rgba(139,58,58,.3) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(92,64,51,.3) 10px,rgba(92,64,51,.3) 20px);border-radius:4px;opacity:.6}@media(max-width:768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-logo{font-size:2rem;letter-spacing:.1em}.footer-text{font-size:.9rem}.footer-email{font-size:1rem}.footer-textile-strip{margin-top:2rem;padding-top:1.5rem}.strip-pattern{height:30px}}.app{width:100%;min-height:100vh;background-color:var(--wool-cream);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,58,58,.02) 2px,rgba(139,58,58,.02) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(46,64,87,.02) 2px,rgba(46,64,87,.02) 4px)}