/* A shared technical vocabulary, from the navigation to the reading controls. */
body{isolation:isolate}
body>main,body>.footer{position:relative;z-index:1}
.signal-map{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.signal-menu{position:fixed;opacity:.7}
.menu-sheet{position:relative;z-index:1}
.menu-photographs{box-shadow:0 0 0 1px #ffffff15}
.article-meta,.project-kind,.rail-title,.byline time,.card-copy time{font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:12px;letter-spacing:-.015em}
.feature-copy .article-meta{font-size:12px}
.collection-heading h2,.archive-heading h1,.contact-intro h1,.standard-page>h1{position:relative}
.collection-heading h2:after,.archive-heading h1:after,.contact-intro h1:after{content:'';display:inline-block;width:.11em;height:.11em;background:currentColor;margin-left:.12em;vertical-align:baseline;box-shadow:.16em -.16em 0 -.015em currentColor}
.photo-light,.photo-reticle{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:2;will-change:transform;transition:opacity 220ms}
.photo-light{width:340px;height:340px;max-width:none;background:radial-gradient(circle,#ffffff65 0%,#ffffff20 36%,transparent 68%);mix-blend-mode:soft-light;border-radius:50%}
.photo-reticle{width:58px;height:58px;color:#ffffffa8;background:linear-gradient(currentColor,currentColor) top left/12px 1px no-repeat,linear-gradient(currentColor,currentColor) top left/1px 12px no-repeat,linear-gradient(currentColor,currentColor) top right/12px 1px no-repeat,linear-gradient(currentColor,currentColor) top right/1px 12px no-repeat,linear-gradient(currentColor,currentColor) bottom left/12px 1px no-repeat,linear-gradient(currentColor,currentColor) bottom left/1px 12px no-repeat,linear-gradient(currentColor,currentColor) bottom right/12px 1px no-repeat,linear-gradient(currentColor,currentColor) bottom right/1px 12px no-repeat}
.article-art.is-inspected>.photo-light,.article-art.is-inspected>.photo-reticle{opacity:1}
.feature-exposure:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.13;background-image:radial-gradient(#fff .8px,transparent .8px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.feature-exposure:after{content:'';position:absolute;top:0;bottom:0;left:0;width:25%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff12 65%,#ffffff35 99%,transparent);transform:translateX(-105%);animation:signal-exposure 9s linear infinite;mix-blend-mode:screen}
@keyframes signal-exposure{0%,14%{transform:translateX(-105%);opacity:0}16%{opacity:1}65%{transform:translateX(405%);opacity:1}66%,100%{transform:translateX(405%);opacity:0}}
.jv-journal .jvr-controls{background:#171717;color:#fff;border:1px solid #171717;border-radius:0;padding:13px 20px;box-shadow:0 8px 32px #1717170b}
.jv-journal .jvr-label{color:#ddd;font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:12px}
.jv-journal .jvr-options button{color:#ddd;border-radius:0;min-height:48px;transition:background 180ms,color 180ms}
.jv-journal .jvr-options button[aria-pressed=true]{background:#fff;color:#171717;border-color:#fff;box-shadow:none}
.jv-journal .jvr-options button:hover{color:#fff;background:#ffffff15}
.jv-journal .jvr-options button[aria-pressed=true]:hover{color:#171717;background:#fff}
.jv-journal .jvr-options button:focus-visible{outline-color:#fff;outline-offset:3px}
.jv-journal .jvr-check{color:inherit}
.article-toc a{border-left-width:2px;transition:background 160ms,border-color 160ms,color 160ms}
.article-toc a[aria-current=true]{background:#17171706}
.reading-progress{height:2px}
.motion-toggle{font:inherit;color:inherit;padding:0;display:inline-flex;align-items:center;gap:9px;min-height:44px;border:0;background:none;cursor:pointer}
.motion-toggle span{display:block;font-size:10px;line-height:1;width:8px;height:8px;border:1px solid currentColor;border-radius:50%;background:currentColor;color:inherit;overflow:hidden}
.motion-toggle[aria-pressed=false] span{background:none;font-size:0}
.motion-toggle:disabled{cursor:default;opacity:.65}
.motion-toggle:focus-visible{outline-offset:5px}
.menu-bottom .motion-toggle{font-size:13px}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-new(journal-page){animation:signal-page-enter 550ms cubic-bezier(.23,1,.32,1) both}
 ::view-transition-old(journal-page){animation:signal-page-leave 230ms ease-out both}
 @keyframes signal-page-enter{from{opacity:.6;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
 @keyframes signal-page-leave{to{opacity:0;transform:translateY(-14px)}}
 .card-cover:hover .article-art img{transition:transform 700ms cubic-bezier(.23,1,.32,1)}
 .menu-journal:hover{animation:signal-type 420ms steps(2,end)}
 @keyframes signal-type{0%,100%{transform:none}30%{transform:translateX(1px)}60%{transform:translateX(-1px)}}
}
html.motion-paused{scroll-behavior:auto!important}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.motion-paused .feature-exposure img,html.motion-paused .collection-image{transform:none!important}
html.motion-paused .photo-light,html.motion-paused .photo-reticle,html.motion-paused .feature-exposure:after{display:none}
html.motion-paused::view-transition-group(*),html.motion-paused::view-transition-old(*),html.motion-paused::view-transition-new(*){animation:none!important}
@media(prefers-reduced-motion:reduce){.photo-light,.photo-reticle,.feature-exposure:after{display:none}.signal-map{opacity:.6}}
@media(max-width:850px){.menu-bottom>div{flex-wrap:wrap;column-gap:24px;row-gap:0}.jv-journal .jvr-controls{padding:18px 20px}}
@media(max-width:600px){.menu-bottom>div{column-gap:25px}.menu-bottom .motion-toggle{order:4}.article-meta,.project-kind,.rail-title,.byline time,.card-copy time{font-size:11px}.feature-copy .article-meta{font-size:11px}.jv-journal .jvr-controls{padding:15px}.jv-journal .jvr-options button{min-height:48px}}
@media(max-width:1100px){html:not(.js) .header-inner{flex-wrap:wrap;padding-block:12px}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(forced-colors:active){.signal-map,.photo-light,.photo-reticle,.feature-exposure:before,.feature-exposure:after{display:none}.jv-journal .jvr-controls{background:Canvas;color:CanvasText;border:1px solid CanvasText}.jv-journal .jvr-label,.jv-journal .jvr-options button{color:CanvasText}.jv-journal .jvr-options button[aria-pressed=true]{background:Highlight;color:HighlightText}}
@media print{.signal-map,.photo-light,.photo-reticle,.motion-toggle{display:none!important}}
