@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap";.blog-post-wrapper{background:#fff;box-shadow:0 1px 6px #1c1b1b12;padding:1.5rem}.post-date{color:#c32b42;font-size:.7rem;letter-spacing:.08em;margin-bottom:.5rem}.post-date,.post-title{font-family:Lora,Georgia,serif}.post-title{color:#1c1b1b;font-size:1.1rem;font-weight:500;letter-spacing:.02em;margin-bottom:.65rem}.post-body{color:#1c1b1bb8;font-family:Lora,Georgia,serif;font-size:.9rem;line-height:1.85;white-space:pre-wrap}.post-image-container{display:flex;gap:.5rem;margin-top:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.post-image{flex:0 0 82%;scroll-snap-align:start}.post-image img{aspect-ratio:4/3;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.post-image-caption{color:#1c1b1b73;font-family:Lora,Georgia,serif;font-size:.68rem;line-height:1.5;margin-top:.3rem}.post-footer{display:flex;justify-content:flex-end;margin-top:1.25rem}.post-delete{background:transparent;border:1px solid rgba(28,27,27,.18);color:#1c1b1b52;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.68rem;letter-spacing:.08em;padding:.3rem .75rem;text-transform:uppercase;transition:.1s}.post-delete:hover{border-color:#c32b42;color:#c32b42}@media(min-width:52em){.blog-post-wrapper{padding:2rem 2.25rem}.post-image-container{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-x:unset}.post-image{flex:unset}.post-image img{aspect-ratio:4/3}}.post-button{align-items:center;background:#1c1b1b;border:none;border-radius:100%;box-shadow:0 4px 16px #00000040;color:#fff;cursor:pointer;display:flex;font-size:32px;height:3rem;justify-content:center;width:3rem}.create-post-form-wrapper,.post-button{bottom:1.5rem;position:fixed;right:1.5rem;z-index:10}.create-post-form-wrapper{background:#fff;border:1px solid #1c1b1b;box-shadow:0 8px 32px #00000026;display:block;font-family:Lora,Georgia,serif;height:-moz-fit-content;height:fit-content;left:1.5rem;max-height:80vh;overflow-y:auto;padding:1.25rem}.create-post-form-wrapper form{display:flex;flex-direction:column;gap:1rem}.create-post-form-wrapper form div{display:flex;flex-direction:column;gap:.35rem}.create-post-form-wrapper form h2{color:#1c1b1b80;font-size:.7rem;font-weight:400;letter-spacing:.1em;margin:0;text-transform:uppercase}.create-post-form-wrapper form input[type=text],.create-post-form-wrapper form textarea{background:#fff;border:1px solid rgba(28,27,27,.25);box-sizing:border-box;color:#1c1b1b;font-family:Lora,Georgia,serif;font-size:.9rem;outline:none;padding:.5rem .65rem;width:100%}.create-post-form-wrapper form input[type=text]:focus,.create-post-form-wrapper form textarea:focus{border-color:#1c1b1b}.create-post-form-wrapper form textarea{height:5rem;resize:vertical}.create-post-form-wrapper form .images-section{display:flex;flex-direction:column;gap:.5rem}.create-post-form-wrapper form .image-item{align-items:center;display:flex;gap:.5rem}.create-post-form-wrapper form .image-item .image-preview{flex-shrink:0;height:2.5rem;-o-object-fit:cover;object-fit:cover;width:2.5rem}.create-post-form-wrapper form .image-item input[type=text]{flex:1;font-size:.75rem;height:2rem;padding:.3rem .6rem}.create-post-form-wrapper form .image-item .remove-image{background:none;border:none;color:#1c1b1b59;cursor:pointer;font-size:20px;padding:0 .25rem}.create-post-form-wrapper form .submit-button{align-self:flex-start;background:#1c1b1b;border:1px solid #1c1b1b;color:#fff;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.85rem;letter-spacing:.06em;padding:.45rem 1.25rem;text-transform:uppercase}.create-post-form-wrapper form .submit-button:disabled{opacity:.5}.create-post-form-wrapper form .file-upload-label{cursor:pointer}.create-post-form-wrapper form .file-upload-label input[type=file]{display:none}.create-post-form-wrapper form .file-upload-label span{border:1px dashed rgba(28,27,27,.25);box-sizing:border-box;color:#1c1b1b66;display:block;font-family:Lora,Georgia,serif;font-size:.85rem;padding:.5rem .75rem;text-align:center;width:100%}.post-form-enter-active,.post-form-leave-active{max-height:700px;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.post-form-enter-from,.post-form-leave-to{max-height:0;opacity:0;padding:0}@media(min-width:52em){.post-button{align-items:center;background:#1c1b1b;border:none;border-radius:100%;bottom:2.5rem;box-shadow:0 4px 16px #00000040;color:#fff;cursor:pointer;display:flex;font-size:32px;height:3.25rem;justify-content:center;position:fixed;right:2.5rem;transition:.15s;width:3.25rem;z-index:10}.post-button:hover{background:#c32b42}.create-post-form-wrapper{background:#fff;border:1px solid #1c1b1b;bottom:2.5rem;box-shadow:0 8px 32px #00000026;display:block;font-family:Lora,Georgia,serif;height:-moz-fit-content;height:fit-content;padding:1.75rem;position:fixed;right:2.5rem;width:28rem;z-index:10}.create-post-form-wrapper form{display:flex;flex-direction:column;gap:1.1rem}.create-post-form-wrapper form div{display:flex;flex-direction:column;gap:.35rem}.create-post-form-wrapper form h2{color:#1c1b1b80;font-size:.7rem;font-weight:400;letter-spacing:.1em;margin:0;text-transform:uppercase}.create-post-form-wrapper form input[type=text],.create-post-form-wrapper form textarea{background:#fff;border:1px solid rgba(28,27,27,.25);box-sizing:border-box;color:#1c1b1b;font-family:Lora,Georgia,serif;font-size:.9rem;outline:none;padding:.5rem .65rem;transition:border-color .15s;width:100%}.create-post-form-wrapper form input[type=text]::-moz-placeholder,.create-post-form-wrapper form textarea::-moz-placeholder{color:#1c1b1b4d}.create-post-form-wrapper form input[type=text]::placeholder,.create-post-form-wrapper form textarea::placeholder{color:#1c1b1b4d}.create-post-form-wrapper form input[type=text]:focus,.create-post-form-wrapper form textarea:focus{border-color:#1c1b1b}.create-post-form-wrapper form textarea{height:5rem;max-width:100%;resize:vertical}.create-post-form-wrapper form .images-section{display:flex;flex-direction:column;gap:.5rem}.create-post-form-wrapper form .image-item{align-items:center;display:flex;flex-direction:row;gap:.5rem}.create-post-form-wrapper form .image-item .image-preview{flex-shrink:0;height:2.5rem;-o-object-fit:cover;object-fit:cover;width:2.5rem}.create-post-form-wrapper form .image-item input[type=text]{flex:1;font-size:.75rem;height:2rem;padding:.3rem .6rem}.create-post-form-wrapper form .image-item .remove-image{background:none;border:none;color:#1c1b1b59;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:0 .25rem;transition:color .15s}.create-post-form-wrapper form .image-item .remove-image:hover{color:#c32b42}.create-post-form-wrapper form .submit-button{align-self:flex-start;background:#1c1b1b;border:1px solid #1c1b1b;color:#fff;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.85rem;letter-spacing:.06em;padding:.45rem 1.25rem;text-transform:uppercase;transition:.1s}.create-post-form-wrapper form .submit-button:disabled{cursor:not-allowed;opacity:.5}.create-post-form-wrapper form .submit-button:not(:disabled):hover{background:#c32b42;border-color:#c32b42}.create-post-form-wrapper form .file-upload-label{align-items:center;cursor:pointer;flex-direction:row}.create-post-form-wrapper form .file-upload-label input[type=file]{display:none}.create-post-form-wrapper form .file-upload-label span{border:1px dashed rgba(28,27,27,.25);color:#1c1b1b66;font-family:Lora,Georgia,serif;font-size:.85rem;padding:.5rem .75rem;text-align:center;transition:border-color .15s,color .15s;width:100%}.create-post-form-wrapper form .file-upload-label span:hover{border-color:#1c1b1b;color:#1c1b1b}.post-form-enter-active,.post-form-leave-active{max-height:700px;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.post-form-enter-from,.post-form-leave-to{max-height:0;opacity:0;padding:0}}.current-page-wrapper{background:#e7d7c1;flex:1;padding:2rem 1.25rem 6rem}.current-page-header{border-bottom:1px solid rgba(28,27,27,.2);margin-bottom:2rem;padding-bottom:.75rem}.current-page-title{color:#1c1b1b;font-family:Lora,Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.3em;text-transform:uppercase}.blog-posts-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:52em){.current-page-wrapper{padding:2.5rem 3rem 6rem}.blog-posts-container{gap:1.25rem;max-width:48rem}}