.notes-page{min-height:100vh;padding-top:160px;padding-bottom:4rem;background:#f3efe9}.notes-page-container{max-width:1400px;width:100%;margin:0 auto;padding:0 3rem}.notes-page-empty,.notes-page-loading{font-family:Open Sans,sans-serif;font-size:1rem;color:#8a8a8a;text-align:center;padding:3rem 0}.notes-page-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.notes-page-card{display:flex;flex-direction:column;background:transparent;border:none;text-decoration:none;color:inherit;transition:all .3s ease;overflow:hidden}.notes-page-card:hover{transform:translateY(-4px)}.notes-page-card:hover .notes-page-card-content{box-shadow:0 8px 24px rgba(49,49,49,.1);border-color:rgba(49,49,49,.2)}.notes-page-card-image{width:100%;height:400px;background:#e8e8e8;position:relative}.notes-page-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");opacity:.7;z-index:1;pointer-events:none}.notes-page-card-content{padding:2rem;display:flex;flex-direction:column;gap:1rem;flex:1 1;background:#fff;border:1px solid rgba(49,49,49,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}.notes-page-card-category{font-family:Open Sans,sans-serif;font-size:.65rem;font-weight:400;color:rgba(49,49,49,.6);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.25rem}.notes-page-card-title{font-family:Times New Roman,serif;font-size:1.5rem;font-weight:400;color:#313131;line-height:1.4;margin:0}.notes-page-card-excerpt{font-size:.95rem;line-height:1.7;color:rgba(49,49,49,.8);margin:0;flex:1 1}.notes-page-card-date,.notes-page-card-excerpt{font-family:Open Sans,sans-serif;font-weight:300}.notes-page-card-date{font-size:.8125rem;color:rgba(49,49,49,.6);margin-top:.5rem}@media (max-width:1200px){.notes-page-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:768px){.notes-page{padding-top:100px;padding-bottom:3rem}.notes-page-container{padding:0 1.5rem}.notes-page-grid{grid-template-columns:1fr;gap:2rem}.notes-page-card-image{height:350px}.notes-page-card-content{padding:1.5rem}}