*{box-sizing:border-box}html{min-height:100%;background:#10282c}body{margin:0;color:#f8f5e9;font-family:"DM Sans",Arial,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 85% 8%,#2a5554 0,transparent 50%),linear-gradient(140deg,#10282c,#132e32 68%,#183b40);z-index:-1}.teaser{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;max-width:1680px;margin:auto;overflow:hidden;padding:26px clamp(22px,5vw,90px) 20px}.ambient{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.ambient-1{width:450px;height:450px;background:#e6a38c;opacity:.06;filter:blur(75px);top:20%;right:0}.ambient-2{width:250px;height:250px;border:1px solid #ffffff10;right:5%;top:8%}.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand img{width:91px;height:69px;object-fit:contain;background:#f6f0e5;border-radius:12px;padding:5px}.brand>span{font:800 clamp(13px,1.4vw,16px)/1.2 Manrope,sans-serif;letter-spacing:.12em}.brand small{display:block;font:600 10px/2 "DM Sans",sans-serif;letter-spacing:.16em;color:#bbcdc9}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(35px,5vw,100px);padding:45px 0 60px}.intro{max-width:780px}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:#f3b8a7;display:flex;align-items:center;gap:11px}.pulse{height:8px;width:8px;background:#efb29c;border-radius:50%;box-shadow:0 0 0 5px #efb29c25}.overline{margin:40px 0 5px;font-size:clamp(15px,1.6vw,20px);font-weight:500;color:#b8ccc9}h1{font:800 clamp(49px,5.8vw,98px)/1.07 Manrope,sans-serif;letter-spacing:-.075em;margin:0 0 22px}h1 em{color:#f2b8a2;font-style:normal}.description{font-size:clamp(15px,1.35vw,19px);line-height:1.8;max-width:540px;color:#d0dedb;margin:0 0 40px}.date{display:flex;align-items:center;gap:24px;width:max-content;max-width:100%;border-top:1px solid #ffffff4a;border-bottom:1px solid #ffffff4a;padding:10px 0}.numbers{font:800 clamp(54px,7.4vw,110px)/1.1 Manrope,sans-serif;letter-spacing:-.07em;white-space:nowrap}.numbers span{font-weight:400;color:#f2b8a2;font-size:.6em;vertical-align:.13em}.date-side{display:flex;flex-direction:column;border-left:1px solid #ffffff3a;padding-left:24px}.date-side strong{font:800 clamp(24px,3vw,46px)/1.1 Manrope,sans-serif;letter-spacing:.06em}.date-side b{font:500 clamp(21px,2.5vw,38px)/1.35 Manrope,sans-serif;letter-spacing:.15em;color:#f2b8a2}.date-caption{letter-spacing:.17em;color:#d6e0dc;font-size:11px;font-weight:700;margin:16px 0 37px}.coming{display:flex;align-items:center;gap:15px;color:#a7c1bc;font-size:13px;letter-spacing:.02em}.line{height:1px;width:36px;background:#f2b8a2}.image-column{position:relative;min-width:0}.photo{height:clamp(350px,48vw,590px);margin:0;border-radius:260px 260px 20px 20px;overflow:hidden;box-shadow:25px 35px 100px #07191c99;background:#34575d}.photo img{height:100%;width:100%;object-fit:cover;object-position:center}.image-tag{position:absolute;right:-12px;bottom:30px;transform:rotate(-7deg);background:#f2b8a2;color:#153238;padding:16px 24px;font:800 12px Manrope,sans-serif;letter-spacing:.1em;box-shadow:0 15px 30px #0004}.image-tag span{padding:0 5px}footer{border-top:1px solid #ffffff27;display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#a4beb9}@media(max-width:900px){.hero{gap:25px}.photo{height:420px}h1{font-size:clamp(46px,6vw,70px)}.numbers{font-size:clamp(55px,6.7vw,75px)}}@media(max-width:700px){.teaser{padding:16px 23px 20px}.brand img{width:70px;height:54px}.brand>span{font-size:11px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;padding:35px 0 42px;gap:40px}.overline{margin-top:30px}h1{font-size:clamp(45px,10.2vw,72px)}.description{margin-bottom:24px}.numbers{font-size:clamp(53px,12vw,90px)}.date-side strong{font-size:clamp(23px,6vw,40px)}.date-side b{font-size:clamp(23px,5vw,33px)}.date{gap:14px}.date-side{padding-left:14px}.date-caption{line-height:1.8}.photo{height:260px;border-radius:140px 140px 15px 15px}.image-tag{font-size:9px;padding:12px;right:0;bottom:15px}footer{font-size:9px;line-height:1.6;flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 2.7s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #efb29c10}}}

/* Teasing : le logo remplace la photographie d’archive */
.logo-display{margin:0;padding:clamp(18px,3vw,42px);min-height:clamp(350px,42vw,540px);border:1px solid #ffffff20;border-radius:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f9f2e7,#e9e0d1);box-shadow:25px 35px 100px #07191c80;}
.logo-display img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;}
@media(max-width:700px){.logo-display{min-height:270px;border-radius:20px;padding:20px}.logo-display img{max-height:310px}}

.history-nav{margin-left:auto;align-self:center;color:#f3c0ac;border:1px solid #ffffff55;border-radius:999px;padding:13px 20px;text-decoration:none;font-size:12px;letter-spacing:.04em;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.history-nav:hover,.history-nav:focus-visible{background:#f3c0ac;color:#153238}.history-section{scroll-margin-top:30px;border-top:1px solid #ffffff3a;padding:clamp(55px,8vw,105px) 0 clamp(65px,8vw,110px);display:grid;grid-template-columns: .88fr 1.12fr;gap:clamp(28px,6vw,110px)}.history-kicker{font-weight:700;font-size:11px;letter-spacing:.2em;color:#f3b8a7}.history-heading h2{font:800 clamp(48px,5.4vw,82px)/1.13 Manrope,sans-serif;letter-spacing:-.065em;margin:23px 0}.history-heading em{font-style:normal;color:#f2b8a2}.history-content p{font-size:clamp(15px,1.3vw,18px);line-height:1.85;margin:0 0 24px;color:#d6e4e0}.history-source{color:#f2b8a2;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;border-bottom:1px solid currentColor;padding:0 0 7px;margin-top:9px}.history-source:hover{text-decoration:underline}@media(max-width:700px){.history-nav{padding:9px 11px;font-size:10px}.history-section{grid-template-columns:1fr;gap:5px;padding:55px 0}.history-heading h2{margin:15px 0}.history-content p{font-size:15px}}


/* Navigation compatible Safari / iOS */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
.brand{display:flex;flex-wrap:wrap;row-gap:12px}
.history-nav,.practical-nav{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;text-decoration:none!important;border:1px solid rgba(255,255,255,.46);border-radius:999px;background-color:rgba(255,255,255,.04);color:#f3c0ac;-webkit-tap-highlight-color:transparent;line-height:1.25;text-align:center;font-family:inherit;font-size:12px;font-weight:700;padding:11px 19px;white-space:normal;transition:background-color .18s ease,color .18s ease}
.history-nav{margin-left:auto}.practical-nav{margin-left:0}
.history-nav:hover,.practical-nav:hover,.history-nav:focus-visible,.practical-nav:focus-visible{background-color:#f3c0ac;color:#153238;outline-offset:4px}
.archive-figure{margin:26px 0 0;max-width:440px}.archive-figure img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;object-position:center 40%;border-radius:16px;filter:grayscale(100%)}.archive-figure figcaption{margin-top:10px;color:#a7c1bc;font-size:12px;line-height:1.6}
.practical-section{border-top:1px solid rgba(255,255,255,.24);padding:clamp(55px,8vw,100px) 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,100px);scroll-margin-top:25px}
.practical-intro h2{font:800 clamp(45px,5.3vw,78px)/1.12 Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0 24px}.practical-intro h2 em{font-style:normal;color:#f2b8a2}.practical-intro p{max-width:480px;color:#d6e4e0;line-height:1.85;font-size:clamp(15px,1.3vw,18px)}
.location-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;margin-top:15px;border-radius:6px;color:#143236;background:#f2b8a2;padding:12px 18px;text-decoration:none;font-weight:800;line-height:1.4}.location-link:hover,.location-link:focus-visible{background:#fff1df}
.practical-details>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22);display:grid;gap:9px}.practical-details>div:first-child{border-top:1px solid rgba(255,255,255,.22)}.practical-details span{font-size:11px;letter-spacing:.13em;font-weight:700;color:#f2b8a2}.practical-details strong{font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.5;color:#f6f6ee}
@media(max-width:900px){.brand{column-gap:10px}.history-nav{margin-left:auto}}
@media(max-width:700px){.brand{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:12px;align-items:center}.brand img{grid-column:1;grid-row:1}.brand>span{grid-column:2;grid-row:1}.history-nav,.practical-nav{margin:6px 0 0;grid-row:2;padding:10px 12px;font-size:12px;min-width:0}.history-nav{grid-column:1 / 3;justify-self:stretch;grid-row:2}.practical-nav{grid-column:1 / 3;justify-self:stretch;grid-row:3;margin-top:0}.practical-section{grid-template-columns:1fr;gap:28px}.archive-figure{max-width:100%}.archive-figure img{max-height:390px;object-fit:cover}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
