.notes-hero{display:flex;flex-direction:column;position:relative;width:100%}.notes-hero:before{content:"";display:flex;height:var(--header-ht-mobile);margin-bottom:32px}@media (min-width:1024px){.notes-hero:before{height:var(--header-ht-desktop)}}.notes-hero .content-box{background-color:#ece7dc}.notes-hero .h1,.notes-hero p{margin-bottom:32px}.notes-hero p{width:100%}@media (min-width:1024px){.notes-hero p{width:75%}}@media (min-width:1280px){.notes-hero p{max-width:calc((100vw - var(--scrollbar-width))*.35714);width:100%}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.notes-grid{position:relative}.notes-grid .pattern-dots{bottom:calc((100vw - var(--scrollbar-width))*.14286);left:0;right:0;top:48px}@media (min-width:768px){.notes-grid .pattern-dots{bottom:calc((100vw - var(--scrollbar-width))*.07143)}}.notes-grid.no-more-items .pattern-dots{bottom:calc((100vw - var(--scrollbar-width))*-.07143)}@media (min-width:768px){.notes-grid.no-more-items .pattern-dots{bottom:calc((100vw - var(--scrollbar-width))*-.03571)}}.notes-grid .grid-area{position:relative}.notes-grid .filter-section{border:1px solid #333;margin-bottom:0}.notes-grid .filter-section .filter-inner{align-items:center;display:flex;height:48px}.notes-grid .filter-section .filter-inner .filter-label{padding:0 32px 0 16px}@media (min-width:480px){.notes-grid .filter-section .filter-inner .filter-label{padding:0 40px 0 20px}}@media (min-width:768px){.notes-grid .filter-section .filter-inner .filter-label{box-sizing:border-box;padding:0 0 0 20px;width:calc((100vw - var(--scrollbar-width))*.16071)}}@media (min-width:1024px){.notes-grid .filter-section .filter-inner .filter-label{width:calc((100vw - var(--scrollbar-width))*.16964)}}@media (min-width:1680px){.notes-grid .filter-section .filter-inner .filter-label{width:160px}}.notes-grid .filter-label{color:#151817}@media (min-width:768px){.notes-grid .filter-label{padding-left:56px}}.notes-grid .filter-dropdown{align-items:center;background-color:#bf351d;border-left:1px solid #333;color:#ece7dc;cursor:pointer;display:flex;flex-grow:1;height:100%;position:relative;z-index:1}@media (min-width:768px){.notes-grid .filter-dropdown{border-right:1px solid #333;flex-grow:0;width:calc((100vw - var(--scrollbar-width))*.28571 - 18px)}}@media (min-width:1024px){.notes-grid .filter-dropdown{width:calc((100vw - var(--scrollbar-width))*.28571 - 22px)}}@media (min-width:1680px){.notes-grid .filter-dropdown{width:320px}}.notes-grid .filter-dropdown.hover ul{opacity:1;transition:opacity 333ms cubic-bezier(.333,1,.666,1);visibility:visible}.notes-grid .filter-dropdown .dropdown-label{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:0 20px;width:100%}.notes-grid .filter-dropdown .dropdown-label:after{background-image:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12" xml:space="preserve" fill="%23ece7dc"><path d="M6,9.376L.662,4.038l1.414-1.414,3.924,3.924,3.924-3.924,1.414,1.414-5.338,5.338Z"/></svg>');background-position:50% 50%;background-repeat:no-repeat;background-size:12px 12px;content:"";flex-shrink:0;height:7px;width:12px}.notes-grid .filter-dropdown ul{background-color:#ece7dc;box-shadow:0 0 0 1px #333;display:flex;flex-direction:column;left:0;opacity:0;position:absolute;top:100%;transition:visibility 0s linear 333ms,opacity 333ms cubic-bezier(.333,1,.666,1);visibility:hidden;width:100%}.notes-grid .filter-dropdown ul li{align-items:center;box-sizing:border-box;color:#151817;cursor:pointer;display:flex;height:48px;padding:0 20px;white-space:nowrap;width:100%}.notes-grid .filter-dropdown ul li:not(:last-child){border-bottom:1px solid #333}.notes-grid .filter-dropdown ul li.selected,.notes-grid .filter-dropdown ul li:hover{background-color:#bf351d;color:#ece7dc}.notes-grid .items{display:grid;gap:calc((100vw - var(--scrollbar-width))*.07143);grid-template-columns:1fr}.notes-grid .items .item-wrapper{display:flex}.notes-grid .items .item{background-color:#ece7dc;border:1px solid #333;box-shadow:0 0 0 0 transparent;display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:32px calc((100vw - var(--scrollbar-width))*.07143);transition:background-color 333ms cubic-bezier(.333,1,.666,1),box-shadow 333ms cubic-bezier(.333,1,.666,1),color 333ms cubic-bezier(.333,1,.666,1)}@media (hover:hover){.notes-grid .items .item:hover{background-color:#bf351d;border-color:transparent;box-shadow:0 0 0 8px #bf351d;color:#ece7dc}}.notes-grid .items .item.hovered{background-color:#bf351d;border-color:transparent;box-shadow:0 0 0 8px #bf351d;color:#ece7dc}.notes-grid .items .item .text-content{display:flex;flex:1;flex-direction:column;justify-content:space-between}.notes-grid .items .item .title{margin-bottom:16px;transition:color 333ms cubic-bezier(.333,1,.666,1)}.notes-grid .items .item .tagline{display:-webkit-box;-webkit-line-clamp:3;margin-top:16px;-webkit-box-orient:vertical;min-height:4.2em;overflow:hidden;text-overflow:ellipsis}.notes-grid .load-more{display:flex;justify-content:center;margin-top:calc((100vw - var(--scrollbar-width))*.14286)}@media (min-width:768px){.notes-grid .items{gap:32px;grid-template-columns:repeat(2,1fr)}.notes-grid .items .item{padding:32px}.notes-grid .items .item .tagline{margin-top:8px}.notes-grid .load-more{margin-top:calc((100vw - var(--scrollbar-width))*.07143)}}@media (min-width:1024px){.notes-grid .items{gap:40px}.notes-grid .items .item{padding:40px}}@media (min-width:1680px){.notes-grid .items{gap:48px}.notes-grid .items .item{padding:48px}}.post-enter-active,.post-leave-active,.post-move{transition:all 333ms cubic-bezier(.333,1,.666,1)}.post-enter-from,.post-leave-to{opacity:0;transform:translateY(32px)}.post-leave-active{opacity:0;position:relative;transform:translateY(-32px)}