.blog-showcase{--bs-accent: #b0522b;--bs-brown: #483e2b;--bs-cream: #fcf6ef;--bs-sand: #f2e3d5;--bs-slate: #23313a;--bs-green: #19362d;--bs-radius: 24px;--bs-radius-sm: 16px;--bs-ease: cubic-bezier(.22, .68, .36, 1);position:relative;overflow:hidden}.blog-showcase__inner{position:relative;z-index:1}.blog-showcase__glow{position:absolute;inset:-20% -10% auto -10%;height:70%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.5}.blog-showcase__glow span{position:absolute;display:block;border-radius:50%}.blog-showcase__glow-a{width:42vw;height:42vw;max-width:620px;max-height:620px;left:-6%;top:0;background:radial-gradient(circle,rgba(176,82,43,.55),transparent 68%)}.blog-showcase__glow-b{width:36vw;height:36vw;max-width:520px;max-height:520px;right:-4%;top:12%;background:radial-gradient(circle,rgba(25,54,45,.42),transparent 68%)}.blog-feature{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:64px}.blog-feature__media{display:block;position:relative;overflow:hidden;border-radius:var(--bs-radius);background:linear-gradient(150deg,var(--bs-sand),#fff 65%);aspect-ratio:1 / 1}.blog-feature__img{width:100%;height:100%;object-fit:cover;display:block}.blog-feature__img--empty svg{width:100%;height:100%;opacity:.35}.blog-feature__panel{background:var(--bs-cream);border:1px solid rgba(72,62,43,.1);border-radius:var(--bs-radius);padding:30px 26px;margin:-46px 16px 0;position:relative;box-shadow:0 24px 60px -32px #23313a73}.blog-feature__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bs-accent)}.blog-feature__pulse{width:7px;height:7px;border-radius:50%;background:var(--bs-accent);flex:none}.blog-feature__title{margin:0 0 14px;font-size:clamp(27px,3.4vw,44px);line-height:1.12;letter-spacing:-.01em}.blog-feature__title a{color:var(--bs-brown);text-decoration:none;background-image:linear-gradient(var(--bs-accent),var(--bs-accent));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat}.blog-feature__excerpt{margin:0 0 18px;max-width:52ch;font-size:17px;line-height:1.65;color:#483e2bd1}.blog-feature__meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 22px;font-size:13.5px;color:#483e2b9e}.blog-feature__tag{background:var(--bs-sand);color:var(--bs-brown);border-radius:99px;padding:4px 11px;font-weight:600;font-size:12px;letter-spacing:.02em}.blog-feature__cta{display:inline-flex;align-items:center;gap:9px;padding:13px 25px;border-radius:99px;background:var(--bs-accent);color:#fff;font-weight:600;font-size:15px;text-decoration:none}.blog-feature__arrow{width:1.1em;height:1.1em;flex:none}@media screen and (min-width:990px){.blog-feature{grid-template-columns:46% 1fr;align-items:center}.blog-feature__panel{margin:0 0 0 -4rem;padding:42px 38px}}.blog-filter{margin-bottom:34px;overflow-x:auto;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter__list{display:flex;gap:9px;list-style:none;margin:0;padding:.25rem 0}.blog-filter__pill{--pill: var(--bs-brown);display:inline-block;white-space:nowrap;padding:10px 18px;border-radius:99px;border:1.5px solid color-mix(in srgb,var(--pill) 30%,transparent);background:transparent;color:var(--pill);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.blog-filter__pill.accent-1{--pill: #b0522b}.blog-filter__pill.accent-2{--pill: #19362d}.blog-filter__pill.accent-3{--pill: #23313a}.blog-filter__pill.accent-4{--pill: #8a5a2b}.blog-filter__pill.accent-5{--pill: #4a5d3a}.blog-filter__pill.is-active{background:var(--pill);border-color:var(--pill);color:#fff}.blog-grid{display:grid;grid-template-columns:1fr;gap:34px 24px}@media screen and (min-width:750px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.blog-grid--2{grid-template-columns:repeat(2,1fr)}.blog-grid--3{grid-template-columns:repeat(3,1fr)}.blog-grid--4{grid-template-columns:repeat(4,1fr)}}.blog-card{--card: var(--bs-accent);display:flex;flex-direction:column;background:#fff;border:1px solid rgba(72,62,43,.1);border-radius:var(--bs-radius);overflow:hidden;position:relative}.blog-card.accent-1{--card: #b0522b}.blog-card.accent-2{--card: #19362d}.blog-card.accent-3{--card: #23313a}.blog-card.accent-4{--card: #8a5a2b}.blog-card.accent-5{--card: #4a5d3a}.blog-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--card);transform:scaleX(0);transform-origin:left}.blog-card__media{display:block;position:relative;overflow:hidden;background:linear-gradient(150deg,var(--bs-sand),#fff 65%);aspect-ratio:1 / 1}.blog-card__img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__img--empty svg{width:100%;height:100%;opacity:.35}.blog-card__chip{position:absolute;left:.9rem;bottom:.9rem;background:var(--card);color:#fff;border-radius:99px;padding:5px 12px;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:capitalize;box-shadow:0 6px 18px -8px #0009}.blog-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:22px 21px 24px}.blog-card__title{margin:0 0 10px;font-size:20px;line-height:1.32;letter-spacing:-.005em}.blog-card__title a{color:var(--bs-brown);text-decoration:none}.blog-card__title a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.blog-card__excerpt{margin:0 0 16px;font-size:15px;line-height:1.62;color:#483e2bbf}.blog-card__meta{display:flex;align-items:center;gap:8px;margin:auto 0 0;font-size:13px;color:#483e2b99}.blog-card__arrow{width:1.15em;height:1.15em;margin-left:auto;color:var(--card);opacity:0}.blog-showcase__empty{margin:44px 0;text-align:center;font-size:16px;color:#483e2bb3}.blog-card[hidden],.blog-feature[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){.blog-showcase__glow-a{animation:bs-drift-a 22s ease-in-out infinite alternate}.blog-showcase__glow-b{animation:bs-drift-b 27s ease-in-out infinite alternate}.blog-feature__pulse{animation:bs-pulse 2.4s ease-in-out infinite}.blog-feature__img,.blog-card__img{transition:transform .75s var(--bs-ease)}.blog-feature__media:hover .blog-feature__img,.blog-card:hover .blog-card__img{transform:scale(1.06)}.blog-feature__title a{transition:background-size .4s var(--bs-ease)}.blog-feature__title a:hover,.blog-feature__title a:focus-visible{background-size:100% 2px}.blog-feature__cta{transition:transform .3s var(--bs-ease),box-shadow .3s var(--bs-ease)}.blog-feature__cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #b0522bb3}.blog-feature__arrow{transition:transform .3s var(--bs-ease)}.blog-feature__cta:hover .blog-feature__arrow{transform:translate(4px)}.blog-filter__pill{transition:background-color .25s var(--bs-ease),color .25s var(--bs-ease),border-color .25s var(--bs-ease),transform .25s var(--bs-ease)}.blog-filter__pill:hover{background:color-mix(in srgb,var(--pill) 12%,transparent);border-color:var(--pill);transform:translateY(-1px)}.blog-filter__pill.is-active:hover{background:var(--pill)}.blog-card{transition:transform .4s var(--bs-ease),box-shadow .4s var(--bs-ease),border-color .4s var(--bs-ease)}.blog-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card) 35%,transparent);box-shadow:0 28px 50px -28px #23313a73}.blog-card:after{transition:transform .4s var(--bs-ease)}.blog-card:hover:after{transform:scaleX(1)}.blog-card__title a,.blog-card__arrow{transition:color .3s var(--bs-ease),opacity .3s var(--bs-ease),transform .3s var(--bs-ease)}.blog-card:hover .blog-card__title a{color:var(--card)}.blog-card:hover .blog-card__arrow{opacity:1;transform:translate(3px)}.blog-card.is-filtering-in{animation:bs-in .45s var(--bs-ease) both;animation-delay:calc(var(--filter-order, 0) * 45ms)}}@keyframes bs-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,4%,0) scale(1.12)}}@keyframes bs-drift-b{0%{transform:translateZ(0) scale(1.08)}to{transform:translate3d(-7%,6%,0) scale(1)}}@keyframes bs-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.45}}@keyframes bs-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.blog-card__title a:focus-visible,.blog-feature__title a:focus-visible,.blog-feature__cta:focus-visible,.blog-filter__pill:focus-visible{outline:2px solid var(--bs-accent);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-blog-showcase.css.map */