.aromadd-blog-index{display:block}.aromadd-blog-index__stack{display:grid;gap:clamp(1rem,2vw,1.75rem)}.aromadd-blog-index__banner{position:relative;isolation:isolate;display:grid;align-items:end;min-height:var(--banner-min-height);overflow:hidden;border-radius:8px;padding:clamp(2rem,5vw,4rem);background:rgb(var(--border-color) / .28)}.aromadd-blog-index__heading-row{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:2rem}.aromadd-blog-index__banner-image,.aromadd-blog-index__banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.aromadd-blog-index__banner-image{object-fit:cover}.aromadd-blog-index__banner-overlay{background:rgb(0 0 0 / var(--banner-overlay-opacity))}.aromadd-blog-index__banner.has-image{color:#fff}.aromadd-blog-index__banner.has-image .link-faded,.aromadd-blog-index__banner.has-image .text-subdued{color:#ffffffc7}.aromadd-blog-index__intro{max-width:820px}.aromadd-blog-index__rss{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.aromadd-blog-index__tools{display:flex;justify-content:stretch}.aromadd-blog-index__search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;border:1px solid rgb(var(--border-color));border-radius:999px;padding:.75rem 1rem;background:rgb(var(--background));transition:border-color .2s ease,box-shadow .2s ease}.aromadd-blog-index__search-submit{display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--text-color) / .62);transition:color .2s ease}.aromadd-blog-index__search-submit:hover,.aromadd-blog-index__search-submit:focus-visible{color:rgb(var(--accent))}.aromadd-blog-index__search:focus-within{border-color:rgb(var(--accent));box-shadow:0 0 0 3px rgb(var(--accent) / .1)}.aromadd-blog-index__search-input{width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;outline:0}.aromadd-blog-index__categories{display:flex;flex-wrap:wrap;gap:.625rem;padding-block:.625rem;border-block:1px solid rgb(var(--border-color))}.aromadd-blog-index__category{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;border:1px solid rgb(var(--border-color));border-radius:999px;padding:.45rem .95rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.aromadd-blog-index__category:hover,.aromadd-blog-index__category.is-active{border-color:rgb(var(--accent));background:rgb(var(--accent) / .08);color:rgb(var(--accent))}.aromadd-blog-index__featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding-block-end:clamp(2rem,4vw,4rem);border-block-end:1px solid rgb(var(--border-color))}.aromadd-blog-index__featured-media{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:rgb(var(--border-color) / .35)}.aromadd-blog-index__featured-media img,.aromadd-blog-index__featured-media svg{width:100%;height:100%;object-fit:cover}.aromadd-blog-index__featured-copy{max-width:600px}.aromadd-blog-index__meta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.aromadd-blog-index__grid{--blog-post-list-items-per-row: 3}.aromadd-blog-index__item{display:block}.aromadd-blog-index__item[hidden]{display:none}.aromadd-blog-index__item .blog-post-card{height:100%}.aromadd-blog-index__load-more{display:flex;justify-content:center}.aromadd-blog-index__load-more[hidden]{display:none}@media screen and (max-width:999px){.aromadd-blog-index__heading-row,.aromadd-blog-index__featured{grid-template-columns:1fr}.aromadd-blog-index__heading-row{display:grid;align-items:start}}@media screen and (max-width:699px){.aromadd-blog-index__banner{min-height:min(var(--banner-min-height),420px);padding:2rem}.aromadd-blog-index__categories{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.aromadd-blog-index__categories::-webkit-scrollbar{display:none}.aromadd-blog-index__category{scroll-snap-align:start;flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map?subset=CA */
