*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#03150c;color:#fff9dd;font-family:Arial,Helvetica,sans-serif;min-height:100svh;text-align:center}.atmosphere{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 0%,#b8a85b40,transparent 45%),radial-gradient(ellipse at 85% 55%,#2cba5520,transparent 55%),linear-gradient(135deg,#123721,#021309 70%)}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.12;background-image:url("assets/annonce-originale.png");background-size:600% auto;background-position:left top}main{width:min(100% - 32px,900px);margin:auto;padding:30px 0}.logo{width:280px;aspect-ratio:1;overflow:hidden;border-radius:50%;position:relative;margin:0 auto 28px;box-shadow:0 8px 32px #0009,0 0 50px #82d75112}.logo img{position:absolute;width:211.7%;max-width:none;height:auto;left:-55.5%;top:-25.1%}h1{font-size:clamp(26px,4.2vw,46px);line-height:1.15;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.065em;color:#efdb9c}header p{font-size:clamp(13px,2vw,19px);letter-spacing:.12em;text-transform:uppercase;line-height:1.6;margin:17px 0 30px}h2{font-size:12px;text-transform:uppercase;font-weight:400;letter-spacing:.27em;margin:0}.final-title{font-size:clamp(16px,2.6vw,22px);color:#eddaa3;letter-spacing:.19em}.evening-label{margin-top:18px}.flip-card{--height:104px;--size:68px;position:relative;display:block;height:var(--height);font-size:var(--size);font-variant-numeric:tabular-nums;font-weight:400;line-height:var(--height);color:#f5ffe8;border:1px solid #a9cb7970;border-radius:10px;background:linear-gradient(#101c15 49.4%,#010704 49.4%,#010704 51%,#09110c 51%);box-shadow:inset 0 2px 3px #ffffff0c,0 10px 20px #0005,0 0 25px #83e85522;perspective:600px;text-shadow:0 0 10px #b6ff8550,0 0 30px #79ff7030;overflow:hidden}.flip-card:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:#000c;box-shadow:0 1px 0 #ffffff0b;z-index:5}.face{display:block}.big-number{--height:168px;--size:140px;width:224px;margin:16px auto 0}.flap{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;background:#101c15;z-index:3}.flap>span{position:absolute;left:0;right:0;height:var(--height);line-height:var(--height)}.top{top:0;transform-origin:bottom}.top>span{top:0}.bottom{bottom:0;transform-origin:top;background:#09110c;transform:rotateX(90deg)}.bottom>span{bottom:0}.flipping .top{animation:fold-top .28s ease-in forwards}.flipping .bottom{animation:fold-bottom .28s .28s ease-out forwards}@keyframes fold-top{to{transform:rotateX(-90deg);filter:brightness(.4)}}@keyframes fold-bottom{to{transform:rotateX(0);filter:brightness(1)}}.divider{height:1px;width:120px;margin:28px auto;background:linear-gradient(90deg,transparent,#cbb46d,transparent)}.clock{display:flex;justify-content:center;align-items:flex-start;gap:12px}.unit{width:112px;min-width:0;display:flex;flex-direction:column;gap:12px}.label{font-size:10px;letter-spacing:.2em;color:#d1d8c7}.colon{font-size:30px;color:#becd9c66;line-height:104px}.deadline{margin:25px 0 0;text-transform:uppercase;letter-spacing:.13em;font-size:11px;line-height:1.8;color:#d1d8c7}footer{margin:38px auto 0;border-top:1px solid #c6db9926;padding-top:23px}footer nav{display:flex;gap:28px;justify-content:center}footer a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#efdb9c;text-decoration:none;padding:10px 0}footer a:hover{color:#fff;text-shadow:0 0 10px #a6ef7a}footer a:focus-visible{outline:2px solid #efdb9c;outline-offset:5px}footer p{font-size:11px;line-height:1.8;letter-spacing:.04em;color:#bfcab5;margin:15px 0 0}.fallback{font-size:13px}@media(max-width:600px){.logo{width:230px}header p{max-width:300px;margin:16px auto 28px}.clock{gap:5px}.unit{width:calc((100% - 48px)/4);max-width:90px}.flip-card{--height:79px;--size:46px;border-radius:7px}.big-number{--height:142px;--size:118px;width:196px}.colon{font-size:19px;line-height:79px}.label{font-size:8px;letter-spacing:.1em}.deadline{font-size:9px}.final-title{font-size:17px}footer{margin-top:30px}}@media(max-width:360px){.flip-card{--size:38px;--height:70px}.big-number{--height:142px;--size:118px}.colon{line-height:70px}h1{font-size:24px}.label{font-size:7px}}@media(prefers-reduced-motion:reduce){.flap{display:none}}
.deadline{font-size:clamp(17px,2.8vw,25px);line-height:1.5;letter-spacing:.09em;margin-top:30px;color:#efdb9c}.deadline span{display:block}.deadline span+span{font-size:.8em;letter-spacing:.1em;margin-top:5px;color:#fff9dd}footer nav{gap:16px}footer a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:158px;padding:14px 18px;border:1px solid #c6db9960;border-radius:8px;background:#06140de0;box-shadow:0 5px 15px #0003;transition:background .2s,border-color .2s}footer a svg{width:21px;height:21px;flex-shrink:0}footer a:hover{background:#14291b;border-color:#efdb9c}@media(max-width:400px){footer nav{gap:12px}footer a{min-width:0;flex:1;padding:13px 10px;font-size:10px;letter-spacing:.1em}.deadline{font-size:19px}}
/* VERSION 2 — album, club et lumière dorée */
body{background:#080b08;color:#f2e7d1}.atmosphere{background:radial-gradient(ellipse at 88% 12%,#8d683c21,transparent 55%),linear-gradient(135deg,#0e160f,#080a08 70%)}.atmosphere:after{opacity:.035}.edition{width:min(100% - 80px,1400px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);padding:50px 0;align-items:center;min-height:100svh}.memory{margin:0;position:relative;align-self:center}.memory-image{aspect-ratio:360/530;overflow:hidden;position:relative;border:1px solid #c79b5c55;box-shadow:0 25px 70px #000b,0 0 65px #b07b2520}.memory-image img{display:block;width:100%;height:auto}.memory-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #0007;pointer-events:none}.memory figcaption{display:flex;align-items:center;gap:25px;margin-top:22px;font-size:13px;color:#c49b61;letter-spacing:.25em}.memory-line{height:1px;background:#c49b6150;flex:1}.chapter{max-width:590px;width:100%;margin:auto}.eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;color:#b89865;font-size:9px;letter-spacing:.25em;margin-bottom:23px}.eyebrow span{height:1px;width:35px;background:#b8986555}.logo{width:130px;margin-bottom:24px;box-shadow:0 8px 25px #0009}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,3.2vw,48px);font-weight:400;letter-spacing:.015em;color:#e6c58b;line-height:1.12;max-width:470px;margin:auto}header p{font-size:11px;letter-spacing:.15em;margin:16px 0 30px;color:#d8cbb3}.final-title{font-size:12px;color:#bda37b;letter-spacing:.25em}.flip-card{color:#f5ddb2;border-color:#b88c4955;background:linear-gradient(#211b13 49.4%,#030302 49.4%,#030302 51%,#120f0a 51%);box-shadow:inset 0 2px 3px #ffffff0c,0 10px 20px #0008,0 0 25px #bf934218;text-shadow:0 0 10px #efba6150,0 0 30px #ce944825;--height:81px;--size:48px}.big-number{--height:134px;--size:108px;width:182px;margin-top:15px}.flap{background:#211b13}.bottom{background:#120f0a}.evening-label{font-size:9px;color:#bda37b;letter-spacing:.25em;margin-top:14px}.divider{margin:22px auto;width:180px;background:linear-gradient(90deg,transparent,#aa7b3d,transparent)}.clock{gap:7px}.unit{width:92px;gap:10px}.colon{line-height:81px;font-size:22px;color:#b8986560}.label{font-size:8px;color:#bfae92;letter-spacing:.18em}.deadline{font-family:Georgia,'Times New Roman',serif;letter-spacing:.06em;font-size:25px;color:#dfbd81;margin-top:26px}.deadline span+span{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.15em;color:#e4d8c1;margin-top:8px}footer{border-color:#b8986533;margin-top:28px;padding-top:18px}footer a{border-color:#b8986545;color:#d1b785;background:#141109;min-width:145px;font-size:9px;border-radius:3px;padding:12px 16px}footer a:hover{background:#282012;border-color:#c5a16b}footer a svg{width:18px;height:18px}footer p{color:#a69b85;font-size:10px}.memory:before{content:"";position:absolute;inset:14px -12px -12px 14px;border:1px solid #b8986526;z-index:-1}@media(min-width:1600px){.memory{max-width:540px}.edition{gap:100px}}@media(max-width:900px){.edition{width:calc(100% - 48px);gap:30px;grid-template-columns:.9fr 1.1fr}.clock{gap:4px}.unit{width:calc((100% - 38px)/4)}.flip-card{--size:37px;--height:70px}.big-number{--height:126px;--size:100px}.colon{line-height:70px}.label{font-size:7px;letter-spacing:.1em}.logo{width:115px}header p{font-size:10px}.deadline{font-size:22px}footer a{min-width:0;flex:1;padding:12px 9px}}@media(max-width:680px){.edition{display:flex;flex-direction:column;width:100%;gap:0;padding:0 0 30px}.memory{width:100%;max-width:none}.memory-image{height:420px;aspect-ratio:auto;border:0;border-bottom:1px solid #c79b5c55;box-shadow:none}.memory-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.memory-image:after{box-shadow:none;background:linear-gradient(transparent 60%,#080b08)}.memory figcaption{position:absolute;bottom:20px;left:28px;right:28px;margin:0;font-size:11px}.memory:before{display:none}.chapter{padding:26px 22px 0;max-width:520px}.logo{display:none}.eyebrow{margin-bottom:20px}h1{font-size:35px;max-width:350px}header p{margin:15px auto 28px;font-size:11px;max-width:320px}.final-title{font-size:12px}.big-number{--height:138px;--size:114px;width:188px}.clock{gap:6px}.unit{width:calc((100% - 48px)/4);max-width:90px}.flip-card{--size:43px;--height:76px}.big-number{--height:138px;--size:114px}.colon{line-height:76px}.label{font-size:8px}.deadline{font-size:25px}.deadline span+span{font-size:11px;letter-spacing:.1em}footer a{font-size:10px}footer p{font-size:10px}}@media(max-width:360px){.memory-image{height:360px}.chapter{padding-left:16px;padding-right:16px}.flip-card{--size:36px}.big-number{--size:114px}h1{font-size:30px}}
@media(max-width:680px){.memory-image{height:auto;aspect-ratio:360/530}.memory-image img{height:auto;object-position:top}}
/* Fond immersif — le visuel devient toute la scène */
.atmosphere{background:#06100b url("assets/fond-livre-immersif.png") center center/cover no-repeat}.atmosphere:after{background:linear-gradient(90deg,transparent 20%,#00000015 45%,#02050370 68%,#02050390);opacity:1}.edition{display:flex;justify-content:flex-end;width:calc(100% - 90px);max-width:1500px;min-height:100svh;padding:28px 0}.chapter{width:48%;max-width:590px;margin:0;padding:22px 24px;background:radial-gradient(ellipse,#03080465,transparent 75%)}.logo{display:block;width:145px;margin:0 auto 22px}.eyebrow{margin-bottom:19px}h1{font-size:clamp(31px,3.2vw,46px)}header p{margin-bottom:24px}.final-title{font-size:12px}.big-number{margin-top:12px}footer{margin-top:24px}@media(max-width:900px) and (min-width:681px){.edition{width:calc(100% - 32px)}.chapter{width:53%;padding:18px 8px}.logo{width:125px}}@media(max-width:680px){.atmosphere{background-position:32% top;background-size:auto 100svh}.atmosphere:after{background:linear-gradient(180deg,transparent 0%,#03090620 25%,#030906b0 50%,#030906f5 75%)}.edition{display:block;width:100%;padding:0 0 25px}.chapter{width:100%;max-width:none;margin:0;padding:26px 22px 0;background:none}.logo{display:block;width:155px;margin-bottom:260px}.eyebrow{display:none}h1{font-size:33px;text-shadow:0 2px 15px #000}.deadline{font-size:24px}.big-number{--height:130px;--size:108px}footer{margin-top:25px}}
.atmosphere{background-position:left center}@media(max-width:680px){.atmosphere{background-position:left top;background-size:auto 100svh}}
/* Club tamisé, composition centrée */
.atmosphere{background:#020805 url("assets/fond-club-tamise.png") center center/cover no-repeat}.atmosphere:after{background:linear-gradient(#020704a6,#020704c9),radial-gradient(ellipse at center,#00000010,#00000050);opacity:1}.edition{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);max-width:900px;min-height:100svh;margin:auto;padding:30px 0}.chapter{width:100%;max-width:620px;margin:0 auto;padding:0 22px;background:none}.eyebrow{display:flex;margin-bottom:20px}.logo{display:block;width:190px;margin:0 auto 24px}h1{max-width:600px;font-size:clamp(30px,4vw,46px)}header p{margin:16px auto 26px}.final-title{font-size:14px}.big-number{--height:140px;--size:114px;width:194px}.clock{gap:12px}.unit{width:106px}.flip-card{--height:86px;--size:54px}.big-number{--height:140px;--size:114px}.colon{line-height:86px}.deadline{font-size:26px}.deadline span+span{font-size:13px}footer{margin-top:26px}@media(max-width:680px){.atmosphere{background-position:center top;background-size:cover}.edition{width:100%;padding:28px 0}.chapter{padding:0 20px}.logo{width:175px;margin:0 auto 25px}.eyebrow{display:flex;margin-bottom:20px;font-size:8px}h1{font-size:32px}.clock{gap:5px}.unit{width:calc((100% - 42px)/4);max-width:90px}.flip-card{--height:76px;--size:43px}.big-number{--height:130px;--size:108px;width:188px}.colon{line-height:76px}.deadline{font-size:24px}.deadline span+span{font-size:11px}.label{font-size:8px}}@media(max-width:360px){.flip-card{--size:36px}.big-number{--size:108px}.chapter{padding:0 16px}h1{font-size:29px}}
/* Axe de la salle (scène et faisceaux) aligné au centre de la page. */
.atmosphere{background-position:27% center}@media(max-width:680px){.atmosphere{background-position:27% top}}
.atmosphere{background-size:auto max(170svh,120vw);background-position:calc(50% + max(75.3svh,53.15vw)) center}@media(max-width:680px){.atmosphere{background-size:auto 110svh;background-position:calc(50% + 48.72svh) top}}
/* Nouvelle salle symétrique avec lustre central */
.atmosphere{background-image:url("assets/fond-club-lustre-centre.png");background-size:cover;background-position:center top}.atmosphere:after{background:linear-gradient(180deg,#01070450 0%,#01070475 28%,#010704bb 55%,#010704dc 100%);opacity:1}.edition{padding-top:245px;padding-bottom:35px}.chapter{max-width:620px}.logo{width:180px}@media(max-width:680px){.atmosphere{background-size:auto 100svh;background-position:center top}.edition{padding-top:230px;padding-bottom:30px}.logo{width:165px}}
.atmosphere:after{background:linear-gradient(180deg,#0107048c 0%,#010704a0 28%,#010704c9 55%,#010704e6 100%)}
/* Logo agrandi et hiérarchie du titre anniversaire */
.logo{width:250px;margin-bottom:25px}.anniversary{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:none}.anniversary-number{display:block;font-size:clamp(100px,12vw,140px);line-height:.95;letter-spacing:.015em;color:#e6c58b}.anniversary-text{display:block;font-size:clamp(24px,3.2vw,34px);line-height:1.2;letter-spacing:.055em}@media(max-width:680px){.logo{width:225px;margin-bottom:24px}.anniversary-number{font-size:110px}.anniversary-text{font-size:26px}}@media(max-width:360px){.logo{width:205px}.anniversary-text{font-size:23px}}
/* Titre sur une seule ligne, 40 plus grand */
.anniversary{flex-direction:row;justify-content:center;align-items:baseline;gap:14px;white-space:nowrap}.anniversary-number{font-size:clamp(76px,10vw,112px)}.anniversary-text{font-size:clamp(23px,3vw,32px);letter-spacing:.025em}@media(max-width:680px){.anniversary{gap:9px}.anniversary-number{font-size:clamp(58px,17vw,86px)}.anniversary-text{font-size:clamp(17px,4.9vw,25px);letter-spacing:0}}
/* Titre équilibré : même taille pour le 40 et la suite */
.anniversary{gap:12px}.anniversary-number,.anniversary-text{font-size:clamp(30px,4.5vw,46px);line-height:1.15;letter-spacing:.025em}@media(max-width:680px){.anniversary{gap:8px}.anniversary-number,.anniversary-text{font-size:clamp(23px,6.3vw,34px);line-height:1.15;letter-spacing:0}}
/* Chiffres alignés sur les capitales, plutôt que chiffres elzéviriens. */
h1,.anniversary-number,.anniversary-text,.deadline{font-family:"Times New Roman","Liberation Serif",Times,serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.anniversary-number,.anniversary-text{font-weight:400;font-size:clamp(30px,4.5vw,46px);line-height:1.15;letter-spacing:.025em}@media(max-width:680px){.anniversary-number,.anniversary-text{font-size:clamp(23px,6.3vw,34px);letter-spacing:0}}
/* Composition plus compacte et libellés lisibles */
.edition{padding:24px 0;min-height:100svh}.eyebrow{margin-bottom:12px}.logo{width:220px;margin-bottom:17px}.anniversary{gap:10px}header p{margin:10px auto 18px}.final-title{font-size:14px}.big-number{--height:118px;--size:98px;width:176px;margin-top:10px}.evening-label{font-size:14px;letter-spacing:.17em;margin-top:12px}.divider{margin:18px auto}.unit{gap:10px}.label{font-size:13px;letter-spacing:.1em}.deadline{margin-top:20px;font-size:25px}.deadline span+span{margin-top:5px}footer{margin-top:20px;padding-top:14px}footer nav{gap:14px}footer nav a{padding:11px 16px}footer p{margin-top:10px;font-size:11px}footer .vip{font-size:13px;color:#e4d8c1;margin-top:12px}footer .vip a{display:inline;padding:0;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:inherit;font-family:inherit;letter-spacing:0;text-transform:none;color:#efdb9c;white-space:nowrap}footer .vip a:hover{text-decoration:underline;background:none}@media(max-width:680px){.edition{padding:18px 0}.chapter{padding:0 16px}.eyebrow{margin-bottom:10px}.logo{width:185px;margin-bottom:16px}.anniversary-number,.anniversary-text{font-size:clamp(23px,6.3vw,34px)}header p{font-size:11px;margin:9px auto 18px}.final-title{font-size:13px}.big-number{--height:106px;--size:90px;width:164px}.evening-label{font-size:13px;margin-top:10px}.divider{margin:16px auto}.flip-card{--height:66px;--size:39px}.big-number{--height:106px;--size:90px}.colon{line-height:66px}.label{font-size:10px;letter-spacing:.035em}.unit{gap:9px}.deadline{margin-top:18px;font-size:22px}.deadline span+span{font-size:11px}footer{margin-top:18px;padding-top:12px}footer nav a{font-size:10px;padding:10px 8px}footer p{font-size:10px;margin-top:9px}footer .vip{font-size:12px;margin-top:10px}}@media(max-width:360px){.logo{width:165px}.label{font-size:9px}.flip-card{--size:35px}.big-number{--size:90px}}
/* Numéro VIP sans cadre, y compris la détection automatique iOS. */
footer .vip a,footer a[href^="tel:"],a[x-apple-data-detectors]{display:inline!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;padding:0!important;min-width:0!important;border-radius:0!important;text-decoration:none;color:inherit;font:inherit;letter-spacing:inherit}footer .vip a{color:#efdb9c!important}
@media(max-width:680px){.edition{min-height:0;padding:10px 0 14px}.eyebrow{margin-bottom:7px;font-size:7px}.logo{width:155px;margin-bottom:12px}.anniversary-number,.anniversary-text{font-size:clamp(22px,6.1vw,30px)}header p{margin:7px auto 12px;font-size:10px}.final-title{font-size:12px}.big-number{--height:92px;--size:78px;width:150px;margin-top:8px}.evening-label{font-size:12px;margin-top:8px}.divider{margin:12px auto}.flip-card{--height:59px;--size:35px}.big-number{--height:92px;--size:78px}.colon{line-height:59px}.unit{gap:7px}.label{font-size:10px}.deadline{margin-top:13px;font-size:21px}.deadline span+span{margin-top:3px;font-size:10px}footer{margin-top:13px;padding-top:10px}footer nav a{padding:9px 8px}footer p{margin-top:7px}footer .vip{margin-top:7px;font-size:11px}}
@media(max-width:680px) and (max-height:740px){.logo{width:140px;margin-bottom:9px}.edition{padding-top:8px;padding-bottom:10px}header p{margin-bottom:10px}.divider{margin:10px auto}}