@media only screen and (min-width: 0rem) {#case-hero .cs-button-ghost, #portfolio-hero .cs-button-ghost, #case-cta .cs-button-ghost {display: inline-block;padding: 0 1.875rem;text-decoration: none;text-transform: uppercase;font-size: 1rem;line-height: 2.875em;font-weight: bold;color: #fff;border: 2px solid rgba(255, 255, 255, 0.6);border-radius: 0.75rem;transition: border-color 0.3s, background-color 0.3s;}#case-hero .cs-button-ghost:hover, #portfolio-hero .cs-button-ghost:hover, #case-cta .cs-button-ghost:hover {border-color: #fff;background-color: rgba(255, 255, 255, 0.08);}#case-hero .cs-buttons, #portfolio-hero .cs-buttons, #case-cta .cs-buttons {display: flex;flex-wrap: wrap;justify-content: inherit;gap: 0.75rem;}.cs-browser {width: 100%;background-color: #fff;border-radius: 0.625rem;overflow: hidden;box-shadow: 0 1.125rem 2.5rem rgba(0, 0, 0, 0.25);}.cs-browser .cs-browser-bar {display: flex;align-items: center;gap: 0.375rem;padding: 0.625rem 0.875rem;background-color: #2b2b2b;}.cs-browser .cs-dot {width: 0.625rem;height: 0.625rem;border-radius: 50%;background-color: #555;flex: none;}.cs-browser .cs-url {margin-left: 0.625rem;padding: 0.1875rem 0.75rem;font-size: 0.75rem;line-height: 1.4em;color: #bbb;background-color: #1a1a1a;border-radius: 0.375rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}.cs-browser picture, .cs-browser img {display: block;width: 100%;height: auto;}}@media only screen and (min-width: 0rem) {#case-hero, #portfolio-hero {padding: clamp(7.5rem, 14vw, 11.25rem) 1rem clamp(3.75rem, 7.82vw, 6.25rem);background-color: #1a1a1a;}#case-hero .cs-container, #portfolio-hero .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2.5rem, 6vw, 4rem);}#case-hero .cs-content, #portfolio-hero .cs-content {width: 100%;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}#case-hero .cs-title, #portfolio-hero .cs-title {max-width: 50rem;color: var(--bodyTextColorWhite);}#case-hero .cs-text, #portfolio-hero .cs-text {max-width: 42.5rem;margin-bottom: 1.5rem;font-size: clamp(1rem, 1.6vw, 1.125rem);color: rgba(255, 255, 255, 0.8);}#case-hero .cs-crumbs, #portfolio-hero .cs-crumbs {display: flex;gap: 0.5rem;margin-bottom: 1rem;font-size: 0.875rem;color: rgba(255, 255, 255, 0.6);}#case-hero .cs-crumbs a, #portfolio-hero .cs-crumbs a {color: var(--primaryLight);text-decoration: none;}#case-hero .cs-crumbs a:hover, #portfolio-hero .cs-crumbs a:hover {text-decoration: underline;}#case-hero .cs-chips, #portfolio-hero .cs-chips {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin: 0 0 1.75rem;padding: 0;list-style: none;}#case-hero .cs-chip, #portfolio-hero .cs-chip {padding: 0.375rem 0.875rem;font-size: 0.875rem;line-height: 1.2em;color: #fff;background-color: #2b2b2b;border-radius: 2.5rem;}#case-hero .cs-browser, #portfolio-hero .cs-browser {max-width: 68.75rem;}#portfolio-hero {z-index: 1;position: relative;overflow: hidden;}#portfolio-hero .cs-background {z-index: -1;position: absolute;inset: 0;}#portfolio-hero .cs-background::after {content: "";position: absolute;inset: 0;background: #000;opacity: 0.7;}#portfolio-hero .cs-background img {width: 100%;height: 100%;object-fit: cover;}#portfolio-hero .cs-container {gap: 0;text-align: center;}#portfolio-hero .cs-title {max-width: none;}#portfolio-hero .cs-text {margin-bottom: 0;}}@media only screen and (min-width: 64rem) {#case-hero .cs-content {text-align: center;}}@media only screen and (min-width: 0rem) {#case-stats {padding: 0 1rem;background-color: #1a1a1a;}#case-stats .cs-container {width: 100%;max-width: 80rem;margin: auto;padding: 0 0 clamp(3.75rem, 7.82vw, 6.25rem);display: grid;grid-template-columns: 1fr 1fr;gap: 0.75rem;list-style: none;}#case-stats .cs-stat {display: flex;flex-direction: column;gap: 0.25rem;padding: 1.25rem 1rem;text-align: center;background-color: #2b2b2b;border-top: 4px solid var(--primary);border-radius: 0.5rem;}#case-stats .cs-number {font-size: clamp(2rem, 4.5vw, 3.25rem);line-height: 1em;font-weight: 900;color: #fff;}#case-stats .cs-label {font-size: clamp(0.875rem, 1.4vw, 1rem);line-height: 1.3em;font-weight: 700;color: rgba(255, 255, 255, 0.9);}#case-stats .cs-when {font-size: 0.8125rem;line-height: 1.3em;color: rgba(255, 255, 255, 0.55);}}@media only screen and (min-width: 48rem) {#case-stats .cs-container {grid-template-columns: repeat(4, 1fr);gap: 1.25rem;}}@media only screen and (min-width: 0rem) {#case-story {padding: var(--sectionPadding);}#case-story .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;gap: clamp(2.5rem, 6vw, 4rem);}#case-story .cs-content {display: flex;flex-direction: column;gap: 1rem;}#case-story .cs-title {margin-bottom: 0;}#case-story .cs-h3 {margin: 1rem 0 0;font-size: clamp(1.25rem, 2.4vw, 1.5rem);line-height: 1.2em;color: var(--headerColor);}#case-story .cs-facts {padding: 1.75rem 1.5rem;background-color: #f7f7f7;border-top: 4px solid var(--primary);border-radius: 0.5rem;}#case-story .cs-facts-title {margin: 0 0 1rem;font-size: 1.25rem;color: var(--headerColor);}#case-story .cs-dl {margin: 0;display: flex;flex-direction: column;}#case-story .cs-fact {padding: 0.75rem 0;border-top: 1px solid #e3e3e3;}#case-story .cs-fact:first-child {border-top: none;padding-top: 0;}#case-story dt {margin-bottom: 0.125rem;font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--primary);}#case-story dd {margin: 0;font-size: 1rem;line-height: 1.45em;color: var(--headerColor);}}@media only screen and (min-width: 64rem) {#case-story .cs-container {flex-direction: row;align-items: flex-start;}#case-story .cs-content {flex: 1;}#case-story .cs-facts {position: sticky;top: 7.5rem;width: 22.5rem;flex: none;}}@media only screen and (min-width: 0rem) {#case-build {padding: var(--sectionPadding);background-color: #f7f7f7;}#case-build .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;gap: clamp(4rem, 9vw, 7rem);}#case-build .cs-header {text-align: center;display: flex;flex-direction: column;align-items: center;}#case-build .cs-title, #case-build .cs-text {max-width: 42.5rem;}#case-build .cs-row {display: flex;flex-direction: column;gap: clamp(1.5rem, 4vw, 3rem);}#case-build .cs-copy {display: flex;flex-direction: column;gap: 0.75rem;}#case-build .cs-step {font-size: 0.875rem;font-weight: 900;letter-spacing: 0.1em;color: var(--primary);}#case-build .cs-h3 {margin: 0;font-size: clamp(1.5rem, 3vw, 2rem);line-height: 1.2em;color: var(--headerColor);}#case-build .cs-phones {display: flex;justify-content: center;gap: clamp(1rem, 3vw, 2rem);}#case-build .cs-phone {width: 45%;max-width: 16.25rem;padding: 0.5rem;background-color: #1a1a1a;border-radius: 1.75rem;box-shadow: 0 1.125rem 2.5rem rgba(0, 0, 0, 0.25);}#case-build .cs-phone picture, #case-build .cs-phone img {display: block;width: 100%;height: auto;border-radius: 1.25rem;}#case-build .cs-scroll-wrap {display: flex;flex-direction: column;align-items: center;gap: 1.5rem;}#case-build .cs-copy-center {align-items: center;text-align: center;}#case-build .cs-browser-scroll {max-width: 62.5rem;}#case-build .cs-scroller {height: min(75vh, 37.5rem);overflow-y: auto;overscroll-behavior: contain;}#case-build .cs-scroller:focus-visible {outline: 3px solid var(--primary);outline-offset: -3px;}}@media only screen and (min-width: 48rem) {#case-build .cs-scroller {height: clamp(25rem, 60vw, 37.5rem);}}@media only screen and (min-width: 64rem) {#case-build .cs-row {flex-direction: row;align-items: center;}#case-build .cs-row > .cs-browser, #case-build .cs-row > .cs-phones {width: 58%;flex: none;}#case-build .cs-row-flip {flex-direction: row-reverse;}}@media only screen and (min-width: 0rem) {#case-results {padding: var(--sectionPadding);background-color: #1a1a1a;}#case-results .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2rem, 5vw, 3rem);}#case-results .cs-header {text-align: center;display: flex;flex-direction: column;align-items: center;}#case-results .cs-title {max-width: 40rem;color: var(--bodyTextColorWhite);}#case-results .cs-text {max-width: 40rem;color: rgba(255, 255, 255, 0.8);}#case-results .cs-text a {color: var(--primaryLight);}#case-results .cs-report {width: 100%;max-width: 62.5rem;display: grid;grid-template-columns: 1fr;background-color: #fff;border-radius: 0.75rem;overflow: hidden;}#case-results .cs-block {padding: 1.5rem 1.25rem;border-top: 1px solid #e8e8e8;}#case-results .cs-block:first-child {border-top: none;}#case-results .cs-block-h {margin: 0 0 0.75rem;font-size: 0.875rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--primary);}#case-results .cs-rows {margin: 0;padding: 0;list-style: none;}#case-results .cs-row {display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;padding: 0.625rem 0;border-bottom: 1px solid #f0f0f0;}#case-results .cs-row-label {font-size: 0.9375rem;line-height: 1.35em;color: var(--bodyTextColor);}#case-results .cs-row-val {font-size: 1.25rem;font-weight: 900;color: var(--headerColor);white-space: nowrap;}#case-results .cs-block-note {margin: 0.75rem 0 0;font-size: 0.8125rem;line-height: 1.45em;color: #777;}}@media only screen and (min-width: 48rem) {#case-results .cs-report {grid-template-columns: 1fr 1fr;}#case-results .cs-block {padding: 1.75rem 2rem;}#case-results .cs-block:nth-child(2) {border-top: none;}#case-results .cs-block:nth-child(even) {border-left: 1px solid #e8e8e8;}#case-results .cs-block:last-child:nth-child(odd) {grid-column: 1 / -1;}}@media only screen and (min-width: 0rem) {#case-services {padding: var(--sectionPadding);}#case-services .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2rem, 5vw, 3rem);}#case-services .cs-header {text-align: center;}#case-services .cs-cards {width: 100%;margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: 1fr;gap: 1.25rem;}#case-services .cs-card {display: flex;flex-direction: column;gap: 0.75rem;padding: 1.75rem 1.5rem;background-color: #f7f7f7;border-top: 4px solid var(--primary);border-radius: 0.5rem;}#case-services .cs-h3 {margin: 0;font-size: 1.375rem;color: var(--headerColor);}#case-services .cs-text {flex: 1;}#case-services .cs-link {font-weight: 700;color: var(--primary);text-decoration: none;}#case-services .cs-link::after {content: " \2192";}#case-services .cs-link:hover {text-decoration: underline;}}@media only screen and (min-width: 48rem) {#case-services .cs-cards {grid-template-columns: repeat(3, 1fr);}}@media only screen and (min-width: 0rem) {#case-cta {padding: var(--sectionPadding);background-color: #1a1a1a;}#case-cta .cs-container {width: 100%;max-width: 50rem;margin: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}#case-cta .cs-title {color: var(--bodyTextColorWhite);}#case-cta .cs-text {margin-bottom: 1.75rem;color: rgba(255, 255, 255, 0.8);}#case-cta .cs-text a {color: var(--primaryLight);}#case-cta .cs-back {margin-top: 1.75rem;font-weight: 700;color: var(--primaryLight);text-decoration: none;}#case-cta .cs-back::before {content: "\2190 ";}#case-cta .cs-back:hover {text-decoration: underline;}}@media only screen and (min-width: 0rem) {#portfolio-cases {padding: var(--sectionPadding);}#portfolio-cases .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2rem, 5vw, 3rem);}#portfolio-cases .cs-header {text-align: center;display: flex;flex-direction: column;align-items: center;}#portfolio-cases .cs-title {max-width: none;}#portfolio-cases .cs-case-list {width: 100%;margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: 1fr;gap: 1.5rem;}#portfolio-cases .cs-case-link {height: 100%;display: flex;flex-direction: column;text-decoration: none;background-color: #1a1a1a;border-radius: 0.75rem;overflow: hidden;transition: transform 0.3s, box-shadow 0.3s;}#portfolio-cases .cs-case-link:hover {transform: translateY(-4px);box-shadow: 0 0.875rem 1.875rem rgba(0, 0, 0, 0.25);}#portfolio-cases .cs-case-link:hover .cs-case-cta {text-decoration: underline;}#portfolio-cases .cs-case-picture, #portfolio-cases .cs-case-picture img {display: block;width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;object-position: top;}#portfolio-cases .cs-case-body {display: flex;flex-direction: column;gap: 0.5rem;padding: 1.5rem;}#portfolio-cases .cs-case-meta {font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--primaryLight);}#portfolio-cases .cs-case-name {margin: 0;font-size: clamp(1.25rem, 2.4vw, 1.625rem);line-height: 1.2em;color: #fff;}#portfolio-cases .cs-case-result {margin: 0;font-size: 1.0625rem;line-height: 1.4em;color: rgba(255, 255, 255, 0.85);}#portfolio-cases .cs-case-cta {margin-top: 0.5rem;font-weight: 700;color: #fff;}#portfolio-cases .cs-case-cta::after {content: " \2192";}}@media only screen and (min-width: 48rem) {#portfolio-cases .cs-case-list {grid-template-columns: repeat(2, 1fr);}}@media only screen and (min-width: 64rem) {#portfolio-cases .cs-case-list {grid-template-columns: repeat(3, 1fr);}}@media only screen and (min-width: 0rem) {#portfolio-grid {padding: var(--sectionPadding);background-color: #f7f7f7;}#portfolio-grid .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(1.5rem, 4vw, 2.5rem);}#portfolio-grid .cs-header {text-align: center;}#portfolio-grid .cs-title {margin-bottom: 0;}#portfolio-grid .cs-filters {width: 100%;display: flex;flex-direction: column;gap: 1rem;}#portfolio-grid .cs-filters[hidden] {display: none;}#portfolio-grid .cs-filter-group {display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;}#portfolio-grid .cs-filter-label {width: 100%;font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--headerColor);}#portfolio-grid .cs-chip {padding: 0.5rem 0.875rem;font-family: inherit;font-size: 0.875rem;line-height: 1.2em;color: var(--headerColor);background-color: #fff;border: 1px solid #d6d6d6;border-radius: 2.5rem;cursor: pointer;transition: border-color 0.2s, background-color 0.2s, color 0.2s;}#portfolio-grid .cs-chip:hover {border-color: var(--primary);}#portfolio-grid .cs-chip[aria-pressed="true"] {color: #fff;background-color: var(--primary);border-color: var(--primary);}#portfolio-grid .cs-chip:focus-visible {outline: 3px solid var(--headerColor);outline-offset: 2px;}#portfolio-grid .cs-count {margin: 0;font-size: 0.875rem;color: var(--bodyTextColor);}#portfolio-grid .cs-grid {width: 100%;margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: 1fr;gap: 1.25rem;}#portfolio-grid .cs-item[hidden] {display: none;}#portfolio-grid .cs-item-link {height: 100%;display: flex;flex-direction: column;gap: 0.25rem;padding-bottom: 1.125rem;text-decoration: none;background-color: #fff;border-radius: 0.625rem;overflow: hidden;box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);transition: transform 0.3s, box-shadow 0.3s;}#portfolio-grid .cs-item-link:hover {transform: translateY(-4px);box-shadow: 0 0.75rem 1.625rem rgba(0, 0, 0, 0.14);}#portfolio-grid .cs-item-picture, #portfolio-grid .cs-item-picture img {display: block;width: 100%;height: auto;}#portfolio-grid .cs-item-picture {margin-bottom: 0.75rem;}#portfolio-grid .cs-item-name {padding: 0 1.125rem;font-size: 1.125rem;line-height: 1.25em;font-weight: 700;color: var(--headerColor);}#portfolio-grid .cs-item-meta {padding: 0 1.125rem;font-size: 0.875rem;line-height: 1.4em;color: var(--bodyTextColor);}#portfolio-grid .cs-item-cta {margin-top: 0.5rem;padding: 0 1.125rem;font-size: 0.875rem;font-weight: 700;color: var(--primary);}#portfolio-grid .cs-item-cta::after {content: " \2197";}#portfolio-grid .cs-item-cta-case::after {content: " \2192";}#portfolio-grid .cs-empty {margin: 0;color: var(--bodyTextColor);}}@media only screen and (min-width: 48rem) {#portfolio-grid .cs-filter-label {width: auto;min-width: 5rem;}#portfolio-grid .cs-grid {grid-template-columns: repeat(2, 1fr);}}@media only screen and (min-width: 64rem) {#portfolio-grid .cs-grid {grid-template-columns: repeat(3, 1fr);}}