/* A compact header opens the same photographic navigation on every device. */
.site-header{border:0;background:var(--paper);--header:84px}
.site-header.is-scrolled,.single .site-header.is-scrolled{background:var(--paper);box-shadow:0 1px 0 #17171712}
.header-inner{min-height:84px;gap:24px}
.identity{gap:12px;font-size:16px;font-weight:500}
.brand-mark{width:29px;height:29px}
.site-header #primary-nav{gap:29px;display:flex;align-items:center;position:static;padding:0;border:0;box-shadow:none;background:transparent}
.site-header #primary-nav>a{font-size:14px;min-height:48px}
.site-header #primary-nav>.search-toggle{width:48px;height:48px;margin:0}
.site-header #primary-nav .search-toggle:after{display:none}
.site-header #primary-nav>.header-fallback{display:inline-flex}
.menu-toggle{display:none}
html.js .site-header #primary-nav>.header-fallback{display:none}
html.js .menu-toggle{visibility:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;min-width:112px;padding:0 0 0 25px;border:0;border-left:1px solid #17171724;background:transparent;color:inherit;font:500 14px var(--font);cursor:pointer}
html.has-jv-menu .menu-toggle{visibility:visible}
.menu-glyph{position:relative;width:23px;height:20px;display:block;flex:none}
.menu-glyph i{display:block;position:absolute;right:0;width:23px;height:1.5px;background:currentColor;top:6px;transition:transform 200ms var(--ease-out),width 200ms var(--ease-out)}
.menu-glyph i:last-child{top:13px;width:16px}
.menu-toggle:active .menu-glyph{transform:scale(.95)}
.site-header #primary-nav>a:after{bottom:10px}
.home .site-header:not(.is-scrolled){background:linear-gradient(#0009,#0002);color:#fff}
.home .site-header:not(.is-scrolled) .menu-toggle{border-color:#ffffff50}
.home main#contenu{margin-top:-84px}
.home .feature-story{min-height:100svh;padding-top:114px}
.home .feature-masthead{justify-content:flex-start}
.home .feature-masthead nav{display:none}
.home .feature-masthead>p{font-size:16px;letter-spacing:-.015em}
.home .site-header:not(.is-scrolled) :focus-visible{outline-color:#fff}
.menu-dialog{position:fixed;inset:0;width:100%;height:100%;height:100svh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:#101010;color:#fff;overflow:auto;overscroll-behavior:contain;box-shadow:none}
.menu-dialog::backdrop{background:#101010}
.menu-dialog:not([open]){display:none}
.menu-sheet{display:flex;flex-direction:column;min-height:100%;max-width:1560px;padding:0 var(--gutter);margin-inline:auto}
.menu-top{position:sticky;top:0;z-index:3;background:#101010;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px;flex:none}
.menu-journal{font-size:25px;font-weight:500;letter-spacing:-.04em;min-height:48px;display:flex;align-items:center}
.menu-close{display:flex;align-items:center;gap:26px;min-height:48px;padding:0;border:0;background:none;color:inherit;font:14px var(--font)}
.menu-close .menu-glyph i{top:9px;width:23px;transform:rotate(45deg)}
.menu-close .menu-glyph i:last-child{transform:rotate(-45deg)}
.menu-body{flex:1;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:clamp(45px,8vw,120px);padding-block:38px 48px}
.menu-links{display:flex;flex-direction:column;gap:9px;min-width:0}
.menu-links>a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;min-height:70px;color:#eee;font-size:clamp(34px,4.25vw,66px);font-weight:400;line-height:1.1;letter-spacing:-.045em;transition:color 160ms}
.menu-links>a>span{max-width:19ch;text-wrap:balance}
.menu-links>a>svg{width:30px;height:30px;opacity:0;transform:translate(-10px,10px);transition:transform 180ms var(--ease-out),opacity 180ms}
.menu-links>a[aria-current=page]:before{content:'';position:absolute;left:-20px;top:50%;width:6px;height:6px;border-radius:50%;background:#fff}
.menu-links>a:focus-visible>svg,.menu-links>a.is-selected>svg{opacity:1;transform:none}
.menu-links>a:focus-visible{color:#fff}
.menu-photographs{position:relative;min-width:0;aspect-ratio:.85;max-height:560px;width:100%;overflow:hidden;background:#1d1d1d}
.menu-photographs img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ffffff38;padding-block:26px 30px;flex:none}
.menu-contact{display:inline-flex;align-items:center;gap:24px;min-height:48px;font-size:22px;letter-spacing:-.025em}
.menu-contact svg{width:22px;height:22px}
.menu-bottom>div{display:flex;gap:34px;align-items:center}
.menu-bottom>div>a{font-size:14px;min-height:48px;display:flex;align-items:center}
.menu-dialog :focus-visible{outline:2px solid #fff;outline-offset:6px}
html.menu-is-open{overflow:hidden;scrollbar-gutter:stable}
.menu-dialog[data-motion=pointer][open]{animation:menu-open 320ms var(--ease-out) both}
.menu-dialog[data-motion=pointer].is-closing{animation:menu-close 180ms var(--ease-out) both;pointer-events:none}
@keyframes menu-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes menu-close{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}
@media(hover:hover) and (pointer:fine){
 .menu-toggle:hover .menu-glyph i:last-child{width:23px}
 .menu-links>a:hover{color:#fff}
 .menu-links>a:hover>svg{opacity:1;transform:none}
 .menu-bottom a:hover{text-decoration:underline;text-underline-offset:6px}
}
@media(max-width:1100px){.menu-body{grid-template-columns:1.2fr .8fr;gap:60px}.menu-links>a{font-size:46px}.menu-photographs{aspect-ratio:.75}}
@media(max-width:850px){.menu-body{grid-template-columns:1fr;padding-block:25px 35px}.menu-photographs{display:none}.menu-links>a{font-size:clamp(34px,6.5vw,55px);min-height:75px}.menu-links>a>span{max-width:none}.menu-links>a>svg{opacity:1;transform:none;width:24px;height:24px}.menu-sheet{padding-inline:35px}}
@media(max-width:600px){
 .header-inner{min-height:72px;gap:12px}
 .site-header{--header:72px}
 .identity{gap:9px;font-size:14px}
 .brand-mark{width:26px;height:26px}
 .site-header #primary-nav{gap:8px;flex-wrap:nowrap}
 html.js .site-header #primary-nav>.header-articles{display:none}
 html.js .menu-toggle{min-width:74px;min-height:48px;padding-left:14px;gap:12px;font-size:13px}
 .site-header #primary-nav>.search-toggle{width:40px;height:48px;min-width:40px}
 .search-toggle svg{width:20px;height:20px}
 .menu-glyph{width:19px}.menu-glyph i{width:19px}.menu-glyph i:last-child{width:13px}
 .home main#contenu{margin-top:-72px}
 .home .feature-story{padding-top:96px}
 .menu-sheet{padding-inline:25px}
 .menu-top{min-height:80px;gap:20px}
 .menu-journal{font-size:23px}
 .menu-close{gap:16px;font-size:13px}
 .menu-links{gap:7px}
 .menu-links>a{font-size:clamp(31px,8.9vw,43px);padding-block:14px;min-height:72px;gap:16px;letter-spacing:-.04em}
 .menu-links>a>span{max-width:17ch}
 .menu-links>a[aria-current=page]:before{left:-14px;width:5px;height:5px}
 .menu-links>a>svg{width:21px;height:21px}
 .menu-body{padding-block:20px 30px}
 .menu-bottom{align-items:flex-start;gap:18px;flex-direction:column;padding-block:18px 24px}
 .menu-contact{font-size:23px;gap:20px}
 .menu-bottom>div{gap:28px}.menu-bottom>div>a{font-size:13px;min-height:44px}
 html:not(.js) .header-inner{flex-wrap:wrap}
 html:not(.js) .site-header #primary-nav{width:100%;flex-wrap:wrap;gap:5px 20px}
 html:not(.js) .home main#contenu{margin-top:0}
 html:not(.js) .home .site-header{color:var(--ink);background:var(--paper)}
}
@media(max-height:600px) and (min-width:851px){.menu-top{min-height:70px}.menu-body{padding-block:12px 20px}.menu-links{gap:0}.menu-links>a{font-size:36px;padding-block:8px;min-height:53px}.menu-photographs{max-height:330px}.menu-bottom{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.menu-dialog[open],.menu-dialog.is-closing{animation:none!important}.menu-links>a,.menu-links>a>svg,.menu-glyph i{transition:none}}
@media(forced-colors:active){.menu-dialog{background:Canvas;color:CanvasText}.menu-links>a{color:LinkText}.menu-dialog :focus-visible{outline-color:Highlight}.menu-photographs{display:none}.menu-body{grid-template-columns:1fr}.menu-toggle{border-color:ButtonText}}
@media print{.menu-dialog{display:none!important}.home main#contenu{margin-top:0}}