.junecommerce-blog-index{--jc-blog-ink: var(--theme-dark, #07111f);--jc-blog-admin: #2a3f4c;--jc-blog-deep: #162936;--jc-blog-muted: color-mix(in srgb, var(--jc-blog-ink) 62%, transparent);--jc-blog-line: rgba(42, 63, 76, .13);--jc-blog-mint: #83e3c2;--jc-blog-soft: #f4f8f9;overflow-x:clip;background:#fff;color:var(--jc-blog-ink)}.junecommerce-blog-hero{position:relative;overflow:hidden;padding-block:clamp(78px,8vw,136px);background:linear-gradient(104deg,#e1fff6f2,#f7fcfcf7 42%,#243946f7),#f7fbfb}.junecommerce-blog-hero:before,.junecommerce-blog-hero:after{content:"";position:absolute;inset-block:-20%;width:1px;background:#2a3f4c21;transform:rotate(10deg)}.junecommerce-blog-hero:before{left:46%}.junecommerce-blog-hero:after{left:58%}.junecommerce-blog-hero__inner,.junecommerce-blog-featured__inner,.junecommerce-blog-grid-section__inner,.junecommerce-blog-cta__inner,.junecommerce-blog-empty__inner{width:min(100% - 64px,1540px);margin-inline:auto}.junecommerce-blog-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.56fr);align-items:center;gap:clamp(36px,6vw,100px)}.junecommerce-blog-hero__eyebrow,.junecommerce-blog-featured__eyebrow,.junecommerce-blog-grid-section__eyebrow,.junecommerce-blog-cta__eyebrow,.junecommerce-blog-empty__eyebrow{margin:0 0 14px;color:color-mix(in srgb,var(--jc-blog-admin) 66%,transparent);font-family:var(--theme-font-menu);font-size:.74rem;font-weight:850;letter-spacing:.16em;line-height:1;text-transform:uppercase}.junecommerce-blog-hero__breadcrumbs{margin:0 0 22px;color:color-mix(in srgb,var(--jc-blog-admin) 72%,transparent);font-family:var(--theme-font-menu);font-size:.86rem;font-weight:750}.junecommerce-blog-hero__breadcrumbs a{color:var(--jc-blog-admin);text-underline-offset:.22em}.junecommerce-blog-hero__title{max-width:10ch;margin:0;color:var(--jc-blog-ink);font-size:clamp(4rem,8vw,8.2rem);line-height:.9}.junecommerce-blog-hero__text{max-width:46rem;margin:clamp(22px,2.6vw,34px) 0 0;color:color-mix(in srgb,var(--jc-blog-ink) 76%,transparent);font-size:clamp(1.04rem,1.22vw,1.2rem);line-height:1.72}.junecommerce-blog-hero__meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,42px)}.junecommerce-blog-hero__meta span{min-height:40px;display:inline-flex;align-items:center;border:1px solid rgba(42,63,76,.1);border-radius:999px;padding:0 16px;background:#ffffff8f;color:color-mix(in srgb,var(--jc-blog-ink) 68%,transparent);font-family:var(--theme-font-menu);font-size:.86rem;font-weight:750}.junecommerce-blog-hero__panel{position:relative;min-height:380px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:clamp(24px,3vw,36px);background:linear-gradient(135deg,#ffffff29,#ffffff08),linear-gradient(145deg,#2a4e54f0,#101f2afa);box-shadow:0 34px 100px #07111f47;overflow:hidden}.junecommerce-blog-hero__panel:before{content:"BLOG";position:absolute;right:-14px;bottom:10px;color:#ffffff0e;font-family:var(--theme-font-heading);font-size:clamp(6rem,11vw,11rem);line-height:.9}.junecommerce-blog-hero__panel-label{position:relative;z-index:1;display:inline-flex;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 14px;background:#ffffff1a;color:#ffffffc7;font-family:var(--theme-font-menu);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.junecommerce-blog-hero__panel-lines{position:relative;z-index:1;display:grid;gap:16px;margin-top:58px}.junecommerce-blog-hero__panel-lines span{height:18px;border-radius:999px;background:#ffffff29}.junecommerce-blog-hero__panel-lines span:nth-child(1){width:82%}.junecommerce-blog-hero__panel-lines span:nth-child(2){width:62%}.junecommerce-blog-hero__panel-lines span:nth-child(3){width:74%}.junecommerce-blog-hero__panel-chart{position:absolute;left:clamp(24px,3vw,36px);right:clamp(24px,3vw,36px);bottom:clamp(24px,3vw,36px);z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;height:112px}.junecommerce-blog-hero__panel-chart span{border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--jc-blog-mint) 52%,rgba(255,255,255,.22))}.junecommerce-blog-hero__panel-chart span:nth-child(1){height:42%}.junecommerce-blog-hero__panel-chart span:nth-child(2){height:68%}.junecommerce-blog-hero__panel-chart span:nth-child(3){height:54%}.junecommerce-blog-hero__panel-chart span:nth-child(4){height:92%}.junecommerce-blog-featured,.junecommerce-blog-grid-section,.junecommerce-blog-empty{padding-block:clamp(68px,8vw,124px)}.junecommerce-blog-index--listing-only .junecommerce-blog-grid-section{background:linear-gradient(180deg,#fff,#f4f8f9db)}.junecommerce-blog-grid-section__breadcrumbs{margin:0 0 clamp(22px,3vw,34px);color:color-mix(in srgb,var(--jc-blog-admin) 72%,transparent);font-family:var(--theme-font-menu);font-size:.86rem;font-weight:750}.junecommerce-blog-grid-section__breadcrumbs a{color:var(--jc-blog-admin);text-underline-offset:.22em}.junecommerce-blog-grid-section__header--intro{max-width:760px;margin-bottom:0}.junecommerce-blog-grid-section__header--intro h2{margin:0;color:var(--jc-blog-ink);font-size:clamp(2.6rem,5vw,5.3rem);line-height:.95}.junecommerce-blog-grid-section__header--intro p:not(.junecommerce-blog-grid-section__eyebrow){max-width:52rem;margin:clamp(16px,2vw,24px) 0 0;color:color-mix(in srgb,var(--jc-blog-ink) 70%,transparent);font-size:clamp(1rem,1.16vw,1.14rem);line-height:1.7}.junecommerce-blog-grid-section__meta{display:flex;flex-wrap:wrap;gap:12px;margin:clamp(24px,3vw,36px) 0 clamp(34px,4vw,56px)}.junecommerce-blog-grid-section__meta span{min-height:40px;display:inline-flex;align-items:center;border:1px solid rgba(42,63,76,.1);border-radius:999px;padding:0 16px;background:#ffffffc2;color:color-mix(in srgb,var(--jc-blog-ink) 68%,transparent);font-family:var(--theme-font-menu);font-size:.86rem;font-weight:750}.junecommerce-blog-featured__article--inline{margin:clamp(30px,4vw,54px) 0}.junecommerce-blog-empty--inline{padding-block:0}.junecommerce-blog-empty--inline .junecommerce-blog-empty__inner{width:100%}.junecommerce-blog-featured__article{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;border:1px solid var(--jc-blog-line);border-radius:8px;background:#fff;box-shadow:0 30px 90px #16242c14;overflow:hidden}.junecommerce-blog-featured__media,.junecommerce-blog-card__media{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#83e3c242,#2a3f4ceb),var(--jc-blog-soft)}.junecommerce-blog-featured__media{min-height:460px}.junecommerce-blog-featured__media img,.junecommerce-blog-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.junecommerce-blog-featured__article:hover img,.junecommerce-blog-card:hover img{transform:scale(1.045)}.junecommerce-blog-featured__placeholder,.junecommerce-blog-card__placeholder{min-height:inherit;display:grid;place-items:center;color:#ffffffd1;font-size:clamp(2.4rem,5vw,4rem)}.junecommerce-blog-featured__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,58px)}.junecommerce-blog-featured__copy h2,.junecommerce-blog-grid-section__header h2,.junecommerce-blog-empty h2,.junecommerce-blog-cta h2{margin:0;color:var(--jc-blog-ink);font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.02}.junecommerce-blog-featured__copy h2 a,.junecommerce-blog-card h3 a{color:inherit;text-decoration:none}.junecommerce-blog-featured__copy h2 a:hover,.junecommerce-blog-featured__copy h2 a:focus,.junecommerce-blog-card h3 a:hover,.junecommerce-blog-card h3 a:focus{color:var(--jc-blog-admin)}.junecommerce-blog-featured__copy p,.junecommerce-blog-card p,.junecommerce-blog-empty p{margin:18px 0 0;color:var(--jc-blog-muted);font-size:1rem;line-height:1.72}.junecommerce-blog-card__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:16px;color:color-mix(in srgb,var(--jc-blog-ink) 54%,transparent);font-family:var(--theme-font-menu);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.junecommerce-blog-featured__button,.junecommerce-blog-card__link,.junecommerce-blog-cta__button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--jc-blog-deep);border-radius:8px;padding:0 20px;background:var(--jc-blog-deep);color:#fff;font-family:var(--theme-font-menu);font-weight:850;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.junecommerce-blog-featured__button{width:fit-content;margin-top:28px}.junecommerce-blog-featured__button:hover,.junecommerce-blog-featured__button:focus,.junecommerce-blog-cta__button:hover,.junecommerce-blog-cta__button:focus{color:#fff;transform:translateY(-2px);box-shadow:0 24px 54px #1629362e}.junecommerce-blog-grid-section{background:linear-gradient(180deg,#fff,#f4f8f9f0)}.junecommerce-blog-featured+.junecommerce-blog-grid-section{padding-top:0}.junecommerce-blog-grid-section__header{width:min(100%,760px);margin-bottom:clamp(30px,5vw,54px)}.junecommerce-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.3vw,34px)}.junecommerce-blog-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--jc-blog-line);border-radius:8px;background:#ffffffeb;box-shadow:0 24px 74px #16242c0f;overflow:hidden}.junecommerce-blog-card__media{aspect-ratio:1.45/1}.junecommerce-blog-card__body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding:clamp(20px,2.4vw,28px)}.junecommerce-blog-card h3{margin:0;color:var(--jc-blog-ink);font-size:clamp(1.35rem,1.55vw,1.7rem);line-height:1.16}.junecommerce-blog-card__link{align-self:flex-start;margin-top:auto;border:0;padding:0;background:transparent;color:var(--jc-blog-admin);box-shadow:none}.junecommerce-blog-card__link:hover,.junecommerce-blog-card__link:focus{color:var(--jc-blog-ink)}.junecommerce-blog-pagination{display:flex;justify-content:center;margin-top:clamp(34px,5vw,58px)}.junecommerce-blog-pagination .pagination{gap:8px}.junecommerce-blog-pagination .page-link{min-width:42px;min-height:42px;display:grid;place-items:center;border-color:var(--jc-blog-line);border-radius:8px;color:var(--jc-blog-admin);font-family:var(--theme-font-menu);font-weight:800;box-shadow:none}.junecommerce-blog-pagination .page-item.active .page-link{border-color:var(--jc-blog-deep);background:var(--jc-blog-deep);color:#fff}.junecommerce-blog-cta{padding-block:clamp(62px,7vw,104px);background:#fff}.junecommerce-blog-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:8px;padding:clamp(28px,4vw,56px);background:linear-gradient(135deg,#3d5f62f5,#12212cfa);box-shadow:0 30px 90px #16242c21}.junecommerce-blog-cta__eyebrow,.junecommerce-blog-cta h2{color:#fff}.junecommerce-blog-cta__eyebrow{opacity:.72}.junecommerce-blog-cta__button{flex:0 0 auto;border-color:#ffffffb8;background:#fffffff0;color:var(--jc-blog-ink)}.junecommerce-blog-cta__button:hover,.junecommerce-blog-cta__button:focus{color:var(--jc-blog-ink)}.junecommerce-blog-empty{text-align:center}.junecommerce-blog-empty__inner{width:min(100% - 64px,780px)}@media(max-width:1199.98px){.junecommerce-blog-hero__inner,.junecommerce-blog-featured__article{grid-template-columns:1fr}.junecommerce-blog-hero__panel{width:min(100%,720px)}.junecommerce-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.junecommerce-blog-hero,.junecommerce-blog-featured,.junecommerce-blog-grid-section,.junecommerce-blog-empty,.junecommerce-blog-cta{padding-block:52px}.junecommerce-blog-hero__inner,.junecommerce-blog-featured__inner,.junecommerce-blog-grid-section__inner,.junecommerce-blog-cta__inner,.junecommerce-blog-empty__inner{width:min(100% - 28px,1540px)}.junecommerce-blog-hero__title{font-size:clamp(3.4rem,18vw,5.1rem)}.junecommerce-blog-hero__panel,.junecommerce-blog-featured__media{min-height:300px}.junecommerce-blog-grid{grid-template-columns:1fr}.junecommerce-blog-cta__inner{align-items:stretch;flex-direction:column}.junecommerce-blog-cta__button{width:100%}}