/* La couverture précède les actions dans le document et sur mobile. */
.hero{grid-template-areas:"copy cover" "actions cover";grid-template-rows:auto auto;row-gap:24px}
.hero .hero-copy{grid-area:copy;align-self:end}.hero .book-stage{grid-area:cover}.hero>.hero-actions{grid-area:actions;align-self:start;margin-top:0;position:relative;z-index:4;padding-left:2vw}
@media(max-width:900px),(orientation:landscape) and (max-height:600px) and (max-width:1200px){
.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "cover" "actions";grid-template-rows:auto auto auto;row-gap:30px;height:auto;min-height:0}
.hero .hero-copy{width:100%;max-width:none;align-self:auto;padding-left:0}.hero .intro{margin-bottom:0}
.hero .book-stage{width:100%;margin:0 auto}.hero .book-cover{width:min(100%,390px);max-height:none;transform:none}.hero .cover-caption{align-self:center;text-align:center;max-width:100%}
.hero>.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin:0;padding:0;min-width:0}
.hero .hero-secondary{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;min-width:0}
.hero .hero-actions a.ui-action{width:100%;max-width:none;min-height:54px;margin:0;box-sizing:border-box}
}