.small-header{margin-bottom:18px}.line-header{margin-bottom:20px;padding-top:20px;border-top:1px solid var(--border-color)}.example-header{padding-bottom:0}.key-decision{font-size:12px;text-transform:uppercase;border-radius:2px;display:block;width:fit-content;margin-bottom:18px;color:var(--text-color);background-color:var(--shade-color);letter-spacing:1.5px;font-family:Chivo Mono,monospace;padding:4px 8px}.avanti-border,.websites-border,.buyerscore-border{position:relative}.avanti-border a,.websites-border a,.buyerscore-border a{display:block;font-size:18px;text-align:center;font-weight:600;margin-bottom:32px;width:100%;color:var(--blue);text-decoration:underline}.avanti-border h4,.websites-border h4{margin-top:8px;margin-bottom:32px;text-align:center}.image-wrapper,.dual-image,.triple-image,.quad-image{padding:12px 24px}.image-wrapper img,.image-wrapper video,.dual-image img,.dual-image video,.triple-image img,.triple-image video,.quad-image img,.quad-image video{display:block;width:100%;height:auto;border-radius:8px;overflow:hidden}.image-container{display:flex;flex-direction:column;gap:16px;align-items:center}.large-header{font-size:28px;margin-bottom:24px}.small-header{font-size:20px;margin-bottom:16px}.text-center{text-align:center}.highlight{position:relative;display:inline-block}.highlight:before{position:absolute;content:"";background-image:url(images/underline.svg);background-repeat:repeat-x;background-size:auto 100%;width:100%;height:4px;bottom:-7px;left:0}.image-wrapper{margin:0 auto;width:100%;max-width:750px}.image-wrapper.small{max-width:500px}.image-wrapper.large{max-width:750px}@media (min-width: 1600px){.image-wrapper.large{max-width:1100px}}.image-wrapper.xl{max-width:none;padding:0}.image-wrapper .inner{display:flex;flex-direction:column;gap:16px}.dual-image{display:grid;grid-template-columns:1fr;gap:32px;max-width:750px;margin:auto;padding:0 20px}.dual-image img,.dual-image video{display:block;width:100%;height:auto;border-radius:8px;overflow:hidden}@media (min-width: 1100px){.dual-image{grid-template-columns:repeat(2,1fr);max-width:1500px}.dual-image.small{max-width:750px}}.triple-image{display:grid;grid-template-columns:1fr;gap:32px;max-width:750px;margin:auto;padding:0 20px}@media (min-width: 1100px){.triple-image{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1500px){.triple-image{grid-template-columns:repeat(3,1fr);max-width:1500px}}.quad-image{display:grid;grid-template-columns:1fr;max-width:750px;margin:auto;padding:0 20px}@media (min-width: 600px){.quad-image{grid-template-columns:repeat(2,1fr);max-width:800px}}@media (min-width: 1600px){.quad-image{max-width:1500px;grid-template-columns:repeat(4,1fr)}}.project-header{display:flex;flex-direction:column;gap:16px}.project-header .project-tag{font-size:14px;color:var(--text-color);padding:8px 12px;background-color:var(--tint-color);border-radius:32px;display:flex;align-self:flex-start;margin-bottom:12px}.project-intro{display:flex;flex-direction:column}.project-intro .inner{display:flex;flex-direction:column;gap:28px}.project-intro .inner .overview{display:flex;flex-direction:column;gap:16px;flex:2 1 0;min-width:300px}.project-intro .inner .project-details{display:flex;flex-direction:row;gap:32px;flex-wrap:wrap;width:100%}.project-intro .inner .project-details .item{display:flex;flex-direction:column;gap:4px;flex:1 1 calc(50% - 16px);min-width:200px}.project-intro .inner .project-details ul{display:flex;flex-direction:column;gap:8px}.project-intro .inner .project-details ul li{padding-top:16px;list-style:none;border-top:1px solid var(--border-color)}.project-intro .project-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.more-case-studies{padding:100px 0;margin-top:100px;background-color:var(--background-color);border-top:1px solid var(--border-color)}.more-case-studies h2{margin-bottom:0}.more-case-studies .more-case-studies-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:0 24px;margin:0 auto;max-width:750px}@media (min-width: 1100px){.more-case-studies .more-case-studies-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1200px}}.more-case-studies .case-study-card .image-container{display:flex;flex-direction:column;gap:32px;color:var(--text-color)}.more-case-studies .case-study-card img{display:block;width:100%;height:auto;border-radius:8px}.more-case-studies .case-study-card h3{margin-bottom:8px;font-size:16px}.more-case-studies .case-study-card p{margin-bottom:24px}