header { position: relative; z-index: 1200; display: flex; padding: 1rem 2rem; justify-content: space-between; background-color: #fff; border-bottom: 1px solid #ccc; }

@media (min-width: 1024px) { header { padding: 1rem 5rem; } }

#logo { margin-right: 2rem; }

#logo img { width: 2.75rem; height: 2rem; transform: scaleX(1); transition: all 0.35s ease-in-out; }

#logo:hover img { transform: scaleX(-1); }

#navigation { display: none; }

@media (min-width: 1024px) { #navigation { display: flex; align-items: center; flex: 1; } #navigation a { margin-right: 1.5rem; text-decoration: none; color: black; } #navigation a:hover { text-decoration: underline; text-underline-offset: 0.15rem; } #navigation a.selected { text-decoration: underline; text-underline-offset: 0.15rem; } }

#social { display: none; }

@media (min-width: 1024px) { #social { display: flex; align-items: center; } #social a { margin-left: 1.5rem; } #social a img { width: 1.5rem; height: 1.5rem; } }

#mobile-nav { display: flex; align-items: center; }

#mobile-nav a img { width: 1.5rem; height: 1.5rem; }

@media (min-width: 1024px) { #mobile-nav { display: none; } }

.mobile-nav-content { position: absolute; z-index: 1000; top: 0; left: 0; width: 100vw; height: 100vh; padding: 2rem 2rem 7rem; background: white; background-image: url("/assets/images/peg-pattern.png"); display: none; flex-direction: column; align-items: center; justify-content: space-between; }

.mobile-nav-content #close-btn { display: flex; width: 100%; justify-content: flex-end; }

.mobile-nav-content #navigation { display: flex; width: 100%; flex-direction: column; align-items: center; gap: 1rem; }

.mobile-nav-content #navigation a { font-size: 2rem; font-weight: 300; text-decoration: none; color: black; }

.mobile-nav-content #navigation a:hover { text-decoration: underline; text-underline-offset: 0.15rem; }

.mobile-nav-content #navigation a.selected { text-decoration: underline; text-underline-offset: 0.15rem; }

.mobile-nav-content #social { display: flex; align-items: center; justify-content: center; width: 100%; gap: 1.5rem; }

@media (min-width: 1024px) { .mobile-nav-content { display: none; } }

.posts-list { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 2rem; gap: 1.5rem; animation: fadeIn 1.25s; animation-iteration-count: 1; }

@media (min-width: 1024px) { .posts-list { padding: 2rem 5rem; } }

.post { display: flex; flex-direction: column; margin-bottom: 3.5rem; width: 100%; gap: 0.5rem; }

@media (min-width: 1024px) { .post { width: calc((100vw - 10rem)/2 - 1.5rem); } }

.post.merch { align-items: center; }

@media (min-width: 1024px) { .post.merch { width: calc((100vw - 10rem)/3 - 1.5rem); } .post.merch a.post-img { display: flex; justify-content: center; } .post.merch a.post-img img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 1; width: 20vw; } }

.post a.post-img img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 12/9; }

.post a.post-img img.imgDetail { display: none; }

.post a.post-img:hover img.imgOrig { display: none; }

.post a.post-img:hover img.imgDetail { display: block; }

.post .metadata a { margin-right: 0.25rem; font-family: 'Inconsolata', monospace; font-size: 0.875rem; text-decoration: none; color: #888; }

.post .metadata a::after { content: ','; }

.post .metadata a:last-child::after { content: ''; }

.post .metadata a:hover { text-decoration: underline; text-underline-offset: 0.15rem; }

.post .metadata p { font-family: 'Inconsolata', monospace; font-size: 0.875rem; color: #888; }

.post a.title { text-decoration: none; color: #444; }

.post a.title:hover { text-decoration: underline; text-underline-offset: 0.25rem; }

.post a.title h2 { font-size: 2rem; line-height: 2.5rem; }

.post p { font-size: 1rem; font-weight: 300; color: #232323; }

@media (min-width: 1024px) { .post p { font-size: 1.25rem; } }

.post a.more-link { text-transform: uppercase; font-weight: 300; font-size: 1rem; color: #232323; text-underline-offset: 0.15rem; }

@media (min-width: 1024px) { .post a.more-link { font-size: 1.25rem; } }

.post a.more-link:hover { text-decoration: none; }

.post-detail { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; gap: 1.5rem; animation: fadeIn 1s; animation-iteration-count: 1; }

.post-detail .metadata p { font-family: 'Inconsolata', monospace; font-size: 0.875rem; color: #888; }

.post-detail h2 { font-size: 2rem; line-height: 2.5rem; color: #444; }

.post-detail h3 { font-size: 1.5rem; color: #444; }

.post-detail img { display: block; width: 100%; height: auto; }

.post-detail p { font-size: 1rem; font-weight: 300; color: #232323; }

@media (min-width: 1024px) { .post-detail p { font-size: 1.25rem; } }

.post-detail p a { display: flex; align-items: center; gap: 0.25rem; color: #232323; text-decoration: underline; }

.post-detail p a .icon { width: 1.5rem; height: 1.5rem; }

.post-detail p a:hover { text-decoration: none; }

.post-detail p.links { display: flex; gap: 1.5rem; }

.post-detail blockquote { background: #f6f6f6; padding: 2rem; font-size: 1rem; font-weight: 300; border-radius: 0.5rem; font-style: italic; }

@media (min-width: 1024px) { .post-detail blockquote { font-size: 1.25rem; max-width: 50vw; } }

@media (min-width: 1024px) { .post-detail { padding: 2rem 5rem; } .post-detail img { max-width: 50vw; } .post-detail p { max-width: 50vw; } }

.post-detail iframe { width: 50vw; aspect-ratio: 12/9; }

ul.list { display: flex; gap: 1.5rem; flex-wrap: wrap; justify-content: center; padding: 0; }

@media (min-width: 1024px) { ul.list { gap: 3.5rem; width: 50vw; } }

ul.list li { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 0.75rem; text-align: center; width: 100%; }

@media (min-width: 1024px) { ul.list li { flex-direction: row-reverse; gap: 1.5rem; text-align: left; } ul.list li .poster { width: 20vw; } }

#commento { display: block; margin: 0 auto; margin-top: 3.5rem; padding: 2rem; }

@media (min-width: 1024px) { #commento { padding: 0 0 3.5rem; max-width: 50vw; } }

#commento-footer.commento-footer { display: none !important; }

footer { display: flex; padding: 2rem; justify-content: center; align-items: center; }

@media (min-width: 1024px) { footer { padding: 2rem 5rem; } }

:root { accent-color: #353535; }

section.content { min-height: calc(100vh - 4.0625rem); }

@media (min-width: 1024px) { .splide { max-width: 50vw; } }

.splide__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#today-pjc { padding: 2rem; }

#today-pjc h1 { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 1.5rem; color: #232323; }

#today-pjc h1::before { content: ' '; display: block; background-color: #1E3A8A; width: 4rem; height: 0.25rem; }

@media (min-width: 1024px) { #today-pjc { padding: 3rem 5rem; } }

.card { display: flex; flex-direction: column; background-color: white; border: 1px solid #ccc; overflow: hidden; flex: 1; margin-bottom: 1.5rem; }

.card .img { display: flex; justify-content: center; align-items: center; overflow: hidden; flex-basis: 40%; }

.card .img img { flex-shrink: 0; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; }

.card .copy { flex-basis: 100%; padding: 1.5rem; }

.card .copy h2 { font-size: 2rem; line-height: 1.875rem; margin-bottom: 1.25rem; text-transform: uppercase; color: #232323; }

.card .copy p { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 1.25rem; color: #232323; }

.card .copy li { font-size: 1.25rem; line-height: 2rem; }

.card .copy a { color: #DC2626; }

.card .copy a:hover { text-decoration: none; }

.card:last-child { margin: 0; }

@media (min-width: 1024px) { .card { margin-right: 1.5rem; margin-bottom: 0; transition: all 0.2s ease-in-out; } .card:last-child { margin: 0; } }

.card.wide { flex-grow: 2.5; }

@media (min-width: 1024px) { .card.wide { flex-direction: row; } .card.wide .copy, .card.wide .img { flex-basis: 50%; } }

.cards-container { display: flex; flex-direction: column; }

@media (min-width: 1024px) { .cards-container { flex-direction: row; } }

#join { display: flex; flex-direction: column; padding: 2rem 1rem; }

#join p { font-size: 1rem; line-height: 1.5rem; }

@media (min-width: 1024px) { #join { justify-content: center; align-items: center; } #join p { font-size: 1.5rem; line-height: 3.25rem; } }

@keyframes fadeIn { 0% { opacity: 0;
    margin-top: 2rem; }
  100% { margin-top: 0;
    opacity: 1; } }

img[loading='lazy'] { opacity: 0; /* Initially set opacity to 0 */ transition: opacity 0.5s ease-in-out; /* Add transition effect */ }

blockquote { background: #f6f6f6; padding: 2rem; font-size: 1rem; font-weight: 300; border-radius: 0.5rem; font-style: italic; }

@media (min-width: 1024px) { blockquote { font-size: 1.25rem; text-align: center; max-width: 50vw; } }

#calendars { width: 600px; }
/*# sourceMappingURL=app-min.css.map */