.Usecases header,.Usecases header .menu-button,.Usecases .hero{background-color:var(--smithy-sandbox-600)}.usecases-list.hero{padding-bottom:100px}.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 .hero-image{margin:40px auto 20px}.listing-hero .text-box{gap:24px;margin:0 auto 40px}}@media all and (min-width:768px){.listing-hero .hero-image{margin:60px auto 24px}.listing-hero .text-box{gap:48px;margin:0 auto 60px}.listing-hero .text-box>*{max-width:700px;margin:0 auto}}@media all and (min-width:1200px){.listing-hero .hero-image{margin:90px auto 36px}.listing-hero .text-box{margin:0 auto 90px}}.category-hero{padding-bottom:70px}@media all and (min-width:1200px){.category-hero{padding-bottom:100px}}.usecase-item{display:flex;padding:0 20px;gap:20px;border-radius:14px;position:relative;align-items:flex-start}.usecase-item a{text-decoration:none}.usecase-item a h4{transition:color ease 200ms;margin-bottom:5px}.usecase-item a:hover h4{color:var(--pico-primary)}.usecase-item p{margin:0}.usecase-item .card-content{display:flex;flex-direction:column;gap:8px;padding:0 0 20px}.usecase-item .thumbnail-image{width:100%}.usecase-item.Remove.every .thumbnail-image{object-position:left}@media all and (min-width:768px){.usecase-item .card-content{flex-direction:column;width:70%}}@media all and (min-width:992px){.usecase-item{gap:40px}.usecase-item .card-content{flex-direction:column;width:auto}}@media all and (max-width:576px){.usecase-item{flex-direction:column}.usecase-item .thumbnail-image{max-height:100px}}@media all and (min-width:577px){.usecase-item{flex-direction:column}}.usecases-list-grid{display:flex;flex-direction:column;gap:20px;padding:0;margin:0}.usecases-list-grid li{list-style:none}.usecases-list-grid .post-card{display:flex;padding:20px;gap:20px;border-radius:14px}.usecases-list-grid .post-card::after{background:var(--smithy-card-background)}.usecases-list-grid .post-card a{text-decoration:none}.usecases-list-grid .post-card a h4{transition:color ease 200ms;margin-bottom:5px}.usecases-list-grid .post-card a:hover h4{color:var(--pico-primary)}.usecases-list-grid .post-card .card-content{display:flex;flex-direction:column;gap:16px}.usecases-list-grid .post-card .thumbnail-image{object-position:center;height:100%;border-radius:14px;object-fit:cover;width:100%}@media all and (min-width:768px){.usecases-list-grid .post-card .card-content{flex-direction:column;padding-top:12px;width:70%}}@media all and (min-width:992px){.usecases-list-grid .post-card .card-content{flex-direction:column;padding-top:12px;width:auto}}@media all and (max-width:576px){.usecases-list-grid .post-card{flex-direction:column}.usecases-list-grid .post-card .thumbnail-image{max-height:100px}}@media all and (min-width:577px){.usecases-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.usecases-list-grid .card{max-height:none}.usecases-list-grid li{grid-row-end:span 2;flex-direction:column;gap:0;flex-grow:1;flex-basis:50%;flex-shrink:0}.usecases-list-grid li .card-content{padding:32px 12px 16px}.usecases-list-grid li.post-card .thumbnail-image{width:100%}}@media all and (min-width:992px){.usecases-list-grid{grid-template-columns:repeat(3,1fr)}}.Usecase-single .image-box{margin:20px 0 40px;height:100px;width:100%;overflow:hidden;border-radius:14px}.Usecase-single .image-box img{object-fit:contain;height:100%;object-position:left;overflow:hidden;border-radius:14px}@media all and (min-width:768px){.Usecase-single .image-box img{width:50%;object-fit:cover;mask-image:linear-gradient(to right,black 70%,transparent);margin-left:-10px}}.Usecase-single .image-box::after{box-shadow:inset -40px 0 40px -16px}@media all and (max-width:767px){.Usecase-single{padding-right:var(--pico-spacing);padding-left:var(--pico-spacing)}.Usecase-single #breadcrumbs{display:none}}.Usecase-single main address,.Usecase-single main time,.Usecase-single main blockquote,.Usecase-single main dl,.Usecase-single main ol,.Usecase-single main p,.Usecase-single main pre,.Usecase-single main table,.Usecase-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){.Usecase-single main address,.Usecase-single main time,.Usecase-single main blockquote,.Usecase-single main dl,.Usecase-single main ol,.Usecase-single main p,.Usecase-single main pre,.Usecase-single main table,.Usecase-single main ul{margin-bottom:40px}}.Usecase-single main blockquote p{margin-bottom:20px}.Usecase-single main blockquote p:last-of-type{margin-bottom:0}.Usecase-single main ol,.Usecase-single main ul{margin-top:10px}@media all and (min-width:768px){.Usecase-single main ol,.Usecase-single main ul{margin-top:20px}}.Usecase-single main img{border-radius:10px}.Usecase-single main main a{text-decoration:none}@media all and (min-width:992px){.Usecase-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}}.usecase-content{padding:20px 0}@media all and (min-width:1200px){.usecase-content{padding:40px 0}}