/* 03 / La nuit : la porte vers « Bientôt c'est l'aube » (dossier aube/).
   Section ajoutée entre « Les mots » et « Le pourquoi ». Tout est ici, rien ailleurs. */
.aube-porte{position:relative;overflow:hidden;color:var(--light);padding-block:clamp(48px,6vw,90px);background:radial-gradient(ellipse 70% 55% at 88% 104%,#ff510030,transparent 70%),radial-gradient(ellipse at 10% 0%,#3a2f5c26,transparent 55%),var(--paper)}
.aube-porte .section-top{border-color:var(--line)}
.aube-porte .section-top>span:first-child{color:var(--acid)}
.aube-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,90px);align-items:center;margin-top:43px}
.aube-title{margin:0;font:700 clamp(3.2rem,7.2vw,8rem)/.92 var(--display);text-transform:uppercase;letter-spacing:-.025em;color:var(--orange)}
.aube-title span{color:var(--light)}
.aube-copy{max-width:31rem;margin:28px 0 0;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.4}
.aube-copy em{font-style:normal;color:var(--pink)}
.aube-copy-petit{margin-top:14px;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55;color:var(--quiet-line)}
.aube-porte .button{margin-top:34px;min-width:260px}
.aube-note{margin:18px 0 0;font-size:.66rem;line-height:1.7;text-transform:uppercase;color:var(--quiet-line)}

/* trois tirages tramés, comme dans le jeu */
.aube-tirages{position:relative;display:block;width:100%;max-width:640px;aspect-ratio:1/.92;justify-self:center;text-decoration:none}
.aube-tirage{position:absolute;display:block;padding:9px 9px 32px;background:#ecebe3;box-shadow:0 18px 40px #0009,3px 4px 0 #000;transform:rotate(var(--r));transition:transform .3s}
.aube-tirage::before{content:'';position:absolute;left:50%;top:-11px;width:76px;height:22px;background:#d8ff3899;transform:translateX(-50%) rotate(calc(var(--r) * -1.6))}
.aube-tirage img{display:block;width:100%;height:auto;image-rendering:pixelated;background:#191a17}
.aube-tirage .mono{position:absolute;left:11px;right:11px;bottom:9px;overflow:hidden;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;color:var(--ink)}
.aube-tirage-radio{right:0;top:0;width:43%;--r:3deg}
.aube-tirage-cabine{left:4%;top:4%;width:44%;--r:-3.5deg;z-index:2}
.aube-tirage-lac{left:24%;bottom:0;width:58%;--r:-1deg;z-index:3}
@media(hover:hover){
  body:not([data-intensity="0"]) .aube-tirages:hover .aube-tirage-cabine{transform:rotate(-1.5deg) translate(-6px,-10px)}
  body:not([data-intensity="0"]) .aube-tirages:hover .aube-tirage-radio{transform:rotate(5deg) translate(8px,-6px)}
  body:not([data-intensity="0"]) .aube-tirages:hover .aube-tirage-lac{transform:rotate(0) translateY(6px)}
}

@media(max-width:760px){
  .aube-layout{grid-template-columns:1fr;margin-top:30px}
  .aube-tirages{order:-1;max-width:460px}
  .aube-title{font-size:clamp(3rem,13vw,4.6rem)}
  .aube-porte .button{justify-content:space-between;width:100%;min-width:0}
}
@media(max-width:480px){.nav .aube-nav{display:none}}

/* le Papiphant qui volette au-dessus du grand titre (js/papiphant.js) et mène à l'aube */
.papiphant{position:absolute;right:var(--gutter);top:150px;z-index:3;display:block;width:92px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.papiphant.libre{left:0;right:auto;top:0;transition:transform 1s cubic-bezier(.45,.05,.55,.95)}
.papiphant:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.papiphant-corps{display:block;transform:rotate(calc(var(--sens,1) * 4deg));transition:transform .5s}
.papiphant img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 10px #0008);transform-origin:50% 70%;animation:papi-ailes 1.1s steps(1) infinite}
.papiphant.vole .papiphant-corps{transform:rotate(calc(var(--sens,1) * 10deg));animation:papi-houle .9s ease-in-out infinite alternate}
.papiphant.vole img{animation-duration:.34s}
@keyframes papi-ailes{0%{transform:scale(1,1)}50%{transform:scale(.86,1.04)}}
@keyframes papi-houle{from{translate:0 -5px}to{translate:0 6px}}
.papiphant-bulle{position:absolute;right:66%;top:74%;padding:7px 10px;white-space:nowrap;background:var(--acid);color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--orange);font-size:.62rem;line-height:1;text-transform:uppercase;transform:rotate(-3deg) scale(.85);transform-origin:100% 0;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.papiphant.bulle-droite .papiphant-bulle{right:auto;left:66%;transform-origin:0 0;transform:rotate(3deg) scale(.85)}
.papiphant.parle .papiphant-bulle,.papiphant.perche .papiphant-bulle,.papiphant:hover .papiphant-bulle,.papiphant:focus-visible .papiphant-bulle{opacity:1;transform:rotate(-3deg) scale(1)}
.papiphant.bulle-droite.parle .papiphant-bulle,.papiphant.bulle-droite.perche .papiphant-bulle,.papiphant.bulle-droite:hover .papiphant-bulle,.papiphant.bulle-droite:focus-visible .papiphant-bulle{transform:rotate(3deg) scale(1)}
body[data-intensity="0"] .papiphant img,body[data-intensity="0"] .papiphant-corps{animation:none}
@media(max-width:760px){.papiphant{width:66px;top:120px}.papiphant-bulle{font-size:.56rem;padding:6px 8px}}