.main-blog{--ink: #1a1a1a;--red: #C0392B;--red-dark: #9b2335;--yellow: #F5C800;--paper: #F8F6F0;--smoke: #EFECE4;--border: #E0DBD0;--radius: 16px;--gap: 1.6rem;--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06);--shadow-hover: 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);background:var(--paper)}.main-blog>h1.title--primary{display:none}.hopl-blog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-bottom:2.8rem;margin-bottom:3.2rem;border-bottom:3px solid var(--ink)}@media(max-width:749px){.hopl-blog-header{flex-direction:column;align-items:flex-start;gap:1rem}}.hopl-blog-header__eyebrow{display:inline-block;background:var(--yellow);color:var(--ink);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:.28rem 1rem;border-radius:4px;margin-bottom:1.1rem}.hopl-blog-header__title{font-size:clamp(3.2rem,5.5vw,5rem)!important;font-weight:900!important;color:var(--ink)!important;line-height:.93!important;margin:0 0 .8rem!important;letter-spacing:-.03em;text-transform:uppercase}.hopl-blog-header__title em{font-style:normal;color:var(--red)}.hopl-blog-header__sub{font-size:1.4rem;color:#777;font-style:italic;margin:0;line-height:1.5;max-width:50ch}.hopl-blog-header__count{font-size:1.05rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.hopl-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}.hopl-filter-pill{display:inline-flex;align-items:center;padding:.42rem 1.15rem;border:2px solid var(--border);border-radius:999px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#fff;color:var(--ink);transition:background .15s,border-color .15s,color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1}.hopl-filter-pill:hover{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.hopl-filter-pill.active{background:var(--red);color:#fff!important;border-color:var(--red);box-shadow:0 3px 14px #c0392b47}.hopl-filter-pill:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.hopl-article-wrap.hidden{display:none!important}.hopl-filter-empty{display:none;grid-column:1 / -1;padding:5rem 2rem;text-align:center;font-size:1.6rem;color:#bbb}.hopl-filter-empty.visible{display:block}.blog-articles{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-flow:dense!important;gap:var(--gap)!important;align-items:stretch!important}@media(max-width:989px){.blog-articles{grid-template-columns:repeat(2,1fr)!important;gap:1.4rem!important}}@media(max-width:599px){.blog-articles{grid-template-columns:1fr!important;gap:1.2rem!important}}.blog-articles__article.article{width:auto!important;display:flex!important;flex-direction:column!important}.hopl-article-wrap{display:flex;flex-direction:column;height:100%;position:relative}.hopl-article-wrap .article-card-wrapper{flex:1;display:flex;flex-direction:column}.hopl-article-wrap .article-card-wrapper .article-card{flex:1!important;display:flex!important;flex-direction:column!important}.hopl-article-wrap .article-card-wrapper .article-card .card__inner{flex:1;display:flex!important;flex-direction:column!important}.hopl-article-wrap .article-card-wrapper .article-card .card__content{flex:1}@media(min-width:990px){.hopl-article-wrap:nth-child(5n+2):not(.hopl-article-wrap--featured){grid-column:span 2}.hopl-article-wrap:nth-child(5n+2):not(.hopl-article-wrap--featured) .hopl-cover{aspect-ratio:16/9}.hopl-article-wrap:nth-child(5n+2):not(.hopl-article-wrap--featured) .card__heading{font-size:1.9rem!important}.hopl-article-wrap:nth-child(5n+2):not(.hopl-article-wrap--featured) .hopl-cover__title{font-size:clamp(1.7rem,2.5vw,2.2rem)}}.hopl-featured-badge{position:absolute;top:-1px;left:1.6rem;z-index:3;background:var(--red);color:#fff;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .85rem;border-radius:0 0 6px 6px}.hopl-article-wrap--featured{grid-column:1 / -1!important}@media(min-width:750px){.hopl-article-wrap--featured .article-card-wrapper .article-card:not(.hopl-card--no-img) .card__inner{display:grid!important;grid-template-columns:3fr 2fr!important;flex-direction:unset!important;min-height:38rem}.hopl-article-wrap--featured .article-card-wrapper .article-card:not(.hopl-card--no-img) .card__media,.hopl-article-wrap--featured .article-card-wrapper .article-card:not(.hopl-card--no-img) .article-card__image-wrapper{height:100%!important;aspect-ratio:unset!important}.hopl-article-wrap--featured .article-card-wrapper .article-card:not(.hopl-card--no-img) .card__content{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:3.2rem 3.6rem!important}.hopl-article-wrap--featured .article-card-wrapper .article-card:not(.hopl-card--no-img) .card__heading{font-size:clamp(2rem,2.8vw,2.8rem)!important}}.hopl-article-wrap--featured .hopl-cover{aspect-ratio:21/8;min-height:28rem}@media(max-width:749px){.hopl-article-wrap--featured .hopl-cover{aspect-ratio:16/9;min-height:unset}}.hopl-article-wrap--featured .hopl-card--no-img .card__content{display:none}.hopl-article-wrap .article-card{border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-card)!important;overflow:hidden!important;background:#fff!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.hopl-article-wrap:hover .article-card{transform:translateY(-5px)!important;box-shadow:var(--shadow-hover)!important;border-color:#ccc!important}.hopl-article-wrap .article-card:before{content:"";display:block;height:4px;width:0;transition:width .25s ease;position:relative;z-index:1}.hopl-article-wrap:hover .article-card:before{width:100%}.hopl-article-wrap[data-cat=family] .article-card:before{background:#e91e8c}.hopl-article-wrap[data-cat=popart] .article-card:before{background:var(--yellow)}.hopl-article-wrap[data-cat=style] .article-card:before{background:#00b4cc}.hopl-article-wrap[data-cat=gift] .article-card:before{background:#8e24aa}.hopl-article-wrap[data-cat=kids] .article-card:before{background:#2db84b}.hopl-article-wrap[data-cat=home] .article-card:before{background:#ff5722}.hopl-article-wrap[data-cat=default] .article-card:before{background:var(--red)}.hopl-article-wrap .article-card__image img{transition:transform .5s ease!important}.hopl-article-wrap:hover .article-card__image img{transform:scale(1.04)!important}.hopl-article-wrap:not(.hopl-article-wrap--featured) .article-card__image-wrapper,.hopl-article-wrap:not(.hopl-article-wrap--featured) .card__media{aspect-ratio:3/2!important;overflow:hidden!important}.hopl-article-wrap .card__information{padding:1.6rem 1.8rem 1.2rem!important}.hopl-cover-link{display:block;text-decoration:none!important;color:inherit!important}.hopl-cover-link:hover,.hopl-cover-link:visited,.hopl-cover-link:focus{text-decoration:none!important;color:inherit!important;outline:none}.hopl-cover{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.8rem 2rem 2rem;position:relative;overflow:hidden;background:var(--yellow)}.hopl-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1.2px,transparent 1.2px);background-size:13px 13px;pointer-events:none}.hopl-cover[data-cat=family]{background:#e91e8c}.hopl-cover[data-cat=popart]{background:var(--yellow)}.hopl-cover[data-cat=style]{background:#00b4cc}.hopl-cover[data-cat=gift]{background:#8e24aa}.hopl-cover[data-cat=kids]{background:#2db84b}.hopl-cover[data-cat=home]{background:#ff5722}.hopl-cover[data-cat=school]{background:#1976d2}.hopl-cover__category{position:relative;display:inline-block;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;background:#0000008c;color:#fff;padding:.2rem .75rem;border-radius:4px;margin-bottom:.85rem}.hopl-cover[data-cat=family] .hopl-cover__category,.hopl-cover[data-cat=gift] .hopl-cover__category,.hopl-cover[data-cat=home] .hopl-cover__category,.hopl-cover[data-cat=school] .hopl-cover__category,.hopl-cover[data-cat=style] .hopl-cover__category{background:#ffffffd9;color:var(--ink)}.hopl-cover__title{position:relative;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:900;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:0;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hopl-cover[data-cat=family] .hopl-cover__title,.hopl-cover[data-cat=gift] .hopl-cover__title,.hopl-cover[data-cat=home] .hopl-cover__title,.hopl-cover[data-cat=school] .hopl-cover__title,.hopl-cover[data-cat=style] .hopl-cover__title{color:#fff}.hopl-card--no-img .hopl-cover-title-link{display:none!important}.hopl-article-wrap .article-card__info{font-size:.95rem!important;color:#bbb!important;text-transform:uppercase!important;letter-spacing:.09em!important;margin-bottom:.45rem!important;display:block}.hopl-article-wrap .card__heading{font-weight:800!important;font-size:1.5rem!important;line-height:1.35!important;margin:0 0 .6rem!important;letter-spacing:-.015em}.hopl-article-wrap .card__heading a{color:var(--ink)!important;text-decoration:none!important}.hopl-article-wrap .card__heading a:hover{color:var(--red)!important}.hopl-article-wrap .article-card__excerpt{font-size:1.3rem!important;color:#5a5a5a!important;line-height:1.68!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:.4rem!important}.hopl-card-footer{display:flex;align-items:center;gap:.55rem;padding:.75rem 1.4rem .7rem;background:var(--smoke);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);margin-top:-1px;flex-shrink:0}.hopl-card-tag{display:inline-flex;align-items:center;background:var(--yellow);color:var(--ink);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:.18rem .65rem;border-radius:999px;white-space:nowrap;max-width:13ch;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.hopl-card-reading-time{font-size:.88rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.hopl-read-more{margin-left:auto;display:inline-flex;align-items:center;gap:.25rem;color:var(--red);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none!important;white-space:nowrap;padding:.3rem .7rem;border:1.5px solid var(--red);border-radius:999px;transition:background .15s,color .15s}.hopl-read-more:hover{background:var(--red);color:#fff!important;text-decoration:none!important}.hopl-newsletter-strip{grid-column:1 / -1;background:#1a1a1a;border-radius:var(--radius);padding:3rem 4rem;display:flex;align-items:center;gap:3rem}.hopl-newsletter-strip__left{flex:1}.hopl-newsletter-strip__heading{font-size:2rem;font-weight:900;color:var(--yellow);margin:0 0 .5rem;line-height:1.2}.hopl-newsletter-strip__sub{font-size:1.3rem;color:#ffffffb3;margin:0;line-height:1.55}.hopl-newsletter-strip__right{flex-shrink:0}.hopl-newsletter-strip__form{display:flex;gap:.6rem}.hopl-newsletter-strip__input{flex:1;padding:.85rem 1.2rem;border-radius:8px;border:1.5px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1.3rem;outline:none;min-width:22rem}.hopl-newsletter-strip__input::placeholder{color:#ffffff73}.hopl-newsletter-strip__input:focus{border-color:var(--yellow)}.hopl-newsletter-strip__btn{background:var(--yellow);color:var(--red);font-size:1.3rem;font-weight:800;border-radius:8px;padding:.85rem 2rem;border:none;cursor:pointer;white-space:nowrap;transition:background .15s}.hopl-newsletter-strip__btn:hover{background:#e0b500}@media(max-width:749px){.hopl-newsletter-strip{flex-direction:column;padding:2.4rem 2rem;gap:2rem}.hopl-newsletter-strip__right{width:100%}.hopl-newsletter-strip__form{flex-direction:column}.hopl-newsletter-strip__input{min-width:unset}.hopl-newsletter-strip__btn{width:100%}}.hopl-pagination{margin-top:4.8rem;display:flex;justify-content:center}.hopl-pagination__list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0;align-items:center}.hopl-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:3.8rem;height:3.8rem;padding:0 1rem;border:1px solid var(--border);border-radius:8px;font-weight:700;font-size:1.3rem;color:var(--ink);text-decoration:none;background:#fff;box-shadow:0 1px 3px #0000000d;transition:background .14s,transform .12s;cursor:pointer}.hopl-pagination__item:hover{background:var(--yellow);transform:translateY(-2px);text-decoration:none;color:var(--ink)}.hopl-pagination__item--current{background:var(--red);color:#fff;border-color:var(--red);cursor:default}.hopl-pagination__item--current:hover{background:var(--red);transform:none}@media(prefers-reduced-motion:reduce){.hopl-filter-pill,.hopl-article-wrap .article-card,.hopl-article-wrap .article-card:before,.hopl-article-wrap .article-card__image img,.hopl-read-more,.hopl-pagination__item,.hopl-newsletter-strip__btn{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hopl-blog-listing.css.map */