:root{--primary-color:#1a2f23;--accent-color:#c5a059;--bg-color:#fdfcf9;--text-color:#242b27;--text-muted:#5c635e;--white:#fff;--font-main:"Inter", system-ui, -apple-system, sans-serif;--transition:all .3s ease;--container-width:1140px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-color);background:url(/images/site/background-brown-circle-cut-40973_00pp.jpg) 50%/cover no-repeat fixed;line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 15px}header{z-index:1000;background:var(--primary-color);width:100%;position:fixed;top:0;box-shadow:0 2px 10px #0000001a}.topbar{color:#fffc;background-color:#0003;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:.75rem}.topbar ul{justify-content:flex-end;gap:20px;list-style:none;display:flex}.navbar{padding:15px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo img{width:auto;height:50px}.nav-links{gap:20px;list-style:none;display:flex}.nav-links a{color:var(--white);text-transform:uppercase;font-size:.85rem;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--accent-color)}.hero{color:#fff;text-align:center;background:linear-gradient(#0000004d,#0000004d),url(/images/site/home-hero-bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;margin-top:0;display:flex;position:relative}.hero h1{max-width:900px;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.hero p{opacity:.9;max-width:800px;margin:20px auto 30px;font-size:1.1rem}.btn{background-color:var(--accent-color);color:var(--primary-color);text-transform:uppercase;transition:var(--transition);cursor:pointer;z-index:10;border:none;border-radius:4px;padding:12px 30px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block;position:relative}.btn:hover{background-color:#d4b47a;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.scroll-indicator{cursor:pointer;z-index:20;animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.arrow-down{border-bottom:3px solid var(--accent-color);border-right:3px solid var(--accent-color);width:20px;height:20px;display:block;transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0006,#000c);width:100%;height:150px;position:absolute;bottom:0;left:0}.home-intro-text{background:linear-gradient(#000c,#0006,#0000);padding:80px 0 20px;position:relative}.intro-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffd9;border-radius:8px;max-width:1000px;margin:0 auto;padding:40px;box-shadow:0 10px 30px #0000001a}.intro-box h1{color:var(--primary-color);margin-bottom:20px;font-size:2.2rem}.intro-box p{color:var(--text-color);font-size:1.1rem;line-height:1.8}.flashcards-grid{grid-template-columns:repeat(3,1fr);gap:30px;padding:60px 0;display:grid}.flashcard{cursor:pointer;background:#fff;border-radius:4px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #0000000d}.flashcard:hover{transform:translateY(-10px)}.flashcard-img{height:200px;overflow:hidden}.flashcard-img img{object-fit:cover;width:100%;height:100%}.flashcard-body{text-align:center;padding:25px}.flashcard-body h2{color:var(--primary-color);margin-bottom:10px;font-size:1.3rem}.flashcard-body p{color:var(--text-muted);font-size:.9rem}.photowall-container{padding:40px 0 80px}.photowall-grid{column-count:6;column-gap:10px}.photowall-item{break-inside:avoid;cursor:zoom-in;background:#eee;border-radius:2px;margin-bottom:10px;transition:all .3s;overflow:hidden}.photowall-item:hover{filter:brightness(1.1);z-index:10;position:relative;transform:scale(1.02)}.photowall-item img{width:100%;height:auto;display:block}.product-page{padding:140px 0 60px}.product-page .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:12px;padding:60px;box-shadow:0 20px 40px #00000026}.product-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:50px;padding:40px 0 20px;display:grid}.product-grid.no-images{grid-template-columns:1fr;max-width:800px;margin:0 auto}.text-side p{text-align:justify;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:var(--primary-color);margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.form-control{width:100%;font-family:var(--font-main);background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;font-size:1rem}.form-control:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 5px #c5a0594d}.contact-form.sending{opacity:.7;pointer-events:none}.image-side{flex-direction:column;gap:20px;display:flex}.product-image-box{cursor:zoom-in;border-radius:4px;overflow:hidden;box-shadow:0 4px 15px #00000014}.product-image-box img{width:100%;height:auto;display:block}.lightbox-overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content img{border-radius:4px;max-width:90vw;max-height:85vh;box-shadow:0 0 40px #00000080}.lightbox-close{color:#fff;cursor:pointer;z-index:2100;background:0 0;border:none;font-size:2.5rem;position:absolute;top:20px;right:20px}.lightbox-nav{color:#fff;cursor:pointer;z-index:2100;opacity:.5;background:0 0;border:none;padding:20px;font-size:4rem;transition:all .3s;position:absolute;top:50%}.lightbox-nav:hover{opacity:1}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-counter{color:#fff;opacity:.5;font-size:.9rem;position:absolute;bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}footer{background:var(--primary-color);color:#fff;padding:60px 0 30px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.footer-col h4{color:var(--accent-color);text-transform:uppercase;margin-bottom:20px;font-size:.85rem}.footer-col p,.footer-col a{opacity:.7;color:#fff;font-size:.85rem;text-decoration:none}@media (width<=1200px){.photowall-grid{column-count:4}.flashcards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.photowall-grid{column-count:2}.flashcards-grid,.product-grid{grid-template-columns:1fr}.image-side{order:-1}.nav-links{display:none}.intro-box h1{font-size:1.6rem}}