/* Photographic wayfinding, an editorial reading rhythm, and restrained motion. */
:root{--ease:cubic-bezier(.22,.61,.36,1);--accent:#955747;--photo-ink:#162936}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{background:#f6f3ec}
.header{background:#f6f3ec;border-bottom-color:#dcd5c9}
.brand strong{font-size:30px}.nav a{position:relative;border:0!important;padding:8px 0}
.nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav a:hover::after,.nav a.active::after,.nav a:focus-visible::after{transform:scaleX(1)}
.crumb{margin:30px 0 24px;font-size:12px}.photo-heading{position:relative;isolation:isolate;overflow:hidden;padding:58px 50px 70px!important;min-height:350px;background:var(--photo-ink);margin:0 0 55px!important;border-radius:3px;color:#fffdf8}
.photo-heading .section-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.65)}
.photo-heading::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,41,54,.94),rgba(22,41,54,.78) 50%,rgba(22,41,54,.3)),linear-gradient(0deg,rgba(22,41,54,.55),transparent 45%)}
.photo-heading .article-title{color:#fffdf8;font-size:clamp(38px,4.8vw,62px)!important;max-width:850px;line-height:1.08!important;letter-spacing:-.025em!important;margin:12px 0 24px}
.photo-heading .eyebrow{color:#e6edf3}.photo-heading .eyebrow::before{background:#e6edf3}
.photo-heading .intro{color:#e6edf3;font-size:20px;line-height:1.55;max-width:660px!important;margin:0}
.photo-credit{display:block;position:absolute;bottom:20px;left:50px;right:35px;max-width:720px;color:#e6edf3;font:11px/1.5 var(--sans);text-decoration:none}
.photo-credit:hover{color:#fffdf8;text-decoration:underline}
.hero{padding-top:58px}.hero h1{font-size:clamp(54px,6vw,86px);line-height:1.04}.hero-photo{background:#eee9df;position:relative;box-shadow:0 18px 50px #16293612}
.hero-photo img{filter:saturate(.8)}.photo-top{letter-spacing:1.4px}
.hero-photo figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font:12px/1.55 var(--sans);padding:18px 20px;white-space:normal}
.hero-photo figcaption a{font-size:12px;white-space:normal}
.quicknav{background:#eee9df;border-top:0;border-bottom:0;padding:12px 20px;border-radius:3px}
.quicknav a{position:relative}.quicknav .num{color:var(--accent);font-family:var(--serif);font-size:20px}
.timeline-entry .section-head{margin-bottom:20px}.timeline-intro{font:17px/1.7 var(--sans);color:#586a78;max-width:760px;margin:0 0 35px}
.timeline-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:35px}.timeline-milestones::before{content:'';position:absolute;left:0;right:0;top:61px;height:1px;background:#c4b8a7}.timeline-milestones>article{position:relative;min-width:0}.timeline-milestones .milestone-year{font:36px/1.2 var(--serif);color:#243746;font-variant-numeric:lining-nums;margin:0}.milestone-year a{display:inline-flex;gap:25px;align-items:center}.milestone-year a>span{font:19px var(--sans);color:var(--accent);transition:transform .25s var(--ease)}.milestone-year a:hover>span{transform:translateX(5px)}.milestone-dot{display:block;width:9px;height:9px;border-radius:50%;background:#955747;box-shadow:0 0 0 5px #f6f3ec;margin:14px 0 23px}.timeline-milestones h4{font:24px/1.3 var(--serif);margin:0 0 12px}.timeline-milestones p{font:15px/1.7 var(--sans);color:#586a78;max-width:310px;margin:0}
@media(max-width:760px){.timeline-milestones{grid-template-columns:1fr;gap:28px;padding-left:22px}.timeline-milestones::before{top:12px;bottom:0;left:4px;right:auto;width:1px;height:auto}.timeline-milestones .milestone-dot{position:absolute;left:-22px;top:12px;margin:0}.timeline-milestones .milestone-year{font-size:30px;margin-bottom:10px}.timeline-milestones h4{font-size:24px}.timeline-intro{font-size:16px}}
.chapter{position:relative;padding:28px;background:transparent;overflow:hidden;border-bottom:1px solid var(--line)}
.chapter:has(.chapter-photo){border:1px solid var(--line);background:#fffdf8;padding:0 26px 26px}
.chapter-photo{display:block;width:calc(100% + 52px);max-width:none;height:190px;object-fit:cover;margin:0 -26px 25px;filter:saturate(.7);transition:filter .4s var(--ease)}
.chapter h3{font-size:29px;line-height:1.18}.chapter p{font-size:15px;line-height:1.65}.chapter .label{font-size:12px}
.feature{background:#243746;color:#e6edf3;padding:75px 0}.feature h2{color:#fffdf8}.feature p{color:#dcd5c9}.feature .eyebrow,.feature .text-link{color:#e6edf3}.feature .image-credit{color:#d1c7b8;font-size:12px}.feature img{filter:saturate(.65);border-radius:2px}
.book-strip{background:#eee9df;color:var(--ink);border-top:3px solid var(--accent)}.book-strip h2,.book-strip p{color:var(--ink)}.book-strip .eyebrow{color:var(--accent)}
.side .toc a{transition:color .2s,padding-left .2s,border-color .2s;border-left:2px solid transparent;padding-left:12px}
.side .toc a.is-current{border-left-color:var(--accent);color:var(--ink);background:#eee9df;padding-left:16px}
.side .toc-title{letter-spacing:1.5px}.reading-destination{position:relative;padding:30px 28px 12px;border:1px solid #dcd5c9;background:#eee9df;margin-top:65px}
.reading-destination>h2{font-size:31px;color:var(--ink)}.reading-destination .resource{background:transparent}
.reading-next{padding:26px 0!important;border-top:1px solid var(--line);font-size:16px!important}.reading-next a{max-width:48%;line-height:1.5}
.resource{transition:background-color .25s var(--ease);padding-left:0;padding-right:0}.resource:hover{background:#eee9df}
.resource h3{transition:color .2s}.resource:hover h3{color:var(--accent)}
.resource p.document-byline{font:14px/1.6 var(--sans);color:#955747;margin:9px 0 12px;max-width:780px}.resource .document-byline+.search-snippet{margin-top:0}
.resource>span:last-child,.chapter .label span,.quicknav .arrow,.gallery-card-count b{display:inline-block;transition:transform .25s var(--ease)}
.resource:hover>span:last-child,.chapter:hover .label span,.quicknav a:hover .arrow,.gallery-card:hover .gallery-card-count b{transform:translateX(5px)}
.btn,.gallery-nav a,.filter,.format-link{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.btn:hover{box-shadow:0 4px 15px #24374620}.btn:active,.gallery-nav a:active{transform:translateY(1px)}
.gallery-card{transition:box-shadow .3s,border-color .3s}.gallery-card:hover{border-color:#c4b8a7;box-shadow:0 8px 26px #16293612}
.gallery-card>img{transition:filter .3s;filter:saturate(.75)}.gallery-card:hover>img{filter:saturate(1)}
.gallery-flow>.archive-figure{transition:border-color .25s,box-shadow .25s}.gallery-flow>.archive-figure:hover{border-color:#c4b8a7;box-shadow:0 8px 22px #24374610}
.gallery-flow .archive-figure a{cursor:zoom-in}.gallery-nav{gap:8px}.gallery-nav a{background:#e8e1d5;border:1px solid transparent}.gallery-nav a:hover{border-color:#c4b8a7;background:#e3dbcc}
.gallery-nav a[aria-current]{background:#243746;color:#fffdf8}.gallery-original-caption{font-style:italic;color:#955747!important}
.context-links{border-top:2px solid #f2e5de}.context-links a:hover{background:#eee9df}
.reading-progress{height:3px;background:var(--accent);transition:width .12s linear}
dialog{border:1px solid #d1c7b8;box-shadow:0 25px 100px #051d2a45}dialog::backdrop{background:#162936bd;backdrop-filter:blur(3px)}dialog[open]{animation:dialog-arrive .28s var(--ease)}
.lightbox{background:#f6f3ec}.lightbox #enlarged-image{animation:photo-arrive .25s var(--ease)}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.photo-heading~.reading-layout{margin-top:0}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-arrive{from{opacity:.5}to{opacity:1}}
@media(max-width:1000px){.photo-heading{padding:45px 34px 66px!important}.photo-credit{left:34px}.hero h1{font-size:62px}.chapter-photo{height:170px}}
@media(max-width:760px){.photo-heading{min-height:320px;padding:34px 25px 80px!important;margin-bottom:35px!important}.photo-heading .intro{font-size:18px}.photo-heading .article-title{font-size:40px!important}.photo-heading::before{background:linear-gradient(90deg,#162936ed,#162936a8),linear-gradient(0deg,#162936a8,transparent)}.photo-credit{left:25px;right:25px;font-size:10px;bottom:18px}.hero h1{font-size:56px}.hero{padding-top:30px}.quicknav{padding:10px 18px}.feature{padding:45px 0}.reading-destination{padding:24px 20px}.reading-next a{max-width:100%}.chapter-photo{height:210px}.crumb{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.work-formats{display:flex;flex-wrap:wrap;gap:12px 24px;padding:14px 20px;border-top:1px solid var(--line,#dcd5c9);font-family:'Source Sans 3',sans-serif;font-size:14px;line-height:1.5}
.source-body>.work-formats{margin:0 0 28px;padding:14px 0;border-bottom:1px solid var(--line,#dcd5c9)}
.work-formats a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.poem-continuation p{margin:0 0 1.4em;line-height:1.7}
.source-footnote{font-size:.9em;line-height:1.65}