.menu-toggle{display:none}
.mobile-headline,.mobile-reveal-art,.mobile-story-skip{display:none}
@media(max-width:900px){
 .desktop-headline{display:none}.mobile-headline{display:inline}
 .story .stage{display:grid;grid-template-columns:1fr;grid-template-rows:calc(100svh - var(--mobile-header)) auto auto;min-height:0;overflow:hidden}
 .story .art{grid-column:1;grid-row:1;position:relative;height:100%;width:100%;aspect-ratio:auto;z-index:0}
 .story .art #poster{z-index:0;object-fit:cover;object-position:center;opacity:1}
 .story .art:after{display:block;background:linear-gradient(0deg,oklch(15% .01 65 / .92),transparent 45%);opacity:1}
 .story .opening{grid-column:1;grid-row:1;align-self:end;z-index:3;position:relative;margin:0 auto 52px;padding:0!important;width:88%;color:var(--paper)}
 .story .opening h1{max-width:14ch;font-size:clamp(29px,8vw,42px);margin:0 0 18px}
 .mobile-story-skip{display:block;grid-column:1;grid-row:1;align-self:end;justify-self:center;z-index:4;min-height:44px;color:var(--paper);font-size:12px;padding:12px;box-sizing:border-box}
 .mobile-reveal-art{display:block;grid-column:1;grid-row:2}.mobile-reveal-art img{display:block;width:100%;height:auto}
 .story .resolution{grid-column:1;grid-row:3;color:var(--paper);margin:0 auto;position:relative}
}
@media(max-width:900px){
 :root{--mobile-header:calc(72px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--mobile-header) + 20px)}
 body{padding-top:var(--mobile-header)}
 .nav{position:fixed;inset:0 0 auto;z-index:1000;box-sizing:border-box;height:var(--mobile-header);padding:env(safe-area-inset-top,0px) max(5%,env(safe-area-inset-right,0px)) 0 max(5%,env(safe-area-inset-left,0px));background:var(--paper);flex-wrap:nowrap;gap:12px}
 .nav .brand{min-height:44px;min-width:0;font-size:15px;gap:10px}.nav .brand img{width:36px;height:42px}.nav .brand small{font-size:8px}
 .menu-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:26px;cursor:pointer}
 .nav .page-navigation{display:none}
 .nav .page-navigation.is-open{display:flex;position:fixed;inset:var(--mobile-header) 0 0;width:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;padding:24px max(6%,env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px));gap:4px;background:var(--paper);overflow:auto}
 .nav .page-navigation a{display:flex;align-items:center;min-height:48px;padding:10px 0;box-sizing:border-box;font-size:clamp(18px,5vw,25px);border-bottom:1px solid var(--line)}
 .menu-open{overflow:hidden}.nav a:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--red);outline-offset:3px}
 .reading-section h2,.reading-section h3{scroll-margin-top:20px}
 .page-heading h1{font-size:clamp(34px,9vw,60px);line-height:1.1}.page-heading .lead{font-size:20px;line-height:1.6}
 .reading-section{overflow-wrap:anywhere}.reading-section blockquote{padding:20px;margin-inline:0}
 .page-body{line-height:1.75}.page-footer nav a,.resource-toc a{display:inline-block;min-height:44px;padding-block:8px;box-sizing:border-box}
 .wrap{width:88%}.contact .button{min-height:44px}.footer-statement{max-width:100%}
 .story-copy{box-sizing:border-box}.opening h1{font-size:clamp(32px,8.5vw,48px)}
 .opening .eyebrow,.opening .assurance,.opening>p:not(.eyebrow):not(.assurance){display:none}
 .opening{padding-block:30px!important}.opening .button{min-height:44px}
 .resolution h2{font-size:clamp(30px,7.5vw,44px)}.resolution{padding-block:32px!important}
}