*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#050505;color:#fff;overflow-x:hidden}a{color:inherit}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 7%;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.72);border-bottom:1px solid rgba(212,175,55,.25);backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#d4af37;font-weight:900;letter-spacing:3px}.brand img{width:42px;height:42px;object-fit:contain}.navbar nav{display:flex;gap:22px}.navbar nav a{text-decoration:none;color:rgba(255,255,255,.72);font-size:12px;text-transform:uppercase;letter-spacing:2px;transition:.25s}.navbar nav a:hover{color:#d4af37}.menu-btn{display:none;background:none;border:1px solid rgba(212,175,55,.4);color:#d4af37;border-radius:10px;padding:8px 12px;font-size:22px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 7% 70px}.hero-bg{position:absolute;inset:0;background:url("assets/background.png") center/cover no-repeat;opacity:.38}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.78) 45%,rgba(5,5,5,.35)),linear-gradient(to bottom,rgba(0,0,0,.15),#050505 96%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;max-width:1400px;margin:auto;width:100%}.hero-text h1{font-size:clamp(54px,9vw,120px);font-weight:1000;letter-spacing:2px}.hero-text h2{color:#d4af37;letter-spacing:10px;text-transform:uppercase;font-size:clamp(20px,3vw,36px);margin:5px 0}.hero-text h3{letter-spacing:7px;text-transform:uppercase;color:#fff;font-size:18px;margin:20px 0 28px}.hero-text p,.intro,.page-title p,.split p{max-width:780px;color:rgba(255,255,255,.7);font-size:18px;line-height:1.7}.hero-img img,.split img{max-width:100%;filter:drop-shadow(0 0 35px rgba(212,175,55,.25))}.hero-img img{max-height:640px}.label{color:#d4af37;letter-spacing:6px;text-transform:uppercase;font-size:13px;font-weight:900;margin-bottom:14px}.buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;padding:15px 24px;border-radius:14px;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:1px;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:#d4af37;color:#050505}.secondary{border:1px solid #d4af37;color:#d4af37;background:rgba(0,0,0,.25)}.full{width:100%;text-align:center;margin-top:18px}.section{max-width:1400px;margin:auto;padding:100px 7%}.section h2,.page-title h1,.split h2{font-size:clamp(36px,6vw,72px);font-weight:1000;margin-bottom:18px}.cards{display:grid;gap:26px;margin-top:42px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{display:block;text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(212,175,55,.25);border-radius:24px;padding:30px;min-height:220px;transition:.3s}.card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.55);box-shadow:0 20px 60px rgba(0,0,0,.35)}.card h3{color:#d4af37;font-size:28px;margin-bottom:16px}.card p,.card li{color:rgba(255,255,255,.72);line-height:1.6;font-size:16px}.card ul{list-style:none}.card li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.team-link span{display:inline-block;margin-top:22px;color:#d4af37;font-weight:900;text-transform:uppercase}.page-title{padding:160px 7% 70px;min-height:50vh;background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.72)),url("assets/background.png") center/cover no-repeat}.split{max-width:1400px;margin:auto;padding:90px 7%;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.tall{max-height:560px;object-fit:contain;margin:auto}.check{list-style:none;margin:26px 0;display:grid;gap:12px}.check li{color:rgba(255,255,255,.78);padding-left:28px;position:relative;line-height:1.55}.check li:before{content:"➤";position:absolute;left:0;color:#d4af37}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.product{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.25);border-radius:28px;overflow:hidden;transition:.3s}.product:hover{transform:translateY(-6px)}.product img{width:100%;height:420px;object-fit:cover;background:#111}.product div{padding:28px}.tag{color:#d4af37;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:900}.product h3{font-size:32px;margin:10px 0}.product p{color:rgba(255,255,255,.7);line-height:1.65}.product span{display:inline-block;margin-top:20px;background:#d4af37;color:#050505;font-weight:900;padding:12px 16px;border-radius:12px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.media{display:block;text-decoration:none;background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.035));border:1px solid rgba(212,175,55,.28);border-radius:26px;padding:34px;transition:.25s}.media:hover{transform:translateY(-5px);border-color:#d4af37}.media span{color:#d4af37;text-transform:uppercase;letter-spacing:3px;font-weight:900;font-size:12px}.media strong{display:block;font-size:30px;margin:12px 0}.media p{color:rgba(255,255,255,.68);line-height:1.6}.info{text-align:center;border-top:1px solid rgba(212,175,55,.2);border-bottom:1px solid rgba(212,175,55,.2)}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:35px}.profile-card{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;text-decoration:none;background:rgba(255,255,255,.045);border:1px solid rgba(212,175,55,.25);border-radius:24px;padding:20px;transition:.25s}.profile-card:hover{transform:translateY(-4px);border-color:#d4af37}.profile-card img{width:150px;height:180px;object-fit:cover;border-radius:18px;background:#111}.profile-card h3{font-size:26px;color:#d4af37;margin-bottom:10px}.profile-card p{color:rgba(255,255,255,.72);line-height:1.5}.profile-detail{max-width:1100px;margin:auto;padding:150px 7% 90px;display:grid;grid-template-columns:360px 1fr;gap:45px;align-items:center}.profile-detail img{width:100%;border-radius:26px;border:1px solid rgba(212,175,55,.3)}.profile-info{background:rgba(255,255,255,.045);border:1px solid rgba(212,175,55,.25);border-radius:28px;padding:34px}.profile-info h2{font-size:44px;color:#d4af37;margin-bottom:20px}.profile-info p{color:rgba(255,255,255,.75);line-height:1.8}.contact-block{text-align:center;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 60%)}.contact-block p{color:#d4af37;letter-spacing:6px;font-weight:900}.contact-block h2{font-size:clamp(26px,5vw,56px);color:#fff}.footer{text-align:center;border-top:1px solid rgba(212,175,55,.22);padding:36px 7%;color:rgba(255,255,255,.55)}.footer img{width:42px;vertical-align:middle;margin-right:10px}.footer b{color:#d4af37;margin-right:10px}.footer a{color:#d4af37;text-decoration:none;margin:0 8px}.footer-links{margin:16px 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.menu-btn{display:block}.navbar nav{display:none;position:absolute;top:74px;left:0;right:0;background:#050505;border-bottom:1px solid rgba(212,175,55,.25);padding:22px;flex-direction:column}.menu-open .navbar nav{display:flex}.hero-grid,.split,.shop-grid,.media-grid,.two,.three,.profile-grid,.profile-detail{grid-template-columns:1fr}.section,.split{padding:75px 6%}.hero{padding-top:120px}.hero-text{text-align:center}.buttons{justify-content:center}.product img{height:auto}.hero-img img{max-height:430px}.profile-card{grid-template-columns:110px 1fr}.profile-card img{width:110px;height:140px}}
/* --- RELENTLESS V4 : fond étoilé interactif + animations premium --- */
#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 20% 20%,rgba(212,175,55,.10),transparent 30%),radial-gradient(circle at 80% 10%,rgba(255,220,110,.08),transparent 28%),#050505;pointer-events:none}.navbar,.hero,.section,.split,.page-title,.profile-detail,.footer{position:relative;z-index:1}.brand img,.footer-brand img,.logo-pulse{animation:logoPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(212,175,55,.35))}.mascot-float,.hero-img img{animation:mascotFloat 6s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 45px rgba(212,175,55,.30))}.hero:after,.page-title:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(212,175,55,.10),transparent 35%,rgba(255,255,255,.035) 55%,transparent 78%);pointer-events:none;mix-blend-mode:screen}.card,.media,.profile-card,.product,.profile-info{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(212,175,55,.045) 48%,rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.30)}.card:hover,.media:hover,.profile-card:hover,.product:hover{box-shadow:0 0 0 1px rgba(212,175,55,.55),0 25px 75px rgba(212,175,55,.13),0 18px 55px rgba(0,0,0,.42)}.card h3,.media strong,.profile-card h3{background:linear-gradient(90deg,#fff0b0,#d4af37,#fff4c2);-webkit-background-clip:text;background-clip:text;color:transparent}.staff-card{border-color:rgba(255,220,120,.38)}.social-icons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.social-icons a,.network-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(212,175,55,.45);background:rgba(212,175,55,.08);color:#d4af37;text-decoration:none;font-weight:1000;letter-spacing:1px;transition:.25s}.social-icons a:hover,.social-card:hover .network-icon{transform:translateY(-4px) scale(1.05);background:#d4af37;color:#050505;box-shadow:0 0 25px rgba(212,175,55,.35)}.social-card{min-height:260px}.social-card .network-icon{margin-bottom:18px;width:58px;height:58px;font-size:16px}.social-grid{grid-template-columns:repeat(3,1fr)}
@keyframes logoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(212,175,55,.25))}50%{transform:scale(1.035);filter:drop-shadow(0 0 25px rgba(212,175,55,.55))}}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@media(max-width:900px){.social-grid{grid-template-columns:1fr}.social-icons a{width:40px;height:40px}.social-card{min-height:220px}}
/* --- Correctifs V4.1 : icônes réseaux, baseline marque, favicon prêt --- */
.brand{gap:10px;align-items:center;letter-spacing:0}.brand img{width:38px;height:38px}.brand-text{display:flex;flex-direction:column;align-items:center;line-height:1.05}.brand-text strong{font-size:16px;letter-spacing:.4px;color:rgba(255,255,255,.75);font-weight:900}.brand-text small{display:block;margin-top:4px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#d4af37;font-weight:800}.footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}.footer-brand img{width:46px;height:46px;object-fit:contain;margin:0}.footer-brand div{display:flex;flex-direction:column;align-items:center;line-height:1.05}.footer-brand strong{font-size:18px;color:rgba(255,255,255,.82);letter-spacing:.5px}.footer-brand span{display:block;margin-top:6px;color:#d4af37;text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:900}.social-icons{gap:18px;margin:14px 0 20px}.social-icons a,.network-icon{border:0;background:transparent;color:#fff;width:28px;height:28px;border-radius:0;padding:0;box-shadow:none}.social-icons a svg,.network-icon svg{width:25px;height:25px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.social-icons a:hover,.social-card:hover .network-icon{background:transparent;color:#d4af37;transform:translateY(-3px) scale(1.08);box-shadow:none}.network-icon{width:58px;height:58px;margin-bottom:18px;color:#d4af37}.network-icon svg{width:58px;height:58px;stroke-width:1.65}.media em{display:block;margin-top:16px;color:#d4af37;font-style:normal;font-size:13px;word-break:break-word;opacity:.95}.social-card:hover .network-icon svg{filter:drop-shadow(0 0 10px rgba(212,175,55,.45))}@media(max-width:900px){.brand-text strong{font-size:14px}.brand-text small{font-size:9px}.social-icons{gap:14px}.footer-brand{flex-direction:column}.footer-brand div{text-align:center}}
/* --- Correctifs V6 : logos réseaux officiels + header propre --- */
.brand-text{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.05!important;gap:0!important;}
.brand-text strong{display:block!important;text-transform:uppercase!important;white-space:nowrap!important;}
.brand-text small{display:block!important;text-transform:uppercase!important;margin-top:5px!important;text-align:center!important;}
.footer-brand div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;}
.footer-brand span{text-transform:uppercase!important;}
.social-icons{gap:18px!important;}
.social-icons a,.network-icon{background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important;}
.social-icons a svg{width:25px!important;height:25px!important;display:block!important;fill:currentColor!important;stroke:none!important;}
.network-icon svg{width:56px!important;height:56px!important;display:block!important;fill:currentColor!important;stroke:none!important;}
.social-icons a:hover{color:#d4af37!important;transform:translateY(-3px) scale(1.08)!important;filter:drop-shadow(0 0 8px rgba(212,175,55,.45));}
.social-card:hover .network-icon{color:#d4af37!important;filter:drop-shadow(0 0 12px rgba(212,175,55,.55));}
/* --- Correctif V6.1 : menu mobile visible et cliquable --- */
@media(max-width:900px){
.navbar{
z-index:10000!important;
}
.menu-btn{
display:block!important;
position:relative!important;
z-index:10002!important;
cursor:pointer!important;
}
.navbar nav{
display:none!important;
position:fixed!important;
top:78px!important;
left:0!important;
right:0!important;
width:100vw!important;
z-index:10001!important;
padding:24px 7% 28px!important;
flex-direction:column!important;
gap:0!important;
background:rgba(5,5,5,.97)!important;
border-top:1px solid rgba(212,175,55,.22)!important;
border-bottom:1px solid rgba(212,175,55,.35)!important;
box-shadow:0 22px 60px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.04)!important;
backdrop-filter:blur(16px)!important;
-webkit-backdrop-filter:blur(16px)!important;
}
body.menu-open .navbar nav{
display:flex!important;
}
.navbar nav a{
display:block!important;
width:100%!important;
padding:15px 0!important;
color:rgba(255,255,255,.92)!important;
font-size:13px!important;
font-weight:900!important;
letter-spacing:3px!important;
text-align:left!important;
border-bottom:1px solid rgba(212,175,55,.13)!important;
}
.navbar nav a:hover,
.navbar nav a:active{
color:#d4af37!important;
}
}