:root{--noir:#050208;--violet:#1a0a1e;--neon:#ff2d9b;--neon-glow:rgba(255,45,155,.55);--or:#e8b84b;--or-clair:#ffe9a8;--or-fonce:#9a6d1b;--texte:#cbb8c2;--ligne:rgba(255,45,155,.25);--carte:#0c0510;--header-h:72px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Georgia,Times New Roman,serif;background:radial-gradient(ellipse at 50% 30%,var(--violet) 0%,var(--noir) 65%);background-attachment:fixed;color:var(--texte);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.gold{background:linear-gradient(180deg,var(--or-clair) 0%,var(--or) 45%,var(--or-fonce) 80%,var(--or) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sur{text-transform:uppercase;letter-spacing:.45em;font-size:.78rem;color:var(--neon);text-shadow:0 0 10px var(--neon-glow);margin-bottom:1.1rem}.badges{display:flex;gap:1rem;margin-top:1.6rem;flex-wrap:wrap}.badge{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--neon);border:1px solid var(--neon);border-radius:999px;padding:.5rem 1.2rem;box-shadow:0 0 12px var(--neon-glow),inset 0 0 12px #ff2d9b26;text-shadow:0 0 8px var(--neon-glow)}.badges.center{justify-content:center}.cta{display:inline-block;padding:1.05rem 3.2rem;border:1px solid var(--or);color:var(--or-clair);text-decoration:none;letter-spacing:.32em;text-transform:uppercase;font-size:.8rem;box-shadow:0 0 18px #e8b84b40,inset 0 0 14px #e8b84b14;transition:background .3s,color .3s,box-shadow .3s;cursor:pointer;background:transparent;font-family:inherit}.cta:hover,.cta:focus-visible{background:linear-gradient(180deg,var(--or-clair),var(--or));color:var(--noir);box-shadow:0 0 30px #e8b84b99}h1{font-size:clamp(4rem,12vw,9rem);font-weight:700;letter-spacing:.08em;line-height:.95;filter:drop-shadow(0 4px 18px rgba(232,184,75,.35))}h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:.1em;margin-bottom:1.2rem}h3{font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}p{font-size:1.05rem;line-height:1.85}#progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:100;background:var(--neon);box-shadow:0 0 12px var(--neon),0 0 30px var(--neon-glow);transition:width .1s linear}#loader{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:var(--noir);color:var(--neon);letter-spacing:.4em;text-transform:uppercase;font-size:.8rem;text-shadow:0 0 12px var(--neon-glow);transition:opacity .6s}#loader.hidden{opacity:0;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--header-h);display:flex;align-items:center;transition:background .4s,box-shadow .4s,backdrop-filter .4s}.site-header.scrolled{background:#050208b8;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--ligne),0 8px 30px #00000080}.header-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.7rem;font-weight:700;letter-spacing:.28em;text-decoration:none;filter:drop-shadow(0 2px 10px rgba(232,184,75,.35))}.nav{display:flex;gap:2.2rem;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:var(--texte);position:relative;padding:.4rem 0;transition:color .3s}.nav a:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--neon);box-shadow:0 0 8px var(--neon-glow);transition:width .3s}.nav a:hover,.nav a:focus-visible{color:var(--or-clair)}.nav a:hover:after,.nav a:focus-visible:after,.nav a[aria-current=page]:after{width:100%}.nav a[aria-current=page]{color:var(--or-clair)}.nav-toggle{display:none;width:44px;height:44px;background:transparent;border:0;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:10px}.nav-toggle span{display:block;height:2px;width:100%;background:var(--or-clair);box-shadow:0 0 8px #e8b84b66;transition:transform .3s,opacity .3s}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#scene{position:fixed;inset:0;z-index:1;display:block}.hero-img{display:none}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.no-webgl #scene,.use-fallback #scene,.no-webgl #loader,.use-fallback #loader{display:none}.use-fallback .hero,.no-webgl .hero{align-items:center;text-align:center;max-width:100%;margin:0 auto}.use-fallback .hero-img,.no-webgl .hero-img{display:block;width:min(74vw,360px);height:auto;margin:0 auto 2.2rem;filter:drop-shadow(0 0 44px var(--neon-glow));animation:floaty 6s ease-in-out infinite}.use-fallback .hero .sur,.use-fallback .hero h1,.use-fallback .hero .marque,.no-webgl .hero .sur,.no-webgl .hero h1,.no-webgl .hero .marque{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.use-fallback .hero .badges,.no-webgl .hero .badges{justify-content:center}main{position:relative;z-index:2}.panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;max-width:640px;position:relative;z-index:2}.panel.right{margin-left:auto;text-align:right}.panel.right .cta{align-self:flex-end}.panel .cta{align-self:flex-start}.hero .marque{font-size:clamp(1.2rem,3vw,2rem);font-weight:700;letter-spacing:.45em;text-transform:uppercase;margin-top:.4rem;filter:drop-shadow(0 2px 10px rgba(232,184,75,.3))}.notes{list-style:none;margin-top:1.5rem}.notes li{padding:.55rem 0;border-bottom:1px solid var(--ligne);font-size:1rem;letter-spacing:.08em;color:var(--or-clair)}.scroll-hint{position:absolute;bottom:4vh;left:50%;transform:translate(-50%);font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 10px var(--neon-glow);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.section{position:relative;z-index:2;padding:7rem 6vw;background:linear-gradient(180deg,#0502088c,#050208d1 22% 78%,#0502088c)}.section-head{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-head p.intro{margin-top:1rem;color:var(--texte)}.grid{display:grid;gap:2rem;max-width:1140px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--carte);border:1px solid var(--ligne);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.card:hover,.card:focus-within{transform:translateY(-6px);border-color:var(--neon);box-shadow:0 0 0 1px var(--neon-glow),0 18px 50px #ff2d9b2e}.card-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#23102a,#0a0410 70%)}.card-media img{width:100%;height:100%;object-fit:contain;padding:14% 20%}.card-body{padding:1.4rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-name{font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase}.card-desc{font-size:.9rem;line-height:1.6;color:var(--texte);opacity:.85;flex:1}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;gap:1rem}.card-price{font-size:1.25rem;letter-spacing:.06em;white-space:nowrap}.card .link{text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--neon);border:1px solid var(--neon);border-radius:999px;padding:.55rem 1.2rem;box-shadow:0 0 10px var(--neon-glow),inset 0 0 10px #ff2d9b1f;transition:background .3s,color .3s;white-space:nowrap}.card .link:hover,.card .link:focus-visible{background:var(--neon);color:var(--noir)}.cta-band{text-align:center;padding:8rem 6vw;position:relative;z-index:2}.cta-band p{max-width:560px;margin:1.2rem auto 2.4rem}.about-lede{max-width:820px;margin:0 auto;text-align:center}.about-lede p{font-size:1.2rem;line-height:1.9;margin-top:1.4rem}.values{margin-top:5rem}.value{background:var(--carte);border:1px solid var(--ligne);border-radius:18px;padding:2.4rem 2rem;text-align:center}.value .num{font-size:.72rem;letter-spacing:.4em;color:var(--neon);text-shadow:0 0 10px var(--neon-glow);display:block;margin-bottom:1rem}.value h3{margin-bottom:.9rem}.value p{font-size:.95rem}.contact-grid{display:grid;gap:3.5rem;max-width:1080px;margin:0 auto;grid-template-columns:1.1fr .9fr}.field{margin-bottom:1.6rem;display:flex;flex-direction:column;gap:.6rem}.field label{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--neon)}.field input,.field textarea{font-family:inherit;font-size:1rem;color:var(--or-clair);background:#ffffff08;border:1px solid var(--ligne);border-radius:10px;padding:.95rem 1.1rem;transition:border-color .3s,box-shadow .3s}.field textarea{resize:vertical;min-height:150px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 1px var(--neon-glow),0 0 18px #ff2d9b33}.form-status{min-height:1.4rem;margin-top:.4rem;font-size:.9rem;letter-spacing:.05em}.form-status.ok{color:var(--or-clair)}.form-status.err{color:var(--neon)}.contact-aside h3{margin-bottom:1.2rem}.contact-aside p{font-size:.98rem;margin-bottom:2rem}.socials{list-style:none;display:flex;flex-direction:column;gap:1rem}.socials a{display:flex;align-items:center;gap:1rem;text-decoration:none;border:1px solid var(--ligne);border-radius:12px;padding:1rem 1.3rem;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--or-clair);transition:border-color .3s,box-shadow .3s,transform .3s}.socials a:hover,.socials a:focus-visible{border-color:var(--neon);box-shadow:0 0 18px #ff2d9b38;transform:translate(4px)}.socials svg{width:22px;height:22px;flex:none}.page-hero{position:relative;z-index:2;text-align:center;padding:calc(var(--header-h) + 6rem) 6vw 3rem}.page-hero h1{font-size:clamp(2.6rem,8vw,5rem)}.page-hero .sur{margin-bottom:1.4rem}.site-footer{position:relative;z-index:2;background:var(--noir);border-top:1px solid var(--ligne);padding:4rem 6vw 3rem;text-align:center}.footer-brand{font-size:1.8rem;letter-spacing:.28em;font-weight:700}.footer-brand span{font-size:1rem;letter-spacing:.4em;display:block;margin-top:.4rem}.footer-slogans{margin:1.4rem 0;font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 10px var(--neon-glow)}.footer-social{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;margin:1.6rem 0}.footer-social a{text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--texte);transition:color .3s}.footer-social a:hover,.footer-social a:focus-visible{color:var(--or-clair)}.footer-legal{font-size:.66rem;letter-spacing:.14em;color:#cbb8c280;margin-top:1.4rem}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scroll-hint,.hero-img{animation:none}}:focus-visible{outline:2px solid var(--or-clair);outline-offset:3px;border-radius:2px}@media(max-width:860px){.nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;gap:0;align-items:stretch;background:#050208f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--ligne);max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0}.nav.open{max-height:70vh}.nav a{padding:1.2rem 8vw;border-bottom:1px solid var(--ligne);font-size:.82rem}.nav a:after{display:none}.nav-toggle{display:flex}.contact-grid{grid-template-columns:1fr}}@media(max-width:600px){.panel{max-width:100%;padding:0 7vw}.panel.right{text-align:left}.panel.right .cta{align-self:flex-start}.section,.cta-band{padding-left:7vw;padding-right:7vw}}
