@import url('/assets/fonts/fonts.css');

:root { --ink: #293940; --nav: #2d2a26; --paper: #fff; --muted: #69767b; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #333; background: #f5f4f1; font-family: Lora, Georgia, serif; font-size: 18px; line-height: 1.72; }
a { color: #3c7993; text-decoration-thickness: 1px; text-underline-offset: 3px; }
img { max-width: 100%; height: auto; }
.skip-link { position: fixed; left: -9999px; top: 8px; z-index: 100; background: white; padding: .6rem 1rem; }
.skip-link:focus { left: 8px; }
.site-header { background: var(--nav); }
.hero { display: block; height: clamp(160px, 28.571vw, 400px); position: relative; overflow: hidden; }
.hero-photo { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.site-logo { position: absolute; z-index: 2; width: 157px; left: clamp(18px, 4vw, 60px); top: clamp(18px, 3vw, 32px); filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)); }
.main-nav { min-height: 44px; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; padding: 0 1rem; }
.main-nav a { color: #fff; display: grid; place-items: center; padding: .78rem 1.45rem; font: 700 12px/1 Karla, Arial, sans-serif; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.main-nav a:hover, .main-nav a:focus, .main-nav a[aria-current] { background: rgba(255,255,255,.1); }
main { min-height: 40vh; }
.home-panel { min-height: 60vh; display: grid; place-items: center; position: relative; color: #fff; background-color: #293940; isolation: isolate; }
.home-panel:nth-of-type(even) { background-color: #2d2a26; }
.home-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.home-panel.panel-0::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/05/img_7344.jpg'); }
.home-panel.panel-1::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_6987.jpg'); }
.home-panel.panel-2::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_6368.jpg'); }
.home-panel.panel-3::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_6038.jpg'); }
.home-panel.panel-4::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_5865.jpg'); }
.home-panel.panel-5::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_5016.jpg'); }
.home-panel.panel-6::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_4845.jpg'); }
.home-panel.panel-7::before { background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/assets/images/2016/04/img_1550.jpg'); }
@media (min-width: 768px) { .home-panel::before { background-attachment: fixed; } }
.panel-inner { width: min(760px, calc(100% - 3rem)); text-align: center; padding: 4.5rem 0; }
.panel-inner h2 { margin: 0 auto 2.7rem; }
.panel-inner h2 a, .entry h1 { display: inline-block; border: 2px solid currentColor; color: inherit; padding: .55rem 1.4rem; font: 700 clamp(21px, 2.35vw, 31px)/1.25 Karla, Arial, sans-serif; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.panel-inner p { max-width: 700px; margin: 0 auto 1.7rem; text-align: left; }
.read-more { color: #fff; font: 700 13px Karla, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.entry { width: min(980px, calc(100% - 2rem)); margin: 4rem auto; background: var(--paper); box-shadow: 0 4px 28px rgba(0,0,0,.08); }
.entry > header { background: var(--ink); color: white; padding: 3rem 2rem; text-align: center; }
.entry h1 { margin: 0; }
.entry-meta { color: #d7dfe2; font: 14px Karla, sans-serif; letter-spacing: .05em; margin: 1rem 0 0; }
.entry-content { padding: clamp(1.5rem, 5vw, 4.5rem); overflow: hidden; }
.entry-content h2, .entry-content h3 { font-family: Karla, Arial, sans-serif; line-height: 1.25; }
.entry-content img { display: block; margin: 1.5rem auto; }
.entry-content figure { margin: 2rem 0; }
.entry-content figcaption, .tiled-gallery-caption { color: var(--muted); font: 14px/1.4 Karla, sans-serif; text-align: center; }
.entry-content blockquote { border-left: 4px solid #83b6cc; margin: 2rem 0; padding-left: 1.5rem; font-style: italic; }
.entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.tiled-gallery, .gallery, .photo-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 5px; width: 100% !important; height: auto !important; margin: 2rem 0; }
.gallery-row, .gallery-group { display: contents !important; }
.tiled-gallery-item, .gallery-item { width: auto !important; height: auto !important; margin: 0 !important; overflow: hidden; }
.tiled-gallery-item a, .photo-grid a { display: block; height: 100%; }
.tiled-gallery-item img, .gallery-item img, .photo-grid img { border: 0 !important; width: 100% !important; height: 220px !important; object-fit: cover; margin: 0 !important; }
.page-entry { max-width: 880px; }
.button { display: inline-block; color: white; background: #3c7993; padding: .8rem 1.2rem; font: 700 14px Karla, sans-serif; letter-spacing: .05em; text-decoration: none; }
.archive { padding: 3rem; }.archive > h1 { font-family: Karla, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.archive-item { border-top: 1px solid #ddd; padding: 1.5rem 0; }.archive-item h2 { font-family: Karla, sans-serif; line-height: 1.25; }
.site-footer { color: white; background: #2d2a26 url('/assets/images/2016/04/cropped-img_1913.jpg') center/cover; position: relative; padding: 4rem max(2rem, calc((100% - 900px)/2)); display: grid; grid-template-columns: repeat(2, minmax(160px, 1fr)); gap: 2rem; isolation: isolate; }
.site-footer::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(45,42,38,.9); }
.site-footer strong, .site-footer a { display: block; }.site-footer strong { font: 700 14px Karla, sans-serif; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .7rem; }.site-footer a { color: white; }
.site-footer p { grid-column: 1/-1; font-size: .8rem; opacity: .8; }
@media (max-width: 650px) {
  body { font-size: 16px; }.site-logo { width: 130px; left: 16px; top: 16px; }.main-nav a { padding: .85rem .72rem; }.panel-inner { width: min(88%, 650px); }.home-panel { min-height: 420px; }.panel-inner h2 { margin-bottom: 2rem; }.entry { width: 100%; margin: 0; box-shadow: none; }.entry-content { padding: 1.5rem; }.tiled-gallery, .gallery, .photo-grid { grid-template-columns: repeat(2, 1fr); }.tiled-gallery-item img, .gallery-item img, .photo-grid img { height: 160px !important; }
}