*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--dark:#1b1b2f;--dark-light:#2a2a3d;--gold:#c8954c;--gold-light:#e0b06e;--light:#f4f4f4;--white:#ffffff;--text:#333333;--text-light:#e0e0e0;--max-width:1200px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.6;background:var(--white)}img{max-width:100%;height:auto;display:block}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header{background:var(--dark);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:0}.site-logo{display:flex;align-items:center;padding:0.5rem 0}.site-logo img{height:50px;width:auto}.site-nav{display:flex;list-style:none;gap:0}.site-nav a{display:block;padding:1.2rem 1rem;color:var(--text-light);font-size:0.9rem;font-weight:500;text-transform:uppercase;letter-spacing:0.04em;transition:color 0.2s,background 0.2s}.site-nav a:hover,.site-nav a.active{color:var(--gold);background:rgba(255,255,255,0.05)}.nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;padding:1rem 0}.hero{position:relative;height:70vh;min-height:400px;overflow:hidden;background:var(--dark)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(27,27,47,0.4),rgba(27,27,47,0.8));display:flex;align-items:center;justify-content:center;text-align:center}.hero-content h1{font-size:3rem;color:var(--white);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.5rem}.hero-content p{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto}.section{padding:4rem 0}.section--dark{background:var(--dark);color:var(--text-light)}.section--light{background:var(--light)}.section-title{font-size:2rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:2rem;text-align:center}.section--dark .section-title{color:var(--gold)}.section-title::after{content:'';display:block;width:60px;height:3px;background:var(--gold);margin:0.8rem auto 0}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.card{background:var(--white);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s,box-shadow 0.2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.section--dark .card{background:var(--dark-light)}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:1.2rem}.card-body h3{font-size:1.1rem;margin-bottom:0.4rem}.card-body p{font-size:0.9rem;color:#777}.section--dark .card-body p{color:#aaa}.page-header{background:var(--dark);padding:3rem 0;text-align:center}.page-header h1{font-size:2.2rem;color:var(--white);text-transform:uppercase;letter-spacing:0.06em}.page-content{padding:3rem 0}.page-content h2{font-size:1.6rem;color:var(--dark);margin:2rem 0 1rem;text-transform:uppercase;letter-spacing:0.04em}.page-content h2::after{content:'';display:block;width:40px;height:2px;background:var(--gold);margin-top:0.5rem}.page-content p{margin-bottom:1rem}.page-content ul{margin:1rem 0 1rem 1.5rem}.page-content li{margin-bottom:0.4rem}.product-card img{height:250px}.product-card .card-body{text-align:center}.product-card h3{color:var(--gold);font-size:1.3rem}.centrale-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid #eee}.centrale-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.centrale-block:nth-child(even){direction:rtl}.centrale-block:nth-child(even)>*{direction:ltr}.centrale-block img{border-radius:6px;width:100%;height:300px;object-fit:cover}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-info h3{font-size:1.2rem;color:var(--dark);margin:1.5rem 0 0.5rem;text-transform:uppercase}.contact-info h3:first-child{margin-top:0}.contact-info p{line-height:1.8}.contact-info a{color:var(--gold)}.map-container{border-radius:6px;overflow:hidden;height:400px}.map-container iframe{width:100%;height:100%;border:0}.site-footer{background:var(--dark);color:var(--text-light);padding:2rem 0;text-align:center;font-size:0.85rem}.site-footer a{color:var(--gold)}.footer-links{margin-top:0.5rem}.footer-links a{margin:0 0.8rem}.article-meta{color:#999;font-size:0.9rem;margin-bottom:2rem}.article-content img{border-radius:6px;margin:1.5rem 0}dialog.viewer{border:none;background:transparent;padding:0;max-width:none;max-height:none;cursor:pointer}dialog.viewer[open]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0;animation:viewer-in 0.2s ease-out}dialog.viewer::backdrop{background:rgba(0,0,0,0.92);backdrop-filter:blur(4px)}dialog.viewer img{max-width:90vw;max-height:90vh;border-radius:6px;box-shadow:0 8px 40px rgba(0,0,0,0.5)}@keyframes viewer-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}img[data-xxl]{cursor:pointer}.btn{display:inline-block;padding:0.7rem 1.8rem;background:var(--gold);color:var(--white);border-radius:4px;font-weight:600;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.04em;transition:background 0.2s}.btn:hover{background:var(--gold-light);color:var(--white)}@media (max-width:900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.centrale-block{grid-template-columns:1fr}.centrale-block:nth-child(even){direction:ltr}.contact-grid{grid-template-columns:1fr}.hero-content h1{font-size:2rem}}@media (max-width:600px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark);flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,0.3)}.site-nav.open{display:flex}.nav-toggle{display:block}.hero{height:50vh;min-height:300px}.hero-content h1{font-size:1.6rem}.section{padding:2.5rem 0}}