/* Editorial additions share the existing paper, typefaces and page edges. */
.header nav{gap:clamp(20px,2.4vw,34px);margin-right:clamp(24px,3vw,48px)}
.manifest{width:100%;max-width:1440px;margin-inline:auto;padding:56px var(--gutter) 100px}
.manifest figure{margin:0}
.manifest-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center}
.manifest-opening-copy{grid-column:1/7;max-width:580px}
.manifest-opening .eyebrow{color:var(--muted);margin-bottom:32px}
.manifest-opening h1{font:400 clamp(50px,5.8vw,82px)/1.02 var(--serif);letter-spacing:-.035em;text-wrap:balance}
.manifest-intro{font:400 clamp(21px,2vw,27px)/1.55 var(--serif);margin-top:36px;max-width:480px;text-wrap:pretty}
.manifest-intro-photo{grid-column:8/13}
.manifest-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center}
.manifest-intro-photo img{object-position:50% 45%}
.manifest-acceptance{max-width:800px;margin:112px auto 120px;padding:48px 0;border-block:1px solid var(--line);font:400 clamp(25px,2.7vw,36px)/1.45 var(--serif);letter-spacing:-.012em;text-wrap:pretty}
.manifest-process-photo{grid-column:1/6}
.manifest-life-copy{grid-column:7/13}
.manifest-body{font-size:18px;line-height:1.8;max-width:480px;text-wrap:pretty}
.manifest-lines{margin-top:28px;font:400 clamp(25px,2.5vw,35px)/1.3 var(--serif);letter-spacing:-.015em;text-wrap:pretty}
.manifest-lines p+p{margin-top:20px}
.manifest-pause{max-width:800px;margin:112px auto 120px;font:400 clamp(25px,2.8vw,37px)/1.5 var(--serif);letter-spacing:-.012em;text-align:center;text-wrap:pretty}
.manifest-recognition-copy{grid-column:1/7}
.manifest-recognition-lines{margin-top:32px;font:400 clamp(30px,3vw,43px)/1.25 var(--serif);letter-spacing:-.02em;text-wrap:pretty}
.manifest-recognition-lines p+p{margin-top:24px}
.manifest-sketch-photo{grid-column:8/13}
.manifest-connection{margin-top:120px!important}
.manifest-connection img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 48%}
.manifest-ending{max-width:850px;margin:72px auto 0;text-align:center}
.manifest-ending p{font:400 clamp(35px,4.3vw,59px)/1.15 var(--serif);letter-spacing:-.03em;text-wrap:balance}
.manifest-ending .text-link{margin-top:34px}
/* The first view remains image + metadata. Longer prose has its own wide reading area. */
.art-dialog[open]{row-gap:64px;align-content:start}
.dialog-info{min-width:0}
.story-link{display:block;margin-top:24px}
.dialog-info .zoom-toggle{margin-top:18px}
.dialog-info .dialog-pagination{margin-top:38px}
.dialog-story{grid-column:1/-1;width:100%;padding:48px 0 36px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,720px);gap:64px;scroll-margin-top:24px;outline:none}
.dialog-story-label{color:var(--muted)}
.dialog-story-label .eyebrow{font-weight:400}
.story-work-name{display:block;margin-top:16px;font:400 38px/1.1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.dialog-story-copy{max-width:680px;min-width:0;font-size:18px;line-height:1.8;text-wrap:pretty}
.dialog-story-copy p{white-space:pre-line}
.dialog-story-copy p+p{margin-top:24px}
.dialog-story-copy p:first-child{font:400 clamp(25px,2.1vw,31px)/1.45 var(--serif);letter-spacing:-.012em;margin-bottom:32px}
@media(min-width:1001px){.dialog-info h2{font-size:clamp(45px,3.7vw,64px)}}
@media(max-width:1050px){
 .manifest{padding-top:44px}
 .manifest-spread{gap:24px}
 .manifest-intro-photo,.manifest-sketch-photo{grid-column:7/13}
 .manifest-opening h1{font-size:58px}
 .manifest-acceptance,.manifest-pause{margin-block:88px}
 .manifest-lines{font-size:29px}
 .manifest-recognition-lines{font-size:34px}
 .dialog-story{grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:36px}
}
/* Four desktop links change to the same accessible menu before they can crowd. */
@media(max-width:850px){
 .header nav{display:none}
 .languages{margin-left:auto}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:40px;background:none;padding:0}
 .menu-toggle span{height:1px;width:25px;background:currentColor;transition:transform .25s}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .mobile-nav{position:fixed;inset:0;z-index:9;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);gap:22px}
 .mobile-nav a{font:42px/1.2 var(--serif)}
 body.menu-open{overflow:hidden}
 body.menu-open .header{position:fixed}
 body:not(.page-home) .mobile-nav{background:var(--paper);color:var(--ink)}
 body:not(.page-home).menu-open .header{position:fixed;color:var(--ink)}
 body.page-contact:not(.page-home) .mobile-nav{background:#10151b;color:var(--paper)}
 body.page-contact:not(.page-home).menu-open .header{color:var(--paper)}
 .manifest-opening h1{font-size:50px}
 .manifest-intro{font-size:22px;margin-top:28px}
 .manifest-body{font-size:16px}
 .manifest-lines{font-size:26px}
 .manifest-recognition-lines{font-size:31px}
}
@media(max-width:620px){
 .manifest{padding-top:40px;padding-bottom:72px}
 .manifest-spread{display:flex;flex-direction:column;align-items:stretch;gap:36px}
 .manifest-opening .eyebrow{margin-bottom:24px;font-size:12px}
 .manifest-opening h1{font-size:clamp(43px,11.5vw,64px)}
 .manifest-opening-copy{max-width:none}
 .manifest-intro{font-size:23px;line-height:1.5;margin-top:28px}
 .manifest-photo img{aspect-ratio:3/4}
 .manifest-acceptance{margin:60px auto 64px;padding-block:32px;font-size:27px;line-height:1.45}
 .manifest-life-copy{order:0}
 .manifest-process-photo{order:1}
 .manifest-body{font-size:17px}
 .manifest-lines{font-size:28px;line-height:1.3;margin-top:24px}
 .manifest-lines p+p{margin-top:20px}
 .manifest-pause{margin:64px auto;font-size:27px;line-height:1.5;text-align:left}
 .manifest-recognition-lines{font-size:32px;margin-top:28px}
 .manifest-recognition-lines p+p{margin-top:20px}
 .manifest-connection{margin-top:64px!important}
 .manifest-ending{margin-top:44px}
 .manifest-ending p{font-size:35px;line-height:1.2}
 .manifest-ending .text-link{margin-top:28px}
 .dialog-info .dialog-pagination{margin-top:32px}
 .dialog-story{display:block;margin-top:40px;padding:32px 0 12px}
 .dialog-story-label{margin-bottom:28px}
 .story-work-name{font-size:32px;margin-top:10px}
 .dialog-story-copy{font-size:17px;line-height:1.75}
 .dialog-story-copy p:first-child{font-size:26px;line-height:1.4;margin-bottom:28px}
 .dialog-story-copy p+p{margin-top:22px}
}