@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap');
/* The header reads as two chapters and an invitation. */
.site-header{height:150px}
.site-header #site-nav.nav-signature{gap:29px;align-items:center;margin-left:auto}
.site-header #site-nav .nav-chapter{display:flex;flex-direction:row;gap:12px;align-items:center;padding:12px 0;color:#493a2c;transition:transform .25s}
.site-header #site-nav .nav-chapter:after{display:none}
.site-header #site-nav .nav-chapter-number{display:grid;place-items:center;width:35px;height:42px;border:1px solid #c5af91;border-radius:50%;font:italic 500 16px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0;color:#967750;transform:rotate(-13deg);transition:background .25s,color .25s,border-color .25s}
.site-header #site-nav .nav-chapter-copy{display:flex;flex-direction:column;gap:3px;color:inherit;letter-spacing:0}
.site-header #site-nav .nav-chapter-copy small{font:500 8px/1.4 var(--font);letter-spacing:1.6px;color:#927a5b}
.site-header #site-nav .nav-chapter-copy strong{font:500 29px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.4px;white-space:nowrap}
.site-header #site-nav .nav-chapter:hover{transform:translateY(-2px)}
.site-header #site-nav .nav-chapter:hover .nav-chapter-number{background:#493a2c;color:#fff5e5;border-color:#493a2c}
.site-header #site-nav .nav-chapter:hover strong{color:#947455}
.site-header #site-nav a:focus-visible{outline:2px solid #967750;outline-offset:6px}
@media(min-width:1381px) and (max-width:1250px){
 .site-header #site-nav.nav-signature{gap:20px}
 .site-header #site-nav .nav-chapter{gap:9px}
 .site-header #site-nav .nav-chapter-number{width:29px;height:36px;font-size:14px}
 .site-header #site-nav .nav-chapter-copy strong{font-size:25px}
 .site-header #site-nav .nav-chapter-copy small{font-size:7px;letter-spacing:1px}
}
@media(max-width:1380px){
 .site-header{height:115px}
 .site-header .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid #c8b99f;border-radius:50%;margin-left:auto;width:49px;height:49px;padding:12px;color:#6c5033}
 .site-header .menu-toggle>span{width:22px;height:1px;background:currentColor;transition:transform .2s}
 .site-header .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .site-header .menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .site-header #site-nav.nav-signature{display:none;position:absolute;top:104px;left:0;right:0;margin:0;background:#f7f2e9;border:1px solid #d6c7b0;border-radius:2px 2px 30px 2px;padding:28px;gap:22px;z-index:30;box-shadow:0 16px 30px #493a2c10}
 .site-header #site-nav.nav-signature.open{display:flex;flex-direction:column;align-items:stretch}
 .site-header #site-nav .nav-chapter{gap:18px;padding:5px 0 21px;border-bottom:1px solid #ddd0bb}
 .site-header #site-nav .nav-chapter-number{width:37px;height:43px;font-size:17px}
 .site-header #site-nav .nav-chapter-copy strong{font-size:33px}
 .site-header #site-nav .nav-chapter-copy small{font-size:8px;letter-spacing:1.4px}
}
@media(prefers-reduced-motion:reduce){.site-header #site-nav a,.site-header #site-nav .nav-chapter-number{transition:none}.site-header #site-nav .nav-chapter:hover{transform:none}.site-header #site-nav .nav-reserve:hover{transform:rotate(-3deg)}}

/* A restrained reservation link, aligned with the chapter navigation. */
.site-header #site-nav .nav-reserve{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:22px;width:202px;flex:0 0 202px;height:55px;margin:0 0 0 13px;padding:16px 21px;border:1px solid #ad9270;border-radius:2px;background:transparent;color:#493a2c;transform:none;box-shadow:none;transition:background .2s,color .2s,border-color .2s}
.site-header #site-nav .nav-reserve:before{display:none}
.site-header #site-nav .nav-reserve-copy{display:block;font-size:inherit;letter-spacing:0;color:inherit}
.site-header #site-nav .nav-reserve-copy strong{font:500 13px/1.4 var(--font);letter-spacing:.1px;white-space:nowrap}
.site-header #site-nav .nav-reserve-arrow{font:400 19px/1 var(--font);letter-spacing:0;color:#947455}
.site-header #site-nav .nav-reserve:hover{background:#493a2c;color:#fff8eb;border-color:#493a2c;transform:none;box-shadow:none}
.site-header #site-nav .nav-reserve:hover .nav-reserve-arrow{color:#d5bc9b}
@media(min-width:1381px) and (max-width:1250px){.site-header #site-nav .nav-reserve{width:187px;flex-basis:187px;padding:15px 18px;gap:16px;margin-left:6px;height:53px}}
@media(max-width:1380px){.site-header #site-nav .nav-reserve{align-self:stretch;width:100%;flex:0 0 auto;margin:2px 0 0;padding:17px 20px;height:57px}.site-header #site-nav .nav-reserve-copy strong{font-size:14px}}

/* Contact is an envelope, outside the numbered chapters. */
.site-header #site-nav .nav-contact{display:flex;align-items:center;gap:9px;padding:12px 0;color:#806243;border:0;background:none}
.site-header #site-nav .nav-contact .contact-envelope{width:27px;height:23px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.site-header #site-nav .nav-contact>span{font:500 12px/1.4 var(--font);letter-spacing:.2px}
.site-header #site-nav .nav-contact:hover{color:#493a2c}
@media(max-width:1380px){
 .site-header #site-nav .nav-contact{padding:3px 0 19px;border-bottom:1px solid #ddd0bb;gap:18px}
 .site-header #site-nav .nav-contact .contact-envelope{width:37px;height:29px}
 .site-header #site-nav .nav-contact>span{font-size:16px}
}

@media(min-width:1381px) and (max-width:1550px){.site-header #site-nav.nav-signature{gap:18px}.site-header #site-nav .nav-chapter{gap:8px}.site-header #site-nav .nav-chapter-number{width:27px;height:35px;font-size:14px}.site-header #site-nav .nav-chapter-copy strong{font-size:25px}.site-header #site-nav .nav-chapter-copy small{font-size:7px;letter-spacing:1px}.site-header #site-nav .nav-reserve{width:178px;flex-basis:178px;margin-left:0;padding:15px;gap:12px}.site-header .brand-logo{width:165px;flex-shrink:0}}
@media(min-width:1381px) and (max-width:1250px){.site-header #site-nav.nav-signature{gap:13px}.site-header #site-nav .nav-chapter-number{display:none}.site-header #site-nav .nav-chapter-copy strong{font-size:24px}.site-header .brand-logo{width:150px}}

@media(min-width:1381px) and (max-width:1650px){.site-header #site-nav.nav-signature{gap:12px}.site-header #site-nav .nav-chapter{gap:6px}.site-header #site-nav .nav-chapter-copy strong{font-size:23px}.site-header #site-nav .nav-chapter-copy small{font-size:8px;letter-spacing:.7px}.site-header #site-nav .nav-chapter-number{width:23px;height:32px;font-size:13px}.site-header #site-nav .nav-contact{gap:5px}.site-header #site-nav .nav-contact>span{font-size:12px}.site-header #site-nav .nav-reserve{width:160px;flex-basis:160px;padding:13px 12px;gap:7px}.site-header #site-nav .nav-reserve-copy strong{font-size:12px}.site-header .brand-logo{width:145px}}

#futurs-univers{scroll-margin-top:35px}

/* Use the space between the wordmark and the final invitation, rather than
   packing every link at the right edge of the header. */
@media(min-width:1381px){
 .site-header{gap:clamp(34px,3.5vw,76px)}
 .site-header .brand-logo{width:180px;flex:0 0 180px}
 .site-header #site-nav.nav-signature{flex:1;min-width:0;margin-left:0;display:flex;justify-content:space-between;gap:clamp(20px,1.8vw,42px)}
 .site-header #site-nav .nav-chapter{gap:11px;flex:0 0 auto}
 .site-header #site-nav .nav-chapter-number{width:30px;height:39px;flex:0 0 30px;font-size:15px}
 .site-header #site-nav .nav-chapter-copy{gap:5px}
 .site-header #site-nav .nav-chapter-copy small{font-size:8px;letter-spacing:1px}
 .site-header #site-nav .nav-chapter-copy strong{font-size:clamp(24px,1.6vw,29px)}
 .site-header #site-nav .nav-contact{flex:0 0 auto;gap:10px;margin-left:5px}
 .site-header #site-nav .nav-contact>span{font-size:13px}
 .site-header #site-nav .nav-contact .contact-envelope{width:27px;height:23px}
 .site-header #site-nav .nav-reserve{flex:0 0 clamp(170px,11vw,202px);width:clamp(170px,11vw,202px);height:58px;margin:0 0 0 7px;padding:16px 18px;gap:15px}
 .site-header #site-nav .nav-reserve-copy strong{font-size:13px}
 .site-header .menu-toggle{display:none}
}
@media(min-width:1381px) and (max-width:1550px){
 .site-header{gap:28px}
 .site-header .brand-logo{width:180px;flex-basis:180px}
 .site-header #site-nav.nav-signature{gap:20px}
 .site-header #site-nav .nav-chapter{gap:8px}
 .site-header #site-nav .nav-chapter-number{width:25px;height:35px;flex-basis:25px;font-size:14px}
 .site-header #site-nav .nav-chapter-copy strong{font-size:24px}
 .site-header #site-nav .nav-chapter-copy small{font-size:7px;letter-spacing:.7px}
 .site-header #site-nav .nav-reserve{flex-basis:170px;width:170px;padding:14px;gap:10px;margin-left:0}
 .site-header #site-nav .nav-contact{margin-left:0;gap:7px}
 .site-header #site-nav .nav-contact>span{font-size:12px}
}