main[data-template=blog] .blog{background:var(--circ-color-white);color:var(--circ-color-brown);overflow:hidden}main[data-template=blog] .blog .page-width-desktop{width:min(100%,calc(var(--circ-container-width) + 64px));max-width:none;margin-inline:auto;padding:clamp(56px,7vw,104px) 32px clamp(72px,9vw,136px)}main[data-template=blog] .blog .title-wrapper-with-link{align-items:flex-end;margin-bottom:clamp(32px,4vw,56px)}main[data-template=blog] .blog__title{color:var(--circ-color-brown);font-family:var(--circ-font-display);font-size:var(--circ-fs-h2);font-weight:var(--circ-fw-h2-black);line-height:.95}main[data-template=blog] .blog__posts.articles-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:0;padding:0;scroll-padding-left:0}main[data-template=blog] .blog__post.article{width:100%;max-width:none;margin:0}main[data-template=blog] .article-card-wrapper,main[data-template=blog] .article-card{height:100%}main[data-template=blog] .article-card{display:flex;flex-direction:column;background:transparent}main[data-template=blog] .article-card .card__inner{height:auto;--ratio-percent: 60.24% !important;border:2px solid var(--circ-color-orange);border-radius:clamp(22px,2.2vw,34px);background:var(--circ-color-peach);box-shadow:unset;overflow:hidden;transition:transform var(--circ-transition-base),box-shadow var(--circ-transition-base)}main[data-template=blog] .article-card:hover .card__inner,main[data-template=blog] .article-card:focus-within .card__inner{transform:unset;box-shadow:unset}main[data-template=blog] .article-card__image-wrapper,main[data-template=blog] .article-card__image,main[data-template=blog] .article-card__image img{border-radius:inherit}main[data-template=blog] .article-card__image img{transition:transform var(--circ-transition-slow)}main[data-template=blog] .article-card:hover .article-card__image img,main[data-template=blog] .article-card:focus-within .article-card__image img{transform:scale(1.035)}main[data-template=blog] .article-card>.card__content{flex:1}main[data-template=blog] .article-card>.card__content .card__information{display:flex;flex-direction:column;height:100%;padding:28px 18px 0}main[data-template=blog] .article-card .card__heading{color:var(--circ-color-brown);font-family:var(--circ-font-display);font-size:var(--circ-fs-card-title);font-weight:var(--circ-fw-card-title);line-height:var(--circ-lh-card-title)}main[data-template=blog] .article-card .card__heading a,main[data-template=blog] .article-card:hover .card__heading a,main[data-template=blog] .article-card:focus-within .card__heading a{text-decoration:none}main[data-template=blog] .article-card__excerpt{max-width:58ch;margin:18px 0 0;color:var(--circ-color-brown);font-family:var(--circ-font-body);font-size:clamp(16px,1.3vw,19px);line-height:1.65;opacity:.78}main[data-template=blog] .slider-buttons{display:none}@media screen and (min-width:990px){main[data-template=blog] .blog__posts.grid--1-col-desktop{grid-template-columns:minmax(0,1fr)}main[data-template=blog] .blog__posts.grid--2-col-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}main[data-template=blog] .blog__posts.grid--3-col-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}main[data-template=blog] .blog__posts.grid--4-col-desktop{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2vw,32px)}main[data-template=blog] .blog__posts.grid--4-col-desktop .article-card__excerpt{font-size:16px}}@media screen and (max-width:749px){main[data-template=blog] .blog .page-width-desktop{padding:48px 20px 72px}main[data-template=blog] .blog .title-wrapper-with-link{margin-bottom:28px}main[data-template=blog] .blog__posts.articles-wrapper{grid-template-columns:1fr;gap:20px}main[data-template=blog] .article-card>.card__content .card__information{padding:22px 8px 0}}@media(prefers-reduced-motion:reduce){main[data-template=blog] .article-card .card__inner,main[data-template=blog] .article-card__image img{transition:none}main[data-template=blog] .article-card:hover .card__inner,main[data-template=blog] .article-card:focus-within .card__inner,main[data-template=blog] .article-card:hover .article-card__image img,main[data-template=blog] .article-card:focus-within .article-card__image img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sst-blog.css.map */