/* Generated from src/styles/blog.scss; edit the SCSS source. */
.article-preview{display:block;width:24rem;margin:0 auto 2rem}.article-preview time{font-family:"Maven Pro",sans-serif;font-size:1.12em;line-height:1.3em;color:#770a0c;font-weight:400}.article-preview time .day,.article-preview time .month{font-weight:500}.article-preview .image-wrapper img{margin-top:1rem;width:24rem;height:auto}.article-preview .image-wrapper::after{display:block;content:"";height:1px;width:100%;border-bottom:2px solid #770a0c;position:relative;top:.75rem}.article-preview h3,.article-preview h2{margin:2rem auto 1rem;font-size:1.2em;line-height:1.09em}.article-preview h3 a,.article-preview h2 a{font-family:"Maven Pro",sans-serif;font-size:1.37em;font-weight:500;line-height:1.09em;text-transform:uppercase;text-decoration:none;color:#2c2e2f}.article-preview .excerpt{font-family:"Maven Pro",sans-serif;font-size:1.01em;line-height:1.5em;font-weight:400;color:#2c2e2f;width:24rem;margin:1rem auto}@media(max-width: 400px){.article-preview{width:calc(100vw - 2rem)}.article-preview .image-wrapper>img,.article-preview .excerpt{width:calc(100vw - 2rem)}}@media(min-width: 1300px){.article-preview{margin:0;display:grid;grid-template:"date" min-content "image" 16rem "title" auto "excerpt" auto "button" min-content}.article-preview>time{grid-area:date}.article-preview>.image-wrapper{grid-area:image;width:100%;height:100%;margin-top:.5rem}.article-preview>.image-wrapper>img{width:100%;height:95%;margin:0;-o-object-fit:cover;object-fit:cover}.article-preview>h2{grid-area:title;width:100%}.article-preview>.excerpt{grid-area:excerpt;margin:0 auto 1rem}.article-preview>.read-button{grid-area:button;position:relative !important;bottom:unset !important}}main .straight-header{background-color:#2c2e2f;height:20.5rem;padding-top:2rem;color:#fff}main .straight-header h1{padding-top:6rem;font-family:"Unna",serif;font-weight:400;font-size:2.6em;line-height:1.14em;width:calc(100vw - 2rem);margin:0 auto}main .straight-header h1::after{display:block;content:"";height:1px;width:7.5rem;border-bottom:1px solid #fff;position:relative;top:1rem}main .straight-header p{font-family:"Maven Pro",sans-serif;font-weight:400;font-size:1.06em;line-height:1.5em;width:calc(100vw - 2rem);margin:2rem auto}main .blog-body{width:calc(100vw - 2rem);margin:2rem 1rem;position:relative}main .blog-body .year-select{position:relative;width:10rem;margin-bottom:2rem}main .blog-body .year-select select{width:10rem;height:3rem;display:block;background-color:rgba(0,0,0,0);border:2px solid #2c2e2f;color:#770a0c;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-text-align-last:center;text-align-last:center;font-family:"Maven Pro",sans-serif;font-size:1.25em;font-weight:500;z-index:1}main .blog-body .year-select::after{display:block;content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:10px solid #770a0c;position:relative;top:-1.7rem;right:-8rem;z-index:-1}main .blog-body .posts-list{padding:0;list-style:none}main .blog-body .posts-list article{position:relative;height:100%}main .blog-body .posts-list article>.read-button{font-size:1.25em;font-family:"Maven Pro",sans-serif;color:#2c2e2f;text-decoration:none;position:relative;padding-right:2rem;display:flex;align-content:center;justify-content:flex-end}main .blog-body .posts-list article>.read-button::after{position:absolute;right:1rem;top:40%;display:block;content:"";height:0;width:0;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:10px solid #770a0c}main .blog-body .posts-list article>.read-button:hover{text-decoration:underline}@media(min-width: 1300px){main .straight-header{height:19rem}main .straight-header h1{font-size:4.25em;text-align:center}main .straight-header h1::after{width:9.3rem;margin:0 auto}main .straight-header p{font-size:1.125em;line-height:1.4em;width:65rem;text-align:center}main .blog-body{max-width:78rem;width:calc(100vw - 2rem);margin:2rem auto 0;padding-bottom:4rem}main .blog-body .year-select{margin-top:2rem;margin-bottom:2rem}main .blog-body .posts-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));grid-gap:3rem 3rem}main .blog-body .posts-list article>.read-button{position:absolute;bottom:-2rem;right:0}}.infinite-scroll-region{transition:opacity .1s}.infinite-scroll-region.has-old-content{opacity:.3}
