@font-face{font-family:"Balivia";src:url("../fonts/Balivia-Black.woff") format("woff");font-weight:900;font-display:swap}
@font-face{font-family:"Inter MP";src:url("../fonts/Inter-latin-ext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter MP";src:url("../fonts/Inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
    --mp-bordeaux:#89023E;
    --mp-bordeaux-2:#B50353;
    --mp-ink:#000;
    --mp-muted:#616161;
    --mp-link:#424242;
    --mp-display:"Balivia","Times New Roman",serif;
    --mp-text:"Inter MP",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.mp-home{margin:0;background:#fff;color:var(--mp-ink);font-family:var(--mp-text);font-size:14px;line-height:1.5;overflow-x:clip}
.mp-home p{margin:0}
.mp-home a{color:inherit;text-decoration:none}
.mp-home img{display:block;max-width:100%;height:auto}

/* StaggeredMenu : habillage aux couleurs de la charte (le CSS du composant est dans staggered-menu.css) */
.staggered-menu-wrapper{font-family:var(--mp-text)}
.staggered-menu-header{padding:20px 24px}
.staggered-menu-wrapper .sm-logo,.staggered-menu-wrapper .sm-toggle{height:40px;padding:0 20px;border-radius:36px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.03),0 4px 18px rgba(0,0,0,.08)}
.sm-logo{display:inline-flex;align-items:center;font-family:var(--mp-display);font-weight:900;font-size:16px;color:var(--mp-bordeaux)}
.staggered-menu-wrapper .sm-toggle{font-size:13px;gap:10px;transition:background .3s ease .1s}
.sm-toggle-textWrap{min-width:3.6em;text-align:left}
.staggered-menu-wrapper[data-open] .sm-toggle{background:var(--mp-bordeaux);box-shadow:none}
.sm-panel-item{font-family:var(--mp-display);font-weight:900;font-size:clamp(1.9rem,8.4vw,3.5rem);white-space:nowrap;letter-spacing:-.01em;color:var(--mp-ink)}
.sm-panel-list[data-numbering] .sm-panel-item::after{font-family:var(--mp-text)}
.sm-socials-title{font-family:var(--mp-text)}
.staggered-menu-panel{padding-top:7em}

/* Hero : titre centré + éventail de couvertures */
.mp-hero{position:relative;isolation:isolate;display:flex;justify-content:center;padding:130px 24px 110px;background:linear-gradient(var(--mp-bordeaux) 0%,var(--mp-bordeaux-2) 100%);color:#fff;overflow:hidden}
.mp-hero__shader{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease}
.mp-hero__shader.is-ready{opacity:1}
.mp-hero__inner{width:100%;max-width:1152px;display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}
.mp-hero__head{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:672px}
.mp-hero__title{margin:0;font-family:var(--mp-display);font-weight:900;font-size:clamp(2.6rem,6.2vw,4.75rem);line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.mp-hero__lead{max-width:512px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.82);text-wrap:balance}
.mp-hero__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px}
.mp-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.mp-home .mp-btn--solid{background:#fff;color:var(--mp-bordeaux)}
.mp-btn--solid:hover{background:#FFD9DA}
.mp-home .mp-btn--outline{border:1px solid rgba(255,255,255,.55);color:#fff}
.mp-btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff}
.mp-fan{width:100%;max-width:768px;display:flex;align-items:center;justify-content:center;padding-top:16px}
.mp-fan__card{position:relative;flex:0 0 auto;display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);outline:1px solid rgba(255,255,255,.12);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.mp-fan__card img{width:100%;height:100%;object-fit:cover}
.mp-fan__card.has-holo{overflow:visible;touch-action:pan-y}
.mp-fan__card .holo-card{position:absolute;inset:0;width:100%;aspect-ratio:auto;display:block;border-radius:12px}
.mp-fan__card--0{width:38%;margin-right:-32px;z-index:10;transform:translateY(24px) rotate(-6deg)}
.mp-fan__card--1{width:42%;z-index:20;transform:translateY(-8px)}
.mp-fan__card--2{width:38%;margin-left:-32px;z-index:10;transform:translateY(24px) rotate(6deg)}
.mp-fan__card--0:hover{transform:translateY(12px) rotate(-6deg)}
.mp-fan__card--1:hover{transform:translateY(-20px)}
.mp-fan__card--2:hover{transform:translateY(12px) rotate(6deg)}

/* Qui je suis */
.mp-about{position:relative;max-width:1200px;margin:0 auto;padding:130px 0 100px;min-height:700px;display:flex;align-items:center}
.mp-about__text{flex:0 1 662px;margin-left:44px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.mp-about__text h2{margin:0;font-size:52px;line-height:1.2;font-weight:400;letter-spacing:-.02em}
.mp-eyebrow{color:var(--mp-muted)}
.mp-about__text p:last-child{max-width:380px;color:var(--mp-muted)}
.mp-about__mascot{position:absolute;right:-120px;bottom:0;width:min(620px,46vw);height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.12))}

/* Bandeau bordeaux + livre */
.mp-band{position:relative;margin-top:0}
.mp-band__top{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;height:370px;padding:44px max(120px,calc((100% - 1200px)/2)) 44px;background:var(--mp-bordeaux);color:#fff}
.mp-band__small{font-size:26px;line-height:1.2}
.mp-band__big{font-family:var(--mp-display);font-weight:900;font-size:120px;line-height:.7;text-transform:none}
.mp-band__left{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.mp-band__right{align-self:center}
.mp-band__book{position:absolute;left:50%;top:13px;width:min(675px,46vw);transform:translateX(-50%)}
.mp-band__book img{width:100%;filter:drop-shadow(0 24px 30px rgba(0,0,0,.28));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mp-band__book:hover img{transform:rotate(-2deg) scale(1.03)}
.mp-band__bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;min-height:400px;padding:162px max(276px,calc((100% - 888px)/2)) 120px}
.mp-band__bottom>p:first-child{max-width:240px;font-size:16px;color:#858585}
.mp-band__feature{display:flex;flex-direction:column;gap:2px;font-size:16px;font-weight:600;line-height:1.3;max-width:160px;text-align:left}
.mp-band__feature span{font-weight:400;color:#858585}
.mp-band__feature a:hover{color:var(--mp-bordeaux)}

/* Cartes boutique */
.mp-cards{display:grid;grid-template-columns:repeat(2,1fr)}
.mp-card{position:relative;display:block;height:min(700px,56vw);overflow:hidden;background:var(--mp-bordeaux)}
.mp-home .mp-card{color:#fff}
.mp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mp-card:hover img{transform:scale(1.04)}
.mp-card__shade{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 35%,rgba(0,0,0,.72) 100%)}
.mp-card__body{position:absolute;left:44px;right:44px;bottom:44px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.mp-card__eyebrow{font-size:14px;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.mp-card__title{font-size:26px;line-height:1.2;margin-bottom:16px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.mp-card__btn{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:100px;background:#f0f0f0;color:#000;font-size:13px;transition:background .2s,color .2s}
.mp-card:hover .mp-card__btn{background:var(--mp-bordeaux);color:#fff}


/* Apparition du hero : flou + montée, éventail déployé en cascade */
.mp-reveal-on [data-reveal]{opacity:0;filter:blur(6px);transform:translateY(12px);transition:opacity .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.mp-reveal-on .mp-hero__ctas[data-reveal]{transition-delay:.1s}
.mp-reveal-on .mp-fan{opacity:0;filter:blur(6px);transform:translateY(12px);transition:opacity .5s cubic-bezier(.22,1,.36,1) .4s,filter .5s cubic-bezier(.22,1,.36,1) .4s,transform .5s cubic-bezier(.22,1,.36,1) .4s}
.mp-reveal-on .mp-fan__card--0{transform:translate(48px,24px) rotate(-6deg)}
.mp-reveal-on .mp-fan__card--1{transform:translateY(-8px)}
.mp-reveal-on .mp-fan__card--2{transform:translate(-48px,24px) rotate(6deg)}
.mp-reveal-on .mp-fan__card{transition-duration:.5s}
.mp-reveal-on .mp-fan.is-in .mp-fan__card--0{transition-delay:.5s;transform:translateY(24px) rotate(-6deg)}
.mp-reveal-on .mp-fan.is-in .mp-fan__card--1{transition-delay:.6s;transform:translateY(-8px)}
.mp-reveal-on .mp-fan.is-in .mp-fan__card--2{transition-delay:.7s;transform:translateY(24px) rotate(6deg)}
.mp-reveal-on [data-reveal].is-in,.mp-reveal-on .mp-fan.is-in{opacity:1;filter:none;transform:none}

/* Apparition au défilement */
.mp-reveal-on .mp-about__text,.mp-reveal-on .mp-about__mascot,.mp-reveal-on .mp-band__book,.mp-reveal-on .mp-card{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.mp-reveal-on .mp-band__book{transform:translate(-50%,28px)}
.mp-reveal-on .mp-about__mascot{transform:translateY(28px)}
.mp-reveal-on .is-in{opacity:1!important;transform:none!important}
.mp-reveal-on .mp-band__book.is-in{transform:translateX(-50%)!important}
.mp-reveal-on .mp-about__mascot.is-in{transform:none!important}

/* Tablette */
@media (max-width:1100px){
    .mp-about{padding:120px 40px 80px}
    .mp-about__text{margin-left:0}
    .mp-about__mascot{right:-20px;width:min(480px,44vw)}
    .mp-band__top{padding-left:40px;padding-right:40px}
    .mp-band__bottom{padding-left:40px;padding-right:40px}
}
/* Mobile */
@media (max-width:760px){
    .mp-hero{padding:110px 20px 80px}
    .mp-hero__inner{gap:32px}
    .mp-fan__card--0{margin-right:-18px}
    .mp-fan__card--2{margin-left:-18px}
    .mp-about{flex-direction:column;padding:100px 20px 40px;min-height:0}
    .mp-about__text{flex:none;margin-left:0}
    .mp-about__text h2{font-size:38px}
    .mp-about__mascot{position:static;width:min(360px,86vw);margin:24px 0 -40px}
    .mp-band__top{height:auto;min-height:260px;padding:32px 20px 150px;align-items:flex-start}
    .mp-band__big{font-size:22vw}
    .mp-band__small{font-size:20px}
    .mp-band__right{align-self:flex-end}
    .mp-band__book{width:86vw;top:120px}
    .mp-band__bottom{flex-direction:column;align-items:center;text-align:center;min-height:0;padding:min(62vw,300px) 20px 64px;gap:24px}
    .mp-band__bottom>p:first-child{max-width:320px}
    .mp-band__feature{align-items:center;text-align:center;max-width:none}
    .mp-cards{grid-template-columns:1fr}
    .mp-card{height:120vw;max-height:560px}
    .mp-card__body{left:24px;bottom:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.mp-home .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Lien d'évitement : visible seulement au focus clavier. */
.mp-skip{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 16px;border-radius:10px;background:#fff;color:var(--mp-bordeaux);font-size:14px;font-weight:600;box-shadow:0 4px 18px rgba(0,0,0,.18);transform:translateY(-200%)}
.mp-skip:focus{transform:none;outline:2px solid var(--mp-bordeaux);outline-offset:2px}
/* Mention « TVA non applicable » (fiche produit, panier, commande). */
.mp-vat-note{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:var(--mp-muted)}
.mp-vat-note-row td{padding:6px 0 0;border:0;text-align:right}
.mp-vat-note-row .mp-vat-note{margin:0}