@font-face{font-family:'Schibsted Grotesk';src:url(/fonts/schibsted-grotesk.woff2) format('woff2');font-weight:500 900;font-display:swap}
@font-face{font-family:'Familjen Grotesk';src:url(/fonts/familjen-grotesk.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Besley';src:url(/fonts/besley.woff2) format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url(/fonts/bodoni-moda.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Jost';src:url(/fonts/jost.woff2) format('woff2');font-weight:400 500;font-display:swap}

:root{
  --ac:#FF5B1F;--ac2:#D93A00;--btn:#D93A00;--acTexte:#C23400;--on:#FFFFFF;
  --glow:rgba(255,91,31,.5);--ring:rgba(255,91,31,.3);--focus:#C23400;
  --bg:#FFFFFF;--ink:#0B0B0C;--mute:#5F5E5A;--panel:#F3F3F1;--card:#FFFFFF;--line:rgba(11,11,12,.09);
  --dark:#0B0B0C;--onDark:#F6F5F2;--navbg:rgba(255,255,255,.72);--glass:rgba(255,255,255,.62);--glassLine:rgba(255,255,255,.85);
  --titre:'Schibsted Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI Variable Display','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --texte:'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --largeur:2400px;--gouttiere:clamp(16px,4vw,80px);
  --serif1:'Besley',Georgia,serif;
  --serif2:'Bodoni Moda',Georgia,serif;
  color-scheme:light;
}
html[data-palette=framboise]{--ac:#E8306B;--ac2:#BF1C50;--btn:#BF1C50;--acTexte:#B0174A;--glow:rgba(232,48,107,.5);--ring:rgba(232,48,107,.3);--focus:#B0174A}
html[data-palette=safran]{--ac:#F5B301;--ac2:#D29600;--btn:#F5B301;--on:#1A1200;--acTexte:#8A5A00;--glow:rgba(245,179,1,.55);--ring:rgba(245,179,1,.35);--focus:#8A5A00}
html[data-fond=nuit]{--bg:#0A0A0B;--ink:#F5F4F1;--mute:#A3A19C;--panel:#151517;--card:#1C1C1F;--line:rgba(255,255,255,.1);--dark:#141416;--onDark:#F6F5F2;--navbg:rgba(14,14,15,.72);--glass:rgba(30,30,34,.62);--glassLine:rgba(255,255,255,.14);--acTexte:#FF7A45;--focus:#FF7A45;color-scheme:dark}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--texte);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
input,select,textarea,button{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:var(--mute);opacity:1}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}

.skip{position:absolute;left:12px;top:-80px;z-index:100;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;transition:top .2s}
.skip:focus{top:12px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:759.98px){.d-only{display:none!important}}
@media (min-width:760px){.m-only{display:none!important}}

[data-btn]{position:relative;overflow:hidden;isolation:isolate;cursor:pointer;background:var(--btn)!important;color:var(--on)!important;transition:transform .18s ease,box-shadow .45s ease,filter .45s ease}
[data-btn]:hover,[data-btn]:focus-visible{box-shadow:0 22px 44px -16px var(--glow),0 0 0 1px rgba(255,255,255,.08) inset,inset 0 -22px 34px -18px rgba(255,170,110,.55)}
[data-btn]:active{transform:translateY(1px) scale(.985);transition-duration:.08s}
[data-sheen]{position:absolute;top:-30%;bottom:-30%;left:0;width:34%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skewX(-18deg) translateX(-200%);transition:transform 0s;pointer-events:none}
[data-btn]:hover [data-sheen],[data-btn]:focus-visible [data-sheen]{transform:skewX(-18deg) translateX(440%);transition:transform .95s cubic-bezier(.2,.7,.2,1)}
[data-btn2]{cursor:pointer;transition:box-shadow .3s ease,border-color .3s ease,transform .18s ease,background .3s ease}
[data-btn2]:hover,[data-btn2]:focus-visible{box-shadow:0 0 0 3px var(--ring);border-color:var(--ac)!important}
[data-btn2]:active{transform:translateY(1px)}

[data-tilt]{transition:transform .5s cubic-bezier(.2,.7,.2,1)}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
[data-reveal][data-in]{opacity:1;transform:none}
html:not(.js) [data-reveal]{opacity:1;transform:none}
[data-run]{animation-play-state:paused!important}
[data-in] [data-run],[data-in][data-run]{animation-play-state:running!important}
html[data-anim=off] *,html[data-anim=off] *::before,html[data-anim=off] *::after{animation:none!important;transition:none!important}
html[data-anim=off] [data-reveal]{opacity:1;transform:none}
html[data-anim=lente] [data-loop]{animation-duration:20s!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pop{0%{opacity:0;transform:scale(.94);box-shadow:0 0 0 0 var(--glow)}45%{opacity:1;box-shadow:0 0 44px 8px var(--glow)}100%{opacity:1;transform:none;box-shadow:0 24px 50px -24px rgba(0,0,0,.35)}}
@keyframes glowPulse{0%,100%{box-shadow:0 10px 30px -12px var(--glow)}50%{box-shadow:0 0 36px 4px var(--glow)}}

.visite{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .45s ease;pointer-events:none}
.visite.est-prete{opacity:1}
.visite-page{position:absolute;left:0;top:0;width:100%;display:block;opacity:0;translate:0 14px;transition:opacity .6s ease,translate .8s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}
.visite-page.est-vue{opacity:1;translate:0 0}
.visite-defile{height:auto}
.visite-charge{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ac);transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}
.visite-charge.passe{animation:visiteCharge .55s cubic-bezier(.3,.7,.3,1)}
@keyframes visiteCharge{0%{transform:scaleX(0);opacity:1}75%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}

@view-transition{navigation:auto}
::view-transition-old(root){animation:vtSort .2s ease-in both}
::view-transition-new(root){animation:vtEntre .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes vtSort{to{opacity:0}}
@keyframes vtEntre{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

.nav-barre{position:fixed;top:14px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 var(--gouttiere);pointer-events:none}
.nav-pilule{pointer-events:auto;box-sizing:border-box;width:100%;max-width:var(--largeur);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px;padding:6px 9px;border-radius:999px;background:var(--navbg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 14px 40px -22px rgba(0,0,0,.4)}
.nav-pilule>.nav-liens{justify-self:center}
.nav-pilule>.nav-menu{justify-self:end}
@media (max-width:759.98px){.nav-pilule{grid-template-columns:auto 1fr auto auto}}
.nav-logo{display:flex;align-items:center;gap:9px;padding-right:10px;min-height:44px;border-radius:12px}
.nav-marque{position:relative;flex:none;width:30px;height:30px;border-radius:9px;background:var(--ac);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px 10px -6px rgba(0,0,0,.3)}
.nav-marque-anneau{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--on)}
.nav-marque-point{position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--on)}
.nav-nom{font-family:var(--titre);font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.nav-liens{display:flex;align-items:center;gap:2px;font-size:14.5px;font-weight:500}
.nav-lien{padding:9px 12px;border-radius:999px;transition:background .25s}
.nav-lien:hover{background:var(--panel)}
.nav-menu{height:44px;padding:0 12px;border-radius:999px;border:0;background:transparent;font-weight:600;font-size:14px;cursor:pointer}
.nav-cta{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14.5px;white-space:nowrap;margin-left:4px}
.nav-panneau{pointer-events:auto;position:fixed;top:74px;left:10px;right:10px;z-index:59;padding:10px;border-radius:28px;background:var(--navbg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 20px 50px -20px rgba(0,0,0,.4);display:flex;flex-direction:column;font-size:17px;font-weight:600}
.nav-panneau a{display:flex;align-items:center;height:50px;padding:0 16px;border-radius:999px}
.nav-panneau a:active{background:var(--panel)}
@media (min-width:760px) and (max-width:1023.98px){
  .nav-pilule>.nav-liens{display:none!important}
  .nav-pilule>.nav-menu{display:inline-flex!important;align-items:center}
  .nav-pilule{grid-template-columns:auto 1fr auto auto}
  .nav-panneau:not([hidden]){display:flex!important;left:var(--gouttiere);right:var(--gouttiere)}
}

.nav-gauche{display:flex;align-items:center;gap:4px}
.nav-accueil{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:14px;white-space:nowrap;transition:border-color .25s,background .25s}
.nav-accueil:hover{border-color:color-mix(in srgb,var(--ink) 35%,transparent);background:var(--panel)}
.nav-lien[aria-current=page]{background:var(--ink);color:var(--bg)}
.nav-barre--etapes{flex-direction:column;align-items:center;gap:8px}
.nav-etapes{pointer-events:auto;display:flex;gap:2px;padding:5px;border-radius:999px;background:var(--navbg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 14px 40px -24px rgba(0,0,0,.35);max-width:100%;overflow-x:auto;scrollbar-width:none}
.nav-etapes::-webkit-scrollbar{display:none}
.nav-etape{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--mute);white-space:nowrap;transition:background .3s,color .3s}
.nav-etape:hover{color:var(--ink)}
.nav-etape i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--panel);color:var(--ink);font-style:normal;font-size:12.5px;font-weight:700;transition:background .3s,color .3s}
.nav-etape.est-active{background:var(--panel);color:var(--ink)}
.nav-etape.est-active i{background:var(--ink);color:var(--bg)}
.nav-etape.est-faite i{background:var(--ac);color:var(--on)}
@media (max-width:1023.98px){.nav-etapes{display:none}.nav-barre--etapes{gap:0}}
@media (max-width:759.98px){.nav-accueil{display:none}}
.nav-droite{display:flex;align-items:center;gap:6px}
.nav-composer{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:14.5px;white-space:nowrap;transition:border-color .25s,background .25s}
.nav-composer:hover{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.nav-composer[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (max-width:1259.98px){.nav-composer{display:none}}
@media (min-width:1180px){
  .nav-pilule{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .nav-pilule>.nav-logo,.nav-pilule>.nav-gauche{justify-self:start}
  .nav-pilule>.nav-droite{justify-self:end}
}


.pg-navwrap{position:fixed;top:14px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 10px;pointer-events:none}
.pg-nav{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--navbg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 14px 40px -22px rgba(0,0,0,.4);max-width:100%}
.pg-logo{display:flex;align-items:center;gap:9px;padding-right:14px;min-height:44px}
.pg-logo__carre{position:relative;flex:none;width:30px;height:30px;border-radius:9px;background:var(--ac);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px 10px -6px rgba(0,0,0,.3)}
.pg-logo__anneau{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--on)}
.pg-logo__point{position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--on)}
.pg-logo__nom{font-family:var(--titre);font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.pg-logo__y{font-weight:800}
.pg-logo__w{font-weight:500;color:var(--mute)}
.pg-nav__btn{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14.5px;white-space:nowrap}
.pg-sur{position:relative;z-index:1}

.pg{display:block}
.pg-texte{box-sizing:content-box;max-width:68ch;margin:0 auto;padding:clamp(116px,11vw,150px) var(--gouttiere) 40px;font-size:16.5px;line-height:1.65}
.pg-tete{padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.pg-h1{margin:0;font-family:var(--titre);font-weight:800;font-size:clamp(37px,4.92vw,62.5px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.pg-texte .pg-date{margin:14px 0 0;font-size:15px;color:var(--mute)}
.pg-sommaire{margin-top:28px;font-size:15px;line-height:1.45}
.pg-sommaire ol{margin:0;padding:0;list-style:none;columns:2 240px;column-gap:32px}
.pg-texte .pg-sommaire li{margin:0;break-inside:avoid}
.pg-texte .pg-sommaire a{display:flex;align-items:center;min-height:36px;color:var(--mute);text-decoration:none;transition:color .2s}
.pg-texte .pg-sommaire a:hover{color:var(--acTexte)}
.pg-texte .pg-intro{margin:0 0 8px;font-size:clamp(17px,1.26vw,18px);line-height:1.55;color:var(--mute)}
.pg-texte h2{margin:48px 0 12px;font-family:var(--titre);font-weight:800;font-size:clamp(20px,1.97vw,23px);line-height:1.15;letter-spacing:-.02em;scroll-margin-top:100px}
.pg-texte p{margin:0 0 14px}
.pg-texte ul{margin:0 0 14px;padding-left:22px}
.pg-texte li{margin:6px 0}
.pg-texte li::marker{color:var(--ac)}
.pg-texte p a,.pg-texte li a{color:var(--acTexte);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.pg-texte strong{font-weight:700}
@media (min-width:1100px){
  .pg-texte{max-width:var(--largeur);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,68ch) minmax(0,.5fr);column-gap:clamp(48px,6vw,140px);align-items:start}
  .pg-sommaire ol{columns:auto}
  .pg-texte>*{grid-column:2}
  .pg-tete{grid-column:1;grid-row:1/span 60;position:sticky;top:116px;margin:0;padding:0;border:0}
  .pg-texte>.pg-tete+*{margin-top:0}
}
@media (min-width:1100px) and (max-height:760px){
  .pg-tete{position:static}
}

.pg-statut{box-sizing:content-box;max-width:var(--largeur);margin:0 auto;padding:clamp(120px,12vw,170px) var(--gouttiere) 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,96px);align-items:center}
.pg-h1--grand{font-size:clamp(40.5px,5.74vw,82px);max-width:13ch}
.pg-chapeau{margin:22px 0 0;max-width:34em;font-size:clamp(17px,1.26vw,19px);line-height:1.5;color:var(--mute)}
.pg-actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.pg-btn{display:inline-flex;align-items:center;height:58px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16.5px}
.pg-btn2{display:inline-flex;align-items:center;height:58px;padding:0 26px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:16px}
.pg-visuel{display:block;margin:0;border-radius:28px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:0 60px 90px -50px rgba(0,0,0,.45)}
.pg-visuel img{display:block;width:100%;height:auto}
.pg-visuel--photo img{aspect-ratio:4/3;object-fit:cover}
.pg-visuel__barre{height:38px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--card)}
.pg-visuel__barre span{width:9px;height:9px;border-radius:50%;background:var(--line)}
a.pg-visuel{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
a.pg-visuel:hover{transform:translateY(-4px)}

.pg-pied{box-sizing:content-box;max-width:var(--largeur);margin:0 auto;padding:clamp(48px,6vw,80px) var(--gouttiere) 48px}
.pg-pied__ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;padding-top:28px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.pg-pied__marque{display:flex;align-items:center;gap:9px}
.pg-pied__carre{position:relative;width:26px;height:26px;border-radius:8px;background:var(--ac);display:inline-flex;align-items:center;justify-content:center}
.pg-pied__anneau{width:12px;height:12px;border-radius:50%;border:2px solid var(--on)}
.pg-pied__point{position:absolute;right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--on)}
.pg-pied__nom{font-family:var(--titre);font-size:15px;color:var(--ink)}
.pg-pied__nom b{font-weight:800}
.pg-pied__liens{display:flex;flex-wrap:wrap;gap:8px 22px}
.pg-pied__liens a{text-decoration:underline;text-underline-offset:3px}
.pg-pied__note{margin:18px 0 0;font-size:13px;color:var(--mute)}

@media (min-width:960px){
  .pg-statut{min-height:calc(100vh - 630px)}
}
@media (max-width:959.98px){
  .pg-statut{grid-template-columns:minmax(0,1fr);align-items:start}
}
@media (max-width:759.98px){
  .pg-logo__w{display:none}
  .pg-texte .pg-sommaire a{min-height:44px}
  .pg-pied__liens a{display:inline-flex;align-items:center;min-height:44px}
  .pg-btn,.pg-btn2{flex:1 1 100%;justify-content:center}
}