@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Work+Sans:wght@300;400&display=swap";:root{--wood-grain-beige: #D4A373;--forest-green: #3e632a;--charcoal-gray: #333333;--soft-white: #FAF9F6;--rich-amber: #B78628;--font-header: "Montserrat", sans-serif;--font-body: "Work Sans", sans-serif}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--charcoal-gray);background-color:var(--soft-white);background:conic-gradient(from 90deg at 1px 1px,#faf9f6 90deg,#ddd 0) center -1px / 75px 75px;background-attachment:fixed;overflow-x:hidden}@media (hover: none){body{background-attachment:initial}}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:1;background-color:var(--charcoal-gray);color:var(--soft-white);padding:1rem;display:flex;justify-content:space-between;align-items:center}header h1{font-family:var(--font-header);margin:0}.hero{text-align:center;padding:2rem 1rem}.hero h2{font-family:var(--font-header);font-size:2.5rem;margin:.5rem 0}.hero p{font-size:1.25rem}.about{padding:2rem 1rem;text-align:center;background-color:var(--soft-white);color:var(--charcoal-gray)}.about h3{font-family:var(--font-header);font-size:2rem;margin-bottom:1rem}.footer{margin-top:auto;display:flex;justify-content:center;align-items:center;background-color:var(--charcoal-gray);color:var(--soft-white);padding:1rem}.box{background-color:var(--soft-white);color:var(--charcoal-gray);padding:16px;width:70%;margin:0 auto;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='15' ry='15' stroke='%23333333FF' stroke-width='2' stroke-dasharray='' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:15px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.wood{color:var(--rich-amber);font-weight:800}.logo{height:40px}.sawblade-container{position:absolute;bottom:-20px;left:0;width:100%;height:50px;overflow:hidden;pointer-events:none}.sawblade{position:absolute;bottom:0;height:40px;animation:rotate 1s linear infinite,move 5s ease-in-out infinite alternate;filter:invert(21%) sepia(0%) saturate(6%) hue-rotate(213deg) brightness(86%) contrast(94%)}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes move{0%{left:0}to{left:calc(100% - 40px)}}.slider-box{color:#333;margin:auto;border-radius:15px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;max-width:90%;padding:2rem 1rem;z-index:0}.slider{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;max-width:1200px;height:400px;margin:auto}.slides{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.slide{position:absolute;width:300px;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease,filter .5s ease,opacity .5s ease;filter:blur(5px);opacity:.9;border-radius:15px}.slide.active{transform:translate(0) scale(1.1);filter:blur(0);opacity:1;z-index:2}.slide.passed{transform:translate(calc(-140% + var(--index-offset)));z-index:calc(5 + var(--relative-index))}.slide.upcoming{transform:translate(calc(110% + var(--index-offset)));z-index:calc(5 - var(--relative-index))}@media (max-width: 768px){.slide{flex:0 0 auto}.slider{aspect-ratio:1 / 1}}@media (hover: none){.slider{box-shadow:none}}header nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}header nav ul li a{background-color:var(--charcoal-gray);text-decoration:none;color:var(--soft-white);font-weight:700}*.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle{display:none;background:none;border:none;color:var(--soft-white);font-size:1.5rem;cursor:pointer}.nav-menu{display:flex;gap:1rem}.nav-menu ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.nav-menu a{color:var(--soft-white);text-decoration:none}.nav-menu.open{display:block}@media (max-width: 768px){.menu-toggle{display:block}.nav-menu{display:none;flex-direction:column;position:absolute;top:calc(100% + .5rem);right:1rem;background-color:var(--charcoal-gray);border:1px solid var(--soft-white);border-radius:8px;width:max-content;padding:.5rem 1rem;z-index:10}.nav-menu.open{display:flex}.nav-menu ul{flex-direction:column;gap:.5rem}.nav-menu a{text-align:center}}.title-container{text-align:center;margin:20px 0}.title-container img{max-width:300px;height:auto}.image-error{color:red;font-size:14px;margin-top:5px;font-family:Arial,sans-serif}#error-message{text-align:center;color:red;padding:10px;font-family:Arial,sans-serif}#controls{text-align:center;padding:20px;background-color:#f5f5f5}#disclaimer{text-align:center;font-weight:700;font-style:italic;color:#555;font-size:14px;margin:10px 0}#products{display:flex;justify-content:center;flex-wrap:wrap;padding:20px}.card{background-color:#e8e6e3;border:1px solid #003087;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:20px;text-align:left;min-height:400px;width:280px;margin:10px}.card .image-container{text-align:center;margin-bottom:15px}.card img{width:100%;height:200px;border-radius:8px;object-fit:cover;display:block}} .card img[src*="placeholder"]{width:250px;height:250px;object-fit:contain;margin:0 auto}} .card p{margin:5px 0;color:#003087;font-size:16px;font-family:Arial,sans-serif}.card p strong{color:#333;font-weight:700}