/* Opt-in v1: column-width photograph, then a quiet set-by-set photo story. */
.art.pg>.nd-story[data-layout="photo-sticky"]{width:100%!important;max-width:100%!important;margin-inline:0!important;--nd-paper:#faf8f3;--nd-ink:#233345;--nd-accent:#8e754d;--nd-line:#d9d5cb}
.nd-story[data-layout="photo-sticky"] .nd-masthead{display:flex;flex-direction:column}
.nd-story[data-layout="photo-sticky"] .nd-photo{order:-1;width:100%;padding:0!important}
.nd-story[data-layout="photo-sticky"] .nd-opening{padding:28px var(--nd-gutter) 32px;text-align:left}
.nd-story[data-layout="photo-sticky"] .nd-wordmark{font-size:clamp(30px,7cqi,52px);letter-spacing:.015em;margin-bottom:20px}
.nd-story[data-layout="photo-sticky"] .nd-wordmark span{font-family:"Noto Sans JP",sans-serif;letter-spacing:.08em;line-height:1.8;margin-top:10px}
.nd-story[data-layout="photo-sticky"] .nd-date{justify-content:flex-start;gap:18px;margin-top:20px;border-top:1px solid var(--nd-line);padding-top:18px}
.nd-story[data-layout="photo-sticky"] .nd-date strong{font-size:30px}
.nd-story[data-layout="photo-sticky"] .nd-intro{padding:8px 0 20px}
.nd-story[data-layout="photo-sticky"] .nd-number{font-size:46px;color:var(--nd-accent);margin-bottom:14px}
.nd-story[data-layout="photo-sticky"] .nd-section-content{display:flex;flex-direction:column}
.nd-story[data-layout="photo-sticky"] .nd-section-content>p:has(img){order:-1;margin:4px calc(-1 * var(--nd-gutter)) 26px!important}
.nd-story[data-layout="photo-sticky"] .nd-section-content>p:has(img)>img{width:100%!important;transform-origin:center;border-radius:0!important}
/* No opacity gate, image crop or hidden text. Static is the baseline. */
@media(prefers-reduced-motion:reduce){.nd-story[data-layout="photo-sticky"] .nd-section-content img{transform:none!important}}
/* This layout uses photo expansion, not the base heading/hero fade. */
.nd-story[data-layout="photo-sticky"] .nd-arrive{animation:none!important}

/* The image lingers while the following prose sheet passes over it. */
.nd-story[data-layout="photo-sticky"] .nd-section-content>p:not(:has(img)){position:relative;z-index:1;background:var(--nd-paper);padding-block:12px}
.nd-story[data-layout="photo-sticky"] .nd-section-content:has(>p img)>p:not(:has(img)){padding:clamp(16px,3cqi,24px)}
@media(prefers-reduced-motion:no-preference){
.nd-story[data-layout="photo-sticky"][data-photo-sticky="on"] .nd-section-content>p:has(img){position:sticky;top:72px;z-index:0}
}