*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#11100f;color:#f3eee5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:transparent;border:1px solid #756855;padding:10px 14px;cursor:pointer;border-radius:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e7b477;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 5%;gap:25px;border-bottom:1px solid #74634c44}.brand{font-size:27px;letter-spacing:7px;font-weight:bold}.brand span{display:block;font-size:7px;letter-spacing:3px;margin-top:8px}nav{display:flex;gap:30px;font-size:12px}header button{font-size:10px}.hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:70px}.hero picture,.hero img{display:block;width:100%;height:auto}.hero:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#11100f 2%,transparent 60%);pointer-events:none}.hero-text{position:relative;z-index:2;padding:10px 8% 35px;margin-top:-5%}.eyebrow{font-size:10px;letter-spacing:3px;color:#d9b485;font-weight:bold}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(40px,5.7vw,85px);line-height:1.08;letter-spacing:-2px;margin:20px 0 30px}em{font-style:italic;color:#dfb88b}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 22px;border:1px solid #bf9a6c;background:#b88d5122;font-size:12px}.button:hover{background:#d7ad7133}.hero-note{position:absolute;bottom:30px;right:6%;font-size:8px;letter-spacing:3px;color:#a89c8b}.light{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 85% 32%,#ffbb512b,transparent 42%);animation:breathe 13s ease-in-out infinite alternate;mix-blend-mode:screen}.section{padding:85px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}h2{font-family:Georgia,serif;font-size:clamp(38px,4.7vw,66px);font-weight:normal;letter-spacing:-1.5px;line-height:1.1;margin:18px 0 28px}.section-heading>p{font-size:14px;color:#b9afa1;line-height:1.8}.artworks{display:grid;grid-template-columns:1fr 1fr;gap:40px}.artworks img{display:block;width:100%;height:auto;border:1px solid #c19c5c44}.artworks small{display:block;letter-spacing:3px;color:#bc9c72;font-size:9px;margin:22px 0 10px}h3{font-family:Georgia,serif;font-weight:normal;font-size:30px;margin:0 0 17px}.platforms{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.stories{background:#191612;border-block:1px solid #a08b632b}.lead{font-size:18px;line-height:1.8;max-width:650px;color:#dbd1c1}.note{font-size:11px;line-height:1.8;color:#b1a492;max-width:760px;margin:25px 0 45px}.story{display:grid;grid-template-columns:75px 1fr;gap:25px;border-top:1px solid #ae95693b;padding:35px 0}.number{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#a38865}.story small{color:#c1a074;font-size:10px;letter-spacing:2px}.story h3{margin:12px 0 16px}.story p{font-size:15px;line-height:1.9;max-width:800px;color:#c9bfb1}summary{font-size:12px;color:#e2bc8b;cursor:pointer;padding:10px 0;list-style-position:inside}details[open]{border-left:1px solid #b98e5d;padding-left:22px;margin-top:18px}.universe{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.universe>img{width:100%;height:auto}.universe p:not(.eyebrow){line-height:1.9;color:#c6baaa}.text-link{display:inline-block;color:#e4bd8b;margin-top:20px;font-size:13px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#b1a492}footer button{font-size:10px;border:0}dialog{background:#201a14;color:#efe8dc;border:1px solid #a88a5d;max-width:600px;padding:30px;line-height:1.8}dialog::backdrop{background:#000c}dialog button{float:right}dialog h2{font-size:32px}.skip{position:fixed;top:-100px;background:#ebc99e;color:#111;padding:15px;z-index:5}.skip:focus{top:10px}.still *,.paused *{animation-play-state:paused!important}@keyframes breathe{from{transform:scale(1);opacity:.35}to{transform:scale(1.12);opacity:.85}}@media(max-width:750px){header{flex-wrap:wrap;padding:22px 6%}nav{order:3;width:100%;gap:15px;justify-content:space-between;font-size:11px}.hero-text{margin-top:-4%;padding:0 6% 40px}.hero{padding-bottom:40px}.hero-note{font-size:7px;letter-spacing:2px}.section{padding:60px 6%}.section-heading{display:block}.artworks{gap:20px}.universe{grid-template-columns:1fr;gap:35px}.story{grid-template-columns:35px 1fr;gap:15px}.number{font-size:24px}.story h3{font-size:27px}.story small{letter-spacing:1px}.story p{font-size:14px}footer{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:450px){.artworks{grid-template-columns:1fr;gap:35px}h1{font-size:43px}.hero-text{margin-top:0}.hero:after{background:linear-gradient(0deg,#11100f 0,transparent 60%)}.hero-note{left:6%;right:auto}.brand{font-size:24px;letter-spacing:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Atmosphère : pluie, lumière et mémoire, sans flash ni son automatique. */
.atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:paint}
.mist{position:absolute;inset:10% -20% 0;background:radial-gradient(ellipse at 18% 45%,#c3cfde20,transparent 48%),radial-gradient(ellipse at 75% 65%,#f4ba6c12,transparent 45%);animation:mist-drift 24s ease-in-out infinite alternate}
.gold-reflection{position:absolute;inset:30% 0 0 45%;background:radial-gradient(ellipse at 60% 65%,#ffd18b33,transparent 60%);mix-blend-mode:screen;animation:reflection-drift 12s ease-in-out infinite alternate}
.rain,.embers{position:absolute;inset:0;overflow:hidden}.rain{right:62%;mask-image:linear-gradient(90deg,#000 40%,transparent)}
.drop{position:absolute;left:var(--x);top:-15%;width:1px;height:var(--length);background:linear-gradient(transparent,#c7deed80,transparent);opacity:0;animation:rainfall var(--duration) linear infinite;animation-delay:var(--delay)}
.ember{position:absolute;left:var(--x);bottom:12%;width:3px;height:3px;border-radius:50%;background:#f9d49a;box-shadow:0 0 9px #ffbf7180;opacity:0;animation:ember-drift var(--duration) linear infinite;animation-delay:var(--delay)}
.artworks article img{transition:box-shadow .6s,transform .6s}.artworks article:hover img{transform:translateY(-4px);box-shadow:0 12px 45px #d29c432b}
.story{transition:border-color .5s}.story:hover{border-top-color:#dfb88b99}
@keyframes rainfall{0%{transform:translate3d(0,-20px,0) rotate(8deg);opacity:0}15%{opacity:.45}85%{opacity:.35}100%{transform:translate3d(-55px,950px,0) rotate(8deg);opacity:0}}
@keyframes ember-drift{0%{opacity:0;transform:translate3d(0,0,0)}20%{opacity:.5}75%{opacity:.35}100%{opacity:0;transform:translate3d(30px,-350px,0)}}
@keyframes mist-drift{from{transform:translate(-3%,2%) scale(1)}to{transform:translate(4%,-3%) scale(1.08)}}
@keyframes reflection-drift{from{opacity:.3;transform:translateX(-3%)}to{opacity:.7;transform:translateX(4%)}}
.still .atmosphere{display:none}
@media(max-width:650px){.rain{right:45%;opacity:.7}.drop:nth-child(n+11),.ember:nth-child(n+7){display:none}.gold-reflection{inset:35% -10% 0 30%}.mist{opacity:.7}}
@media(prefers-reduced-motion:reduce){.atmosphere{display:none}.artworks article:hover img{transform:none}}
.d0{--x:3%;--duration:3.1s;--delay:-0.00s;--length:24px}
.d1{--x:34%;--duration:3.7s;--delay:-0.73s;--length:39px}
.d2{--x:65%;--duration:4.3s;--delay:-1.46s;--length:54px}
.d3{--x:96%;--duration:4.9s;--delay:-2.19s;--length:69px}
.d4{--x:27%;--duration:5.5s;--delay:-2.92s;--length:24px}
.d5{--x:58%;--duration:3.1s;--delay:-3.65s;--length:39px}
.d6{--x:89%;--duration:3.7s;--delay:-4.38s;--length:54px}
.d7{--x:20%;--duration:4.3s;--delay:-5.11s;--length:69px}
.d8{--x:51%;--duration:4.9s;--delay:-5.84s;--length:24px}
.d9{--x:82%;--duration:5.5s;--delay:-6.57s;--length:39px}
.d10{--x:13%;--duration:3.1s;--delay:-7.30s;--length:54px}
.d11{--x:44%;--duration:3.7s;--delay:-8.03s;--length:69px}
.d12{--x:75%;--duration:4.3s;--delay:-8.76s;--length:24px}
.d13{--x:6%;--duration:4.9s;--delay:-9.49s;--length:39px}
.d14{--x:37%;--duration:5.5s;--delay:-10.22s;--length:54px}
.d15{--x:68%;--duration:3.1s;--delay:-10.95s;--length:69px}
.d16{--x:99%;--duration:3.7s;--delay:-11.68s;--length:24px}
.d17{--x:30%;--duration:4.3s;--delay:-12.41s;--length:39px}
.d18{--x:61%;--duration:4.9s;--delay:-13.14s;--length:54px}
.d19{--x:92%;--duration:5.5s;--delay:-13.87s;--length:69px}
.d20{--x:23%;--duration:3.1s;--delay:-14.60s;--length:24px}
.d21{--x:54%;--duration:3.7s;--delay:-15.33s;--length:39px}
.e0{--x:38%;--duration:12s;--delay:-0.0s}
.e1{--x:55%;--duration:13s;--delay:-2.3s}
.e2{--x:72%;--duration:14s;--delay:-4.6s}
.e3{--x:89%;--duration:15s;--delay:-6.9s}
.e4{--x:47%;--duration:16s;--delay:-9.2s}
.e5{--x:64%;--duration:17s;--delay:-11.5s}
.e6{--x:81%;--duration:12s;--delay:-13.8s}
.e7{--x:39%;--duration:13s;--delay:-16.1s}
.e8{--x:56%;--duration:14s;--delay:-18.4s}
.e9{--x:73%;--duration:15s;--delay:-20.7s}
.e10{--x:90%;--duration:16s;--delay:-23.0s}
.e11{--x:48%;--duration:17s;--delay:-25.3s}

.discover-other{padding:55px 8%;border-top:1px solid #a78e6944;background:#121015}.discover-other>a{display:grid;grid-template-columns:150px 1fr;gap:35px;align-items:center;max-width:1000px;margin:auto}.discover-other img{display:block;width:150px;height:150px;object-fit:contain;border-radius:5px}.discover-other h2{font-size:35px;margin:10px 0;letter-spacing:-1px}.discover-other p:not(.eyebrow){font-size:14px;color:#c4b9c8;line-height:1.7}.discover-other span{font-size:12px;color:#e0bc87}.discover-other a:hover span{text-decoration:underline}@media(max-width:500px){.discover-other{padding:40px 6%}.discover-other>a{grid-template-columns:90px 1fr;gap:20px}.discover-other img{width:90px;height:90px}.discover-other h2{font-size:29px}.discover-other .eyebrow{font-size:8px;letter-spacing:1.5px}}

.listening{margin-top:45px;padding-top:25px;border-top:1px solid #ae95693b}.listening .platforms{margin-top:18px}

/* Logo exact de Mon Tout, affiché par cadrage CSS sans redessiner les lettres. */
.gold-brand{display:block;width:230px;flex-shrink:0}.gold-brand .gold-logo{display:block;width:100%;aspect-ratio:4.45;background-image:url('assets/mon-tout.jpg');background-size:156.75% auto;background-position:50% 5.6%;background-repeat:no-repeat;margin:0}.gold-brand>span:not(.gold-logo){text-align:center;font-size:7px;letter-spacing:3px;margin-top:7px}.hero picture>img{height:clamp(400px,44vw,650px);object-fit:cover;object-position:center 57%}.hero-text{margin-top:-3%}@media(max-width:650px){.gold-brand{width:185px}.hero picture>img{height:auto;object-fit:contain}.hero-text{margin-top:0}}footer .gold-brand{width:165px}