:root{--color-background: #F5F0E8;--color-text: #1C1814;--color-sandstone: #92633F;--color-sandstone-light: #C4956A;--color-mersey: #4A5568;--color-green: #2D4A3E;--color-border: #E8E0D0;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "EB Garamond", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.25rem;--text-lg: 1.4rem;--text-xl: 1.65rem;--text-2xl: 2.1rem;--text-3xl: 2.75rem;--text-4xl: 3.75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--max-width-content: 68ch;--max-width-wide: 1200px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:0}img{max-width:100%;height:auto;display:block}a{color:var(--color-sandstone);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-mersey)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-lg);letter-spacing:-.02em}h2{font-size:var(--text-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-md);letter-spacing:-.01em}h3{font-size:var(--text-xl);margin-top:var(--space-lg);margin-bottom:var(--space-md)}h4{font-size:var(--text-lg);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);max-width:var(--max-width-content)}p+p{margin-top:0}strong{font-weight:600}em{font-style:italic}blockquote{border-left:3px solid var(--color-sandstone);padding-left:var(--space-lg);margin:var(--space-xl) 0;font-size:var(--text-lg);font-style:italic;color:var(--color-mersey)}blockquote cite{display:block;margin-top:var(--space-sm);font-size:var(--text-sm);font-style:normal;font-family:var(--font-ui);color:var(--color-mersey)}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md);max-width:var(--max-width-content)}li{margin-bottom:var(--space-sm);line-height:1.7}.container{width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-lg)}main{min-height:70vh;padding:80px var(--space-lg) var(--space-xl) var(--space-lg);max-width:var(--max-width-wide);margin:0 auto}.hero-image{width:100%;max-height:70vh;overflow:hidden}.hero-image img{width:100%;height:70vh;object-fit:cover;object-position:center}.page-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);padding-top:80px;border-bottom:1px solid var(--color-border)}.page-header h1{margin-bottom:var(--space-sm)}.page-header .subtitle{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--color-mersey);text-wrap:balance}.page-content{padding-top:80px}header{width:100%;background-color:transparent;border-bottom:none;position:fixed;top:0;z-index:100;transition:background-color var(--transition),border-bottom var(--transition)}header.scrolled{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}header:not(.scrolled) .nav-logo{color:var(--color-background)}header:not(.scrolled) .nav-links a{color:var(--color-background)}header:not(.scrolled) .nav-toggle{color:var(--color-background)}header:not(.scrolled) .nav-search-btn{color:var(--color-background)}nav{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.nav-logo:hover{color:var(--color-sandstone)}.nav-links{display:flex;align-items:center;gap:var(--space-lg);list-style:none;padding:0;margin:0 0 0 auto}.nav-links a{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-transform:uppercase;letter-spacing:.08em;transition:color var(--transition)}.nav-links a:hover{color:var(--color-sandstone)}.nav-right{display:flex;align-items:center;gap:var(--space-md)}.nav-links a.active{color:var(--color-sandstone);border-bottom:1px solid var(--color-sandstone);padding-bottom:2px}.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-transform:uppercase;letter-spacing:.08em}@media(max-width:768px){.nav-toggle{display:block}.nav-links{display:none;position:fixed;top:80px;left:50%;transform:translate(-50%);width:100vw;max-width:100vw;background-color:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.nav-links.open{display:flex}}.article-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);text-wrap:balance}.article-header h1{margin-bottom:var(--space-md)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.standfirst{font-size:var(--text-lg);font-style:italic;color:var(--color-mersey);line-height:1.6;max-width:var(--max-width-content);margin-bottom:0}.leaflet-container *,.leaflet-container *:before,.leaflet-container *:after{box-sizing:content-box}.article-content .leaflet-container img{margin:0}.article-content p{font-size:var(--text-base);line-height:1.9;text-wrap:pretty}.article-content h2{font-size:var(--text-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.article-content h3{font-size:var(--text-xl);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.article-content img{margin:var(--space-xl) 0;border-radius:2px}.article-content img+em{display:block;font-size:var(--text-sm);color:var(--color-mersey);font-family:var(--font-ui);margin-top:calc(var(--space-sm) * -1);margin-bottom:var(--space-xl)}.article-container{display:grid;grid-template-columns:1fr 280px;gap:var(--space-2xl);align-items:start;max-width:1100px;margin:0 auto;padding-top:var(--space-lg)}.article-main{min-width:0}.article-toc{display:none;position:sticky;top:100px;align-self:start;padding-left:var(--space-xl);border-left:1px solid var(--color-border)}.article-toc.toc-visible{display:block}.toc-heading{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-mersey);margin-bottom:var(--space-md)}#toc-nav{display:flex;flex-direction:column;gap:var(--space-sm);align-items:start}.toc-link{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-mersey);line-height:1.4;transition:color var(--transition);opacity:.7}.toc-link:hover{color:var(--color-sandstone);opacity:1}.toc-link.toc-active{color:var(--color-sandstone);opacity:1;font-weight:500}@media(max-width:900px){.article-container{grid-template-columns:1fr}.article-toc{display:none!important}}.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--space-xl) 0;border-radius:2px}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.lightbox-figure{margin:var(--space-xl) 0}.lightbox-trigger{cursor:zoom-in;transition:opacity var(--transition);width:100%}.lightbox-trigger:hover{opacity:.92}figcaption{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-mersey);margin-top:var(--space-sm);font-style:italic}.lightbox-overlay{display:none;position:fixed;inset:0;background-color:#1c1814f2;z-index:1000;align-items:center;justify-content:center;flex-direction:column;padding:var(--space-xl)}.lightbox-overlay.lightbox-open{display:flex}.lightbox-full{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:2px}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:none;border:none;color:var(--color-background);font-size:var(--text-xl);cursor:pointer;opacity:.7;transition:opacity var(--transition);line-height:1}.lightbox-close:hover{opacity:1}.lightbox-caption{color:var(--color-background);font-family:var(--font-ui);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-md);opacity:.7;text-align:center}.tag{display:inline-block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-xs) var(--space-sm);border-radius:2px;transition:all var(--transition)}.era-tag{background-color:var(--color-sandstone);color:var(--color-background)}.era-tag:hover{background-color:var(--color-text);color:var(--color-background)}.topic-tag{background-color:transparent;color:var(--color-mersey);border:1px solid var(--color-mersey)}.topic-tag:hover{background-color:var(--color-mersey);color:var(--color-background)}.place-tag{background-color:transparent;color:var(--color-green);border:1px solid var(--color-green)}.place-tag:hover{background-color:var(--color-green);color:var(--color-background)}footer{background-color:var(--color-text);color:var(--color-background);padding:var(--space-xl) var(--space-lg);margin-top:var(--space-2xl)}.footer-inner{max-width:var(--max-width-wide);margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-xl)}.footer-brand{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-background);margin-bottom:var(--space-md)}.footer-tagline{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-sandstone-light);line-height:1.6}.footer-heading{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sandstone-light);margin-bottom:var(--space-md)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-background);opacity:.7;transition:opacity var(--transition)}.footer-links a:hover{opacity:1;color:var(--color-background)}.footer-bottom{max-width:var(--max-width-wide);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid rgba(245,240,232,.15);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-background);opacity:.5}.eras-intro{max-width:var(--max-width-content);margin-bottom:var(--space-xl)}.eras-intro p{font-size:var(--text-lg);line-height:1.8;color:var(--color-mersey)}.eras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.era-card{display:block;border:1px solid var(--color-border);border-radius:2px;overflow:hidden;transition:all var(--transition);color:var(--color-text)}.era-card:hover{border-color:var(--color-sandstone);transform:translateY(-2px);box-shadow:0 4px 20px #1c181414}.era-card-image{width:100%;height:200px;overflow:hidden;background-color:var(--color-border)}.era-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.era-card:hover .era-card-image img{transform:scale(1.03)}.era-card-content{padding:var(--space-lg)}.era-card-date{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sandstone);margin-bottom:var(--space-sm)}.era-card-name{font-size:var(--text-xl);margin-top:0;margin-bottom:var(--space-sm);border:none;padding:0}.era-card-description{font-size:var(--text-sm);color:var(--color-mersey);line-height:1.6;margin-bottom:0}.era-summary{max-width:var(--max-width-content);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.era-summary p{font-size:var(--text-lg);line-height:1.9}.era-articles h2{font-size:var(--text-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.article-card{display:block;border:1px solid var(--color-border);border-radius:2px;overflow:hidden;transition:all var(--transition);color:var(--color-text)}.article-card:hover{border-color:var(--color-sandstone);transform:translateY(-2px);box-shadow:0 4px 20px #1c181414}.article-card-image{width:100%;height:180px;overflow:hidden;background-color:var(--color-border)}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-card-image img{transform:scale(1.03)}.article-card-content{padding:var(--space-md) var(--space-lg);text-wrap:pretty}.article-card-title{font-size:var(--text-lg);margin-top:0;margin-bottom:var(--space-sm);border:none;padding:0;text-wrap:balance}.article-card-standfirst{font-size:var(--text-sm);color:var(--color-mersey);line-height:1.6;margin-bottom:var(--space-sm)}.article-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.era-empty{padding:var(--space-xl) 0;color:var(--color-mersey);font-style:italic}.home-hero{width:100vw;margin-left:calc(50% - 50vw);margin-top:-80px;min-height:90vh;background-color:var(--color-text);background-size:cover;background-image:url(/images/liverpool-home-hero.jpg);background-position:36% center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}.home-hero:after{content:"";background:linear-gradient(to bottom,#0006,#0003);position:absolute;inset:0;z-index:1}.home-hero-content{position:relative;z-index:2}.home-hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:600;color:var(--color-background);letter-spacing:-.02em;margin-bottom:var(--space-md);line-height:1;text-shadow:0 2px 20px rgba(0,0,0,.5)}.home-hero-subtitle{font-family:var(--font-body);font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--color-background);font-style:italic;margin-bottom:var(--space-xl);line-height:1.5;max-width:none;text-shadow:0 2px 12px rgba(0,0,0,.6)}.home-hero-cta{display:inline-block;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-background);border:1px solid rgba(245,240,232,.4);padding:var(--space-md) var(--space-xl);transition:all var(--transition);background-color:#1c181466}.home-hero-cta:hover{color:var(--color-background);border-color:var(--color-sandstone);background-color:#c4956a4d}.home-intro{padding:var(--space-2xl) var(--space-lg);max-width:var(--max-width-content);margin:0 auto}.home-intro p{font-size:var(--text-xl);line-height:1.8;font-style:italic;color:var(--color-mersey);max-width:none}.section-heading{font-size:var(--text-2xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-top:0}.home-eras,.home-articles{padding:var(--space-xl) var(--space-lg)}.home-tours{padding:var(--space-2xl) var(--space-lg);margin-top:var(--space-xl)}.tours-inner{max-width:var(--max-width-content);border-top:1px solid var(--color-border);padding-top:var(--space-xl)}.tours-inner p{font-size:var(--text-lg);color:var(--color-mersey);line-height:1.8;margin-bottom:var(--space-lg);max-width:none}.tours-link{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sandstone);border-bottom:1px solid var(--color-sandstone);padding-bottom:2px;transition:all var(--transition)}.tours-link:hover{color:var(--color-text);border-color:var(--color-text)}.home-hero .hero-timeline{color:#fff;--timeline-opacity: 1}.topics-intro{max-width:var(--max-width-content);margin-bottom:var(--space-xl)}.topics-intro p{font-size:var(--text-lg);line-height:1.8;color:var(--color-mersey)}.topics-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.topic-card{display:inline-block;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border);border-radius:2px;color:var(--color-text);transition:all var(--transition)}.topic-card:hover{border-color:var(--color-sandstone);color:var(--color-sandstone);background-color:transparent}.topic-name{display:block}.topics-empty{padding:var(--space-xl) 0;color:var(--color-mersey);font-style:italic}.about-content{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);max-width:var(--max-width-wide);margin-top:var(--space-xl);padding:0 var(--space-lg)}.about-portrait{position:static;align-self:start}.about-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:2px;filter:grayscale(20%)}.about-text p{font-size:var(--text-lg);line-height:1.9;max-width:var(--max-width-content)}.about-sign-off{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;margin-top:var(--space-xl);color:var(--color-mersey)}@media(max-width:900px){.article-container{grid-template-columns:1fr;padding-top:var(--space-lg)}.article-toc{display:none!important}}@media(max-width:768px){:root{--text-base: 1.1rem;--text-lg: 1.25rem}h1{font-size:var(--text-3xl)}main{padding:0 var(--space-md) var(--space-xl) var(--space-md)}.container{padding:0 var(--space-md)}.home-intro{padding:var(--space-xl) var(--space-md)}blockquote{padding-left:var(--space-md)}.map-inline{float:none;width:100%;margin:var(--space-lg) 0}.article-header h1{font-size:var(--text-3xl)}.home-hero{margin-left:calc(50% - 50vw);background-image:url(/images/liverpool-home-hero-mobile.avif);background-size:cover;background-position:center center}.footer-inner,.about-content{grid-template-columns:1fr;gap:var(--space-lg)}.about-portrait{position:static;max-width:80vw;margin:0 auto}header.scrolled{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}header .nav-logo,header .nav-toggle{color:var(--color-text)}header:not(.scrolled) .nav-links a{color:var(--color-text)}.home-hero-title{font-size:72px}.page-header{padding-bottom:0;margin-bottom:var(--space-md)}.about-content{margin-top:var(--space-lg)}}nav{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-lg)}.nav-search-btn{background:none;border:none;cursor:pointer;color:currentColor;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition);margin-bottom:2px}.nav-search-btn:hover{opacity:1}.search-modal{display:flex;position:fixed;inset:0;z-index:200;align-items:flex-start;justify-content:center;padding-top:80px;visibility:hidden;opacity:0;pointer-events:none}.search-modal--open{visibility:visible;opacity:1;pointer-events:auto}.search-modal-backdrop{position:absolute;inset:0;background:#1c1814b3;backdrop-filter:blur(2px)}.search-modal-inner{position:relative;z-index:1;width:100%;max-width:640px;margin:0 var(--space-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 8px 40px #1c181433;max-height:calc(100vh - 120px);overflow-y:auto}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.search-modal-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-mersey)}.search-modal-close{background:none;border:none;cursor:pointer;color:var(--color-mersey);padding:4px;display:flex;align-items:center;opacity:.7;transition:opacity var(--transition)}.search-modal-close:hover{opacity:1}#search-container{padding:var(--space-md) var(--space-lg) var(--space-lg)}#search-container .pagefind-ui__search-input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;padding:var(--space-sm) 0;outline:none;box-shadow:none}#search-container .pagefind-ui__search-input:focus{border-bottom-color:var(--color-sandstone)}#search-container .pagefind-ui__search-clear{background:none;border:none;cursor:pointer;color:var(--color-mersey);font-family:var(--font-ui);font-size:var(--text-xs)}#search-container .pagefind-ui__results{margin-top:var(--space-md);list-style:none;padding:0}#search-container .pagefind-ui__result{border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}#search-container .pagefind-ui__result:last-child{border-bottom:none}#search-container .pagefind-ui__result-link{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-decoration:none;transition:color var(--transition)}#search-container .pagefind-ui__result-link:hover{color:var(--color-sandstone)}#search-container .pagefind-ui__result-excerpt{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-mersey);line-height:1.6;margin-top:var(--space-xs)}#search-container .pagefind-ui__result-excerpt mark{background:transparent;color:var(--color-sandstone);font-weight:600}#search-container .pagefind-ui__message{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-mersey);margin-top:var(--space-md)}#search-container .pagefind-ui__button{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sandstone);background:none;border:1px solid var(--color-sandstone);padding:var(--space-sm) var(--space-lg);cursor:pointer;margin-top:var(--space-md);transition:all var(--transition)}#search-container .pagefind-ui__button:hover{background:var(--color-sandstone);color:var(--color-background)}@media(max-width:768px){.search-modal{padding-top:0;align-items:flex-end}.search-modal-inner{margin:0;border-radius:2px 2px 0 0;max-height:80vh}.nav-right{margin-left:auto}.nav-search-btn{margin-bottom:0 px;padding:6px 4px 2px}}