.anniversaire-bobochic {
  --color-surface-0:#ffffff;
  --color-background-neutral-0:#ffffff;--color-background-neutral-1:#f9f9f9;--color-background-neutral-2:#f2f2f2;--color-background-neutral-4:#d9d9d9;
  --color-background-neutral-5:#b3b3b3;--color-background-neutral-6:#737373;--color-background-neutral-7:#333333;--color-background-neutral-8:#262626;--color-background-neutral-9:#1a1a1a;--color-background-neutral-10:#0b0b0c;
  --color-background-red-dark:#a40104;--color-background-green-dark:#0b7301;
  --color-foreground-neutral-0:#ffffff;--color-foreground-neutral-1:#f9f9f9;--color-foreground-neutral-2:#f2f2f2;--color-foreground-neutral-3:#e6e6e6;--color-foreground-neutral-4:#d9d9d9;--color-foreground-neutral-5:#b3b3b3;--color-foreground-neutral-6:#737373;--color-foreground-neutral-7:#333333;--color-foreground-neutral-10:#0b0b0c;
  --color-border-neutral-1:#f9f9f9;--color-border-neutral-2:#f2f2f2;--color-border-neutral-3:#e6e6e6;--color-border-neutral-4:#d9d9d9;--color-border-neutral-5:#b3b3b3;--color-border-neutral-6:#737373;--color-border-neutral-7:#333333;--color-border-neutral-8:#262626;--color-border-neutral-9:#1a1a1a;--color-border-neutral-10:#0b0b0c;
  --color-border-red-dark:#a40104;--color-border-green-dark:#0b7301;--color-border-green-light:#e1fde1;
  --spacing-width-none:0;--spacing-width-xs:2px;--spacing-width-sm:4px;--spacing-width-md:8px;--spacing-width-lg:16px;--spacing-width-xl:24px;--spacing-width-2xl:32px;--spacing-width-3xl:40px;--spacing-width-4xl:64px;--spacing-width-5xl:80px;
  --spacing-height-none:0;--spacing-height-xs:2px;--spacing-height-sm:4px;--spacing-height-md:8px;--spacing-height-lg:16px;--spacing-height-xl:24px;--spacing-height-2xl:32px;--spacing-height-3xl:40px;--spacing-height-4xl:56px;--spacing-height-5xl:64px;
  --spacing-gap-none:0;--spacing-gap-xs:2px;--spacing-gap-sm:4px;--spacing-gap-md:8px;--spacing-gap-lg:16px;--spacing-gap-xl:24px;--spacing-gap-2xl:32px;--spacing-gap-3xl:40px;--spacing-gap-4xl:48px;--spacing-gap-5xl:56px;--spacing-gap-6xl:64px;
  --radius-sm:4px;--radius-lg:16px;--radius-xl:32px;--radius-full:256px;--radius-button:0;
  --spacing-margin-desktop-sm:64px;
  --font-family-display:"Hanken Grotesk",sans-serif;--font-family-heading:"Hanken Grotesk",sans-serif;--font-family-utility:"Hanken Grotesk",sans-serif;--font-family-text:"Hanken Grotesk",sans-serif;
  --font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:18px;--font-size-2xl:31px;--font-size-3xl:39px;--font-size-4xl:49px;
  --line-height-md:20px;--line-height-lg:24px;--line-height-2xl:35px;--line-height-3xl:48px;
  --font-weight-base:400;--font-weight-medium:600;--font-weight-strong:700;--font-weight-strongest:900;
  --letter-spacing-default:-0.16px;--letter-spacing-caps:0.48px;--letter-spacing-display:-1.5px;
  --line-stroke-base:1px;--line-stroke-bold:2px;
  --font-size-xl:25px;
  --line-height-xl:28px;
  --line-height-sm:16px;
  --spacing-width-xl:24px;
  --spacing-height-md:8px;
  --color-border-neutral-1:#f9f9f9;
  --font-family-subtitle:"Hanken Grotesk",sans-serif;
  --font-family-product:"Hanken Grotesk",sans-serif;
  --elevation-md:0px 0px 25px rgba(12,12,13,.10);--elevation-lg:0px 0px 25px rgba(12,12,13,.15);
  /* masque ecran cathodique (svg reel du design) */
  --crt-mask:url("../../img/landing-page/anniversaire/crt-mask.svg");
  --crt-ring:url("../../img/landing-page/anniversaire/crt-ring.svg");
  --brush:url("../../img/landing-page/anniversaire/brush-strike.svg");

  font-family:var(--font-family-text);color:var(--color-foreground-neutral-10);background:var(--color-surface-0);width:100%;
}
.anniversaire-bobochic *{box-sizing:border-box;}
/* garde anti-debordement horizontal (n'affecte pas le sticky) */
.anniversaire-bobochic{overflow-x:clip;}

/* ---------- HERO (hauteur = hauteur de la video) ---------- */
.ab-hero{position:relative;width:100%;overflow:hidden;background:var(--color-background-neutral-10);}
.ab-hero__video{position:relative;display:block;width:100%;height:auto;z-index:0;}
.ab-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,11,12,.65) 0%,rgba(11,11,12,.5) 35%,rgba(11,11,12,.55) 65%,rgba(11,11,12,.8) 100%);pointer-events:none;}
.ab-hero__inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px var(--spacing-width-3xl) var(--spacing-height-5xl);color:var(--color-foreground-neutral-0);pointer-events:none;}
.ab-hero__logo{margin:0;width:100%;max-width:clamp(150px,16vw,220px);pointer-events:auto;line-height:0;}
.ab-hero__logo img{display:block;width:100%;height:auto;}
.ab-hero__sub{font-size:var(--font-size-lg);line-height:var(--line-height-lg);max-width:46ch;margin:var(--spacing-gap-2xl) 0 0;color:var(--color-foreground-neutral-0);text-wrap:pretty;}
.ab-hero__cta-wrap{display:flex;justify-content:center;margin-top:var(--spacing-gap-2xl);pointer-events:auto;}
.ab-btn{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-default);height:40px;padding:0 16px;border:var(--line-stroke-base) solid transparent;border-radius:var(--radius-button);background-color:var(--color-background-neutral-0);color:var(--color-foreground-neutral-10);display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;cursor:pointer;transition:background-color 140ms ease-out;}
.ab-btn:hover{background-color:var(--color-background-neutral-1);}
.ab-btn:focus{background-color:var(--color-background-neutral-2);}

/* ============================================================
   CHRONOLOGIE - poste TV / CRT (retranscription maquette)
   ============================================================ */
.ab-chrono{padding:120px var(--spacing-width-lg);background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0);overflow:hidden;}
.ab-chrono__head{max-width:1180px;margin:0 auto;text-align:center;}
.ab-chrono__eyebrow{font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-background-neutral-5);margin:0 0 var(--spacing-gap-lg);}
.ab-chrono__title{font-family:var(--font-family-display);font-weight:var(--font-weight-strongest);font-size:var(--font-size-2xl);line-height:1.1;letter-spacing:var(--letter-spacing-display);margin:0 auto var(--spacing-gap-lg);max-width:24ch;text-wrap:pretty;}
.ab-chrono__intro{font-size:var(--font-size-md);line-height:var(--line-height-lg);color:var(--color-foreground-neutral-3);margin:0 auto;max-width:52ch;text-wrap:pretty;}

/* chassis */
.ab-tv{margin:var(--spacing-gap-4xl) auto 0;width:min(1680px,calc(100vw - 128px));}
.ab-tv__bezel{position:relative;background:linear-gradient(180deg,var(--color-background-neutral-5) 0%,var(--color-background-neutral-7) 48%,var(--color-background-neutral-6) 100%);border-radius:var(--radius-xl);padding:var(--spacing-height-lg) var(--spacing-width-lg);box-shadow:inset 0 var(--line-stroke-bold) 0 var(--color-border-neutral-4),inset var(--line-stroke-bold) 0 0 var(--color-border-neutral-6),inset calc(-1 * var(--line-stroke-bold)) 0 0 var(--color-border-neutral-7),inset 0 calc(-1 * var(--line-stroke-bold)) 0 var(--color-border-neutral-4),var(--elevation-lg);}
.ab-tv__bezel2{position:relative;background:linear-gradient(180deg,var(--color-background-neutral-9),var(--color-background-neutral-8));border-radius:var(--radius-lg);padding:var(--spacing-height-lg) var(--spacing-width-lg);box-shadow:inset 0 var(--line-stroke-bold) 6px var(--color-border-neutral-10),inset 0 calc(-1 * var(--line-stroke-base)) 0 var(--color-border-neutral-6);}

/* ecran */
.ab-tv__screen{position:relative;overflow:hidden;background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0);-webkit-mask-image:var(--crt-mask);mask-image:var(--crt-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;box-shadow:inset 0 0 0 var(--line-stroke-base) var(--color-border-neutral-10),inset 0 0 60px var(--color-background-neutral-10),0 0 0 var(--line-stroke-base) var(--color-border-neutral-6);height:clamp(460px,calc(100vh - 236px),560px);}
.ab-tv__sheen{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:.07;background:linear-gradient(160deg,var(--color-background-neutral-0) 0%,transparent 38%,transparent 100%);}
.ab-tv__ring{position:absolute;inset:0;pointer-events:none;z-index:6;}
.ab-tv__ring{-webkit-mask-image:var(--crt-ring);mask-image:var(--crt-ring);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.ab-tv__ring--top{background:linear-gradient(180deg,var(--color-background-neutral-10) 0%,transparent 38%);opacity:.7;}
.ab-tv__ring--bottom{background:linear-gradient(180deg,transparent 62%,var(--color-background-neutral-7) 92%,var(--color-background-neutral-6) 100%);opacity:.55;}
.ab-tv__fade{position:absolute;top:0;bottom:0;width:clamp(96px,16%,280px);pointer-events:none;z-index:3;opacity:.9;}
.ab-tv__fade--l{left:0;background:linear-gradient(90deg,var(--color-background-neutral-10) 0%,transparent 100%);}
.ab-tv__fade--r{right:0;background:linear-gradient(270deg,var(--color-background-neutral-10) 0%,transparent 100%);}

/* stage allume */
.ab-tv__stage{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:var(--spacing-height-xl) 0 var(--spacing-height-lg);transform-origin:50% 50%;visibility:hidden;opacity:0;}
.ab-tv.is-on .ab-tv__stage{visibility:visible;opacity:1;animation:crtOn 760ms cubic-bezier(.22,1,.36,1) both;}
.ab-tv.is-closing .ab-tv__stage{animation:crtOff 460ms cubic-bezier(.64,0,.78,0) 1020ms forwards;}
.ab-tv__ghost{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;font-family:var(--font-family-display);font-weight:var(--font-weight-strongest);font-size:clamp(160px,30vh,260px);line-height:1;letter-spacing:var(--letter-spacing-display);color:var(--color-foreground-neutral-0);opacity:.07;white-space:nowrap;}
.ab-tv__ghost.is-flick{animation:ghostFlick 640ms cubic-bezier(.22,1,.36,1) both;}
.ab-tv__osd{position:absolute;left:var(--spacing-width-2xl);top:var(--spacing-height-xl);z-index:5;pointer-events:none;display:flex;align-items:center;gap:var(--spacing-gap-md);opacity:0;}
.ab-tv__osd.is-show{animation:osdIn 2400ms ease both;}
/* zap */
.ab-tv__zap{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.10) 0 1px,transparent 1px 3px);}
.ab-tv__zap.is-zap{animation:zapBurst 420ms ease-out both;}
.ab-tv__zapband{position:absolute;left:0;right:0;top:0;height:34%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.10) 50%,transparent 100%);}
.ab-tv__zap.is-zap .ab-tv__zapband{animation:zapRoll 420ms linear both;}
.ab-tv__ch{display:inline-flex;align-items:center;height:24px;padding:0 var(--spacing-width-sm);background:var(--color-background-red-dark);color:#fff;font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);}
.ab-tv__osd-tag{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-2);}
.ab-tv__prog{position:absolute;left:14%;right:14%;bottom:6px;height:var(--line-stroke-bold);z-index:4;background:var(--color-background-neutral-8);}
.ab-tv__prog span{display:block;height:100%;width:0;background:var(--color-background-neutral-2);transition:width 120ms linear;}
.ab-tv__railwrap{display:flex;justify-content:center;padding:0 var(--spacing-width-lg) var(--spacing-height-xl);flex-shrink:0;z-index:5;}
.tl-rail{position:relative;display:inline-flex;align-items:center;padding:var(--spacing-height-xs) var(--spacing-width-xs);background:linear-gradient(180deg,var(--color-background-neutral-9),var(--color-background-neutral-8));border-radius:var(--radius-full);box-shadow:inset 0 var(--line-stroke-bold) 5px var(--color-border-neutral-10),0 var(--line-stroke-base) 0 var(--color-border-neutral-10);max-width:100%;overflow-x:auto;scrollbar-width:none;}
.ab-tv.is-on .tl-rail{animation:railGrow 320ms cubic-bezier(.22,1,.36,1) 340ms both;transform-origin:center;}
.tl-rail::-webkit-scrollbar{display:none;}
.tl-yb{position:relative;z-index:2;flex-shrink:0;width:48px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;}
.tl-yb:active{transform:scale(.94);}
.tl-railpin{display:block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-background-neutral-5);box-shadow:inset 0 var(--line-stroke-base) 0 var(--color-border-neutral-10);transition:transform 160ms ease-out,background 160ms ease-out;}
.tl-yb:hover .tl-railpin{transform:scale(1.5);background:var(--color-background-neutral-2);}
.tl-chip{position:absolute;left:0;top:50%;width:46px;height:30px;margin-top:-15px;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--color-background-neutral-7);border:var(--line-stroke-base) solid var(--color-border-neutral-6);border-radius:var(--radius-full);font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);color:#fff;transition:transform 460ms cubic-bezier(.22,1,.36,1);pointer-events:none;}
.ab-tv.is-on .tl-chip{animation:chipReveal 300ms ease-out 620ms both;}
.ab-tv__track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:1;min-height:0;}
.ab-tv__track::-webkit-scrollbar{display:none;}
.ab-tv__strip{position:relative;display:flex;align-items:stretch;width:max-content;height:100%;padding:0 var(--spacing-width-4xl);}
.tl-axis{position:absolute;left:0;right:0;top:50%;height:var(--line-stroke-base);background:var(--color-border-neutral-7);}
.ab-tv.is-on .tl-axis{animation:axisGrow 520ms cubic-bezier(.22,1,.36,1) 360ms both;transform-origin:left center;}
.tl-year{position:relative;display:flex;align-items:stretch;flex-shrink:0;}
.tl-yhead{position:relative;width:190px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-gap-sm);padding-left:var(--spacing-width-lg);}
.tl-yhead::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:var(--line-stroke-base);background:var(--color-border-neutral-8);}
.tl-yyear{font-family:var(--font-family-display);font-weight:var(--font-weight-strongest);font-size:var(--font-size-4xl);line-height:1;letter-spacing:var(--letter-spacing-display);color:var(--color-foreground-neutral-0);}
.tl-ytag{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-5);text-wrap:pretty;}
.tl-ev{position:relative;width:300px;flex-shrink:0;display:grid;grid-template-rows:1fr 1fr;padding:0 var(--spacing-width-lg);}
.ab-tv.is-on .tl-ev{animation:tlRise 240ms ease-out both;}
.tl-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-gap-md);max-width:272px;}
.tl-ev--up .tl-card{grid-row:1;align-self:end;justify-content:flex-end;padding-bottom:22px;}
.tl-ev--down .tl-card{grid-row:2;align-self:start;padding-top:22px;}
.tl-month{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-5);}
.tl-text{font-family:var(--font-family-heading);font-weight:var(--font-weight-strong);font-size:clamp(14px,2.5vh,18px);line-height:1.35;letter-spacing:var(--letter-spacing-default);color:var(--color-foreground-neutral-0);text-wrap:pretty;}

.tl-dot{position:absolute;left:var(--spacing-width-lg);top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-background-neutral-0);}
.ab-tv.is-on .tl-dot{animation:tlDotPop 300ms cubic-bezier(.22,1,.36,1) both;}
.tl-ev--hi .tl-dot{width:17px;height:17px;background:var(--color-background-red-dark);box-shadow:0 0 0 4px var(--color-background-neutral-10),0 0 0 5px var(--color-border-red-dark);}
.tl-media{display:inline-flex;background:transparent;border:none;padding:0;cursor:pointer;}
.tl-thumb{height:clamp(40px,8.5vh,74px);width:auto;aspect-ratio:16/9;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;display:block;background:var(--color-background-neutral-9);border:var(--line-stroke-base) solid var(--color-border-neutral-7);transition:box-shadow 140ms ease-out,border-color 140ms ease-out;}
.tl-thumb img,.tl-thumb video{width:100%;height:100%;object-fit:cover;display:block;}
.tl-media:hover .tl-thumb{border-color:#fff;box-shadow:0 0 0 3px var(--color-border-neutral-8);}

/* flash allumage */
.ab-tv__flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--color-background-neutral-0);opacity:0;}
.ab-tv.is-on .ab-tv__flash{animation:crtFlash 520ms ease-out both;}

/* etat eteint */
.ab-tv__off{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:56px;gap:var(--spacing-gap-lg);transition:opacity 200ms ease-out;}
.ab-tv.is-on .ab-tv__off{opacity:0;visibility:hidden;pointer-events:none;}
.ab-tv__snow{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;background-repeat:repeat;background-size:128px 128px;animation:tvSnow 560ms steps(1,end) infinite;}
.ab-tv__hold{position:absolute;left:0;right:0;top:0;height:26%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.09) 55%,transparent 100%);animation:tvHold 5200ms linear infinite;}
.ab-tv__scan{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(130% 95% at 50% 50%,transparent 62%,rgba(0,0,0,.6) 100%);}
.ab-tv__off-msg{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-lg);}
.ab-tv__off-text{font-family:var(--font-family-text);font-weight:var(--font-weight-strong);font-size:var(--font-size-md);color:var(--color-foreground-neutral-5);}
.ab-tv__chev{width:16px;height:16px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);animation:hintBob 1.1s ease-in-out infinite;}

/* barre de controle */
.ab-tv__controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-gap-lg);padding:var(--spacing-height-lg) var(--spacing-width-lg) var(--spacing-height-xl);}
.ab-tv__power{position:absolute;left:50%;top:var(--spacing-height-lg);transform:translateX(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(180deg,var(--color-background-neutral-6),var(--color-background-neutral-9));box-shadow:inset 0 var(--line-stroke-base) 0 var(--color-border-neutral-4),inset 0 calc(-1 * var(--line-stroke-base)) 2px var(--color-border-neutral-10),0 var(--line-stroke-bold) 5px var(--color-border-neutral-10);transition:background 140ms ease-out,transform 140ms ease-out;}
.ab-tv__power:hover{background:linear-gradient(180deg,var(--color-background-neutral-5),var(--color-background-neutral-8));}
.ab-tv.is-on .ab-tv__power{transform:translateX(-50%) translateY(var(--line-stroke-bold));background:linear-gradient(180deg,var(--color-background-neutral-9),var(--color-background-neutral-7));box-shadow:inset 0 var(--line-stroke-bold) 4px var(--color-border-neutral-10),inset 0 calc(-1 * var(--line-stroke-base)) 0 var(--color-border-neutral-5);}
.ab-tv__power-ico{width:20px;height:20px;background:rgba(255,255,255,.9);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 3v9'/%3E%3Cpath d='M6.6 6.8a8 8 0 1 0 10.8 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 3v9'/%3E%3Cpath d='M6.6 6.8a8 8 0 1 0 10.8 0'/%3E%3C/svg%3E") center/contain no-repeat;}
.ab-tv__brand{display:flex;align-items:center;gap:var(--spacing-gap-md);}
.ab-tv__led{display:block;width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-background-red-dark);box-shadow:0 0 6px var(--color-border-red-dark);animation:standbyPulse 2600ms ease-in-out infinite;}
.ab-tv.is-on .ab-tv__led{background:var(--color-background-green-dark);box-shadow:0 0 8px var(--color-border-green-dark),inset 0 var(--line-stroke-base) 0 var(--color-border-green-light);animation:none;}
.ab-tv__brand-txt{font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-2);text-shadow:0 var(--line-stroke-base) 0 var(--color-border-neutral-10);}
.ab-tv__knobs{display:flex;align-items:center;gap:var(--spacing-gap-xl);}
.ab-tv__grille{display:block;width:92px;height:14px;border-radius:var(--radius-sm);background:repeating-linear-gradient(90deg,var(--color-background-neutral-10) 0 2px,var(--color-background-neutral-7) 2px 5px);box-shadow:inset 0 var(--line-stroke-base) 2px var(--color-border-neutral-10),0 var(--line-stroke-base) 0 var(--color-border-neutral-6);}
.ab-tv__knob{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(180deg,var(--color-background-neutral-6),var(--color-background-neutral-9));box-shadow:inset 0 var(--line-stroke-base) 0 var(--color-border-neutral-4),inset 0 calc(-1 * var(--line-stroke-base)) 2px var(--color-border-neutral-10),0 var(--line-stroke-bold) 5px var(--color-border-neutral-10);transition:box-shadow 140ms ease-out,transform 140ms ease-out;}
.ab-tv__knob:hover{background:linear-gradient(180deg,var(--color-background-neutral-5),var(--color-background-neutral-8));}
.ab-tv__knob:active{transform:translateY(var(--line-stroke-base));box-shadow:inset 0 var(--line-stroke-bold) 4px var(--color-border-neutral-10);}
.ab-tv__knob-ico{width:9px;height:9px;border-top:2px solid rgba(255,255,255,.85);border-left:2px solid rgba(255,255,255,.85);}
.ab-tv__knob-ico--l{transform:rotate(-45deg);margin-left:3px;}
.ab-tv__knob-ico--r{transform:rotate(135deg);margin-right:3px;}

/* pieds */
.ab-tv__feet{position:relative;display:flex;justify-content:space-between;width:96%;margin:0 auto;}
.ab-tv__foot{display:block;width:38px;height:30px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(180deg,var(--color-background-neutral-4) 0%,var(--color-background-neutral-6) 55%,var(--color-background-neutral-8) 100%);box-shadow:inset 0 var(--line-stroke-base) 0 var(--color-border-neutral-2),0 var(--line-stroke-bold) 10px var(--color-border-neutral-10);}
.ab-tv__foot--l{transform:skewX(-7deg);}
.ab-tv__foot--r{transform:skewX(7deg);}

/* keyframes TV */
@keyframes crtOn{0%{opacity:0;transform:scaleY(.004);filter:brightness(3.2);}28%{opacity:1;transform:scaleY(.02);filter:brightness(2.4);}58%{transform:scaleY(1);filter:brightness(1.6);}100%{opacity:1;transform:scaleY(1);filter:brightness(1);}}
@keyframes crtOff{0%{opacity:1;transform:scaleY(1);filter:brightness(1);}58%{opacity:1;transform:scaleY(.05);filter:brightness(2.2);}100%{opacity:0;transform:scaleY(.004);filter:brightness(3.2);}}
@keyframes crtFlash{0%{opacity:0;}12%{opacity:.85;}100%{opacity:0;}}
@keyframes ghostFlick{0%{opacity:0;transform:translate(-50%,-50%) scale(1.05);}16%{opacity:.11;}26%{opacity:.03;}100%{opacity:.07;transform:translate(-50%,-50%) scale(1);}}
@keyframes osdIn{0%{opacity:0;transform:translateX(-10px);}10%{opacity:1;transform:translateX(0);}80%{opacity:1;}100%{opacity:0;}}
@keyframes zapBurst{0%{opacity:.85;}55%{opacity:.45;}100%{opacity:0;}}
@keyframes zapRoll{0%{transform:translateY(-120%);}100%{transform:translateY(260%);}}
@keyframes tvSnow{0%{background-position:0 0;}20%{background-position:-37px 23px;}40%{background-position:51px -19px;}60%{background-position:-22px -44px;}80%{background-position:29px 41px;}100%{background-position:0 0;}}
@keyframes tvHold{0%{transform:translateY(-14%);opacity:0;}8%{opacity:.5;}92%{opacity:.5;}100%{transform:translateY(114%);opacity:0;}}
@keyframes standbyPulse{0%,100%{opacity:.35;}50%{opacity:1;}}
@keyframes hintBob{0%,100%{transform:rotate(45deg) translate(-3px,-3px);opacity:.55;}50%{transform:rotate(45deg) translate(4px,4px);opacity:1;}}
@keyframes railGrow{0%{transform:scaleX(.05);opacity:0;}100%{transform:scaleX(1);opacity:1;}}
@keyframes axisGrow{0%{transform:scaleX(0);}100%{transform:scaleX(1);}}
@keyframes chipReveal{0%{opacity:0;}100%{opacity:1;}}
@keyframes tlRise{0%{opacity:0;transform:translateY(16px);}100%{opacity:1;transform:translateY(0);}}
@keyframes tlDotPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0);}64%{opacity:1;transform:translate(-50%,-50%) scale(1.5);}100%{opacity:1;transform:translate(-50%,-50%) scale(1);}}

/* ============================================================
   MANIFESTE (retranscription maquette)
   ============================================================ */
.ab-mf{width:100%;background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0);}
.ab-mf__head{position:relative;overflow:hidden;border-bottom:var(--line-stroke-base) solid var(--color-border-neutral-8);}
.ab-mf__headpad{padding:clamp(40px,6vw,104px) clamp(16px,5vw,64px) 0;}
.ab-mf__title{margin:0;display:flex;flex-direction:column;gap:clamp(2px,.6vw,10px);}
.ab-mf__l1{display:block;font-family:var(--font-family-display);font-weight:var(--font-weight-strongest);font-size:clamp(56px,15.5vw,230px);line-height:.82;letter-spacing:-.045em;color:var(--color-foreground-neutral-0);}
.ab-mf__row{display:flex;align-items:flex-end;gap:clamp(12px,2.5vw,40px);flex-wrap:wrap;}
.ab-mf__l2{display:block;font-family:var(--font-family-display);font-weight:var(--font-weight-base);font-style:italic;font-size:clamp(44px,12vw,180px);line-height:.9;letter-spacing:-.04em;color:var(--color-foreground-neutral-3);}
.ab-mf__crimg{display:block;width:clamp(150px,28vw,400px);aspect-ratio:4/3;overflow:hidden;margin-bottom:clamp(4px,1vw,18px);}
.ab-mf__intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1.25fr));align-items:end;gap:clamp(24px,4vw,64px);padding:clamp(32px,5vw,80px) 0 0;}
.ab-mf__p{margin:0;padding:0 clamp(16px,5vw,64px) clamp(32px,5vw,72px);font-family:var(--font-family-display);font-weight:var(--font-weight-base);font-size:clamp(22px,2.5vw,34px);line-height:1.24;letter-spacing:var(--letter-spacing-display);max-width:46ch;color:var(--color-foreground-neutral-1);text-wrap:pretty;}
.ab-mf__wide{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;}
.ab-mf__crimg img,.ab-mf__wide img{width:100%;height:100%;object-fit:cover;display:block;}

.ab-mf__copied{padding:clamp(96px,16vw,260px) clamp(16px,5vw,64px);background:var(--color-surface-0);}
.kin{max-width:24ch;font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:clamp(30px,5.2vw,72px);line-height:1.08;letter-spacing:var(--letter-spacing-display);color:var(--color-foreground-neutral-10);}
.kin .brush{position:relative;display:inline-block;color:var(--color-foreground-neutral-10);}
.ab-mf__copiedsub{display:block;overflow:hidden;margin-top:clamp(24px,3vw,40px);}
.ab-mf__copiedsub>span{display:block;font-size:var(--font-size-md);line-height:var(--line-height-md);max-width:46ch;color:var(--color-foreground-neutral-7);text-wrap:pretty;}

.ab-mf__steps{position:relative;height:380vh;}
.ab-mf__sticky{position:absolute;top:0;left:0;right:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto min(100vh,46%);gap:clamp(20px,4vw,64px);align-items:stretch;padding:0 0 0 clamp(16px,5vw,64px);}
.ab-mf__sticky.is-pinned{position:fixed;}
.ab-mf__sticky.is-end{position:absolute;top:auto;bottom:0;}
.ab-mf__col{display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.4vh,32px);min-width:0;padding:clamp(16px,3vh,56px) 0;}
.ab-mf__rows{display:flex;flex-direction:column;}
.st-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:clamp(12px,2vw,32px);align-items:start;padding:clamp(6px,1.1vh,18px) 0;opacity:.28;transition:opacity 620ms cubic-bezier(.16,1,.3,1);}
.st-row-on{opacity:1;}
.ab-mf__num{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);color:var(--color-foreground-neutral-5);padding-top:.75em;}
.ab-mf__stitle{display:block;font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:clamp(22px,min(2.9vw,4.6vh),44px);line-height:1.04;letter-spacing:var(--letter-spacing-display);color:var(--color-foreground-neutral-0);}
.st-body{display:block;overflow:hidden;max-height:0;opacity:0;transition:max-height 760ms cubic-bezier(.16,1,.3,1),opacity 420ms ease;}
.st-row-on .st-body{max-height:min(160px,15vh);opacity:1;}
.st-body>span{display:block;padding-top:var(--spacing-gap-md);font-size:var(--font-size-md);line-height:var(--line-height-md);max-width:46ch;color:var(--color-foreground-neutral-5);text-wrap:pretty;}
.ab-mf__end{display:block;margin-top:clamp(12px,2vh,28px);padding-top:clamp(12px,2vh,24px);border-top:var(--line-stroke-base) solid var(--color-border-neutral-8);font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-4);}
.st-rail{position:relative;align-self:center;height:clamp(140px,30vh,280px);width:var(--line-stroke-base);background:var(--color-border-neutral-8);display:block;}
.st-rail__fill{position:absolute;left:0;right:0;top:0;height:0;background:var(--color-background-neutral-0);transition:height 620ms cubic-bezier(.16,1,.3,1);}
.st-stage{position:relative;align-self:stretch;height:100%;width:100%;overflow:hidden;background:var(--color-background-neutral-9);}
.st-img{position:absolute;inset:0;display:block;overflow:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path 900ms cubic-bezier(.16,1,.3,1),opacity 620ms ease;}
.st-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);transition:transform 2600ms cubic-bezier(.16,1,.3,1);}
.st-img-on{opacity:1;clip-path:inset(0 0 0 0);}
.st-img-on img{transform:scale(1);}
.st-jump{appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;display:block;position:relative;}
.st-jump::after{content:"";position:absolute;left:0;bottom:.06em;height:var(--line-stroke-base);width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 320ms cubic-bezier(.22,1,.36,1);}
.st-jump:hover::after,.st-jump:focus-visible::after{transform:scaleX(1);}

/* -- animations reveal manifeste -- */
[data-manifesto] [data-reveal]{opacity:0;}
[data-manifesto] [data-reveal].rv-in{animation:rvIn 900ms cubic-bezier(.16,1,.3,1) both;}
[data-manifesto] .ml{opacity:1;}
[data-manifesto] .ml>span{display:block;transform:translateY(115%);}
[data-manifesto] [data-reveal].rv-in .ml>span,
[data-manifesto] .ml[data-reveal].rv-in>span{animation:lineUp 1000ms cubic-bezier(.16,1,.3,1) both;}
[data-manifesto] h2 .ml:nth-of-type(1)>span{animation-delay:60ms;}
[data-manifesto] [data-reveal].rv-in .ml:nth-of-type(2)>span{animation-delay:120ms;}
[data-manifesto] .cr{clip-path:inset(0 0 100% 0);}
[data-manifesto] .cr.rv-in{animation:clipOpen 1200ms cubic-bezier(.16,1,.3,1) both;}
[data-manifesto] .kb{animation:kenBurns 2400ms cubic-bezier(.16,1,.3,1) both;animation-play-state:paused;}
[data-manifesto] .kb.rv-run,[data-manifesto] .cr.rv-in .kb{animation-play-state:running;}
.kin span{display:inline-block;opacity:0;}
.kin .brush::after{content:"";position:absolute;left:-1%;right:-1%;top:51%;height:.32em;background-color:var(--color-border-red-dark);-webkit-mask-image:var(--brush);mask-image:var(--brush);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;clip-path:inset(0 100% 0 0);transform:translateY(-50%) rotate(-1deg);}
.rv-in.kin .brush::after{animation:brushIn 620ms cubic-bezier(.16,1,.3,1) 900ms both;}
.rv-in.kin span{animation:wordIn 560ms cubic-bezier(.16,1,.3,1) both;}
.rv-in.kin span:nth-child(1){animation-delay:70ms;}
.rv-in.kin span:nth-child(2){animation-delay:140ms;}
.rv-in.kin span:nth-child(3){animation-delay:210ms;}
.rv-in.kin span:nth-child(4){animation-delay:280ms;}
.rv-in.kin span:nth-child(5){animation-delay:350ms;}
.rv-in.kin span:nth-child(6){animation-delay:420ms;}
.rv-in.kin span:nth-child(7){animation-delay:490ms;}
.rv-in.kin span:nth-child(8){animation-delay:560ms;}
.rv-in.kin span:nth-child(9){animation-delay:630ms;}
.rv-in.kin span:nth-child(10){animation-delay:700ms;}
@keyframes rvIn{0%{opacity:0;transform:translateY(26px);}100%{opacity:1;transform:translateY(0);}}
@keyframes lineUp{0%{transform:translateY(115%);}100%{transform:translateY(0);}}
@keyframes clipOpen{0%{clip-path:inset(0 0 100% 0);opacity:1;}100%{clip-path:inset(0 0 0 0);opacity:1;}}
@keyframes kenBurns{0%{transform:scale(1.14);}100%{transform:scale(1);}}
@keyframes wordIn{0%{opacity:0;transform:translateY(.4em);}100%{opacity:1;transform:translateY(0);}}
@keyframes brushIn{0%{clip-path:inset(0 100% 0 0);}100%{clip-path:inset(0 0 0 0);}}
.ab-mfm{display:none;}
@media (max-width:899px){
  .ab-cine__close{top:var(--spacing-height-lg);right:var(--spacing-width-lg);}
  .ab-mf__steps{display:none;}
  .ab-mfm{display:block;position:relative;height:300vh;}
  .ab-mfm__sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--color-background-neutral-10);}
  .sm-img{position:absolute;inset:0;display:block;overflow:hidden;opacity:0;transition:opacity 760ms ease;}
  .sm-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 2600ms ease-out;}
  .sm-img-on{opacity:1;}
  .sm-img-on img{transform:scale(1);}
  .sm-grad{position:absolute;inset:0;display:block;background:linear-gradient(180deg,rgba(11,11,12,.55) 0%,rgba(11,11,12,.2) 34%,rgba(11,11,12,.78) 72%,rgba(11,11,12,.94) 100%);}
  .ab-mfm__panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(20px,4vh,32px);padding:clamp(28px,6vh,56px) clamp(16px,5vw,32px) calc(clamp(32px,7vh,64px) + env(safe-area-inset-bottom));color:var(--color-foreground-neutral-0);}
  .sm-segs{display:flex;gap:6px;}
  .sm-seg{display:block;flex:1;height:2px;background:var(--color-background-neutral-7);transition:background 320ms ease-out;}
  .sm-seg-on{background:var(--color-background-neutral-0);}
  .sm-caps{position:relative;min-height:196px;}
  .sm-cap{position:absolute;left:0;right:0;bottom:0;opacity:0;transform:translateY(14px);transition:opacity 420ms ease-out,transform 420ms ease-out;pointer-events:none;}
  .sm-cap-on{opacity:1;transform:none;pointer-events:auto;}
  .sm-cap__num{display:block;font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);color:var(--color-foreground-neutral-2);}
  .sm-cap__title{display:block;margin-top:var(--spacing-gap-md);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:38px;line-height:1.04;letter-spacing:var(--letter-spacing-display);color:var(--color-foreground-neutral-0);}
  .sm-cap__body{display:block;margin-top:var(--spacing-gap-lg);font-size:var(--font-size-md);line-height:var(--line-height-lg);color:var(--color-foreground-neutral-1);text-wrap:pretty;}
  .sm-end{display:block;padding-top:clamp(14px,2vh,20px);border-top:var(--line-stroke-base) solid var(--color-border-neutral-7);font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-2);}
}


/* ---------- GALERIE ---------- */
.ab-gal{width:100%;background:var(--color-surface-0);padding:var(--spacing-height-5xl) 0;}
.ab-gal__head{margin:0 0 var(--spacing-gap-5xl);padding:0 var(--spacing-margin-desktop-sm);}
.ab-gal__title{font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);letter-spacing:var(--letter-spacing-display);margin:0 0 var(--spacing-gap-lg);color:var(--color-foreground-neutral-10);text-wrap:pretty;}
.ab-gal__sub{font-size:var(--font-size-md);line-height:var(--line-height-md);margin:0;max-width:52ch;color:var(--color-foreground-neutral-7);text-wrap:pretty;}
.ab-gal__row{position:relative;width:100%;overflow:hidden;min-height:clamp(260px,34vw,480px);}
.ab-gal .marquee-track{display:flex;width:max-content;height:clamp(260px,34vw,480px);gap:0;animation:marqueeScroll 90s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;}
.ab-gal .marquee-rev{animation-direction:reverse;animation-duration:100s;}
.ab-gal__cell{flex:0 0 auto;height:100%;aspect-ratio:4/3;overflow:hidden;background:var(--color-background-neutral-2);}
.ab-gal__cell img{width:100%;height:100%;display:block;object-fit:cover;}
@keyframes marqueeScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.ab-gal .marquee-track{animation:none;}}

/* ---------- CITATION ---------- */
.ab-cite{padding:140px var(--spacing-margin-desktop-sm);text-align:center;background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0);}
.ab-cite__portrait{width:88px;height:88px;border-radius:var(--radius-full);overflow:hidden;margin:0 auto var(--spacing-gap-2xl);box-shadow:var(--elevation-md);}
.ab-cite__portrait img{width:100%;height:100%;display:block;object-fit:cover;border-radius:var(--radius-full);}
.ab-cite__quote{font-family:var(--font-family-display);font-weight:var(--font-weight-base);font-size:var(--font-size-3xl);line-height:var(--line-height-3xl);letter-spacing:var(--letter-spacing-display);margin:0 auto;max-width:40ch;text-wrap:balance;color:var(--color-foreground-neutral-0);}
.ab-cite__author{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-3);margin:var(--spacing-gap-2xl) 0 0;}

/* ---------- CARTE DE FRANCE ---------- */
.ab-fr{width:100%;min-height:100vh;display:flex;align-items:center;background:var(--color-surface-0);padding:var(--spacing-height-5xl) var(--spacing-width-lg);}
.ab-fr__inner{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,0.72fr) minmax(320px,1.28fr);gap:var(--spacing-gap-5xl);align-items:center;}
.ab-fr__eyebrow{font-family:var(--font-family-subtitle,var(--font-family-utility));font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;margin:0 0 var(--spacing-gap-lg);color:var(--color-foreground-neutral-7);}
.ab-fr__title{font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);letter-spacing:var(--letter-spacing-display);margin:0 0 var(--spacing-gap-lg);color:var(--color-foreground-neutral-10);text-wrap:pretty;}
.ab-fr__p{font-size:var(--font-size-md);line-height:var(--line-height-md);margin:0;max-width:46ch;color:var(--color-foreground-neutral-7);text-wrap:pretty;}
.ab-fr__hint{font-family:var(--font-family-utility);font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin:var(--spacing-gap-xl) 0 0;color:var(--color-foreground-neutral-6);}
.ab-fr__map{position:relative;width:min(820px,100%,94.5vh);margin:0 auto;aspect-ratio:1289/1110;}
.ab-fr__svg{position:absolute;inset:0;display:block;background-color:var(--color-border-neutral-6);-webkit-mask:url("../../img/landing-page/anniversaire/france_suisse_frontiere.svg") no-repeat center/contain;mask:url("../../img/landing-page/anniversaire/france_suisse_frontiere.svg") no-repeat center/contain;}
/* pin */
.fr-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;cursor:pointer;}
.fr-pin:hover,.fr-pin:focus-visible{z-index:6;}
.fr-halo{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:var(--radius-full);background:var(--color-background-neutral-10);pointer-events:none;animation:frHalo 2800ms ease-out infinite;}
.fr-pin--group .fr-halo{width:28px;height:28px;margin:-14px 0 0 -14px;}
.fr-pin:hover .fr-halo,.fr-pin:focus-visible .fr-halo{animation-duration:1100ms;}
.fr-dot{position:relative;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-background-neutral-10);border:var(--line-stroke-bold) solid var(--color-border-neutral-0);box-shadow:var(--elevation-md);color:var(--color-foreground-neutral-0);font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);line-height:1;pointer-events:none;transition:transform 280ms cubic-bezier(.22,1,.36,1);}
.fr-pin--group .fr-dot{width:28px;height:28px;}
.fr-pin:hover .fr-dot,.fr-pin:focus-visible .fr-dot{transform:scale(1.6);}
.fr-pin--group:hover .fr-dot,.fr-pin--group:focus-visible .fr-dot{transform:scale(1.15);}
/* carte survol (flyout) - fidele maquette */
.fr-card{position:absolute;bottom:34px;left:50%;width:224px;transform:translate(-50%,8px);background:var(--color-surface-0);border:var(--line-stroke-base) solid var(--color-border-neutral-2);box-shadow:var(--elevation-md);padding:0;text-align:left;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 180ms ease-out,transform 260ms cubic-bezier(.22,1,.36,1);}
.fr-pin:hover .fr-card,.fr-pin:focus-visible .fr-card{opacity:1;transform:translate(-50%,0);}
.fr-card__media{position:relative;display:block;width:100%;aspect-ratio:16/9;background:var(--color-background-neutral-9);overflow:hidden;}
.fr-card__media img{width:100%;height:100%;display:block;object-fit:cover;}
.fr-card__txt{display:block;padding:10px 14px 12px;}
.fr-card__city{display:block;font-family:var(--font-family-product);font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-10);}
.fr-card__label{display:block;font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-foreground-neutral-7);margin-top:2px;}
/* panneau Paris */
.fr-scrim{position:fixed;inset:0;z-index:100000;background:rgba(11,11,12,.5);animation:frScrimIn 260ms ease-out both;}
.fr-scrim[hidden],.fr-panel[hidden]{display:none;}
.fr-panel{position:fixed;top:0;right:0;bottom:0;z-index:100001;width:min(468px,100%);display:flex;flex-direction:column;background:var(--color-surface-0);box-shadow:var(--elevation-lg);animation:frPanelIn 420ms cubic-bezier(.22,1,.36,1) both;}
.fr-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-gap-lg);padding:var(--spacing-height-2xl) var(--spacing-width-xl) var(--spacing-height-lg);border-bottom:var(--line-stroke-base) solid var(--color-border-neutral-2);flex-shrink:0;}
.fr-panel__eyebrow{font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;margin:0;color:var(--color-foreground-neutral-6);}
.fr-panel__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-strong);font-size:var(--font-size-xl);line-height:var(--line-height-xl);margin:6px 0 0;color:var(--color-foreground-neutral-10);}
.fr-panel__close{width:40px;height:40px;flex-shrink:0;display:inline-flex;background:transparent;border:none;cursor:pointer;position:relative;}
.fr-panel__close::before,.fr-panel__close::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--color-foreground-neutral-10);}
.fr-panel__close::before{transform:translate(-50%,-50%) rotate(45deg);}
.fr-panel__close::after{transform:translate(-50%,-50%) rotate(-45deg);}
.fr-panel__body{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-height-md) var(--spacing-width-xl) var(--spacing-height-2xl);}
.fr-row{display:flex;align-items:center;gap:var(--spacing-gap-lg);width:100%;padding:var(--spacing-height-md) var(--spacing-width-sm);background:transparent;border:none;border-bottom:var(--line-stroke-base) solid var(--color-border-neutral-1);cursor:pointer;text-align:left;transition:background 200ms ease-out;animation:frRowIn 460ms cubic-bezier(.22,1,.36,1) both;}
.fr-row:hover{background:var(--color-background-neutral-1);}
.fr-row__media{position:relative;display:block;width:148px;flex-shrink:0;aspect-ratio:16/9;overflow:hidden;background:var(--color-background-neutral-2);}
.fr-row__media img{width:100%;height:100%;display:block;object-fit:cover;}
.fr-row__txt{display:block;flex:1;min-width:0;}
.fr-row__num{display:block;font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);color:var(--color-foreground-neutral-5);}
.fr-row__name{display:block;margin-top:2px;font-family:var(--font-family-product,var(--font-family-utility));font-weight:var(--font-weight-strong);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-10);}
.fr-row__play{position:relative;display:block;width:24px;height:24px;flex-shrink:0;border-radius:var(--radius-full);border:2px solid var(--color-foreground-neutral-10);}
.fr-row__play::before{content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-left:7px solid var(--color-foreground-neutral-10);border-top:5px solid transparent;border-bottom:5px solid transparent;}
@keyframes frHalo{0%{transform:scale(.55);opacity:.5}70%{transform:scale(2.3);opacity:0}100%{transform:scale(2.3);opacity:0}}
@keyframes frScrimIn{0%{opacity:0}100%{opacity:1}}
@keyframes frPanelIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}
@keyframes mobSheetUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}
@keyframes frRowIn{0%{opacity:0;transform:translateX(18px)}100%{opacity:1;transform:translateX(0)}}
@media (max-width:899px){
  .ab-fr{min-height:0;}
  .ab-fr__inner{grid-template-columns:minmax(0,1fr);gap:var(--spacing-gap-2xl);}
  .fr-panel{top:0;right:0;left:0;bottom:0;width:100%;animation:mobSheetUp 420ms cubic-bezier(.22,1,.36,1) both;}
  .fr-panel__head{padding:var(--spacing-height-2xl) var(--spacing-width-lg) var(--spacing-height-lg);}
  .fr-panel__title{font-size:var(--font-size-lg);line-height:var(--line-height-lg);}
  .fr-panel__body{padding:var(--spacing-height-md) var(--spacing-width-lg) var(--spacing-height-2xl);}
  .fr-row__media{width:104px;}
  .fr-row__name{font-size:var(--font-size-sm);}
}


/* media ouvert DANS l'ecran de la TV */
.ab-tv__media{position:absolute;inset:0;z-index:7;background:#0b0b0c;overflow:hidden;animation:tvMediaIn 380ms cubic-bezier(.22,1,.36,1) both;}
.ab-tv__media[hidden]{display:none;}
.ab-tv__media-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.ab-tv__media-stage img{width:100%;height:100%;object-fit:cover;display:block;background:#0b0b0c;}
.ab-tv__media-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;background:#0b0b0c;}
.ab-tv__media-close{position:absolute;z-index:2;top:24px;right:24px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#0b0b0c;border:var(--line-stroke-base) solid #fff;border-radius:0;cursor:pointer;transition:background 140ms ease-out;}
.ab-tv__media-close:hover{background:var(--color-background-neutral-8);}
.ab-tv__media-close span{position:relative;display:block;width:18px;height:18px;}
.ab-tv__media-close span::before,.ab-tv__media-close span::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#fff;}
.ab-tv__media-close span::before{transform:translate(-50%,-50%) rotate(45deg);}
.ab-tv__media-close span::after{transform:translate(-50%,-50%) rotate(-45deg);}
@keyframes tvMediaIn{0%{opacity:0;}100%{opacity:1;}}

/* ---------- MODAL MEDIA / FILM ---------- */
.ab-cine{position:fixed;inset:0;z-index:100010;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 380ms ease,visibility 0s linear 380ms;}
.ab-cine.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 380ms ease;}
.ab-cine__stage{transform:scale(.965);transition:transform 460ms cubic-bezier(.22,1,.36,1);}
.ab-cine.is-open .ab-cine__stage{transform:scale(1);}
.ab-cine__stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.ab-cine__stage img,.ab-cine__stage video{width:min(1280px,92vw);max-width:92vw;max-height:88vh;object-fit:contain;display:block;background:#000;}
.ab-cine__close{position:absolute;top:var(--spacing-height-xl);right:var(--spacing-width-xl);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-button);border:var(--line-stroke-base) solid #fff;background:var(--color-background-neutral-10);cursor:pointer;z-index:3;transition:background 140ms ease-out;}
svg.ab-cine__x{display:block;width:20px;height:20px;fill:#fff;}
svg.ab-cine__x path{fill:#fff;}
.ab-cine__close:hover{background:#1a1a1c;}

/* ---------- mobile ---------- */
@media (max-width:768px){
  .ab-hero__inner{padding:132px var(--spacing-width-lg) var(--spacing-height-3xl);}
  .ab-hero__sub{font-size:var(--font-size-md);}
  .ab-chrono{padding:72px var(--spacing-width-lg);}
  .ab-tv{width:100%;}
  .ab-cite{padding:var(--spacing-height-5xl) var(--spacing-width-xl);}
  .ab-cite__quote{font-size:var(--font-size-2xl);line-height:1.2;}
}
@media (prefers-reduced-motion:reduce){
  .ab-tv__snow,.ab-tv__hold,.ab-tv__chev,.ab-tv__led{animation:none !important;}
}

/* ============================================================
   CHRONOLOGIE MOBILE (frise verticale) - retranscription maquette
   ============================================================ */
.ab-tvm{display:none;margin:var(--spacing-gap-3xl) auto 0;width:100%;max-width:520px;}
@media (max-width:899px){
  .ab-chrono .ab-tv{display:none;}
  .ab-tvm{display:block;}
}
.ab-tvm__bezel{position:relative;background:linear-gradient(180deg,var(--color-background-neutral-5) 0%,var(--color-background-neutral-7) 48%,var(--color-background-neutral-6) 100%);border-radius:var(--radius-lg);padding:var(--spacing-height-md) var(--spacing-width-md);box-shadow:inset 0 var(--line-stroke-bold) 0 var(--color-border-neutral-4),inset 0 calc(-1*var(--line-stroke-bold)) 0 var(--color-border-neutral-4),var(--elevation-lg);}
.ab-tvm__bezel2{position:relative;background:linear-gradient(180deg,var(--color-background-neutral-9),var(--color-background-neutral-8));border-radius:var(--radius-md);padding:var(--spacing-height-md) var(--spacing-width-md);box-shadow:inset 0 var(--line-stroke-bold) 6px var(--color-border-neutral-10),inset 0 calc(-1*var(--line-stroke-base)) 0 var(--color-border-neutral-6);}
.ab-tvm__screen{position:relative;height:296px;overflow:hidden;background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0);-webkit-mask-image:var(--crt-mask);mask-image:var(--crt-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;box-shadow:inset 0 0 0 var(--line-stroke-base) var(--color-border-neutral-10),inset 0 0 40px var(--color-background-neutral-10),0 0 0 var(--line-stroke-base) var(--color-border-neutral-6);}
.ab-tvm__stage{position:absolute;inset:0;visibility:hidden;opacity:0;}
.ab-tvm.is-on .ab-tvm__stage{visibility:visible;opacity:1;animation:crtOn 760ms cubic-bezier(.22,1,.36,1) both;}
.ab-tvm.is-closing .ab-tvm__stage{animation:crtOff 460ms cubic-bezier(.64,0,.78,0) 1020ms forwards;}
.tvm-track{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--spacing-width-xl) var(--spacing-height-3xl);}
.tvm-track::-webkit-scrollbar{display:none;}
.tvm-yhead{position:sticky;top:0;z-index:2;display:flex;align-items:baseline;gap:var(--spacing-gap-md);background:var(--color-background-neutral-10);padding:var(--spacing-height-xl) 0 var(--spacing-height-lg);}
.tvm-yyear{font-family:var(--font-family-display);font-weight:var(--font-weight-strongest);font-size:var(--font-size-xl);line-height:1;letter-spacing:var(--letter-spacing-display);color:var(--color-foreground-neutral-0);}
.tvm-ytag{font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-3);text-wrap:pretty;}
.tvm-ev{display:grid;grid-template-columns:13px minmax(0,1fr);column-gap:var(--spacing-gap-lg);padding-bottom:var(--spacing-gap-xl);}
.tvm-line{position:relative;}
.tvm-line::before{content:"";position:absolute;left:6px;top:0;bottom:calc(-1*var(--spacing-gap-xl));width:var(--line-stroke-base);background:var(--color-border-neutral-7);}
.tvm-dot{position:absolute;left:3px;top:5px;width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-background-neutral-0);}
.tvm-dot--hi{left:0;top:2px;width:13px;height:13px;background:var(--color-background-red-dark);box-shadow:0 0 0 3px var(--color-background-neutral-10),0 0 0 4px var(--color-border-red-dark);}
.tvm-month{display:block;font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-3);margin-bottom:4px;}
.tvm-text{display:block;font-family:var(--font-family-heading);font-weight:var(--font-weight-strong);font-size:var(--font-size-md);line-height:var(--line-height-lg);letter-spacing:var(--letter-spacing-default);color:var(--color-foreground-neutral-0);text-wrap:pretty;}
.tvm-media{display:block;margin-top:var(--spacing-gap-md);background:transparent;border:none;padding:0;cursor:pointer;}
.tvm-thumb{position:relative;display:block;height:60px;width:auto;aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-background-neutral-9);border:var(--line-stroke-base) solid var(--color-border-neutral-7);}
.tvm-thumb img,.tvm-thumb video{width:100%;height:100%;object-fit:cover;display:block;}
.tvm-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,11,12,.35);}
.tvm-play::before{content:"";border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px;}
.ab-tvm__botfade{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,12,0) 0%,rgba(11,11,12,.9) 100%);}
.ab-tvm__flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--color-background-neutral-0);opacity:0;}
.ab-tvm.is-on .ab-tvm__flash{animation:crtFlash 520ms ease-out both;}
.ab-tvm__off{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 var(--spacing-width-xl) var(--spacing-height-xl);gap:var(--spacing-gap-md);}
.ab-tvm.is-on .ab-tvm__off{opacity:0;visibility:hidden;pointer-events:none;}
.ab-tvm__snow{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;background-repeat:repeat;background-size:128px 128px;animation:tvSnow 560ms steps(1,end) infinite;}
.ab-tvm__hold{position:absolute;left:0;right:0;top:0;height:26%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05) 45%,rgba(255,255,255,.09) 55%,transparent);animation:tvHold 5200ms linear infinite;}
.ab-tvm__scan{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(130% 95% at 50% 50%,transparent 62%,rgba(0,0,0,.6) 100%);}
.ab-tvm__off-msg{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-md);text-align:center;}
.ab-tvm__off-text{font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-strong);color:var(--color-foreground-neutral-2);}
.ab-tvm__chev{width:14px;height:14px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);animation:hintBob 1.1s ease-in-out infinite;}
.ab-tvm__media{position:absolute;inset:0;z-index:7;background:#0b0b0c;overflow:hidden;animation:tvMediaIn 380ms cubic-bezier(.22,1,.36,1) both;}
.ab-tvm__media[hidden]{display:none;}
.ab-tvm__media-stage{position:absolute;inset:0;}
.ab-tvm__media-stage img,.ab-tvm__media-stage video{width:100%;height:100%;object-fit:cover;display:block;}
.ab-tvm__media-close{position:absolute;z-index:2;top:8px;right:8px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#0b0b0c;border:var(--line-stroke-base) solid #fff;border-radius:0;cursor:pointer;}
.ab-tvm__media-close span{position:relative;display:block;width:16px;height:16px;}
.ab-tvm__media-close span::before,.ab-tvm__media-close span::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;background:#fff;}
.ab-tvm__media-close span::before{transform:translate(-50%,-50%) rotate(45deg);}
.ab-tvm__media-close span::after{transform:translate(-50%,-50%) rotate(-45deg);}
.ab-tvm__controls{position:relative;display:flex;align-items:center;min-height:76px;gap:var(--spacing-gap-md);padding:var(--spacing-height-lg) var(--spacing-width-sm);}
.ab-tvm__power{position:absolute;left:50%;top:var(--spacing-height-lg);transform:translateX(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(180deg,var(--color-background-neutral-6),var(--color-background-neutral-9));box-shadow:inset 0 var(--line-stroke-base) 0 var(--color-border-neutral-4),inset 0 calc(-1*var(--line-stroke-base)) 2px var(--color-border-neutral-10),0 var(--line-stroke-bold) 5px var(--color-border-neutral-10);}
.ab-tvm.is-on .ab-tvm__power{transform:translateX(-50%) translateY(var(--line-stroke-bold));background:linear-gradient(180deg,var(--color-background-neutral-9),var(--color-background-neutral-7));}
.ab-tvm__power-ico{width:20px;height:20px;background:rgba(255,255,255,.9);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 3v9'/%3E%3Cpath d='M6.6 6.8a8 8 0 1 0 10.8 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 3v9'/%3E%3Cpath d='M6.6 6.8a8 8 0 1 0 10.8 0'/%3E%3C/svg%3E") center/contain no-repeat;}
.ab-tvm__brand{display:flex;align-items:center;gap:var(--spacing-gap-md);min-width:0;}
.ab-tvm__led{display:block;width:9px;height:9px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-background-red-dark);box-shadow:0 0 6px var(--color-border-red-dark);animation:standbyPulse 2600ms ease-in-out infinite;}
.ab-tvm.is-on .ab-tvm__led{background:var(--color-background-green-dark);box-shadow:0 0 8px var(--color-border-green-dark),inset 0 var(--line-stroke-base) 0 var(--color-border-green-light);animation:none;}
.ab-tvm__brand-txt{font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-foreground-neutral-1);white-space:nowrap;}
.ab-tvm__grille{display:block;width:76px;height:12px;flex-shrink:0;margin-left:auto;border-radius:var(--radius-sm);background:repeating-linear-gradient(90deg,var(--color-background-neutral-10) 0 2px,var(--color-background-neutral-7) 2px 5px);box-shadow:inset 0 var(--line-stroke-base) 2px var(--color-border-neutral-10),0 var(--line-stroke-base) 0 var(--color-border-neutral-6);}
.ab-tvm__feet{position:relative;display:flex;justify-content:space-between;width:82%;margin:0 auto;}
.ab-tvm__foot{display:block;width:30px;height:24px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(180deg,var(--color-background-neutral-4) 0%,var(--color-background-neutral-6) 55%,var(--color-background-neutral-8) 100%);box-shadow:inset 0 var(--line-stroke-base) 0 var(--color-border-neutral-2),0 var(--line-stroke-bold) 10px var(--color-border-neutral-10);}
.ab-tvm__foot--l{transform:skewX(-7deg);}
.ab-tvm__foot--r{transform:skewX(7deg);}
.tvm-rail{display:flex;gap:var(--spacing-gap-md);overflow-x:auto;scrollbar-width:none;padding:var(--spacing-height-2xl) var(--spacing-width-lg) var(--spacing-height-md);}
.tvm-rail::-webkit-scrollbar{display:none;}
.tvm-pill{flex:0 0 auto;height:44px;padding:0 var(--spacing-width-lg);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:var(--line-stroke-base) solid var(--color-border-neutral-7);border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-family-utility);font-weight:var(--font-weight-strong);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-default);color:var(--color-foreground-neutral-1);}
.tvm-pill[data-active="true"]{background:var(--color-background-neutral-2);color:var(--color-foreground-neutral-10);border-color:var(--color-background-neutral-2);}
.tvm-hint{margin:var(--spacing-gap-md) 0 0;font-family:var(--font-family-utility);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-foreground-neutral-3);text-align:center;}

#anniversairebobochic #columns{padding-top:0;}
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover),
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) .main_header.container{
  background-color:transparent !important;
}
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) .block_menu{
  border-bottom:1.5px solid transparent;
}
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) .menu_header ul li a,
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) .header_icons .btn_outlet a,
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) .contact_avant_vente p small{
  color:#fff;
}
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) div.list_menu li.bobo_menu-container img,
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) svg,
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) .main_header img{
  filter:none;
}
#anniversairebobochic:not(.stickyHeader) .header2021:not(:hover) #close_picto > span{
  background:#fff;
}

#anniversairebobochic,
#anniversairebobochic #page,
#anniversairebobochic #wrapper,
#anniversairebobochic .columns-container,
#anniversairebobochic #columns,
#anniversairebobochic #center_column{overflow:visible !important;}

@media (max-width:899px){
  .ab-hero__inner{padding:120px var(--spacing-width-lg) var(--spacing-height-3xl);}
  .ab-hero{height:100svh;min-height:560px;}
  .ab-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .ab-hero__inner{justify-content:flex-end;padding:120px 24px 56px;gap:0;}
  .ab-hero__logo{position:static;top:auto;left:auto;transform:none;width:132px;max-width:132px;margin:0 auto;}
  .ab-hero__sub{font-size:var(--font-size-lg);margin:56px auto 0;}
  .ab-hero__cta-wrap{width:100%;margin-top:36px;}
  .ab-btn{width:100%;height:48px;white-space:normal;}
  .ab-chrono{padding:var(--spacing-height-5xl) var(--spacing-width-lg) var(--spacing-height-3xl);}
  .ab-gal{padding:var(--spacing-height-5xl) 0;}
  .ab-gal__head{padding:0 var(--spacing-width-lg);margin-bottom:var(--spacing-gap-3xl);}
  .ab-cite{padding:var(--spacing-height-5xl) var(--spacing-width-xl);}
  .ab-cite__quote{font-size:var(--font-size-2xl);line-height:1.2;}
  .ab-fr{padding:var(--spacing-height-5xl) var(--spacing-width-lg);}
  .ab-fr__inner{grid-template-columns:minmax(0,1fr);gap:var(--spacing-gap-2xl);}
  .ab-fr__map{width:100%;max-width:440px;}
  .ab-fr__hint{margin-top:var(--spacing-gap-lg);}
}
@media (max-width:520px){
  .ab-cite__quote{font-size:var(--font-size-xl);line-height:1.25;}
  .ab-mf__headpad{padding:56px var(--spacing-width-lg) 0;}
  .ab-mf__copied{padding:64px var(--spacing-width-lg);}
}

/* Hero film : calque en fondu par-dessus le header (la video de fond continue de jouer) */
.ab-herofilm{position:fixed;inset:0;z-index:100001;background:rgba(11,11,12,.94);opacity:0;transition:opacity 700ms ease;}
.ab-herofilm.is-on{opacity:1;}
.ab-herofilm__video{position:fixed;object-fit:cover;z-index:2;background:#0b0b0c;}
.ab-hero__inner{transition:opacity 500ms ease;}
.ab-hero--film .ab-hero__inner{opacity:0;}
.ab-herofilm__close{position:absolute;z-index:5;top:24px;right:24px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-neutral-10);border:var(--line-stroke-base) solid #fff;border-radius:var(--radius-button);cursor:pointer;}
.ab-herofilm__close span{position:relative;display:block;width:18px;height:18px;}
.ab-herofilm__close span::before,.ab-herofilm__close span::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#fff;}
.ab-herofilm__close span::before{transform:translate(-50%,-50%) rotate(45deg);}
.ab-herofilm__close span::after{transform:translate(-50%,-50%) rotate(-45deg);}

/* ================= ENCART JEU 10 ANS ================= */
.ab-jeu{padding:0 var(--spacing-margin-desktop-sm) var(--spacing-height-5xl);background:var(--color-surface-0);}
.ab-jeu__card{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;padding:var(--spacing-height-5xl) var(--spacing-width-4xl);border:var(--line-stroke-base) solid var(--color-border-neutral-3);gap:var(--spacing-gap-lg);background:var(--color-surface-0);color:var(--color-foreground-neutral-10);text-decoration:none;}
.ab-jeu__eyebrow{font-family:var(--font-family-subtitle,var(--font-family-utility));font-weight:var(--font-weight-strong);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;margin:0;color:var(--color-foreground-neutral-6);}
.ab-jeu__title{font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-3xl);line-height:var(--line-height-3xl,1.1);letter-spacing:var(--letter-spacing-display);margin:0;color:var(--color-foreground-neutral-10);text-wrap:balance;}
.ab-jeu__p{font-size:var(--font-size-lg,18px);line-height:var(--line-height-lg,1.5);margin:0;max-width:40ch;color:var(--color-foreground-neutral-7);text-wrap:pretty;}
.ab-jeu__btn{margin-top:var(--spacing-gap-lg);display:inline-flex;align-items:center;gap:var(--spacing-gap-md);height:48px;padding:0 var(--spacing-width-2xl);background:var(--color-background-neutral-10);color:var(--color-foreground-neutral-0);border-radius:var(--radius-button);font-family:var(--font-family-utility);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:var(--line-height-md);transition:background 200ms ease;}
.ab-jeu__card,.ab-jeu__card:hover,.ab-jeu__card:focus,.ab-jeu__card:hover *{text-decoration:none;}
.ab-jeu__card:hover .ab-jeu__btn{background:var(--color-background-neutral-7);}
.ab-jeu__arrow{width:24px;height:24px;display:block;}
.ab-jeu__arrow path{fill:var(--color-foreground-neutral-0);}
@media(max-width:899px){
  .ab-jeu{padding:0 var(--spacing-width-lg) var(--spacing-height-5xl);}
  .ab-jeu__card{align-items:stretch;text-align:left;padding:var(--spacing-height-2xl) var(--spacing-width-lg);gap:var(--spacing-gap-md);}
  .ab-jeu__title{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);}
  .ab-jeu__p{font-size:var(--font-size-md);line-height:var(--line-height-md);max-width:none;}
  .ab-jeu__btn{margin-top:var(--spacing-gap-md);width:100%;justify-content:center;padding:0;}
}