.site-header{position:sticky;top:0;z-index:30;height:104px;min-height:104px;background:#edf0f5e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #fff9}.site-header .viewfinder-nav{position:relative;gap:5px;border-radius:21px;padding:7px;background:linear-gradient(135deg,#fff9,#f7f9ffe8);border:1px solid #fff;box-shadow:0 3px 3px #fff8,inset 0 -1px 2px #9aafcf20,0 10px 35px #18355e08}.viewfinder-nav:before{content:'';position:absolute;top:-5px;left:25px;width:25px;height:5px;background:#fff;border-radius:5px 5px 0 0}.nav-camera{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:58px;align-self:stretch;border-right:1px solid #c6d1e64d;margin-right:4px;color:#253858}.nav-camera svg{width:26px;height:26px;transition:transform .6s}.nav-camera small{font:600 5px Manrope,sans-serif;letter-spacing:1.4px;color:#7287a6}.viewfinder-nav:hover .nav-camera svg{transform:rotate(-8deg)}.site-header .viewfinder-link,.site-header nav>a[href="#fonctionnement"]{display:flex;align-items:center;gap:8px;position:relative;min-height:50px;padding:9px 13px;border-radius:13px;color:#56657b;transition:background .25s,color .25s,box-shadow .25s}.nav-icon{display:block;width:20px;height:20px;flex-shrink:0;color:#6d85af}.nav-icon svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.nav-caption{display:flex;flex-direction:column;gap:2px}.nav-caption small{font:500 6px Manrope,sans-serif;letter-spacing:1.6px;color:#8c9bb2}.nav-caption>span{font:500 9px Manrope,sans-serif;white-space:nowrap}.site-header .viewfinder-link:hover,.site-header .viewfinder-link[aria-current=location]{background:#e6edff;color:var(--accent);box-shadow:inset 0 0 0 1px #2854f514}.viewfinder-link:hover .nav-icon svg{transform:rotate(-12deg) scale(1.08)}.viewfinder-link[aria-current=location] .nav-icon,.viewfinder-link:hover .nav-icon{color:var(--accent)}.nav-active-dot{position:absolute;bottom:4px;right:8px;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:0}.viewfinder-link[aria-current=location] .nav-active-dot{opacity:1}.site-header .nav-book{margin-left:6px;border-radius:14px;min-height:50px;background:var(--accent);border-color:var(--accent);padding:14px 19px;gap:18px;font-size:10px}.site-header .nav-book:hover{background:var(--accent-hover)}.header-book-mobile,#nav-menu-toggle{display:none}.chapter-transition{position:fixed;inset:0;z-index:100;display:none;pointer-events:none;overflow:hidden;background:var(--accent);color:#fff;clip-path:circle(0% at 50% 50%);contain:paint}.chapter-transition.is-active{display:block}.transition-mark{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:17px}.transition-mark svg{width:55px;height:55px;stroke-width:.8;opacity:.9}.transition-mark>span{font:500 clamp(28px,4vw,50px)/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.6px}.transition-mark small{font:500 6px Manrope,sans-serif;letter-spacing:2.1px;color:#dce6ff}.transition-reticle{position:absolute;top:50%;left:50%;width:min(65vw,650px);height:min(40vw,370px);transform:translate(-50%,-50%)}.transition-reticle span{position:absolute;width:22px;height:22px;border-color:#ffffff45;border-style:solid}.transition-reticle span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.transition-reticle span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.transition-reticle span:nth-child(3){bottom:0;right:0;border-width:0 1px 1px 0}.transition-reticle span:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}.transition-orbit{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90vmax;height:90vmax;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.section-arriving{animation:section-arrival .7s cubic-bezier(.2,.7,.3,1) both}@keyframes section-arrival{from{opacity:.3;transform:translateY(24px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:761px) and (max-width:1100px){.site-header{padding-inline:3%;gap:15px}.site-header .viewfinder-link{padding:8px 9px;gap:6px}.nav-caption>span{font-size:8px}.nav-icon{width:17px;height:17px}.nav-camera{width:40px}.nav-camera small{font-size:4px;letter-spacing:1px}.site-header .nav-book{padding-inline:14px;font-size:9px;gap:13px}.brand-name{font-size:8px}.monogram{font-size:43px}.brand{gap:12px}}
@media(min-width:761px) and (max-width:860px){.nav-camera{display:none}.site-header .viewfinder-link{padding-inline:8px}.nav-icon{width:16px;height:16px}.nav-caption>span{font-size:7px}.site-header .nav-book{padding-inline:12px;gap:10px}}
@media(max-width:760px){.site-header{height:82px;min-height:82px;padding:16px 5%;gap:12px;justify-content:start}.site-header .brand{margin-right:auto;gap:9px}.site-header .monogram{font-size:39px}.site-header .brand-name{font-size:7px;letter-spacing:.7px}#nav-menu-toggle{display:flex;gap:7px;align-items:center;justify-content:center;background:#f8faff;border:1px solid #bbcbe554;border-radius:12px;color:#344c72;padding:11px 10px;min-height:43px;font:500 8px Manrope,sans-serif;cursor:pointer}#nav-menu-toggle svg{width:21px;height:21px;color:var(--accent)}#nav-menu-toggle[aria-expanded=true]{background:#e0e9ff;border-color:#aac0fa}.header-book-mobile{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;border-radius:12px;padding:12px 13px;min-height:43px;font:600 9px Manrope,sans-serif}.header-book-mobile span{font:18px 'Space Grotesk',Arial,sans-serif}.site-header .viewfinder-nav{position:absolute;left:5%;right:5%;top:calc(100% + 8px);padding:14px;border-radius:18px;background:#f7f9fff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #fff;display:grid;grid-template-columns:1fr 1fr;gap:9px;box-shadow:0 20px 60px #1a365c30}.site-header .viewfinder-nav[hidden]{display:none}.viewfinder-nav:before{display:none}.nav-camera{display:none}.site-header .viewfinder-nav>a:not(.button){display:flex;min-height:69px;padding:13px 12px;gap:10px;border:1px solid #d5dff050;background:#eef2fa;border-radius:11px}.nav-caption small{font-size:6px}.nav-caption>span{font-size:10px;white-space:normal;line-height:1.5}.nav-icon{width:24px;height:24px}.site-header .viewfinder-nav .nav-book{grid-column:1/-1;display:flex;min-height:47px;margin:5px 0 0;border-radius:11px;justify-content:space-between;font-size:11px;padding-inline:18px}.site-header .viewfinder-nav .viewfinder-link[aria-current=location]{background:#dfe8ff;border-color:#afc3f6}.transition-mark>span{font-size:31px;letter-spacing:-1.2px}.transition-mark svg{width:43px;height:43px}.transition-mark small{font-size:5px;letter-spacing:1.2px}.transition-reticle{width:80vw;height:55vw}.transition-reticle span{width:16px;height:16px}}
@media(max-width:360px){.site-header .brand-name{display:none}#nav-menu-toggle{font-size:8px}.site-header .brand{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.chapter-transition{display:none!important}.section-arriving{animation:none!important}.nav-icon svg,.nav-camera svg{transition:none!important;transform:none!important}}
@media(min-width:1101px){.nav-caption>span{font-size:11px}.nav-caption small{font-size:6.5px}.site-header .viewfinder-link{gap:9px;padding-inline:14px}.nav-camera{width:61px}.nav-camera svg{width:29px;height:29px}}