/* Ajouts LP au design fourni (le style d'origine reste en ligne dans la page). Commun à toutes les LP de thestudio-lp. */

/* Polices auto-hébergées (CSP commune : pas de Google Fonts) — mêmes fichiers que TheStudio */
@font-face{font-family:Newsreader;src:url(/assets/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url(/assets/fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Open Sans";src:url(/assets/fonts/open-sans.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}

/* Formulaire d'inscription */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bf-form input[type=email].bad{border-color:#E85D2A!important;box-shadow:0 0 0 2px rgba(232,93,42,.35)}
.bf-form button[disabled]{opacity:.65;cursor:wait!important}
.bf-msg{margin:0;font:600 16px/1.5 "Open Sans",Arial,sans-serif;color:#FFFDE2}
.bf-msg.err{color:#FFB79C}
.bf-done{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:8px;background:rgba(255,253,226,.1);border:1.5px solid rgba(255,253,226,.35);color:#FFFDE2;font:400 17px/1.45 "Open Sans",Arial,sans-serif}
.bf-done b{display:block;font:400 24px/1.1 Newsreader,Georgia,serif}
.bf-done i{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#E85D2A;color:#0E0E0E;display:flex;align-items:center;justify-content:center;font:700 20px/1 "Open Sans",Arial,sans-serif;font-style:normal}

/* Animation d'entrée : le logo The Studio s'écrit, puis le tampon orange « The biggest discount of the year » s'abat,
   et le rideau brun remonte. Une fois par session, passable au clic / Échap, ?intro=1 / ?intro=0, coupée si « réduire les animations ». */
.intro{display:none}
.intro-on .intro{display:flex;position:fixed;inset:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#474040;cursor:pointer;transition:transform .7s cubic-bezier(.7,0,.3,1)}
.intro-on body{overflow:hidden}
.intro-word{margin:0;font:400 clamp(38px,8vw,76px)/1 Newsreader,Georgia,serif;color:#FFFDE2;letter-spacing:.02em;text-align:center;clip-path:inset(0 100% 0 0);animation:intro-write 1s .2s cubic-bezier(.6,0,.3,1) forwards}
.intro-word em{display:block;margin-top:10px;font-size:.42em;opacity:.8}
.intro-stamp{width:150px;height:150px;border-radius:50%;background:#E85D2A;color:#0E0E0E;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:700 11px/1.2 "Open Sans",Arial,sans-serif;letter-spacing:.08em;opacity:0;transform:rotate(-9deg) scale(2.6)}
.intro-stamp b{font-size:26px;letter-spacing:.02em;line-height:1}
.intro.stamp .intro-stamp{animation:intro-stamp .38s cubic-bezier(.5,0,.75,0) forwards}
.intro.stamp{animation:intro-thud .3s .36s}
.intro.up{transform:translateY(-100%)}
.intro-skip{position:absolute;right:18px;bottom:18px;background:none;border:1px solid rgba(255,253,226,.35);color:rgba(255,253,226,.75);font:500 13px "Open Sans",sans-serif;padding:.5em 1em;border-radius:6px;cursor:pointer}
@keyframes intro-write{to{clip-path:inset(0 0 0 0)}}
@keyframes intro-stamp{to{opacity:1;transform:rotate(-9deg) scale(1)}}
@keyframes intro-thud{0%,100%{translate:0 0}30%{translate:0 5px}60%{translate:0 -2px}}

/* Bannière cookies commune (/_sprint-ads/consent.js) aux couleurs The Studio */
:root{--lpc-accent:#E85D2A;--lpc-accent-text:#0E0E0E;--lpc-bg:#FFFDE2;--lpc-text:#474040;--lpc-muted:rgba(71,64,64,.72);--lpc-border:rgba(71,64,64,.15);--lpc-radius:12px;--lpc-font:"Open Sans",Arial,sans-serif}
.lpc__title{font-family:Newsreader,Georgia,serif;font-weight:400}

/* Vidéo YouTube chargée au clic (lp.js) */
.bf-video svg{transition:transform .25s}
.bf-video:hover svg,.bf-video:focus-visible svg{transform:scale(1.08)}
.bf-video:focus-visible{outline:3px solid #E85D2A;outline-offset:3px}
.bf-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}