*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Crimson Text",serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.6;color:rgb(115.2,38.4,0);background:wheat;background-image:linear-gradient(45deg, transparent 24%, rgba(205, 127, 50, 0.05) 25%, rgba(205, 127, 50, 0.05) 26%, transparent 27%, transparent 74%, rgba(205, 127, 50, 0.05) 75%, rgba(205, 127, 50, 0.05) 76%, transparent 77%),linear-gradient(-45deg, transparent 24%, rgba(184, 115, 51, 0.04) 25%, rgba(184, 115, 51, 0.04) 26%, transparent 27%, transparent 74%, rgba(184, 115, 51, 0.04) 75%, rgba(184, 115, 51, 0.04) 76%, transparent 77%);background-size:50px 50px;min-height:100vh;overflow-x:hidden;position:relative}body::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px, rgba(112, 128, 144, 0.1) 1px, transparent 0);background-size:20px 20px;opacity:.05;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:"Cinzel",serif;font-weight:600;line-height:1.2;margin-bottom:1rem;color:rgb(115.2,38.4,0);position:relative}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-shadow:2px 2px 4px rgba(205,127,50,.4)}h1::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);border-radius:2px}h2{font-size:clamp(2rem,4vw,3rem);color:#cd7f32;margin-bottom:2rem;text-align:center;position:relative}h2::before,h2::after{content:"⚙";font-size:.6em;color:#b87333;position:absolute;top:50%;transform:translateY(-50%)}h2::before{left:-40px}h2::after{right:-40px}@media(max-width: 480px){h2::before,h2::after{display:none}}h3{font-size:clamp(1.5rem,3vw,2rem);color:#b87333;margin-bottom:1rem}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);color:rgb(115.2,38.4,0);margin-bottom:.5rem}p{margin-bottom:1rem;line-height:1.7}a{color:#cd7f32;text-decoration:none;transition:color .3s ease;position:relative}a:hover{color:#b87333}a:hover::after{transform:scaleX(1)}a:focus{outline:2px solid #cd7f32;outline-offset:2px;border-radius:4px}a::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg, #cd7f32, #b87333);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}ul,ol{padding-left:2rem;margin-bottom:1rem}li{margin-bottom:.25rem}.steampunk-list{list-style:none;padding-left:0}.steampunk-list li{position:relative;padding-left:2rem;margin-bottom:.5rem}.steampunk-list li::before{content:"⚙";position:absolute;left:0;top:0;color:#cd7f32;font-size:.8em;transform:rotate(0deg);transition:transform .3s ease}.steampunk-list li:hover::before{transform:rotate(90deg);color:#b87333}img{max-width:100%;height:auto;border-radius:8px}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;padding:0;transition:all .3s ease}button:focus{outline:2px solid #cd7f32;outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:hsl(39.0909090909,76.7441860465%,78.9803921569%);border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);border-radius:8px;border:2px solid hsl(39.0909090909,76.7441860465%,78.9803921569%)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #b87333 0%, rgb(201.2872340426, 128.6170212766, 61.2127659574) 50%, rgb(165.6, 103.5, 45.9) 100%)}::selection{background:rgba(205,127,50,.3);color:rgb(115.2,38.4,0)}::-moz-selection{background:rgba(205,127,50,.3);color:rgb(115.2,38.4,0)}.main-navigation{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(245,222,179,.85);backdrop-filter:blur(10px);border-bottom:2px solid #cd7f32;z-index:100}.main-navigation::before{content:"";position:absolute;bottom:-6px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg, #b87333 0px, #b87333 4px, transparent 4px, transparent 20px)}.main-navigation::after{content:"";position:absolute;top:10px;left:20px;width:30px;height:30px;border:2px solid #cd7f32;border-right:none;border-bottom:none;border-radius:4px 0 0 0}.nav-home{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;height:100%;color:rgb(115.2,38.4,0);font-family:"Cinzel",serif;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;margin-left:60px}.nav-home::after{display:none}.nav-home:hover{color:#cd7f32;transform:translateX(5px)}.nav-home:hover .nav-icon{transform:rotate(180deg) scale(1.1);color:#b87333}.nav-home:focus{outline:2px solid #cd7f32;outline-offset:-2px;border-radius:4px}@media(max-width: 480px){.nav-home{margin-left:20px;font-size:1rem;padding:.5rem 1rem}}.nav-icon{font-size:1.4em;color:#cd7f32;transition:all .3s ease;transform-origin:center;display:inline-block}.nav-icon::before{content:"";position:absolute;top:50%;left:16px;transform:translate(-50%, -50%);width:20px;height:20px;border:2px solid currentColor;border-radius:50%;opacity:.3;transition:all .3s ease}@media(max-width: 480px){.nav-icon{font-size:1.2em}}@media(prefers-reduced-motion: no-preference){.main-navigation::before{animation:rivet-shimmer 3s ease-in-out infinite}}@keyframes rivet-shimmer{0%,100%{opacity:1}50%{opacity:.7}}@media(prefers-reduced-motion: reduce){.nav-home:hover{transform:none}.nav-home:hover .nav-icon{transform:scale(1.1)}.main-navigation::before{animation:none}}.main-content{margin-top:60px;padding:0;max-width:none;position:relative}.content-panel{background:rgba(245,222,179,.9);border:2px solid #cd7f32;border-radius:12px;padding:3rem;box-shadow:0 8px 16px rgba(112,128,144,.5);position:relative;margin:3rem auto;max-width:1200px;position:relative}.content-panel::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid rgb(215,152.6,91);border-radius:inherit;pointer-events:none}.content-panel::before{content:"";position:absolute;top:-12px;left:-12px;width:24px;height:24px;background:#cd7f32;border-radius:50%;position:relative;z-index:1}.content-panel::before::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(24px*.6);height:calc(24px*.6);border-radius:50%;background:#708090}.content-panel::after{content:"";position:absolute;bottom:-12px;right:-12px;width:20px;height:20px;background:#cd7f32;border-radius:50%;position:relative;transform:rotate(45deg);z-index:1}.content-panel::after::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(20px*.6);height:calc(20px*.6);border-radius:50%;background:#708090}@media(max-width: 768px){.content-panel{margin:2rem 1rem;padding:2rem}}@media(max-width: 480px){.content-panel{margin:1rem .5rem;padding:1rem}.content-panel::before,.content-panel::after{display:none}}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}.philosophy-card{border:2px solid #cd7f32;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2);padding:2rem;background:hsla(39.0909090909,76.7441860465%,81.0302745098%,.9);border-radius:8px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.philosophy-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(205, 127, 50, 0.15), transparent);transition:left .6s ease}.philosophy-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 16px rgba(112,128,144,.5);border-color:#b87333}.philosophy-card:hover::before{left:100%}.philosophy-card:hover .card-icon{transform:scale(1.2) rotate(360deg)}.philosophy-card h3{color:#cd7f32;margin:1rem 0 .5rem}.philosophy-card p{color:hsl(210,12.5984251969%,40.1568627451%);line-height:1.6;margin-bottom:0}@media(max-width: 480px){.philosophy-card{padding:1rem}}.card-icon{font-size:3rem;display:block;margin-bottom:1rem;transition:all .5s ease;filter:drop-shadow(2px 2px 4px rgba(205, 127, 50, 0.4))}.techniques-list{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.technique-item{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start;padding:2rem;background:linear-gradient(135deg, rgba(243.8653023256, 218.2554976744, 170.3762976744, 0.9) 0%, rgba(242.5644651163, 213.9627348837, 160.4899348837, 0.9) 100%);border-radius:12px;border:1px solid rgba(205,127,50,.3);transition:all .3s ease;position:relative}.technique-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);border-radius:12px 12px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.technique-item:hover{transform:translateX(10px);border-color:#b87333;box-shadow:0 4px 8px rgba(112,128,144,.4)}.technique-item:hover::before{transform:scaleX(1)}.technique-item:hover .technique-number{background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);color:hsl(39.0909090909,76.7441860465%,70.6666666667%);transform:scale(1.1)}@media(max-width: 768px){.technique-item{grid-template-columns:1fr;text-align:center;gap:1rem}}@media(max-width: 480px){.technique-item{padding:1rem}}.technique-number{font-family:"Cinzel",serif;font-size:3rem;font-weight:700;color:#cd7f32;background:rgba(205,127,50,.15);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid #cd7f32;position:relative}.technique-number::before{content:"";position:absolute;inset:-6px;border:1px solid rgba(205,127,50,.4);border-radius:50%}@media(max-width: 768px){.technique-number{width:60px;height:60px;font-size:2rem;margin:0 auto}}.technique-content{flex:1}.technique-content h3{color:#b87333;margin-bottom:.5rem}.technique-content p{margin-bottom:1rem;color:hsl(210,12.5984251969%,40.1568627451%)}.showcase-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem;margin-top:3rem;align-items:start}@media(max-width: 480px){.showcase-content{grid-template-columns:1fr;gap:2rem}}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-top:3rem}@media(max-width: 480px){.elements-grid{grid-template-columns:1fr;gap:1rem}}.elements-column{background:hsla(39.0909090909,76.7441860465%,80.8367058824%,.9);padding:2rem;border-radius:8px;border:1px solid rgba(205,127,50,.2);position:relative}.elements-column::before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);border-radius:0 0 2px 2px}.elements-column h3{color:#cd7f32;margin-bottom:1rem;font-size:1.2rem;border-bottom:1px solid rgba(205,127,50,.3);padding-bottom:.5rem}@media(max-width: 480px){.elements-column{padding:1rem}}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-top:3rem}@media(max-width: 768px){.resources-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.resources-grid{grid-template-columns:1fr;gap:1rem}}.resource-category{background:hsla(39.0909090909,76.7441860465%,81.0302745098%,.9);padding:2rem;border-radius:8px;border:2px solid rgba(0,0,0,0);background-clip:padding-box;position:relative;transition:all .3s ease}.resource-category::before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg, #cd7f32, #b87333, #cd7f32);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.resource-category:hover{transform:translateY(-3px)}.resource-category:hover::before{opacity:1}.resource-category:hover h3{color:rgb(115.2,38.4,0);text-shadow:1px 1px 2px rgba(205,127,50,.5)}.resource-category:hover .resource-list li{color:rgb(115.2,38.4,0)}.resource-category:hover .resource-list li::before{color:rgb(115.2,38.4,0)}.resource-category:hover .resource-list li:hover::before{color:#c04000}.resource-category h3{color:#cd7f32;margin-bottom:1rem;font-size:1.1rem;transition:color .3s ease}@media(max-width: 480px){.resource-category{padding:1rem}}.resource-list{list-style:none;padding-left:0}.resource-list li{padding:.25rem .5rem;margin-bottom:.25rem;border-radius:4px;transition:all .2s ease;position:relative;padding-left:2rem}.resource-list li::before{content:"⚙";position:absolute;left:.5rem;top:.25rem;color:#cd7f32;font-size:.8em;transition:all .2s ease}.resource-list li:hover{background:rgba(205,127,50,.1);padding-left:calc(2rem + 4px)}.resource-list li:hover::before{color:#b87333;transform:rotate(90deg)}.technique-demo{margin-top:1rem;padding:1rem;background:hsla(39.0909090909,76.7441860465%,79.0302745098%,.9);border-radius:8px;border:1px solid rgba(205,127,50,.2);display:flex;align-items:center;justify-content:center;min-height:80px}.texture-sample{width:40px;height:40px;border-radius:4px;margin:0 .25rem;border:2px solid rgba(205,127,50,.4);transition:all .3s ease}.texture-sample:hover{transform:scale(1.2);border-color:#cd7f32}.texture-sample.brass{background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%)}.texture-sample.leather{background:radial-gradient(circle, #c04000 30%, rgb(153.6, 51.2, 0) 100%);background-size:8px 8px}.texture-sample.mahogany{background:linear-gradient(45deg, #c04000 25%, rgb(223.8, 74.6, 0) 25%, rgb(223.8, 74.6, 0) 50%, #c04000 50%, #c04000 75%, rgb(223.8, 74.6, 0) 75%);background-size:6px 6px}.gear-assembly{position:relative;width:140px;height:100px;background:radial-gradient(circle at 30% 30%, rgba(205, 127, 50, 0.1) 0%, transparent 50%),radial-gradient(circle at 70% 70%, rgba(184, 115, 51, 0.1) 0%, transparent 50%);border-radius:4px;padding:.25rem;overflow:hidden}.gear-assembly::before,.gear-assembly::after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle, #708090 0%, rgb(89.4992125984, 102.4, 115.3007874016) 100%);border-radius:50%;border:1px solid hsl(210,12.5984251969%,35.137254902%);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.3);z-index:10}.gear-assembly::before{top:8px;left:8px}.gear-assembly::after{bottom:8px;right:8px}.demo-gear{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgb(215, 152.6, 91) 0%, #cd7f32 40%, rgb(174.25, 107.95, 42.5) 80%, rgb(153.75, 95.25, 37.5) 100%);border:2px solid rgb(165.6,103.5,45.9);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2)}.demo-gear::before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:conic-gradient(from 0deg, transparent 0deg, rgb(156.4, 97.75, 43.35) 5deg, transparent 10deg, rgb(156.4, 97.75, 43.35) 15deg, transparent 20deg, rgb(156.4, 97.75, 43.35) 25deg, transparent 30deg, rgb(156.4, 97.75, 43.35) 35deg, transparent 40deg, rgb(156.4, 97.75, 43.35) 45deg, transparent 50deg, rgb(156.4, 97.75, 43.35) 55deg, transparent 60deg, rgb(156.4, 97.75, 43.35) 65deg, transparent 70deg, rgb(156.4, 97.75, 43.35) 75deg, transparent 80deg, rgb(156.4, 97.75, 43.35) 85deg, transparent 90deg, rgb(156.4, 97.75, 43.35) 95deg, transparent 100deg, rgb(156.4, 97.75, 43.35) 105deg, transparent 110deg, rgb(156.4, 97.75, 43.35) 115deg, transparent 120deg, rgb(156.4, 97.75, 43.35) 125deg, transparent 130deg, rgb(156.4, 97.75, 43.35) 135deg, transparent 140deg, rgb(156.4, 97.75, 43.35) 145deg, transparent 150deg, rgb(156.4, 97.75, 43.35) 155deg, transparent 160deg, rgb(156.4, 97.75, 43.35) 165deg, transparent 170deg, rgb(156.4, 97.75, 43.35) 175deg, transparent 180deg, rgb(156.4, 97.75, 43.35) 185deg, transparent 190deg, rgb(156.4, 97.75, 43.35) 195deg, transparent 200deg, rgb(156.4, 97.75, 43.35) 205deg, transparent 210deg, rgb(156.4, 97.75, 43.35) 215deg, transparent 220deg, rgb(156.4, 97.75, 43.35) 225deg, transparent 230deg, rgb(156.4, 97.75, 43.35) 235deg, transparent 240deg, rgb(156.4, 97.75, 43.35) 245deg, transparent 250deg, rgb(156.4, 97.75, 43.35) 255deg, transparent 260deg, rgb(156.4, 97.75, 43.35) 265deg, transparent 270deg, rgb(156.4, 97.75, 43.35) 275deg, transparent 280deg, rgb(156.4, 97.75, 43.35) 285deg, transparent 290deg, rgb(156.4, 97.75, 43.35) 295deg, transparent 300deg, rgb(156.4, 97.75, 43.35) 305deg, transparent 310deg, rgb(156.4, 97.75, 43.35) 315deg, transparent 320deg, rgb(156.4, 97.75, 43.35) 325deg, transparent 330deg, rgb(156.4, 97.75, 43.35) 335deg, transparent 340deg, rgb(156.4, 97.75, 43.35) 345deg, transparent 350deg, rgb(156.4, 97.75, 43.35) 355deg, transparent 360deg);border-radius:50%;z-index:1;box-shadow:0 0 4px rgba(0,0,0,.4)}.demo-gear::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, rgb(126.3, 140.7, 155.1) 0%, #708090 50%, rgb(89.4992125984, 102.4, 115.3007874016) 100%);border:2px solid hsl(210,12.5984251969%,35.137254902%);box-shadow:inset 0 2px 3px rgba(0,0,0,.4),inset 0 -1px 2px hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.3);z-index:2}.demo-gear.small{width:32px;height:32px;top:8px;left:18px;animation:gear-spin-precision 4s linear infinite;filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3))}.demo-gear.small::after{width:12px;height:12px}.demo-gear.medium{width:42px;height:42px;top:15px;right:12px;animation:gear-spin-precision 5.2s linear infinite reverse;filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3))}.demo-gear.medium::after{width:16px;height:16px}.demo-gear.large{width:54px;height:54px;bottom:2px;left:32px;animation:gear-spin-precision 6.8s linear infinite;filter:drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.3));z-index:3}.demo-gear.large::after{width:20px;height:20px}.demo-gear:hover{animation-duration:1s !important;filter:drop-shadow(0 0 8px rgba(205, 127, 50, 0.6)) drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));transform:scale(1.05)}.demo-gear:hover::before{box-shadow:0 0 6px rgba(184,115,51,.8),inset 0 0 4px hsla(0,0%,100%,.3)}.demo-gear:hover::after{background:radial-gradient(circle, rgb(218.45, 187, 85) 0%, #d4af37 50%, rgb(186.7901234568, 152.2339506173, 40.1598765432) 100%);box-shadow:inset 0 2px 3px rgba(0,0,0,.4),inset 0 -1px 2px hsla(0,0%,100%,.3),0 0 8px rgba(218,165,32,.5)}.demo-gear.small::before{box-shadow:0 0 0 1px rgb(147.2,92,40.8),0 0 2px rgba(0,0,0,.4)}.demo-gear.medium::before{box-shadow:0 0 0 1.5px rgb(147.2,92,40.8),0 0 3px rgba(0,0,0,.4)}.demo-gear.large::before{box-shadow:0 0 0 2px rgb(147.2,92,40.8),0 0 4px rgba(0,0,0,.4)}.demo-gear.small:before{background:repeating-conic-gradient(from 0deg, transparent 0deg 12deg, rgb(165.6, 103.5, 45.9) 12deg 18deg, transparent 18deg 30deg)}.demo-gear.medium:before{background:repeating-conic-gradient(from 0deg, transparent 0deg 9deg, rgb(165.6, 103.5, 45.9) 9deg 13.5deg, transparent 13.5deg 22.5deg)}.demo-gear.large:before{background:repeating-conic-gradient(from 0deg, transparent 0deg 7.2deg, rgb(165.6, 103.5, 45.9) 7.2deg 10.8deg, transparent 10.8deg 18deg)}.color-strip{height:20px;margin:.25rem 0;border-radius:4px;border:1px solid rgba(205,127,50,.3);transition:all .3s ease}.color-strip:hover{transform:scaleY(1.2);border-color:#cd7f32}.color-strip.brass-gradient{background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%)}.color-strip.copper-gradient{background:linear-gradient(90deg, #b87333 0%, rgb(204.2712765957, 135.6382978723, 71.9787234043) 50%, rgb(156.4, 97.75, 43.35) 100%)}.color-strip.steel-gradient{background:linear-gradient(90deg, #708090 0%, rgb(140.6, 153.4, 166.2) 50%, rgb(100.6866141732, 115.2, 129.7133858268) 100%)}.material-palette{text-align:center}.material-palette h4{color:#cd7f32;margin-bottom:1rem}.material-samples{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.material-sample{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,0,0,0);position:relative}.material-sample[data-material=brass]{background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);color:rgb(115.2,38.4,0)}.material-sample[data-material=copper]{background:#b87333;color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample[data-material=steel]{background:#708090;color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample[data-material=leather]{background:#c04000;color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample[data-material=mahogany]{background:hsl(20,100%,47%);color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample:hover{transform:translateY(-3px) scale(1.05);border-color:#cd7f32;box-shadow:0 4px 8px rgba(112,128,144,.4)}@keyframes float-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes steam-rise{0%{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.1;transform:translateY(-50px) scale(1.2)}100%{opacity:0;transform:translateY(-100px) scale(0.8)}}@keyframes gear-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes gear-spin-precision{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes mechanical-pulse{0%,100%{box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2)}50%{box-shadow:inset 0 3px 6px hsla(0,0%,100%,.4),inset 0 -3px 6px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3),0 0 12px rgba(205,127,50,.3)}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}@media(prefers-reduced-motion: reduce){.gear,.steam,.demo-gear{animation:none !important}.demo-gear{opacity:.8}.demo-gear:hover{transform:scale(1.02);animation:none !important}.demo-gear:hover::after{box-shadow:inset 0 2px 3px rgba(0,0,0,.4),inset 0 -1px 2px hsla(0,0%,100%,.3)}.gear{opacity:.05}.steam{opacity:.15}.philosophy-card:hover{transform:translateY(-2px)}.philosophy-card:hover .card-icon{transform:scale(1.1)}.technique-item:hover{transform:translateX(5px)}.technique-item:hover .technique-number{transform:scale(1.05)}}.hero-section{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center, rgb(245.5, 223.65, 182.8) 0%, rgb(242.5348837209, 213.8651162791, 160.2651162791) 70%, rgb(240.0697674419, 205.7302325581, 141.5302325581) 100%)}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg, #cd7f32 0px, #cd7f32 15px, #b87333 15px, #b87333 30px, #cd7f32 30px, #cd7f32 35px, #d4af37 35px, #d4af37 40px);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-section::after{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg, #b87333 0px, #b87333 15px, #cd7f32 15px, #cd7f32 30px, #b87333 30px, #b87333 35px, #d4af37 35px, #d4af37 40px);z-index:2;box-shadow:0 -2px 8px rgba(0,0,0,.3)}.steam-pipe-system{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.pipe{position:absolute;background:linear-gradient(45deg, rgb(147.2, 92, 40.8) 0%, #b87333 30%, rgb(201.2872340426, 128.6170212766, 61.2127659574) 50%, #b87333 70%, rgb(156.4, 97.75, 43.35) 100%);border:2px solid rgb(128.8,80.5,35.7);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2)}.pipe.horizontal-pipe{height:20px}.pipe.horizontal-pipe.pipe-1{top:15%;left:10%;width:300px;transform:rotate(-5deg)}.pipe.horizontal-pipe.pipe-3{bottom:25%;right:8%;width:250px;transform:rotate(3deg)}.pipe.vertical-pipe{width:20px}.pipe.vertical-pipe.pipe-2{top:20%;right:15%;height:200px;transform:rotate(8deg)}.pipe-joint{position:absolute;width:32px;height:32px;background:radial-gradient(circle, #cd7f32 0%, rgb(164, 101.6, 40) 70%, rgb(143.5, 88.9, 35) 100%);border:3px solid rgb(133.25,82.55,32.5);border-radius:50%;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.4),inset 0 -2px 4px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3)}.pipe-joint::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background:hsl(210,12.5984251969%,40.1568627451%);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.pipe-joint.joint-1{top:-6px;left:25%}.pipe-joint.joint-2{top:-6px;right:20%}.pipe-joint.joint-3{top:30%;left:-6px}.steam-vent{position:absolute;width:16px;height:16px;background:#708090;border:2px solid hsl(210,12.5984251969%,35.137254902%);border-radius:50%}.steam-vent::after{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:4px;height:30px;background:linear-gradient(to top, transparent 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%);border-radius:2px;animation:steam-rise 3s ease-in-out infinite}.steam-vent.vent-1{top:-8px;left:60%}.steam-vent.vent-2{top:15%;right:-8px}.steam-vent.vent-3{bottom:-8px;right:30%}.pressure-gauge{position:absolute;width:50px;height:50px}.pressure-gauge.gauge-1{top:-25px;left:40%}.gauge-face{width:100%;height:100%;background:radial-gradient(circle, rgb(246.5, 226.95, 190.4) 0%, rgb(245.5, 223.65, 182.8) 70%, rgb(100.6866141732, 115.2, 129.7133858268) 100%);border:3px solid #cd7f32;border-radius:50%;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.3)}.gauge-face::before{content:"";position:absolute;top:10%;left:50%;transform:translateX(-50%);width:2px;height:80%;background:#b87333;border-radius:1px}.gauge-needle{position:absolute;top:50%;left:50%;width:2px;height:35%;background:#b87333;transform-origin:bottom center;transform:translate(-50%, -100%) rotate(45deg);border-radius:1px;animation:gauge-flutter 4s ease-in-out infinite}.victorian-ornaments{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.ornament{position:absolute;width:80px;height:80px;background:radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(205, 127, 50, 0.3) 50%, transparent 100%)}.ornament::before{content:"❦";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;color:rgba(205,127,50,.4);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ornament.ornament-top-left{top:5%;left:5%;transform:rotate(-45deg)}.ornament.ornament-top-right{top:5%;right:5%;transform:rotate(45deg)}.ornament.ornament-bottom-left{bottom:5%;left:5%;transform:rotate(-135deg)}.ornament.ornament-bottom-right{bottom:5%;right:5%;transform:rotate(135deg)}.hero-content{text-align:center;z-index:2;position:relative;max-width:900px;padding:0 2rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-family:"Cinzel",serif;font-weight:700;color:#cd7f32;text-shadow:2px 2px 0 #b87333,4px 4px 8px rgba(112,128,144,.5),0 0 20px rgba(205,127,50,.4);margin-bottom:1rem;position:relative}.hero-title .title-ornament{font-size:.8em;color:#b87333;display:inline-block;margin:0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:ornament-glow 3s ease-in-out infinite alternate}.hero-title .title-ornament.title-ornament-left{transform:scaleX(-1)}@media(max-width: 768px){.hero-title .title-ornament{display:none}}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-family:"Crimson Text",serif;font-style:italic;color:hsl(210,12.5984251969%,40.1568627451%);margin-bottom:3rem;position:relative}.hero-subtitle::before,.hero-subtitle::after{content:"";position:absolute;top:50%;width:60px;height:2px;background:linear-gradient(90deg, transparent 0%, #b87333 50%, transparent 100%);transform:translateY(-50%)}.hero-subtitle::before{left:-80px}.hero-subtitle::after{right:-80px}@media(max-width: 480px){.hero-subtitle::before,.hero-subtitle::after{display:none}}.hero-control-panel{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:3rem;flex-wrap:wrap}.mechanical-controls{display:flex;gap:2rem;align-items:center}@media(max-width: 480px){.mechanical-controls{flex-direction:column;gap:1rem}}.brass-lever{position:relative;width:60px;height:80px;cursor:pointer}.brass-lever .lever-base{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:20px;background:linear-gradient(135deg, #cd7f32 0%, rgb(164, 101.6, 40) 100%);border:2px solid rgb(143.5,88.9,35);border-radius:8px;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),0 4px 8px rgba(0,0,0,.3)}.brass-lever .lever-handle{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:8px;height:50px;background:linear-gradient(90deg, #b87333 0%, rgb(204.2712765957, 135.6382978723, 71.9787234043) 50%, #b87333 100%);border:1px solid rgb(147.2,92,40.8);border-radius:4px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),2px 2px 4px rgba(0,0,0,.3);transition:transform .3s ease}.brass-lever .lever-handle::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:radial-gradient(circle, #cd7f32 40%, transparent 40%);border:2px solid #cd7f32;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.brass-lever:hover .lever-handle{transform:translateX(-50%) rotate(15deg)}.pressure-meter{position:relative;width:70px;height:70px}.pressure-meter .meter-face{width:100%;height:100%;background:radial-gradient(circle, rgb(247, 228.6, 194.2) 0%, rgb(246, 225.3, 186.6) 70%, #708090 100%);border:4px solid #cd7f32;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.3);position:relative}.pressure-meter .meter-face::before{content:"";position:absolute;top:15%;left:50%;transform:translateX(-50%);width:1px;height:70%;background:repeating-linear-gradient(to bottom, #b87333 0px, #b87333 4px, transparent 4px, transparent 8px)}.pressure-meter .meter-needle{position:absolute;top:50%;left:50%;width:2px;height:45%;background:linear-gradient(to top, #b87333, #d4af37);transform-origin:bottom center;transform:translate(-50%, -100%) rotate(125deg);border-radius:1px;animation:meter-fluctuation 3s ease-in-out infinite}.pressure-meter .meter-needle::before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#cd7f32;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.3)}.pressure-meter .meter-label{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:.7rem;font-family:"Cinzel",serif;color:#b87333;font-weight:bold;letter-spacing:1px}.steam-valve{position:relative;width:50px;height:50px;cursor:pointer}.steam-valve .valve-stem{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:12px;height:30px;background:linear-gradient(90deg, #708090 0%, rgb(140.6, 153.4, 166.2) 50%, #708090 100%);border:1px solid hsl(210,12.5984251969%,40.1568627451%);border-radius:2px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3)}.steam-valve .valve-wheel{position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:50px;background:radial-gradient(circle, #cd7f32 0%, rgb(174.25, 107.95, 42.5) 100%);border:3px solid rgb(153.75,95.25,37.5);border-radius:50%;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),0 4px 8px rgba(0,0,0,.3);transition:transform .5s ease}.steam-valve .valve-wheel::before,.steam-valve .valve-wheel::after{content:"";position:absolute;top:50%;left:50%;background:rgb(143.5,88.9,35);border-radius:1px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.3)}.steam-valve .valve-wheel::before{width:80%;height:3px;transform:translate(-50%, -50%)}.steam-valve .valve-wheel::after{width:3px;height:80%;transform:translate(-50%, -50%)}.steam-valve:hover .valve-wheel{transform:translateX(-50%) rotate(45deg)}.compass-rose{width:120px;height:120px;position:relative;border:3px solid #cd7f32;border-radius:50%;background:radial-gradient(circle, rgb(246.5, 226.95, 190.4) 0%, rgb(246, 225.3, 186.6) 20%, rgba(205, 127, 50, 0.1) 40%, rgba(205, 127, 50, 0.3) 70%, #cd7f32 100%);animation:compass-rotate 60s linear infinite;box-shadow:inset 0 2px 4px rgba(205,127,50,.2),0 4px 8px rgba(112,128,144,.3)}.compass-rose::before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px solid rgba(184,115,51,.4);border-radius:50%;border-style:dashed}.compass-rose::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;border:2px solid #b87333;border-radius:50%;background:radial-gradient(circle, #708090 30%, #b87333 100%);box-shadow:inset 0 1px 2px hsl(210,12.5984251969%,35.137254902%)}.compass-rose .direction-marker{position:absolute;font-family:"Cinzel",serif;font-weight:700;font-size:.9rem;color:#b87333;text-shadow:1px 1px 2px rgba(205,127,50,.5)}.compass-rose .direction-marker.north{top:4px;left:50%;transform:translateX(-50%)}.compass-rose .direction-marker.south{bottom:4px;left:50%;transform:translateX(-50%)}.compass-rose .direction-marker.east{right:8px;top:50%;transform:translateY(-50%)}.compass-rose .direction-marker.west{left:8px;top:50%;transform:translateY(-50%)}.compass-rose .compass-needle{position:absolute;top:50%;left:50%;width:3px;height:45px;transform-origin:bottom center;transform:translate(-50%, -100%) rotate(15deg);z-index:2}.compass-rose .compass-needle::before{content:"";position:absolute;top:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom, #b87333, rgb(147.2, 92, 40.8));border-radius:3px 3px 0 0;box-shadow:1px 0 2px rgba(184,115,51,.4)}.compass-rose .compass-needle::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom, rgb(126.3, 140.7, 155.1), #708090);border-radius:0 0 3px 3px;box-shadow:1px 0 2px rgba(112,128,144,.4)}.compass-rose .compass-points{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%)}.compass-rose .compass-points::before,.compass-rose .compass-points::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:80%;background:linear-gradient(to bottom, transparent 0%, rgba(205, 127, 50, 0.2) 20%, rgba(205, 127, 50, 0.4) 50%, rgba(205, 127, 50, 0.2) 80%, transparent 100%);transform:translate(-50%, -50%)}.compass-rose .compass-points::after{transform:translate(-50%, -50%) rotate(90deg)}@media(max-width: 480px){.compass-rose{width:80px;height:80px}.compass-rose .direction-marker{font-size:.7rem}.compass-rose .direction-marker.north,.compass-rose .direction-marker.south{top:2px;bottom:2px}.compass-rose .direction-marker.east,.compass-rose .direction-marker.west{right:4px;left:4px}.compass-rose .compass-needle{height:30px;width:2px}.compass-rose::after{width:12px;height:12px}}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.gear-background{position:absolute;border-radius:50%;opacity:.12;animation:slow-rotate linear infinite}.gear-background::before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;z-index:1}.gear-background::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:inset 0 4px 8px rgba(0,0,0,.3),0 4px 12px rgba(112,128,144,.5),inset 0 -2px 4px rgba(0,0,0,.4);z-index:2}.gear-background.gear-bg-1{top:10%;left:5%;width:200px;height:200px;animation-duration:40s}.gear-background.gear-bg-1::before{background:conic-gradient(from 0deg, transparent 0deg, #cd7f32 12deg, transparent 24deg, transparent 36deg, #cd7f32 48deg, transparent 60deg, transparent 72deg, #cd7f32 84deg, transparent 96deg, transparent 108deg, #cd7f32 120deg, transparent 132deg, transparent 144deg, #cd7f32 156deg, transparent 168deg, transparent 180deg, #cd7f32 192deg, transparent 204deg, transparent 216deg, #cd7f32 228deg, transparent 240deg, transparent 252deg, #cd7f32 264deg, transparent 276deg, transparent 288deg, #cd7f32 300deg, transparent 312deg, transparent 324deg, #cd7f32 336deg, transparent 348deg, transparent 360deg)}.gear-background.gear-bg-1::after{background:radial-gradient(circle, rgb(215, 152.6, 91) 0%, #cd7f32 30%, rgb(184.5, 114.3, 45) 70%, rgb(153.75, 95.25, 37.5) 100%);border:2px solid rgb(143.5,88.9,35)}.gear-background.gear-bg-2{top:40%;right:10%;width:150px;height:150px;animation-duration:60s;animation-direction:reverse}.gear-background.gear-bg-2::before{background:conic-gradient(from 0deg, transparent 0deg, #b87333 12deg, transparent 24deg, transparent 36deg, #b87333 48deg, transparent 60deg, transparent 72deg, #b87333 84deg, transparent 96deg, transparent 108deg, #b87333 120deg, transparent 132deg, transparent 144deg, #b87333 156deg, transparent 168deg, transparent 180deg, #b87333 192deg, transparent 204deg, transparent 216deg, #b87333 228deg, transparent 240deg, transparent 252deg, #b87333 264deg, transparent 276deg, transparent 288deg, #b87333 300deg, transparent 312deg, transparent 324deg, #b87333 336deg, transparent 348deg, transparent 360deg)}.gear-background.gear-bg-2::after{background:radial-gradient(circle, rgb(207.2553191489, 142.6595744681, 82.7446808511) 0%, #b87333 30%, rgb(165.6, 103.5, 45.9) 70%, rgb(138, 86.25, 38.25) 100%);border:2px solid rgb(128.8,80.5,35.7)}.gear-background.gear-bg-3{bottom:20%;left:15%;width:100px;height:100px;animation-duration:30s}.gear-background.gear-bg-3::before{background:conic-gradient(from 0deg, transparent 0deg, #cd7f32 12deg, transparent 24deg, transparent 36deg, #cd7f32 48deg, transparent 60deg, transparent 72deg, #cd7f32 84deg, transparent 96deg, transparent 108deg, #cd7f32 120deg, transparent 132deg, transparent 144deg, #cd7f32 156deg, transparent 168deg, transparent 180deg, #cd7f32 192deg, transparent 204deg, transparent 216deg, #cd7f32 228deg, transparent 240deg, transparent 252deg, #cd7f32 264deg, transparent 276deg, transparent 288deg, #cd7f32 300deg, transparent 312deg, transparent 324deg, #cd7f32 336deg, transparent 348deg, transparent 360deg)}.gear-background.gear-bg-3::after{background:radial-gradient(circle, rgb(215, 152.6, 91) 0%, #cd7f32 30%, rgb(184.5, 114.3, 45) 70%, rgb(153.75, 95.25, 37.5) 100%);border:2px solid rgb(143.5,88.9,35)}.gear-background.gear-bg-4{top:25%;left:70%;width:120px;height:120px;animation-duration:45s;animation-direction:reverse}.gear-background.gear-bg-4::before{background:conic-gradient(from 0deg, transparent 0deg, #d4af37 15deg, transparent 30deg, transparent 45deg, #d4af37 60deg, transparent 75deg, transparent 90deg, #d4af37 105deg, transparent 120deg, transparent 135deg, #d4af37 150deg, transparent 165deg, transparent 180deg, #d4af37 195deg, transparent 210deg, transparent 225deg, #d4af37 240deg, transparent 255deg, transparent 270deg, #d4af37 285deg, transparent 300deg, transparent 315deg, #d4af37 330deg, transparent 345deg, transparent 360deg)}.gear-background.gear-bg-4::after{background:radial-gradient(circle, rgb(218.45, 187, 85) 0%, #d4af37 30%, rgb(186.7901234568, 152.2339506173, 40.1598765432) 70%, rgb(153.8271604938, 125.3691358025, 33.0728395062) 100%);border:2px solid rgb(142.8395061728,116.4141975309,30.7104938272)}.gear-background.gear-bg-5{bottom:35%;right:25%;width:80px;height:80px;animation-duration:25s}.gear-background.gear-bg-5::before{background:conic-gradient(from 0deg, transparent 0deg, #4682b4 18deg, transparent 36deg, transparent 54deg, #4682b4 72deg, transparent 90deg, transparent 108deg, #4682b4 126deg, transparent 144deg, transparent 162deg, #4682b4 180deg, transparent 198deg, transparent 216deg, #4682b4 234deg, transparent 252deg, transparent 270deg, #4682b4 288deg, transparent 306deg, transparent 324deg, #4682b4 342deg, transparent 360deg)}.gear-background.gear-bg-5::after{background:radial-gradient(circle, rgb(114.6, 161.4, 200.4) 0%, #4682b4 30%, rgb(59.5, 110.5, 153) 70%, #315b7e 100%);border:2px solid rgb(45.5,84.5,117)}@media(max-width: 480px){.gear-background.gear-bg-4,.gear-background.gear-bg-5{display:none}}.atmospheric-effects{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1;pointer-events:none}.steam-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);border-radius:50%;filter:blur(1px);animation:steam-drift linear infinite}.steam-particle.steam-1{top:70%;left:20%;animation-duration:12s;animation-delay:0s}.steam-particle.steam-2{top:80%;left:60%;animation-duration:15s;animation-delay:3s}.steam-particle.steam-3{top:75%;right:25%;animation-duration:18s;animation-delay:6s}.steam-particle.steam-4{top:65%;left:80%;animation-duration:14s;animation-delay:9s}.steam-particle.steam-5{top:85%;left:40%;animation-duration:16s;animation-delay:12s}@keyframes compass-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes slow-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes steam-rise{0%{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:.3;transform:translateY(-30px) scale(1.3)}100%{opacity:0;transform:translateY(-60px) scale(0.8)}}@keyframes steam-drift{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:.6}90%{opacity:.2}100%{opacity:0;transform:translateY(-100vh) translateX(50px) scale(2)}}@keyframes gauge-flutter{0%,100%{transform:translate(-50%, -100%) rotate(45deg)}25%{transform:translate(-50%, -100%) rotate(55deg)}50%{transform:translate(-50%, -100%) rotate(35deg)}75%{transform:translate(-50%, -100%) rotate(50deg)}}@keyframes meter-fluctuation{0%,100%{transform:translate(-50%, -100%) rotate(125deg)}50%{transform:translate(-50%, -100%) rotate(145deg)}}@keyframes ornament-glow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.5)}100%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(184,115,51,.6)}}@media(prefers-reduced-motion: reduce){.compass-rose,.gear-background,.steam-particle,.gauge-needle,.meter-needle{animation:none}.compass-rose{opacity:.8}.gear-background{opacity:.06}.steam-particle{opacity:.3}.title-ornament{animation:none}}.demo-card{border:2px solid #cd7f32;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2);background:hsla(39.0909090909,76.7441860465%,81.2238431373%,.9);border-radius:12px;padding:2rem;position:relative;transition:all .3s ease;overflow:hidden}.demo-card::before,.demo-card::after{content:"";position:absolute;width:20px;height:20px;border:2px solid #b87333;transition:all .3s ease}.demo-card::before{top:10px;left:10px;border-right:none;border-bottom:none;border-radius:4px 0 0 0}.demo-card::after{bottom:10px;right:10px;border-left:none;border-top:none;border-radius:0 0 4px 0}.demo-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 16px rgba(112,128,144,.5);border-color:#b87333}.demo-card:hover::before,.demo-card:hover::after{border-color:#cd7f32;transform:scale(1.2)}.demo-card:hover .card-gauge{transform:rotate(180deg);background:#b87333}.demo-card:hover .card-controls .control-dial{transform:rotate(90deg);background:#cd7f32}.demo-card:hover .card-controls .switch{background:#cd7f32;transform:translateX(15px)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(205,127,50,.3)}.card-header h4{color:#cd7f32;margin:0;font-family:"Cinzel",serif;font-weight:600}.card-gauge{width:30px;height:30px;border:3px solid #cd7f32;border-radius:50%;position:relative;transition:all .5s ease;background:rgba(205,127,50,.2)}.card-gauge::before{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:#b87333;transform-origin:left center;transform:translate(-50%, -50%) rotate(45deg);border-radius:1px;transition:all .3s ease}.card-gauge::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#708090;border-radius:50%;transform:translate(-50%, -50%)}.card-content p{color:hsl(210,12.5984251969%,40.1568627451%);margin-bottom:2rem;line-height:1.6}.card-controls{display:flex;align-items:center;gap:2rem;justify-content:center;padding:1rem;background:hsla(39.0909090909,76.7441860465%,79.0302745098%,.9);border-radius:8px;border:1px solid rgba(205,127,50,.2)}.control-dial{width:40px;height:40px;border:3px solid #cd7f32;border-radius:50%;background:rgba(205,127,50,.15);position:relative;cursor:pointer;transition:all .3s ease}.control-dial::before{content:"";position:absolute;top:3px;left:50%;width:3px;height:15px;background:#b87333;transform:translateX(-50%);border-radius:2px}.control-dial::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:1px solid #708090;border-radius:50%;transform:translate(-50%, -50%);background:rgba(112,128,144,.1)}.control-dial:hover{transform:rotate(45deg);border-color:#b87333}.control-switches{display:flex;flex-direction:column;gap:.25rem}.switch{width:30px;height:8px;background:#708090;border-radius:4px;position:relative;cursor:pointer;transition:all .3s ease;border:1px solid hsl(210,12.5984251969%,40.1568627451%)}.switch::before{content:"";position:absolute;top:-1px;left:0;width:10px;height:8px;background:#cd7f32;border-radius:inherit;transition:all .3s ease;border:1px solid rgb(164,101.6,40)}.switch:hover{background:rgb(126.3,140.7,155.1)}.switch:hover::before{transform:translateX(18px);background:#b87333}.philosophy-card .card-icon{position:relative}.philosophy-card .card-icon::before{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid rgba(205,127,50,.2);border-radius:50%;transform:translate(-50%, -50%);transition:all .5s ease}.philosophy-card .card-icon::after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;border:1px solid rgba(184,115,51,.1);border-radius:50%;transform:translate(-50%, -50%);transition:all .5s ease}.philosophy-card:hover .card-icon::before{border-color:#cd7f32;transform:translate(-50%, -50%) scale(1.1)}.philosophy-card:hover .card-icon::after{border-color:#b87333;transform:translate(-50%, -50%) scale(1.2) rotate(180deg)}@media(max-width: 480px){.demo-card{padding:1rem}.demo-card::before,.demo-card::after{width:15px;height:15px}.card-controls{flex-direction:column;gap:1rem}.control-switches{flex-direction:row}.philosophy-card .card-icon::before,.philosophy-card .card-icon::after{display:none}}@media(prefers-reduced-motion: reduce){.demo-card:hover{transform:translateY(-2px)}.demo-card:hover .card-gauge{transform:rotate(90deg)}.demo-card:hover .card-controls .control-dial{transform:rotate(20deg)}.demo-card:hover .card-controls .switch{transform:translateX(8px)}.control-dial:hover{transform:rotate(20deg)}.philosophy-card:hover .card-icon::before{transform:translate(-50%, -50%) scale(1.05)}.philosophy-card:hover .card-icon::after{transform:translate(-50%, -50%) scale(1.1)}}.control-station{position:relative;background:linear-gradient(135deg, rgb(246, 225.3, 186.6) 0%, rgb(245.5, 223.65, 182.8) 50%, rgb(242.5348837209, 213.8651162791, 160.2651162791) 100%);border:3px solid #cd7f32;border-radius:12px;padding:3rem;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.3);overflow:hidden}.station-frame{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.rivet{position:absolute;width:12px;height:12px;background:radial-gradient(circle, #cd7f32 0%, rgb(164, 101.6, 40) 70%, rgb(143.5, 88.9, 35) 100%);border:2px solid rgb(133.25,82.55,32.5);border-radius:50%;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),inset 0 -1px 2px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3)}.rivet::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:3px;height:3px;background:rgb(123,76.2,30);border-radius:50%}.rivet.rivet-tl{top:12px;left:12px}.rivet.rivet-tr{top:12px;right:12px}.rivet.rivet-bl{bottom:12px;left:12px}.rivet.rivet-br{bottom:12px;right:12px}.demo-button-container{display:flex;justify-content:center;padding:2rem;background:hsla(39.0909090909,76.7441860465%,79.0302745098%,.9);border:2px solid rgba(205,127,50,.4);border-radius:8px;position:relative;margin-bottom:3rem}.demo-button-container::before,.demo-button-container::after{content:"";position:absolute;width:16px;height:16px;background:repeating-conic-gradient(from 0deg, #cd7f32 0deg 30deg, transparent 30deg 60deg);border-radius:50%}.demo-button-container::before{top:-8px;left:-8px}.demo-button-container::after{bottom:-8px;right:-8px}.mechanical-array{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-top:3rem}.control-group{text-align:center}.control-label{display:block;font-family:"Cinzel",serif;font-weight:600;color:#cd7f32;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.brass-dial-container{display:flex;justify-content:center}.brass-dial{position:relative;width:100px;height:100px;cursor:pointer}.brass-dial .dial-face{width:100%;height:100%;background:radial-gradient(circle, rgb(217.5, 159, 101.25) 0%, #cd7f32 30%, rgb(174.25, 107.95, 42.5) 70%, rgb(153.75, 95.25, 37.5) 100%);border:4px solid rgb(143.5,88.9,35);border-radius:50%;box-shadow:inset 0 4px 8px hsla(0,0%,100%,.3),inset 0 -4px 8px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.4);position:relative}.brass-dial .dial-markings{position:absolute;top:0;left:0;right:0;bottom:0}.brass-dial .dial-markings::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:2px;height:15px;background:rgb(123,76.2,30);border-radius:1px}.brass-dial .dial-markings::after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:2px;height:15px;background:rgb(123,76.2,30);border-radius:1px}.brass-dial .dial-needle{position:absolute;top:50%;left:50%;width:3px;height:40%;background:linear-gradient(to top, #b87333, #d4af37);transform-origin:bottom center;transform:translate(-50%, -100%) rotate(var(--dial-rotation, 45deg));border-radius:2px;transition:transform .3s ease}.brass-dial .dial-needle::before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:radial-gradient(circle, #cd7f32, rgb(164, 101.6, 40));border:2px solid rgb(143.5,88.9,35);border-radius:50%;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),0 2px 4px rgba(0,0,0,.3)}.brass-dial:hover .dial-needle{transform:translate(-50%, -100%) rotate(calc(var(--dial-rotation, 45deg) + 15deg))}.gauge-cluster{display:flex;justify-content:center}.analog-gauge{position:relative;width:120px;height:120px}.analog-gauge .gauge-body{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:linear-gradient(135deg, rgb(140.6, 153.4, 166.2) 0%, #708090 50%, rgb(89.4992125984, 102.4, 115.3007874016) 100%);border:3px solid hsl(210,12.5984251969%,35.137254902%);border-radius:50%;box-shadow:inset 0 3px 6px hsla(0,0%,100%,.3),inset 0 -3px 6px rgba(0,0,0,.3)}.analog-gauge .gauge-face{position:absolute;top:0px;left:0px;right:15px;bottom:15px;background:radial-gradient(circle, rgb(247.5, 230.25, 198) 0%, rgb(246.5, 226.95, 190.4) 60%, rgb(245.5, 223.65, 182.8) 100%);border:2px solid rgba(205,127,50,.4);border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.analog-gauge .gauge-face::before{content:"";position:absolute;top:10%;left:50%;transform:translateX(-50%);width:1px;height:80%;background:repeating-linear-gradient(to bottom, #b87333 0px, #b87333 3px, transparent 3px, transparent 6px)}.analog-gauge .gauge-needle{position:absolute;top:50%;left:50%;width:2px;height:45%;background:linear-gradient(to top, #b87333, rgb(207.2553191489, 142.6595744681, 82.7446808511));transform-origin:bottom center;transform:translate(-50%, -100%) rotate(var(--pressure-angle, 135deg));border-radius:1px;animation:pressure-oscillation 4s ease-in-out infinite;z-index:2}.analog-gauge .gauge-needle::before{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:radial-gradient(circle, #cd7f32, rgb(174.25, 107.95, 42.5));border:1px solid rgb(153.75,95.25,37.5);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.analog-gauge .gauge-glass{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, transparent 30%, transparent 70%, rgba(255, 255, 255, 0.1) 100%);border-radius:50%;pointer-events:none}.switch-bank{display:flex;justify-content:center;gap:1.4rem}.lever-switch{position:relative;width:40px;height:80px;cursor:pointer}.lever-switch .switch-base{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:25px;background:linear-gradient(135deg, #cd7f32 0%, rgb(164, 101.6, 40) 100%);border:2px solid rgb(143.5,88.9,35);border-radius:6px;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),0 4px 8px rgba(0,0,0,.3)}.lever-switch .switch-lever{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:6px;height:50px;background:linear-gradient(90deg, #b87333 0%, rgb(204.2712765957, 135.6382978723, 71.9787234043) 50%, #b87333 100%);border:1px solid rgb(147.2,92,40.8);border-radius:3px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),2px 2px 4px rgba(0,0,0,.3);transition:transform .2s ease}.lever-switch .switch-lever::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:radial-gradient(circle, #cd7f32 40%, transparent 40%);border:2px solid #cd7f32;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.lever-switch .switch-label{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.7rem;font-family:"Cinzel",serif;color:#b87333;font-weight:bold;letter-spacing:.5px;text-align:center;white-space:nowrap}.lever-switch:hover .switch-lever{transform:translateX(-50%) rotate(15deg)}.lever-switch.active .switch-lever{transform:translateX(-50%) rotate(-15deg);background:linear-gradient(90deg, #d4af37 0%, rgb(218.45, 187, 85) 50%, #d4af37 100%)}.demo-card{background:linear-gradient(135deg, rgb(245.8, 224.64, 185.08) 0%, rgb(245.3, 222.99, 181.28) 50%, rgb(244.0139534884, 218.7460465116, 171.5060465116) 100%);border:3px solid #b87333;border-radius:12px;padding:3rem;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.2),inset 0 -2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.2);position:relative;overflow:hidden}.demo-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg, #b87333 0px, #b87333 8px, #cd7f32 8px, #cd7f32 16px)}.demo-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative}.demo-card .card-header .header-ornament{position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:40px;height:3px;background:linear-gradient(90deg, transparent 0%, #cd7f32 50%, transparent 100%)}.demo-card .card-header .header-ornament::before,.demo-card .card-header .header-ornament::after{content:"";position:absolute;top:50%;width:8px;height:8px;background:#cd7f32;border-radius:50%;transform:translateY(-50%)}.demo-card .card-header .header-ornament::before{left:0}.demo-card .card-header .header-ornament::after{right:0}.demo-card .card-header h4{font-family:"Cinzel",serif;color:#cd7f32;font-size:1.3rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin:0}.demo-card .status-lights{display:flex;gap:.5rem}.demo-card .status-light{width:12px;height:12px;border-radius:50%;border:2px solid hsl(210,12.5984251969%,40.1568627451%);box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 0 8px rgba(0,0,0,.2);position:relative}.demo-card .status-light::before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.6) 0%, transparent 50%)}.demo-card .status-light.active{background:radial-gradient(circle, rgb(224.9, 199, 115) 0%, #d4af37 70%, rgb(175.8024691358, 143.2790123457, 37.7975308642) 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 0 12px rgba(212,175,55,.7);animation:status-pulse 2s ease-in-out infinite}.demo-card .status-light.warning{background:radial-gradient(circle, rgb(213.2234042553, 156.7021276596, 104.2765957447) 0%, #b87333 70%, rgb(147.2, 92, 40.8) 100%);animation:status-blink 1.5s ease-in-out infinite}.demo-card .status-light.inactive{background:radial-gradient(circle, rgb(140.6, 153.4, 166.2) 0%, #708090 70%, rgb(89.4992125984, 102.4, 115.3007874016) 100%)}.demo-card .card-content{position:relative;z-index:2}.demo-card .card-content p{color:hsl(210,12.5984251969%,40.1568627451%);line-height:1.6;margin-bottom:2rem}.pipe-network{position:relative;height:80px;background:hsla(39.0909090909,76.7441860465%,78.2238431373%,.9);border:2px solid rgba(205,127,50,.3);border-radius:8px;padding:1rem;margin-top:2rem;overflow:hidden}.network-pipe{position:absolute;background:linear-gradient(45deg, rgb(165.6, 103.5, 45.9) 0%, #b87333 50%, rgb(165.6, 103.5, 45.9) 100%);border:1px solid rgb(147.2,92,40.8);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),inset 0 -1px 2px rgba(0,0,0,.3)}.network-pipe.pipe-main{top:50%;left:0;right:0;height:12px;transform:translateY(-50%)}.network-pipe.pipe-branch-1{top:15px;left:30%;width:8px;height:25px}.network-pipe.pipe-branch-2{bottom:15px;right:25%;width:8px;height:25px}.pipe-flow{position:absolute;top:0;left:-20px;bottom:0;width:20px;background:linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.4) 50%, transparent 100%);animation:flow-movement 3s linear infinite}.pipe-flow.flow-2{left:-15px;top:0;bottom:-20px;width:15px;height:20px;background:linear-gradient(180deg, transparent 0%, rgba(212, 175, 55, 0.4) 50%, transparent 100%);animation:flow-vertical 2.5s linear infinite}.pipe-flow.flow-3{right:-15px;bottom:0;top:-20px;width:15px;height:20px;background:linear-gradient(180deg, rgba(212, 175, 55, 0.4) 50%, transparent 100%);animation:flow-vertical-reverse 2.8s linear infinite}.network-junction{position:absolute;width:16px;height:16px;background:radial-gradient(circle, #cd7f32 0%, rgb(164, 101.6, 40) 100%);border:2px solid rgb(143.5,88.9,35);border-radius:50%;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),0 2px 4px rgba(0,0,0,.3)}.network-junction.junction-main{top:50%;left:50%;transform:translate(-50%, -50%)}.network-junction.junction-1{top:50%;left:30%;transform:translate(-50%, -50%)}.network-junction.junction-2{top:50%;right:25%;transform:translate(50%, -50%)}.material-palette{text-align:center;background:linear-gradient(135deg, rgb(245.5, 223.65, 182.8) 0%, rgb(244.0139534884, 218.7460465116, 171.5060465116) 100%);border:2px solid #cd7f32;border-radius:12px;padding:3rem;position:relative}.material-palette::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg, transparent 0%, #cd7f32 50%, transparent 100%)}.material-palette h4{color:#cd7f32;margin-bottom:2rem;font-family:"Cinzel",serif;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.material-samples{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;justify-content:center}.material-sample.enhanced{position:relative;padding:2rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:3px solid rgba(0,0,0,0);overflow:hidden;text-align:center}.material-sample.enhanced .material-texture{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.8;transition:opacity .3s ease}.material-sample.enhanced .material-name{position:relative;z-index:2;display:block;font-family:"Cinzel",serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.material-sample.enhanced .patina-effect{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:radial-gradient(circle at 60% 40%, rgba(255, 255, 255, 0.3) 0%, transparent 70%);transition:opacity .3s ease}.material-sample.enhanced[data-material=brass]{background:linear-gradient(135deg, rgb(215, 152.6, 91) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);color:rgb(115.2,38.4,0)}.material-sample.enhanced[data-material=brass] .material-texture{background:repeating-linear-gradient(45deg, transparent 0px, transparent 2px, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0.1) 4px)}.material-sample.enhanced[data-material=copper]{background:linear-gradient(135deg, rgb(207.2553191489, 142.6595744681, 82.7446808511) 0%, #b87333 50%, rgb(156.4, 97.75, 43.35) 100%);color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample.enhanced[data-material=copper] .material-texture{background:radial-gradient(circle at 30% 70%, rgba(139, 69, 19, 0.3) 0%, transparent 50%)}.material-sample.enhanced[data-material=steel]{background:linear-gradient(135deg, rgb(147.75, 159.75, 171.75) 0%, #708090 50%, rgb(95.0929133858, 108.8, 122.5070866142) 100%);color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample.enhanced[data-material=steel] .material-texture{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 3px)}.material-sample.enhanced[data-material=leather]{background:linear-gradient(135deg, rgb(239.7, 79.9, 0) 0%, #c04000 50%, rgb(163.2, 54.4, 0) 100%);color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample.enhanced[data-material=leather] .material-texture{background:radial-gradient(circle, rgba(0, 0, 0, 0.2) 1px, transparent 1px);background-size:8px 8px}.material-sample.enhanced[data-material=mahogany]{background:linear-gradient(45deg, #c04000 25%, rgb(239.7, 79.9, 0) 25%, rgb(239.7, 79.9, 0) 50%, #c04000 50%, #c04000 75%, rgb(239.7, 79.9, 0) 75%);background-size:12px 12px;color:hsl(39.0909090909,76.7441860465%,70.6666666667%)}.material-sample.enhanced:hover{transform:translateY(-5px) scale(1.05);border-color:#d4af37;box-shadow:0 8px 16px rgba(0,0,0,.3),0 0 20px rgba(212,175,55,.4)}.material-sample.enhanced:hover .material-texture{opacity:1}.material-sample.enhanced:hover .patina-effect{opacity:1}@keyframes pressure-oscillation{0%,100%{transform:translate(-50%, -100%) rotate(135deg)}25%{transform:translate(-50%, -100%) rotate(125deg)}50%{transform:translate(-50%, -100%) rotate(145deg)}75%{transform:translate(-50%, -100%) rotate(130deg)}}@keyframes status-pulse{0%,100%{opacity:1;box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 0 12px rgba(212,175,55,.7)}50%{opacity:.7;box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 0 20px rgba(212,175,55,.8)}}@keyframes status-blink{0%,80%,100%{opacity:1}40%{opacity:.3}}@keyframes flow-movement{0%{left:-20px}100%{left:100%}}@keyframes flow-vertical{0%{top:-20px}100%{top:100%}}@keyframes flow-vertical-reverse{0%{bottom:-20px}100%{bottom:100%}}.steampunk-button{border:3px solid #cd7f32;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2);background:linear-gradient(135deg, rgb(212.5, 146.2, 80.75) 0%, #cd7f32 50%, rgb(174.25, 107.95, 42.5) 100%);color:rgb(115.2,38.4,0);font-family:"Cinzel",serif;font-weight:600;font-size:1.2rem;padding:2rem 3rem;border-radius:8px;cursor:pointer;position:relative;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:1rem;overflow:hidden;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.3)}.steampunk-button::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease}.steampunk-button:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg, rgb(207.2553191489, 142.6595744681, 82.7446808511) 0%, rgb(194.7659574468, 121.7287234043, 53.9840425532) 50%, rgb(165.6, 103.5, 45.9) 100%);border-color:#b87333;box-shadow:inset 0 3px 6px hsla(0,0%,100%,.4),inset 0 -3px 6px rgba(0,0,0,.3),0 12px 24px rgba(0,0,0,.4),0 0 30px rgba(205,127,50,.5)}.steampunk-button:hover::before{transform:translateX(100%) translateY(100%) rotate(45deg)}.steampunk-button:hover .button-gear{transform:rotate(360deg) scale(1.3);color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.6)}.steampunk-button:hover .button-steam{opacity:1;transform:translateY(-30px) scale(2)}.steampunk-button:active{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 4px 8px rgba(0,0,0,.3),0 3px 6px rgba(0,0,0,.3)}.steampunk-button:focus{outline:3px solid rgba(205,127,50,.5);outline-offset:4px}.button-gear{font-size:1.5em;color:#b87333;transition:all .5s ease;transform-origin:center;display:inline-block}.button-steam{position:absolute;top:-15px;right:25%;width:12px;height:30px;background:linear-gradient(to top, rgba(245, 222, 179, 0.7) 0%, rgba(245, 222, 179, 0.4) 50%, rgba(245, 222, 179, 0.1) 100%);border-radius:50%;opacity:0;transition:all .3s ease;filter:blur(2px)}@media(max-width: 480px){.steampunk-button{padding:1rem 2rem;font-size:1rem}.steampunk-button .button-steam{display:none}.demo-button-container{padding:2rem}.demo-button-container::before,.demo-button-container::after{display:none}.mechanical-array{grid-template-columns:1fr;gap:1rem}}@media(prefers-reduced-motion: reduce){.steampunk-button:hover{transform:translateY(-2px)}.steampunk-button:hover .button-gear{transform:scale(1.1)}.steampunk-button:hover .button-steam{opacity:.7;transform:translateY(-15px) scale(1.3)}.steampunk-button::before{transition:none;transform:translateX(-100%) translateY(-100%) rotate(45deg)}.steampunk-button:hover::before{transform:translateX(-100%) translateY(-100%) rotate(45deg)}.gauge-needle,.dial-needle,.meter-needle{animation:none}.steam-particle,.pipe-flow{animation:none;opacity:.5}}@keyframes gear-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes gear-rotate-reverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes steam-rise{0%{opacity:.6;transform:translateY(0) scale(1);filter:blur(1px)}25%{opacity:.4;transform:translateY(-25px) scale(1.1);filter:blur(1.5px)}50%{opacity:.2;transform:translateY(-50px) scale(1.3);filter:blur(2px)}75%{opacity:.1;transform:translateY(-75px) scale(1.1);filter:blur(2.5px)}100%{opacity:0;transform:translateY(-100px) scale(0.8);filter:blur(3px)}}@keyframes gauge-sweep{0%{transform:translate(-50%, -50%) rotate(-90deg)}50%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(90deg)}}@keyframes mechanical-click{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{transform:scale(0.98)}100%{transform:scale(1)}}@keyframes brass-shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}@keyframes steam-leak{0%,100%{opacity:0;transform:scale(0.8)}50%{opacity:.6;transform:scale(1.2)}}@keyframes compass-flutter{0%,100%{transform:translate(-50%, -100%) rotate(0deg)}25%{transform:translate(-50%, -100%) rotate(2deg)}75%{transform:translate(-50%, -100%) rotate(-2deg)}}@keyframes gear-engage{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(5px) rotate(45deg)}100%{transform:translateX(0) rotate(90deg)}}@keyframes flourish-draw{0%{stroke-dasharray:0 100;opacity:0}50%{opacity:1}100%{stroke-dasharray:100 0;opacity:1}}@keyframes pressure-build{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(205,127,50,.3)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(205,127,50,.1)}100%{transform:scale(1);box-shadow:0 0 0 20px rgba(205,127,50,0)}}.gear-rotating{animation:gear-rotate 30s linear infinite}.gear-rotating-reverse{animation:gear-rotate-reverse 30s linear infinite}.steam-rising{animation:steam-rise 8s ease-in-out infinite}.steam-leaking{animation:steam-leak 3s ease-in-out infinite}.mechanical-click{animation:mechanical-click .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.pressure-building{animation:pressure-build 2s ease-in-out infinite}.brass-shimmering{background-image:linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.4) 50%, transparent 100%);background-size:200px 100%;animation:brass-shimmer 2s ease-in-out infinite}.compass-active .compass-needle{animation:compass-flutter 4s ease-in-out infinite}.card-hover-enhanced{transition:all .3s ease}.card-hover-enhanced:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 8px 16px rgba(112,128,144,.5),0 15px 30px rgba(112,128,144,.4)}.card-hover-enhanced:hover::before{animation:gear-engage .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.button-sequence:hover .button-gear{animation:gear-rotate 1s ease-in-out}.button-sequence:hover .button-steam{animation:steam-rise 1.5s ease-out}.button-sequence:active{animation:mechanical-click .2s ease-out}.panel-entrance{opacity:0;transform:translateY(50px) scale(0.95);animation:panel-slide-in .8s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(50px) scale(0.95)}60%{opacity:.8;transform:translateY(-10px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}.panel-entrance:nth-child(1){animation-delay:.1s}.panel-entrance:nth-child(2){animation-delay:.2s}.panel-entrance:nth-child(3){animation-delay:.3s}.panel-entrance:nth-child(4){animation-delay:.4s}.panel-entrance:nth-child(5){animation-delay:.5s}.mechanical-loading{position:relative;display:inline-block}.mechanical-loading::before,.mechanical-loading::after{content:"";position:absolute;width:20px;height:20px;background:#cd7f32;border-radius:50%;position:relative;animation:gear-rotate 1s linear infinite}.mechanical-loading::before::before,.mechanical-loading::after::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(20px*.6);height:calc(20px*.6);border-radius:50%;background:#708090}.mechanical-loading::before{left:-30px;animation-direction:normal}.mechanical-loading::after{right:-30px;animation-direction:reverse;animation-duration:1.2s}.steampunk-spinner{width:60px;height:60px;position:relative;margin:2rem auto}.steampunk-spinner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid rgba(205,127,50,.2);border-top:4px solid #cd7f32;border-radius:50%;animation:gear-rotate 1s linear infinite}.steampunk-spinner::after{content:"⚙";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.5rem;color:#b87333;animation:gear-rotate-reverse 2s linear infinite}.fade-in-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in-scroll.visible{opacity:1;transform:translateY(0)}.gear-reveal{opacity:0;transform:scale(0.8) rotate(-90deg);transition:all .8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.gear-reveal.visible{opacity:1;transform:scale(1) rotate(0deg)}@media(prefers-reduced-motion: reduce){.gear-rotating,.gear-rotating-reverse,.compass-active .compass-needle,.mechanical-loading::before,.mechanical-loading::after,.steampunk-spinner::before,.steampunk-spinner::after{animation:none}.card-hover-enhanced:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(112,128,144,.4)}.steam-rising,.steam-leaking{animation:none;opacity:.3}.panel-entrance{opacity:1;transform:none;animation:none}.steampunk-spinner::before{border:4px solid #cd7f32;border-top:4px solid #b87333;animation:none}.steampunk-spinner::after{animation:none}.button-sequence:hover .button-gear{animation:none;transform:scale(1.1)}.mechanical-click{animation:none;transform:scale(0.98)}}.hardware-accelerated{transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000}.will-animate{will-change:transform,opacity}.animation-complete{will-change:auto}.main-footer{background:linear-gradient(135deg, rgb(242.5348837209, 213.8651162791, 160.2651162791) 0%, rgb(240.0697674419, 205.7302325581, 141.5302325581) 100%);border-top:3px solid #cd7f32;padding:3rem 0;text-align:center;position:relative;margin-top:6rem}.main-footer::before{content:"";position:absolute;top:-6px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg, #cd7f32 0px, #cd7f32 4px, transparent 4px, transparent 20px)}.main-footer p{color:hsl(210,12.5984251969%,40.1568627451%);font-family:"Crimson Text",serif;font-size:.95rem;margin:0;position:relative;z-index:2}.footer-ornament{display:flex;justify-content:center;margin-bottom:1rem}.footer-gear{width:60px;height:60px;position:relative;animation:gear-rotate 30s linear infinite reverse}.footer-gear::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, rgb(215, 152.6, 91) 0%, #cd7f32 30%, rgb(184.5, 114.3, 45) 70%, rgb(153.75, 95.25, 37.5) 100%);border:2px solid rgb(143.5,88.9,35);border-radius:50%;box-shadow:inset 0 3px 6px rgba(205,127,50,.4),0 3px 8px rgba(112,128,144,.5),inset 0 -2px 4px rgb(123,76.2,30);filter:drop-shadow(0 0 0 transparent);background-image:radial-gradient(circle at 50% 5%, #cd7f32 2px, transparent 2px),radial-gradient(circle at 86.6% 25%, #cd7f32 2px, transparent 2px),radial-gradient(circle at 86.6% 75%, #cd7f32 2px, transparent 2px),radial-gradient(circle at 50% 95%, #cd7f32 2px, transparent 2px),radial-gradient(circle at 13.4% 75%, #cd7f32 2px, transparent 2px),radial-gradient(circle at 13.4% 25%, #cd7f32 2px, transparent 2px)}.footer-gear::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:22px;height:22px;background:radial-gradient(circle, rgb(204.2712765957, 135.6382978723, 71.9787234043) 0%, #b87333 40%, rgb(147.2, 92, 40.8) 100%);border:2px solid rgb(119.6,74.75,33.15);border-radius:50%;box-shadow:inset 0 2px 4px rgba(184,115,51,.5),inset 0 -1px 2px rgb(110.4,69,30.6),0 1px 3px rgba(112,128,144,.4);z-index:3}.footer-gear .gear-rim{position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);background:conic-gradient(from 0deg, transparent 0deg, #cd7f32 15deg, transparent 30deg, transparent 30deg, #cd7f32 45deg, transparent 60deg, transparent 60deg, #cd7f32 75deg, transparent 90deg, transparent 90deg, #cd7f32 105deg, transparent 120deg, transparent 120deg, #cd7f32 135deg, transparent 150deg, transparent 150deg, #cd7f32 165deg, transparent 180deg, transparent 180deg, #cd7f32 195deg, transparent 210deg, transparent 210deg, #cd7f32 225deg, transparent 240deg, transparent 240deg, #cd7f32 255deg, transparent 270deg, transparent 270deg, #cd7f32 285deg, transparent 300deg, transparent 300deg, #cd7f32 315deg, transparent 330deg, transparent 330deg, #cd7f32 345deg, transparent 360deg);border-radius:50%;z-index:1}.footer-gear .gear-detail{position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(205,127,50,.3);border-radius:50%;z-index:2}@media(prefers-reduced-motion: reduce){.footer-gear{animation:none}}@media(max-width: 768px){.main-navigation{padding:0 1rem}.main-navigation::after{left:10px;width:25px;height:25px}.nav-home{margin-left:45px;font-size:1rem}.hero-section{height:80vh;min-height:600px}.hero-title{font-size:clamp(2.5rem,7vw,4rem)}.hero-title::before,.hero-title::after{width:40px}.hero-title::before::before,.hero-title::after::before{left:-60px}.hero-title::before::after,.hero-title::after::after{right:-60px}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem)}.hero-subtitle::before,.hero-subtitle::after{display:none}.compass-rose{width:100px;height:100px}.compass-rose::before{font-size:1rem}.compass-rose::after{width:50px;height:50px}.content-panel{margin:2rem 1rem;padding:2rem}.content-panel h2::before,.content-panel h2::after{left:-30px;right:-30px;font-size:.5em}.philosophy-grid{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.elements-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}.resources-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}.technique-item{grid-template-columns:1fr;text-align:center;gap:1rem;padding:2rem}.technique-number{margin:0 auto 1rem;width:70px;height:70px;font-size:2.5rem}.showcase-content{grid-template-columns:1fr;gap:2rem}.demo-card::before,.demo-card::after{width:15px;height:15px}.card-controls{gap:1rem}.steampunk-button{padding:1rem 2rem;font-size:1rem}.gear,.steam,.pipe,.gear-background{display:none}}@media(max-width: 480px){body{font-size:clamp(.9rem,2vw,1rem);line-height:1.5}h1{font-size:clamp(2rem,6vw,3rem)}h1::after{width:40px;height:2px}h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem}h2::before,h2::after{display:none}h3{font-size:clamp(1.2rem,3vw,1.5rem)}.main-navigation{height:50px;padding:0 .5rem}.main-navigation::after{display:none}.nav-home{margin-left:.5rem;padding:.5rem;font-size:.9rem;gap:.25rem}.nav-icon{font-size:1.1em}.nav-icon::before{left:12px;width:16px;height:16px}.hero-section{height:70vh;min-height:500px;padding:0 1rem}.hero-section::before,.hero-section::after{height:4px}.hero-title{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:.5rem}.hero-title::before,.hero-title::after{display:none}.hero-subtitle{font-size:clamp(1rem,3vw,1.2rem);margin-bottom:2rem}.hero-subtitle::before,.hero-subtitle::after{display:none}.compass-rose{width:80px;height:80px}.compass-rose::before{font-size:.9rem;top:4px}.compass-rose::after{width:40px;height:40px}.compass-rose .compass-needle{height:25px}.main-content{margin-top:50px}.content-panel{margin:1rem .5rem;padding:1rem}.content-panel::before,.content-panel::after{display:none}.philosophy-grid,.elements-grid,.resources-grid{grid-template-columns:1fr;gap:1rem}.philosophy-card{padding:1rem;text-align:center}.philosophy-card .card-icon{font-size:2.5rem}.philosophy-card .card-icon::before,.philosophy-card .card-icon::after{display:none}.techniques-list{gap:2rem}.technique-item{padding:1rem}.technique-item::before{height:2px}.technique-number{width:60px;height:60px;font-size:2rem}.technique-number::before{inset:-4px}.demo-button-container{padding:2rem 1rem}.demo-button-container::before,.demo-button-container::after{display:none}.steampunk-button{padding:.5rem 2rem;font-size:.95rem}.steampunk-button .button-steam{display:none}.demo-card{padding:1rem}.demo-card::before,.demo-card::after{display:none}.card-controls{flex-direction:column;gap:1rem;padding:.5rem}.control-switches{flex-direction:row;gap:.5rem}.material-samples{flex-direction:column;align-items:stretch}.material-sample{text-align:center;padding:.5rem}.elements-column{padding:1rem}.elements-column::before{left:10px;right:10px}.elements-column h3{font-size:1.1rem}.resource-category{padding:1rem}.resource-category h3{font-size:1rem}.steampunk-list li,.resource-list li{padding-left:1rem;font-size:.9rem}.steampunk-list li::before,.resource-list li::before{font-size:.7em}.main-footer{padding:2rem 1rem;font-size:.9rem;text-align:center}}@media(orientation: landscape)and (max-height: 600px){.hero-section{height:100vh;min-height:auto}.hero-title{font-size:clamp(2rem,6vh,3rem)}.hero-subtitle{font-size:clamp(1rem,3vh,1.2rem);margin-bottom:1rem}.compass-rose{width:60px;height:60px}.compass-rose::before{font-size:.8rem}.compass-rose::after{width:30px;height:30px}}@media(hover: none)and (pointer: coarse){.steampunk-button{min-height:48px;padding:1rem 3rem}.nav-home{min-height:44px}.control-dial{width:48px;height:48px}.material-sample{min-height:44px;padding:1rem}.philosophy-card:hover,.technique-item:hover,.demo-card:hover,.resource-category:hover{transform:none;box-shadow:inherit}.steampunk-button:hover{transform:none}.steampunk-button:hover .button-gear{transform:none}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mechanical-border,.content-panel,.philosophy-card{border-width:1px}.technique-number::before{border-width:.5px}.card-gauge{border-width:2px}}@media print{.main-navigation,.gear,.steam,.pipe,.gear-background,.demo-button-container,.card-controls,.material-samples{display:none !important}body{background:#fff !important;color:#000 !important}.content-panel{background:#fff !important;border:1px solid #000 !important;box-shadow:none !important;page-break-inside:avoid;margin:1rem 0}.hero-section{height:auto;padding:2rem 0;page-break-after:always}h1,h2,h3,h4{color:#000 !important}p,li{color:#000 !important}*{animation:none !important;transition:none !important}}html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative}body::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px, rgba(112, 128, 144, 0.1) 1px, transparent 0);background-size:20px 20px;opacity:.03;pointer-events:none}/*# sourceMappingURL=steampunk.css.map */