.kbd-blog-demo{--kbd-blog-ink: #111111;--kbd-blog-muted: #696862;--kbd-blog-paper: #f3f0e8;--kbd-blog-card: #ffffff;--kbd-blog-line: rgba(17, 17, 17, .16);color:var(--kbd-blog-ink);background:var(--kbd-blog-paper)}.kbd-blog-demo *,.kbd-blog-demo *:before,.kbd-blog-demo *:after{box-sizing:border-box}.kbd-blog-demo__inner{width:min(100% - 48px,1760px);margin-inline:auto}.kbd-blog-demo__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:clamp(56px,7vw,118px) 0 clamp(32px,4vw,64px);border-bottom:1px solid var(--kbd-blog-line)}.kbd-blog-demo__eyebrow{margin:0 0 14px;color:var(--kbd-blog-muted);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kbd-blog-demo__title{max-width:1000px;margin:0;font-size:clamp(48px,7.2vw,124px);font-weight:500;letter-spacing:-.055em;line-height:.88}.kbd-blog-demo__description{max-width:440px;margin:22px 0 0;color:var(--kbd-blog-muted);font-size:clamp(15px,1.2vw,19px);line-height:1.5}.kbd-blog-demo__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:560px;margin:0;padding:0;list-style:none}.kbd-blog-demo__tag{display:inline-flex;align-items:center;min-height:38px;padding:8px 15px;border:1px solid var(--kbd-blog-line);border-radius:999px;color:var(--kbd-blog-ink);font-size:12px;line-height:1;text-decoration:none;transition:background-color .18s ease,color .18s ease}.kbd-blog-demo__tag:hover,.kbd-blog-demo__tag[aria-current=page]{color:#fff;background:var(--kbd-blog-ink)}.kbd-blog-demo__media{position:relative;display:block;overflow:hidden;background:#dedbd2}.kbd-blog-demo__media img,.kbd-blog-demo__media svg{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.kbd-blog-demo__card:hover .kbd-blog-demo__media img,.kbd-blog-demo__feature:hover .kbd-blog-demo__media img{transform:scale(1.025)}.kbd-blog-demo__meta{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;color:var(--kbd-blog-muted);font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.kbd-blog-demo__article-title{margin:0;font-weight:500;letter-spacing:-.035em;line-height:1.05}.kbd-blog-demo__article-title a{color:inherit;text-decoration:none}.kbd-blog-demo__excerpt{margin:0;color:var(--kbd-blog-muted);font-size:14px;line-height:1.55}.kbd-blog-demo__link{display:inline-flex;align-items:center;gap:8px;color:var(--kbd-blog-ink);font-size:12px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.kbd-blog-demo__link:after{content:"\2192";transition:transform .18s ease}.kbd-blog-demo__link:hover:after{transform:translate(4px)}.kbd-blog-demo--editorial .kbd-blog-demo__lead{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:clamp(30px,4vw,72px);padding:clamp(36px,5vw,80px) 0}.kbd-blog-demo--editorial .kbd-blog-demo__feature .kbd-blog-demo__media{aspect-ratio:16 / 10;border-radius:24px}.kbd-blog-demo--editorial .kbd-blog-demo__feature-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.46fr);gap:28px;align-items:start;padding-top:24px}.kbd-blog-demo--editorial .kbd-blog-demo__feature .kbd-blog-demo__article-title{margin-top:10px;font-size:clamp(31px,3vw,58px)}.kbd-blog-demo--editorial .kbd-blog-demo__feature-summary{display:grid;gap:18px;padding-top:4px}.kbd-blog-demo--editorial .kbd-blog-demo__rail{border-top:1px solid var(--kbd-blog-line)}.kbd-blog-demo--editorial .kbd-blog-demo__rail-heading{margin:0;padding:18px 0;border-bottom:1px solid var(--kbd-blog-line);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.kbd-blog-demo--editorial .kbd-blog-demo__rail-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--kbd-blog-line)}.kbd-blog-demo--editorial .kbd-blog-demo__rail-card .kbd-blog-demo__media{aspect-ratio:1;border-radius:12px}.kbd-blog-demo--editorial .kbd-blog-demo__rail-card-content{display:flex;flex-direction:column;gap:9px;justify-content:center}.kbd-blog-demo--editorial .kbd-blog-demo__rail-card .kbd-blog-demo__article-title{display:-webkit-box;overflow:hidden;font-size:clamp(18px,1.45vw,25px);-webkit-box-orient:vertical;-webkit-line-clamp:3}.kbd-blog-demo--editorial .kbd-blog-demo__archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2vw,38px);padding:0 0 clamp(64px,8vw,128px)}.kbd-blog-demo--editorial .kbd-blog-demo__card .kbd-blog-demo__media{aspect-ratio:4 / 3;border-radius:18px}.kbd-blog-demo--editorial .kbd-blog-demo__card-content{display:grid;gap:12px;padding-top:17px}.kbd-blog-demo--editorial .kbd-blog-demo__card .kbd-blog-demo__article-title{font-size:clamp(22px,2vw,34px)}.kbd-blog-demo--grid .kbd-blog-demo__header{min-height:min(64vh,680px);align-items:center;border-bottom:0}.kbd-blog-demo--grid .kbd-blog-demo__title{font-size:clamp(58px,9vw,158px)}.kbd-blog-demo--grid .kbd-blog-demo__toolbar{padding:20px 0;border-top:1px solid var(--kbd-blog-line);border-bottom:1px solid var(--kbd-blog-line)}.kbd-blog-demo--grid .kbd-blog-demo__tags{max-width:none;justify-content:flex-start}.kbd-blog-demo--grid .kbd-blog-demo__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:36px 0 clamp(70px,9vw,150px)}.kbd-blog-demo--grid .kbd-blog-demo__card{grid-column:span 4;overflow:hidden;border-radius:22px;background:var(--kbd-blog-card)}.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(1),.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+1){grid-column:span 8}.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(1) .kbd-blog-demo__media,.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+1) .kbd-blog-demo__media{aspect-ratio:16 / 9}.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+2),.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+3){grid-column:span 4}.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+4),.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+5),.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+6){grid-column:span 4}.kbd-blog-demo--grid .kbd-blog-demo__media{aspect-ratio:4 / 3}.kbd-blog-demo--grid .kbd-blog-demo__card-content{display:grid;gap:14px;min-height:190px;padding:clamp(20px,2vw,32px)}.kbd-blog-demo--grid .kbd-blog-demo__article-title{font-size:clamp(24px,2.2vw,38px)}.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(1) .kbd-blog-demo__article-title,.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(6n+1) .kbd-blog-demo__article-title{max-width:780px;font-size:clamp(30px,3.2vw,58px)}.kbd-blog-demo__pagination{padding-bottom:64px}@media(max-width:989px){.kbd-blog-demo__header,.kbd-blog-demo--editorial .kbd-blog-demo__lead,.kbd-blog-demo--editorial .kbd-blog-demo__feature-content{grid-template-columns:1fr}.kbd-blog-demo__tags{justify-content:flex-start}.kbd-blog-demo--editorial .kbd-blog-demo__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kbd-blog-demo--editorial .kbd-blog-demo__rail-heading{grid-column:1 / -1}.kbd-blog-demo--grid .kbd-blog-demo__header{min-height:auto}.kbd-blog-demo--grid .kbd-blog-demo__card,.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(n){grid-column:span 6}}@media(max-width:749px){.kbd-blog-demo__inner{width:min(100% - 28px,1760px)}.kbd-blog-demo__header{gap:26px;padding-top:44px}.kbd-blog-demo__title{font-size:clamp(45px,16vw,74px)}.kbd-blog-demo--editorial .kbd-blog-demo__feature .kbd-blog-demo__media{aspect-ratio:4 / 3;border-radius:16px}.kbd-blog-demo--editorial .kbd-blog-demo__rail,.kbd-blog-demo--editorial .kbd-blog-demo__archive{grid-template-columns:1fr}.kbd-blog-demo--grid .kbd-blog-demo__grid{gap:14px}.kbd-blog-demo--grid .kbd-blog-demo__card,.kbd-blog-demo--grid .kbd-blog-demo__card:nth-child(n){grid-column:1 / -1;border-radius:16px}.kbd-blog-demo--grid .kbd-blog-demo__card-content{min-height:0}}@media(prefers-reduced-motion:reduce){.kbd-blog-demo__media img,.kbd-blog-demo__link:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/kbd-blog-demos.css.map */