body{--paper:#f1f3f4;--red:#365b69;--ink:#192c32;background:var(--paper)}
.gallery-heading .open-case{background:#244752}
.gallery-space{height:600px}
.back-type{font-style:italic;color:#e0e5e7;left:39%;top:90px;font-size:230px}
.gallery-heading{max-width:330px}
.gallery-heading #selection-summary{color:#52616a}
.project-tabs button[aria-selected=true]{background:#e0e9ed;border-color:#365b69}
.project-tabs button img{transition:transform .25s ease}
.project-tabs button:hover img{transform:translateY(-3px)}
.scene{cursor:grab}
.register-table>button{transition:background .2s ease,color .2s ease}
.register-table>button:hover{background:#e4eaed}
.selection-copy{animation:none}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#365b69;transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:100}
.open-case{transition:background .25s ease,box-shadow .25s ease,translate .25s ease}
.open-case:hover{background:#326476;box-shadow:0 6px 18px #24475224;translate:0 -2px}
.open-case:active{translate:0 0}
.project-tabs button{transition:background .3s ease,border-color .3s ease}
.masthead nav a{position:relative}
.masthead nav a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.masthead nav a:hover::after,.masthead nav a:focus-visible::after{transform:scaleX(1)}
.register-table>button b{transition:transform .3s ease}
.register-table>button:hover b{transform:translate(4px,-4px)}
.dossier::backdrop{background:#10232bb3}
.media-entry{display:block;position:relative;cursor:pointer;outline-offset:4px}
.media-entry-cue{position:absolute;right:18px;bottom:18px;padding:10px 17px;border-radius:4px;background:#193640;color:#fff;font-size:14px;box-shadow:0 3px 14px #0003;pointer-events:none;transition:transform .2s ease,background .2s ease}
.media-entry:hover .media-entry-cue,.media-entry:focus-visible .media-entry-cue{background:#315d69;transform:translateY(-3px)}
.media-entry:hover img{filter:brightness(1.03)}
@media(max-width:750px){.media-entry-cue{right:10px;bottom:10px;font-size:12px;padding:8px 12px}}
@media(min-width:1600px){.gallery-space{height:650px}}
@media(max-width:1100px) and (min-width:751px){.gallery-heading{max-width:235px}.back-type{font-size:170px}}
@media(max-width:750px){.gallery-space{height:340px}.scene{bottom:50px}.gallery-heading{max-width:none}.back-type{font-size:135px;top:36px;left:24%}.project-tabs button img{transform:none!important}}
@media(prefers-reduced-motion:reduce){.project-tabs button img{transition:none;transform:none!important}}