/* En-tête commun aux deux univers (Amour / Lumière), menu plein écran et rideau de bascule.
   Chargé par /amour/ (le site actuel, inchangé) et par /lumiere/. */
:root{--d-ease:cubic-bezier(.65,0,.35,1)}
html.arrive body>*:not(#rideau){visibility:hidden}
html.arrive body{background:#0a0a0b}
html.arrive[data-u=amour] body{background:#f6f1ec}

.d-tete{position:fixed;inset:0 0 auto 0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));transition:background .45s,box-shadow .45s,color .45s;font-family:'Jost',system-ui,sans-serif;color:#ece8e2}
.d-tete *{box-sizing:border-box}
.d-logo{position:relative;display:block;width:min(38vw,200px);aspect-ratio:2962/577;flex:none}
.d-logo img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .45s}
.d-logo .noir{opacity:0}
.d-droite{display:flex;align-items:center;gap:6px}
.d-liens{display:none;align-items:center;gap:26px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.d-liens a{color:inherit;text-decoration:none;opacity:.72;transition:opacity .2s}.d-liens a:hover{opacity:1}
.d-inter{display:flex;gap:16px;font:400 10px/1 'Jost',sans-serif;letter-spacing:.26em;text-transform:uppercase}
.d-inter button{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:8px 0 6px;opacity:.5;position:relative;transition:opacity .3s}
.d-inter button::after{content:"";position:absolute;left:0;right:.26em;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--d-ease)}
.d-inter button.ici{opacity:1}.d-inter button.ici::after{transform:scaleX(1)}
.d-burger{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:inherit;margin-right:-8px}
.d-burger span{display:block;width:24px;height:1px;background:currentColor;position:relative;transition:background .3s}
.d-burger span::before,.d-burger span::after{content:"";position:absolute;left:0;width:24px;height:1px;background:currentColor;transition:transform .35s var(--d-ease)}
.d-burger span::before{top:-7px}.d-burger span::after{top:7px}
.d-menu-on .d-burger span{background:transparent}
.d-menu-on .d-burger span::before{transform:translateY(7px) rotate(45deg)}
.d-menu-on .d-burger span::after{transform:translateY(-7px) rotate(-45deg)}
@media(min-width:900px){.d-liens{display:flex}.d-burger{display:none}.d-inter{margin-left:22px;padding-left:22px;border-left:1px solid rgba(127,127,127,.4)}.d-tete{padding:18px 34px}}

/* Lumière : toujours blanc sur noir */
body[data-univers=lumiere] .d-tete.fond{background:rgba(10,10,11,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 #1d1d20}
/* Amour : toujours en noir (la photo du haut est claire), fond clair au défilement */
body[data-univers=amour] .d-tete{color:#4a4038}
body[data-univers=amour] .d-logo .noir{opacity:1}body[data-univers=amour] .d-logo .blanc{opacity:0}
body[data-univers=amour] .d-tete.fond{background:rgba(246,241,236,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 #e3d9cd}
body[data-univers=amour].d-menu-on .d-tete{background:transparent;box-shadow:none}

/* Menu plein écran : tout au centre, comme une page de garde */
#d-menu{position:fixed;inset:0;z-index:890;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 28px 90px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--d-ease);overflow:hidden;font-family:'Jost',system-ui,sans-serif}
.d-menu-on #d-menu{clip-path:inset(0 0 0 0)}
body[data-univers=lumiere] #d-menu{background:#070708;color:#ece8e2}
body[data-univers=amour] #d-menu{background:#f6f1ec;color:#4a4038}
#d-menu .fond{position:absolute;inset:0;background-size:cover;background-position:50% 22%;opacity:0;transform:scale(1.08);transition:opacity 1.2s .2s,transform 1.6s .2s var(--d-ease)}
body[data-univers=lumiere] #d-menu .fond{background-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(7,7,8,.78),rgba(7,7,8,.94) 70%),url(../lumiere/img/l_vraie.webp)}
body[data-univers=amour] #d-menu .fond{background-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(246,241,236,.84),rgba(246,241,236,.95) 70%),url(../assets/photos/gal-c-33.webp)}
.d-menu-on #d-menu .fond{opacity:1;transform:scale(1)}
#d-menu nav,#d-menu .resa,#d-menu .pied-m{position:relative}
#d-menu nav{display:flex;flex-direction:column;align-items:center;gap:4px}
#d-menu nav a{display:block;text-decoration:none;color:inherit;padding:6px 0;overflow:hidden}
#d-menu nav a i{display:none}
#d-menu nav a span{display:block;font:200 34px/1.12 'Jost',sans-serif;letter-spacing:.02em;transform:translateY(110%);transition:transform .9s var(--d-ease),opacity .3s}
body[data-univers=amour] #d-menu nav a span{font:400 38px/1.12 'Cormorant Garamond',Georgia,serif;font-style:italic}
#d-menu nav:hover a span{opacity:.45}#d-menu nav a:hover span{opacity:1}
.d-menu-on #d-menu nav a span{transform:none}
.d-menu-on #d-menu nav a:nth-child(1) span{transition-delay:.25s}.d-menu-on #d-menu nav a:nth-child(2) span{transition-delay:.31s}.d-menu-on #d-menu nav a:nth-child(3) span{transition-delay:.37s}.d-menu-on #d-menu nav a:nth-child(4) span{transition-delay:.43s}.d-menu-on #d-menu nav a:nth-child(5) span{transition-delay:.49s}.d-menu-on #d-menu nav a:nth-child(6) span{transition-delay:.55s}
#d-menu .trait{position:relative;width:1px;height:46px;margin:30px auto;background:currentColor;opacity:0;transform:scaleY(0);transform-origin:top;transition:transform .8s .5s var(--d-ease),opacity .8s .5s}
.d-menu-on #d-menu .trait{opacity:.35;transform:scaleY(1)}
#d-menu .resa{display:inline-flex;gap:14px;align-items:center;padding:0 0 8px;border-bottom:1px solid currentColor;text-decoration:none;color:inherit;font:400 11px/1 'Jost',sans-serif;letter-spacing:.32em;text-transform:uppercase;opacity:0;transition:opacity .8s .6s}
#d-menu .resa b{font-weight:200;font-size:16px;letter-spacing:0;transition:transform .4s var(--d-ease)}
#d-menu .resa:hover b{transform:translateX(6px)}
.d-menu-on #d-menu .resa{opacity:1}
#d-menu .pied-m{position:absolute;left:0;right:0;bottom:max(28px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:22px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:0;transition:opacity .8s .7s}
.d-menu-on #d-menu .pied-m{opacity:.5}
#d-menu .pied-m a{color:inherit;text-decoration:none}
#d-menu .les-deux{position:relative;margin-top:22px;font-size:13px;opacity:0;transition:opacity .8s .7s}
#d-menu .les-deux a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.d-menu-on #d-menu .les-deux{opacity:.6}
.d-menu-on{overflow:hidden}
@media(min-width:900px){#d-menu{display:none}}

/* Rideau de bascule (passe d'une page à l'autre) */
#rideau{position:fixed;inset:0;z-index:1000;pointer-events:none;clip-path:circle(0 at 50% 50%);visibility:visible!important}
#rideau.plein{clip-path:none}
#rideau.vers-lumiere{background:#0a0a0b}
#rideau.vers-amour{background:radial-gradient(circle at var(--x,50%) var(--y,50%),#fffdf9 0,#f6f1ec 55%)}
#rideau .mot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0}
#rideau.plein .mot{opacity:1}
#rideau.vers-lumiere .mot{color:#ece8e2;font:200 clamp(30px,8vw,64px)/1 'Jost',sans-serif;letter-spacing:.5em;text-transform:uppercase;padding-left:.5em}
#rideau.vers-amour .mot{color:#4a4038;font:italic 400 clamp(46px,12vw,110px)/1 'Cormorant Garamond',Georgia,serif}