/* Compatibility layer only. Original project layout remains authoritative. */
html{scroll-behavior:auto;scroll-padding-top:65px}body{margin:0}#page-top{position:absolute;top:0;width:0;height:0}#header{height:45px;position:sticky;top:0;z-index:2000;background-color:#fff}#header .home_panel{position:relative!important;top:auto!important;height:45px!important}#header .logo-holder{display:flex!important;align-items:center;justify-content:center;position:absolute!important;inset:0;height:45px!important;width:100%!important}#header .logo{position:static!important;left:auto!important;float:none!important;width:auto!important;margin:0!important;transform:none!important}#progress{position:fixed;top:45px;left:0;width:100%!important;height:2px;background:#111;z-index:2100;transform:scaleX(0);transform-origin:left;pointer-events:none}.wrapper>.row{margin-left:auto!important;margin-right:auto!important}img{max-width:100%;height:auto}.recovered-photo-frame{display:block}.recovered-photo-frame img{display:block;width:100%;height:auto}.section_full.covered{background-attachment:scroll!important}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}a:focus-visible{outline:3px solid #187dad;outline-offset:4px}.archive-skip{position:fixed;top:-80px;left:12px;z-index:3000;padding:12px 16px;background:#fff;color:#111}.archive-skip:focus{top:8px}#story-start{scroll-margin-top:65px}
@media(max-width:768px){#footer .holder_wide{width:auto!important;padding:24px}#footer p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Original intro was revealed by the retired jQuery load handler. */
.header .copy{display:block}
/* Source script.js sized section_full to viewport height minus35px.
   The original tablet/mobile CSS overrides this with700px/500px panels. */
@media(min-width:769px){.section_full{height:calc(100vh - 35px)}.header .son{margin-left:-440px;width:1161px}.header .father{margin-right:-410px;width:1008px}}
/* Source HTML's intro settled at these portrait offsets; motion uses transforms. */
.header .copy{z-index:2}.header .caption{z-index:3}.header{background-attachment:scroll!important}
@media(max-width:768px){.header .copy{max-width:min(400px,100%);height:auto;bottom:100px}}
@media(max-width:480px){.header .copy{bottom:65px}.header .caption{left:12px;right:12px;font-size:9px;line-height:13px}}
