.Blog header,.Blog header .menu-button,.Blog .hero,.Product header,.Product header .menu-button,.Product .hero,.Opinion header,.Opinion header .menu-button,.Opinion .hero,.Newsletter header,.Newsletter header .menu-button,.Newsletter .hero,.Categories header,.Categories header .menu-button,.Categories .hero{background-color:var(--smithy-sandbox-600)}.listing-hero{text-align:center;position:relative;overflow:hidden}.listing-hero h1,.listing-hero p{margin:0}.listing-hero .text-box{display:flex;flex-direction:column}@media all and (max-width:767px){.listing-hero .text-box{gap:24px;margin:40px auto}}@media all and (min-width:768px){.listing-hero .text-box{gap:48px;margin:60px auto}.listing-hero .text-box>*{max-width:700px;margin:0 auto}}@media all and (min-width:1200px){.listing-hero .text-box{margin:90px auto}}.category-hero{padding-bottom:70px}@media all and (min-width:1200px){.category-hero{padding-bottom:100px}}.featured-posts{display:flex;flex-direction:column;gap:20px;padding:0 0 120px;margin:0}.featured-posts li{list-style:none}@media all and (min-width:768px){.featured-posts .card{max-height:none}}@media all and (min-width:1200px){.featured-posts{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding-bottom:180px}.featured-posts li:first-child{grid-row-end:span 2;flex-direction:column;gap:0;flex-grow:1}.featured-posts li:first-child .card-content{padding:32px 12px 16px}.featured-posts li:first-child .thumbnail-image{width:100%}}.Categories .blog-list .featured-posts{display:none}.Categories .blog-list .listing-hero{padding-bottom:120px}@media all and (min-width:1200px){.Categories .blog-list .listing-hero{padding-bottom:180px}}.post-card{display:flex;padding:20px;gap:20px;border-radius:14px}.post-card::after{background:var(--smithy-card-background)}.post-card time{font-family:var(--smithy-font-family-monospace);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--smithy-text-color);font-size:1.2rem}.post-card a{text-decoration:none}.post-card a h4{transition:color ease 200ms;margin-bottom:5px}.post-card a:hover h4{color:var(--pico-primary)}.post-card .card-content{display:flex;flex-direction:column;gap:16px}.post-card .thumbnail-image{object-position:center;width:30%;border-radius:14px;object-fit:cover}.post-card .profiles{margin-top:auto;display:flex;gap:20px;flex-wrap:wrap}@media all and (min-width:768px){.post-card .card-content{flex-direction:column;padding-top:12px;width:70%}.post-card .thumbnail-image{width:30%}}@media all and (min-width:992px){.post-card .card-content{flex-direction:column;padding-top:12px;width:auto}}@media all and (max-width:576px){.post-card{flex-direction:column}.post-card .thumbnail-image{width:100%;max-height:100px}}.blog-list .overlay-card{background:linear-gradient(180deg,var(--smithy-sandbox-200) 0%,var(--smithy-sandbox-400) 50%,var(--smithy-sandbox-600) 100%)}.blog-list .article-list{display:flex;flex-direction:column;gap:20px}@media all and (min-width:1200px){.blog-list .article-list .post-card{gap:0;flex-grow:1}.blog-list .article-list .post-card .card-content{padding:12px 20px}.blog-list .article-list .post-card .thumbnail-image{object-fit:cover;width:200px;min-height:200px}}.Blog-single .rounded-menu{display:inline-block;width:auto;margin:0}.Blog-single .rounded-menu>*{margin:0 4px;padding:2px 12px;line-height:clamp(1.2rem,4vw,1.44rem);vertical-align:middle}.Blog-single .rounded-menu>*:first-child{margin-left:0}.Blog-single .rounded-menu>*:last-child{margin-right:0}.Blog-single .header-title .summary{margin:20px 0 30px}.Blog-single .featured-image{max-height:240px;object-fit:cover;object-position:center}.Blog-single .top-info{display:flex;justify-content:space-between;border-top:1px solid var(--smithy-sandbox-800);border-bottom:1px solid var(--smithy-sandbox-800);padding:12px;margin:30px 0}.Blog-single .top-info img{border-radius:50%}.Blog-single .top-info .profile .name a+a::before{content:", ";margin-right:4px}.Blog-single .top-info .date{display:flex;flex-direction:column}.Blog-single .top-info .date time{margin:0;font-size:var(--smithy-fs-s);line-height:var(--smithy-lh-s);letter-spacing:-.01em}.Blog-single .top-info button{width:125px}@media all and (max-width:767px){.Blog-single{padding-right:var(--pico-spacing);padding-left:var(--pico-spacing)}.Blog-single .rounded-menu{margin-bottom:20px}.Blog-single #breadcrumbs{display:none}}@media all and (max-width:576px){.Blog-single .header-title .summary{margin:20px 0 15px}.Blog-single .top-info{flex-direction:column;gap:20px;padding:12px 0;margin:15px 0 30px}}.Blog-single main address,.Blog-single main time,.Blog-single main blockquote,.Blog-single main dl,.Blog-single main ol,.Blog-single main p,.Blog-single main pre,.Blog-single main table,.Blog-single main ul{font-size:var(--smithy-fs-xl);line-height:var(--smithy-lh-xl);letter-spacing:-.01em;margin-bottom:20px}@media all and (min-width:768px){.Blog-single main address,.Blog-single main time,.Blog-single main blockquote,.Blog-single main dl,.Blog-single main ol,.Blog-single main p,.Blog-single main pre,.Blog-single main table,.Blog-single main ul{margin-bottom:40px}}.Blog-single main blockquote{margin-top:0}.Blog-single main blockquote>p{margin-bottom:0}@media all and (min-width:768px){.Blog-single main blockquote>p{margin-bottom:0}}.Blog-single main blockquote+blockquote{margin-top:-10px}@media all and (min-width:768px){.Blog-single main blockquote+blockquote{margin-top:-20px}}.Blog-single main h1,.Blog-single main h2,.Blog-single main h3{margin-bottom:2rem;margin-top:4rem}.Blog-single main h1:first-child,.Blog-single main h2:first-child,.Blog-single main h3:first-child{margin-top:0}.Blog-single main :where(ol,ul) li{margin-bottom:1.5rem}.Blog-single main img{border-radius:10px}.Blog-single main main a{text-decoration:none}@media all and (min-width:992px){.Blog-single main p:has(>img){background:var(--pico-image-background);padding:80px 120px;border-radius:20px;display:flex;justify-content:center;align-items:center;align-content:center}}@media all and (min-width:768px){.blog-content{padding:0 20px}}@media all and (min-width:992px){.blog-content{padding:20px 40px}}@media all and (min-width:1200px){.blog-content{padding:40px 80px}}@media all and (min-width:1400px){.blog-content{padding:90px 160px}}