/* Page autonome Les Lumières de Kimélém. Aucune règle de la page d'accueil n'est remplacée. */
.candlesPage{--candle-night:#3d281c;--candle-panel:#4a2f20;--candle-gold:#d7aa53;background:var(--candle-night);color:var(--cream)}
/* Pas de background propre ici : le header doit rester identique à celui de
   la page Joyaux (règle `header{...}` partagée dans site.css). Un dégradé
   différent ici causait un changement visible du header au passage d'une
   page à l'autre. */
.candlesPage .candlesHeader nav a.active{color:var(--gold);opacity:1}
.candlesHero{min-height:760px;display:grid;grid-template-columns:1.04fr .96fr;position:relative;overflow:hidden;background:#3d281c url('../images/candles/hero-table-background.webp?v=1') center bottom/2200px auto no-repeat}
.candlesHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,15,12,.72) 0,rgba(55,24,20,.4) 42%,transparent 68%),linear-gradient(180deg,rgba(104,26,37,.4) 0,rgba(104,26,37,.08) 12%,transparent 26%)}
.candlesHeroCopy{position:relative;z-index:2;align-self:center;padding:150px 4vw 90px 10vw}
.candlesHero h1{font-size:clamp(62px,7.3vw,112px);line-height:.88}
.candlesHero .lead{max-width:650px}
.candlesHeroArt{min-width:0;margin:0;position:relative;z-index:2;display:grid;place-items:center;padding:118px 6vw 70px 0}
.candlesHeroArt .halo{position:absolute;width:min(38vw,510px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d7aa5335 0,#8b1e1e3d 38%,transparent 70%)}
.candlesHeroArt img{position:relative;z-index:2;width:min(90%,610px);height:auto;object-fit:contain;filter:drop-shadow(0 30px 45px #0009)}
.candlesHeroArt figcaption{position:absolute;z-index:3;right:8%;bottom:55px;display:grid;text-align:right}
.candlesHeroArt figcaption strong{font:25px Georgia,serif;color:var(--cream)}
.candlesHeroArt figcaption small{margin-top:7px;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.22em}
.candlesIntro{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;padding:125px 10vw;background:#3d281c url('../images/candles/hero-table-background.webp?v=1') center bottom/2200px auto no-repeat;position:relative;overflow:hidden}
.candlesIntro:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(104,26,37,.62) 0,rgba(104,26,37,.28) 30%,rgba(104,26,37,.12) 55%,transparent 75%)}
.candlesIntro>*{position:relative;z-index:1}
.candlesIntro h2,.lightsHeading h2,.candleDetails h2,.candlesCta h2{font-size:clamp(48px,5.5vw,82px);line-height:.95;letter-spacing:-.04em}
.candlesIntroCopy{border-left:1px solid #d7aa5370;padding-left:5vw}
.candlesIntroCopy p{margin:0 0 25px;font:19px/1.78 Georgia,serif;opacity:.84}
.lightsCollection{padding:130px 6vw;background:linear-gradient(180deg,#34221a,#4a2f20 48%,#3a2417)}
.lightsHeading{max-width:1350px;margin:0 auto 75px;display:flex;justify-content:space-between;gap:55px;align-items:end}
.lightsHeading>p{width:390px;font:17px/1.72 Georgia,serif;opacity:.72}
.lightsGrid{max-width:1350px;margin:auto;display:grid;gap:28px}
.lightCard{display:grid;grid-template-columns:minmax(340px,.82fr) 1.18fr;min-height:540px;border:1px solid #d7aa5338;background:#43291c;overflow:hidden}
.lightCard:nth-child(even){grid-template-columns:1.18fr minmax(340px,.82fr)}
.lightCard:nth-child(even) .lightVisual{order:2}
.lightVisual{min-height:500px;position:relative;display:grid;place-items:center;padding:55px;background:radial-gradient(circle at 50% 45%,var(--light-glow),transparent 64%),linear-gradient(var(--light-bg),var(--light-bg)),url('../images/candles/candle-table-background.webp?v=1') center bottom/cover no-repeat}
.lightVisual:after{content:"";position:absolute;inset:26px;border:1px solid #d7aa5340;pointer-events:none}
.lightVisual>span{position:absolute;z-index:2;top:31px;left:35px;color:#ffffff80;font:13px Georgia,serif;letter-spacing:.12em}
.lightVisual img{position:relative;z-index:1;width:auto;max-width:100%;height:min(560px,65vw);object-fit:contain;filter:drop-shadow(0 28px 28px #0008);transition:transform .4s ease}
.lightCard:hover .lightVisual img{transform:translateY(-6px)}
.lightCopy{align-self:center;padding:68px clamp(42px,6vw,95px)}
.lightCopy small{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.18em}
.lightCopy h3{font-size:clamp(42px,4.3vw,67px);line-height:.98;margin:17px 0 8px}
.lightCopy em{display:block;color:#d7aa53ad;font:italic 17px Georgia,serif}
.lightCopy p{max-width:710px;margin:30px 0 0;font:18px/1.8 Georgia,serif;opacity:.78}
.light-esther{--light-bg:#48171ab8;--light-glow:#8b1e1e8f}.light-david{--light-bg:#11100eb8;--light-glow:#6b471f75}.light-myriam{--light-bg:#082d25b8;--light-glow:#176a5680}.light-ruth{--light-bg:#d9cbb3e0;--light-glow:#fff6dfb5}.light-deborah{--light-bg:#62200cb8;--light-glow:#d05d1485}.light-salomon{--light-bg:#2e1a10b8;--light-glow:#c9973f80}.light-daniel{--light-bg:#0c2530b8;--light-glow:#9fd6c980}
.candleDetails{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:125px 10vw;background:#3d281c url('../images/candles/hero-table-background.webp?v=1') center bottom/2200px auto no-repeat;position:relative;overflow:hidden}
.candleDetails:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,26,17,.62) 0,rgba(43,26,17,.26) 30%,rgba(43,26,17,.1) 55%,transparent 75%)}
.candleDetails>*{position:relative;z-index:1}
.candleDetailsCopy>p:not(.eyebrow){max-width:650px;margin-top:30px;font:18px/1.78 Georgia,serif;opacity:.8}
.detailGrid{display:grid;align-content:center}
.detailGrid>div{display:grid;gap:8px;padding:28px 0;border-top:1px solid #d7aa5352}
.detailGrid>div:last-child{border-bottom:1px solid #d7aa5352}
.detailGrid strong{font:34px Georgia,serif;color:var(--gold)}
.detailGrid small{text-transform:uppercase;letter-spacing:.16em;font-size:9px;opacity:.63}
.candlesCta{padding:130px 10vw;text-align:center;background:linear-gradient(145deg,#8f2731,#5a3628);display:grid;justify-items:center}
.candlesCta h2{max-width:900px}
.candlesCta>p:not(.eyebrow){max-width:690px;margin:30px auto 38px;font:18px/1.75 Georgia,serif;opacity:.82}
.candlesCta form{display:grid;gap:10px;width:100%;max-width:380px;text-align:left}
.candlesCta form button{margin-top:14px;justify-self:center}
.candlesCta form small{margin-top:10px;opacity:.55;text-align:center}
@media(max-width:1080px){.candlesPage .site-header{gap:22px}.candlesPage .site-header nav{gap:18px}.candlesPage .navCta{display:none}.lightCard,.lightCard:nth-child(even){grid-template-columns:minmax(310px,.82fr) 1.18fr}}
@media(max-width:900px){.candlesHero{grid-template-columns:1fr;min-height:auto}.candlesHeroCopy{padding:145px 7vw 55px}.candlesHeroArt{min-height:590px;padding:20px 7vw 80px}.candlesHeroArt img{width:min(88%,560px)}.candlesHeroArt figcaption{right:7vw;bottom:38px}.candlesIntro,.candleDetails{grid-template-columns:1fr;padding:85px 7vw}.candlesIntroCopy{border-left:0;border-top:1px solid #d7aa5370;padding:32px 0 0}.lightsCollection{padding:90px 5vw}.lightsHeading{align-items:start;flex-direction:column}.lightsHeading>p{width:auto}.lightCard,.lightCard:nth-child(even){grid-template-columns:1fr}.lightCard:nth-child(even) .lightVisual{order:0}.lightVisual{min-height:auto;padding:55px 12vw}.lightVisual img{width:auto;max-width:100%;height:min(620px,115vw)}.lightCopy{padding:55px 7vw}}
@media(max-width:560px){.candlesHero h1{font-size:57px}.candlesHeroArt{min-height:450px}.candlesIntro h2,.lightsHeading h2,.candleDetails h2,.candlesCta h2{font-size:46px}.lightVisual{padding:45px 9vw}.lightCopy h3{font-size:40px}.lightCopy p{font-size:16px}.candlesCta{padding:90px 7vw}}
@media(prefers-reduced-motion:reduce){.lightVisual img{transition:none}}