/* Pages secondaires de navestudio.ch (mêmes jetons que l'accueil) */
@font-face{font-family:'Gloock';font-weight:400;font-display:swap;src:url(/fonts/gloock-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:400;font-display:swap;src:url(/fonts/hanken-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:600;font-display:swap;src:url(/fonts/hanken-600.woff2) format('woff2')}
:root{
  --cadran:#EEF0F2; --blanc:#FAFBFC; --nuit:#14213D; --gabarit:#C9CDD2; --gabtxt:#5F6670;
  --bleui:#2E3A9E; --rubis:#B0123A; --trait:#D5D9DE;
  --titre:'Gloock',Georgia,'Times New Roman',serif;
  --texte:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--cadran); color:var(--nuit); font-family:var(--texte); font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased}
a{color:var(--bleui); text-underline-offset:4px}
:focus-visible{outline:3px solid var(--bleui); outline-offset:3px}
.cadre{width:min(760px,100% - 32px); margin-inline:auto}
.barre{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; width:min(1180px,100% - 32px); margin-inline:auto}
.marque{font-family:var(--titre); font-size:1.5rem; color:var(--nuit); text-decoration:none; line-height:1}
.barre a.retour{color:var(--nuit); font-weight:600; text-decoration:none}
.barre a.retour:hover{color:var(--bleui)}
main{padding:clamp(32px,6vw,72px) 0 clamp(64px,9vw,112px)}
h1,h2{font-family:var(--titre); font-weight:400; margin:0; text-wrap:balance}
h1{font-size:clamp(2.4rem,6vw,4rem); line-height:1.02}
h2{font-size:clamp(1.45rem,3vw,1.9rem); line-height:1.15; margin-top:48px}
p,ul{margin:14px 0 0; max-width:64ch}
ul{padding-left:1.2em}
li+li{margin-top:6px}
.date{color:var(--gabtxt); margin-top:16px}
.encart{background:var(--blanc); border:1px solid var(--trait); border-radius:12px; padding:18px 20px; margin-top:20px}
.encart p:first-child{margin-top:0}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 26px; border-radius:999px; font:600 1.02rem/1 var(--texte); text-decoration:none; background:var(--rubis); color:#fff}
.btn:hover{background:#8F0E2F}
footer{width:min(1180px,100% - 32px); margin-inline:auto; padding:26px 0 36px; border-top:1px solid var(--trait); color:var(--gabtxt); font-size:.9rem; display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between}
footer nav{display:flex; gap:20px}
footer a{color:var(--gabtxt)}