/* A chronological collection, with enough room to recognize each place. */
.viewing-locations{background:#0d171e}
.viewing-locations .site-footer{display:none}
.viewing-locations .masthead{height:76px;min-height:0;margin:0;padding:0 5%;border:0;gap:28px;flex-wrap:nowrap}
.viewing-locations .brand{font-size:11px;letter-spacing:.18em;gap:12px;min-height:44px}
.viewing-locations .brand small,.viewing-locations .nav-icon,.viewing-locations nav a[data-view=locations]{display:none}
.viewing-locations .brand-mark{width:28px;height:28px}
.viewing-locations .brand-mark:after{width:19px;height:19px}
.viewing-locations .masthead nav{margin:0 0 0 auto;gap:25px;order:initial;flex-basis:auto;align-self:center;height:auto}
.viewing-locations .masthead nav a{font-size:12px;min-height:44px;color:#cbc5b1}
.viewing-locations .fullscreen-button{border:0;width:44px;height:44px;margin:0;color:#abb0a2}
.viewing-locations .locations-view{max-width:1440px;margin:auto;padding:45px 5% 60px;animation:none}
.locations-layout{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.7fr);gap:8%;align-items:start}
.locations-sidebar{position:sticky;top:32px;align-self:start;min-width:0}
.locations-cover>.eyebrow{font-size:11px;letter-spacing:.16em;color:#d5bd8c;margin-bottom:23px;line-height:1.8}
.locations-cover h1{font-size:clamp(43px,4.2vw,62px);line-height:1.14;color:#f0e5cf;letter-spacing:-.02em}
.locations-cover h1 em{color:#c5c5b2}
.locations-tally{margin-top:24px;font:20px/1.65 var(--serif);color:#d2c6a9}
.locations-explanation{margin-top:20px;max-width:30ch;font-size:13px;line-height:1.9;color:#a9b5af}
.locations-photo-note{margin-top:20px;font-size:12px;line-height:1.8;color:#a9b5af;max-width:32ch}
.locations-photo-note a{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#dbc493;font-size:12px}
.timeline-years{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;height:auto;align-self:auto;order:initial;flex-basis:auto}
.timeline-years button{font:19px var(--serif);color:#aeb6aa;min-width:44px;min-height:44px;padding:0 4px;border-bottom:1px solid transparent}
.timeline-years button[aria-current]{color:#f0d399;border-bottom-color:#b99a63}
.timeline-years button:hover{color:#f5dba7}
.locations-journey{display:inline-flex;align-items:center;gap:15px;min-height:48px;margin-top:22px;padding:0 22px;border:1px solid #ccb07860;border-radius:28px;font:18px var(--serif);color:#ebd29f}
.locations-journey>span{font:20px var(--sans)}
.locations-chronicle{min-width:0}
.viewing-locations .timeline-year{margin:0 0 35px}
.viewing-locations .timeline-year-heading{display:flex;align-items:center;gap:20px;padding:0 0 14px;border-bottom:1px solid #d1be941f}
.viewing-locations .timeline-year-heading h2{font:30px/1.3 var(--serif);color:#dbc494;scroll-margin-top:80px;outline-offset:7px}
.viewing-locations .timeline-year-heading>span{font-size:11px;color:#a6b1a9;letter-spacing:.03em}
.viewing-locations .location-list{display:block}
.viewing-locations .location-row{display:grid;grid-template-columns:82px minmax(0,1fr) 18px;gap:25px;align-items:center;padding:27px 0;border:0;border-bottom:1px solid #bdc8bb16;min-height:139px}
.viewing-locations .location-row:last-child{border-bottom:0}
.viewing-locations .mini-map{width:82px;height:82px;border-radius:50%;background:#1a2c34;box-shadow:0 0 0 1px #ddc79726,0 5px 20px #040d1638;align-self:center}
.viewing-locations .place-thumbnail{object-fit:cover;filter:saturate(.82) brightness(.9);animation:location-photo-in .7s ease both}
.viewing-locations .location-row:hover .place-thumbnail{filter:saturate(1) brightness(1)}
.viewing-locations .row-text .eyebrow{color:#9bada6;font-size:10px;letter-spacing:.12em;line-height:1.8;margin-bottom:5px}
.viewing-locations .row-text h3{font:29px/1.15 var(--serif);color:#efe2c6;overflow-wrap:anywhere}
.viewing-locations .row-memory{font:17px/1.6 var(--serif);color:#b7c0b2;margin-top:12px;max-width:45ch;overflow-wrap:anywhere}
.viewing-locations .row-date{font-size:12px;line-height:1.8;margin-top:11px;color:#cfbc97;overflow-wrap:anywhere}
.row-date-kind{display:inline;color:#9eafa6;font-size:11px;white-space:nowrap}
.row-date-kind:before{content:'·';display:inline-block;padding:0 8px;color:#a88f61}
.viewing-locations .row-arrow{display:block;align-self:center;margin:0;font:19px var(--sans);color:#c8ad75;opacity:.75}
.viewing-locations .location-row:hover h3{color:#ffe3aa}
.viewing-locations .location-row:focus-visible{outline-offset:6px}
.locations-ending{border-top:1px solid #ccb58a26;padding:33px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.locations-ending>span{font:35px var(--serif);color:#d1b37a}
.locations-ending>p{font:21px/1.5 var(--serif);color:#cbc6af}
.locations-ending .back-link{margin-left:auto;color:#c7b990;font-size:12px}
@keyframes location-photo-in{from{opacity:0}to{opacity:1}}
@media(min-width:761px) and (max-height:650px){.locations-sidebar{position:static}}
@media(max-width:1000px){
  .locations-layout{grid-template-columns:minmax(225px,.8fr) minmax(0,1.6fr);gap:6%}
  .locations-cover h1{font-size:44px}
  .viewing-locations .location-row{grid-template-columns:68px minmax(0,1fr) 14px;gap:19px}
  .viewing-locations .mini-map{width:68px;height:68px}
  .viewing-locations .row-text h3{font-size:26px}
  .viewing-locations .row-memory{font-size:16px}
  .timeline-years{gap:0}
}
@media(max-width:760px){
  .viewing-locations .masthead{height:70px;padding:0 6%;gap:15px}
  .viewing-locations .brand{font-size:10px;letter-spacing:.1em;gap:9px}
  .viewing-locations .masthead nav{gap:17px}
  .viewing-locations .masthead nav a{font-size:11px;white-space:nowrap}
  .viewing-locations .fullscreen-button{display:none}
  .viewing-locations .locations-view{padding:24px 6% 40px}
  .locations-layout{display:block}
  .locations-sidebar{display:contents}
  .locations-cover{padding-bottom:16px}
  .locations-cover>.eyebrow{font-size:10px;margin-bottom:14px}
  .locations-cover h1{font-size:43px;line-height:1.09}
  .locations-tally{font-size:18px;line-height:1.55;margin-top:19px}
  .locations-explanation{font-size:12px;line-height:1.8;max-width:42ch;margin-top:16px}
  .locations-photo-note{font-size:11px;max-width:none;margin-top:14px}
  .locations-photo-note br{display:none}
  .locations-photo-note a{font-size:11px;gap:9px;margin-left:8px}
  .timeline-years{position:sticky;top:0;z-index:5;flex-wrap:nowrap;gap:8px;margin:0 -2px 30px;padding:6px 2px;overflow-x:auto;scrollbar-width:thin;background:#0d171ef5;backdrop-filter:blur(12px);border-bottom:1px solid #c3b38f25}
  .timeline-years button{font-size:18px;flex:0 0 auto}
  .locations-journey{display:none}
  .viewing-locations .timeline-year-heading{gap:17px;padding-bottom:12px}
  .viewing-locations .timeline-year-heading h2{font-size:28px}
  .viewing-locations .timeline-year-heading>span{font-size:11px}
  .viewing-locations .location-row{grid-template-columns:62px minmax(0,1fr);gap:18px;padding:24px 0;min-height:122px}
  .viewing-locations .mini-map{width:62px;height:62px;align-self:start;margin-top:8px}
  .viewing-locations .row-text h3{font-size:26px;line-height:1.2}
  .viewing-locations .row-text .eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.7}
  .viewing-locations .row-memory{font-size:16px;line-height:1.55;margin-top:11px}
  .viewing-locations .row-date{font-size:11px;margin-top:10px}
  .row-date-kind{display:block;font-size:10px}
  .row-date-kind:before{display:none}
  .viewing-locations .row-arrow{display:none}
  .locations-ending .back-link{width:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.viewing-locations .place-thumbnail{animation:none}}