:root{--bg:#020b14;--panel:#061726;--cyan:#00d9ff;--mag:#ff16d1;--text:#f5f7fb;--muted:#a8bac8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#071d39 0,#020b14 35%),var(--bg);color:var(--text);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{height:92px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;background:linear-gradient(#020812f2,#020812b8);border-bottom:1px solid #0b4261;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px}.brand img{width:68px;height:68px;object-fit:contain}.menu{display:none;background:none;color:white;border:0;font-size:28px}nav{display:flex;gap:28px;align-items:center;text-transform:uppercase;font-size:13px}nav a:hover,nav button:hover{color:var(--cyan)}.drop{position:relative}.drop button{background:none;border:0;color:white;text-transform:uppercase}.drop div{display:none;position:absolute;top:28px;left:-15px;background:#06111e;border:1px solid #0c5575;min-width:180px;padding:10px}.drop:hover div{display:grid}.drop div a{padding:8px}.hero{min-height:760px;padding:150px 6vw 80px;position:relative;display:flex;align-items:center;overflow:hidden}.heroBg{position:absolute;inset:0;background:linear-gradient(90deg,#020914 0%,#020914d8 32%,#02091435 65%,#020914 100%),url('assets/architectural-after.png') center/cover no-repeat;filter:saturate(1.2)}.heroText{position:relative;max-width:680px}.eyebrow{color:var(--cyan);letter-spacing:4px;font-size:12px}.hero h1{font-size:clamp(38px,5.2vw,70px);line-height:.92;margin:20px 0}.hero h1 span,h2 span{background:linear-gradient(90deg,var(--cyan),#8f6cff,var(--mag));-webkit-background-clip:text;color:transparent}.heroText>p:not(.eyebrow){max-width:620px;font-size:19px;color:#dce8f0}.actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}.cta,.ghost{display:inline-block;padding:15px 24px;border:1px solid var(--cyan);background:#061421;color:white;text-transform:uppercase;font-weight:bold;letter-spacing:.5px}.cta{box-shadow:0 0 16px #00d9ff55;border-right-color:var(--mag)}.ghost{border-color:#4a6477}.signature{position:absolute;right:4vw;bottom:35px;letter-spacing:3px;color:#b9d1df;font-size:11px}.section{padding:80px 6vw;border-top:1px solid #0a3852;scroll-margin-top:90px}.section h2{font-size:clamp(32px,4vw,58px);font-weight:300;margin:8px 0 35px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{min-height:420px;background:linear-gradient(0deg,#020812f2 5%,transparent 70%),var(--bg) center/cover;border:1px solid #0c4866;position:relative;overflow:hidden}.cards article:not(.placeholder){background-image:linear-gradient(0deg,#020812f2 5%,transparent 70%),var(--bg)}.cards article div{position:absolute;bottom:0;padding:24px}.cards b{color:var(--mag);font-size:24px}.cards h3{font-size:28px;margin:5px 0}.cards p,.lead{color:var(--muted)}.cards a{color:var(--cyan)}.placeholder{background:linear-gradient(135deg,#07192b,#160d26)!important}.split>div{max-width:1150px;margin:auto}.compare{position:relative;height:min(54vw,560px);overflow:hidden;border:1px solid #0c5676;background:#000}.compare>img,.compare .after img{width:100%;height:100%;object-fit:cover}.compare .after{position:absolute;inset:0;width:50%;overflow:hidden}.compare .after img{width:100vw;max-width:1150px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare i{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;box-shadow:0 0 10px var(--cyan);pointer-events:none}.compare em{position:absolute;bottom:18px;padding:8px 14px;background:#020812d9;border:1px solid var(--cyan);font-style:normal;font-weight:bold}.beforeLabel{left:18px}.afterLabel{right:18px;border-color:var(--mag)!important}.alt{background:#04111d}.duo{display:grid;grid-template-columns:1fr 2fr;gap:20px}.duo figure{margin:0;background:#061624;border:1px solid #0c4866}.duo img{width:100%;height:380px;object-fit:contain;background:#020812}.duo figcaption{padding:15px;text-transform:uppercase;color:var(--cyan)}.plusgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plusgrid>div{border:1px solid #0c4866;padding:25px;background:#061522}.plusgrid h3{color:var(--cyan)}.pyro img{width:100%;height:180px;object-fit:cover}.about{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center}.about>img{width:100%;max-height:620px;object-fit:cover;border:1px solid #0c5676}.true{border-left:2px solid var(--mag);padding:14px 18px;background:#061522;margin-top:35px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:linear-gradient(135deg,#03111f,#0a0715)}.contact a{color:var(--cyan)}form{display:grid;gap:12px}label{display:grid;gap:6px;color:#b9c9d4}input,select,textarea{width:100%;background:#03101b;border:1px solid #1b5874;color:white;padding:13px}.check{display:flex;align-items:center}.check input{width:auto}.sent{color:var(--cyan)}footer{min-height:150px;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #0c4866;color:#b9c9d4}footer img{width:90px}footer span{letter-spacing:3px;font-size:11px}@media(max-width:900px){header{height:74px}.brand img{width:52px;height:52px}.brand span{display:none}.menu{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#020914f7;padding:22px;flex-direction:column;align-items:flex-start}.open nav{display:flex}.drop div{position:static;display:grid;background:none;border:0;padding-left:12px}.hero{min-height:680px;padding-top:120px}.cards,.plusgrid{grid-template-columns:1fr 1fr}.duo,.about,.contact{grid-template-columns:1fr}.compare{height:62vw}.signature{display:none}}@media(max-width:600px){.section{padding:55px 5vw}.hero h1{font-size:48px}.cards,.plusgrid{grid-template-columns:1fr}.cards article{min-height:330px}.compare{height:75vw}.duo img{height:280px}footer{flex-direction:column;gap:20px;text-align:center}}

.compareHint{text-align:center;margin:14px 0 0;color:#cfe7f3;letter-spacing:.5px}.compareHint strong{color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px}.compare i{width:4px;background:linear-gradient(#fff,var(--cyan),#fff);box-shadow:0 0 18px 5px #00d9ff99}.compare i:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#03101be8;border:2px solid var(--cyan);color:white;font-style:normal;font-size:24px;box-shadow:0 0 22px #00d9ffcc}.lightingPhotos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-10px -10px 18px}.lightingPhotos img{width:100%;height:180px;object-fit:cover;border:1px solid #164f6a}.lighting h3{margin-top:0}@media(max-width:600px){.hero h1{font-size:40px}.lightingPhotos{grid-template-columns:1fr}.lightingPhotos img{height:190px}}
.signatureBand{text-align:center;padding:22px 5vw 24px;border-top:1px solid #0a3852;border-bottom:1px solid #0a3852;background:#03101b;color:#c5d7e2;letter-spacing:4px;font-size:12px}.museumDuo{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1150px;margin:28px auto 0}.museumDuo figure{margin:0;border:1px solid #0c4866;background:#061624}.museumDuo img{display:block;width:100%;height:460px;object-fit:cover}.museumDuo figcaption{padding:12px 16px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.referenceNote{max-width:1150px;margin:12px auto 0;color:#7f96a6;font-size:11px;text-align:center}.sound img{width:100%;height:180px;object-fit:cover;margin-bottom:14px}.sound small{display:block;margin-top:12px;color:#718796;font-size:10px}.plusgrid>div{overflow:hidden}.plusgrid .pyro{padding:25px}.plusgrid .sound{padding:25px}@media(max-width:700px){.museumDuo{grid-template-columns:1fr}.museumDuo img{height:320px}.signatureBand{letter-spacing:2px;font-size:10px}}


/* V4 — finition, rythme et animations */
body{overflow-x:hidden}.section{position:relative}.section:before{content:"";position:absolute;inset:0 auto auto 6vw;width:70px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.7}.heroBg{transform:scale(1.035);transition:transform 8s cubic-bezier(.2,.7,.2,1)}body.loaded .heroBg{transform:scale(1)}header{transition:height .3s ease,background .3s ease,box-shadow .3s ease}header.scrolled{height:76px;background:#020812f7;box-shadow:0 10px 35px #0008}.brand img{transition:transform .3s ease}.brand:hover img{transform:scale(1.05)}nav a,nav button{position:relative;transition:color .25s ease}nav>a:after,.drop>button:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--mag));transition:right .25s ease}nav>a:hover:after,.drop>button:hover:after{right:0}.drop div{border-radius:3px;box-shadow:0 18px 40px #0009}.heroText{animation:heroIn .9s ease both}.scrollCue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;color:var(--cyan);animation:bob 1.8s ease-in-out infinite}.signatureBand{font-weight:600;text-shadow:0 0 18px #00d9ff33}.cards article{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;background-image:linear-gradient(0deg,#020812f2 5%,transparent 70%),var(--bg)!important;background-size:cover!important;background-position:center!important}.cards article:hover{transform:translateY(-8px);border-color:#13bde8;box-shadow:0 22px 55px #0008,0 0 25px #00d9ff18}.cards article:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,#00d9ff10);opacity:0;transition:opacity .35s}.cards article:hover:after{opacity:1}.compare{border-radius:2px;box-shadow:0 25px 70px #0007}.compare i{transition:box-shadow .2s}.compare:hover i{box-shadow:0 0 22px 7px #00d9ffb0}.compareHint{font-size:13px}.duo figure,.museumDuo figure,.plusgrid>div,.about>img{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.duo figure:hover,.museumDuo figure:hover,.plusgrid>div:hover,.about>img:hover{transform:translateY(-5px);border-color:#157ca1;box-shadow:0 18px 45px #0007}.duo img,.museumDuo img,.lightingPhotos img,.pyro img,.sound img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}.duo figure:hover img,.museumDuo figure:hover img,.plusgrid>div:hover img{transform:scale(1.025);filter:saturate(1.08)}.plusgrid>div{padding:22px}.lightingPhotos{margin:-7px -7px 18px}.about>img{box-shadow:0 20px 60px #0008}.true{box-shadow:inset 16px 0 35px #ff16d10a}.contact{border-top:1px solid #0d5b7b}.cta,.ghost{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.cta:hover,.ghost:hover{transform:translateY(-2px)}.cta:hover{box-shadow:0 0 24px #00d9ff77,0 0 32px #ff16d122}.ghost:hover{background:#ffffff0a}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.cards .reveal:nth-child(2),.plusgrid .reveal:nth-child(2){transition-delay:.08s}.cards .reveal:nth-child(3),.plusgrid .reveal:nth-child(3){transition-delay:.16s}.cards .reveal:nth-child(4){transition-delay:.24s}@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media(max-width:900px){header.scrolled{height:68px}.scrollCue{display:none}.section:before{left:5vw}.reveal{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}