.case-study{--cs-glass:color-mix(in srgb, var(--paper) 5%, transparent);--cs-glass-border:color-mix(in srgb, var(--paper) 14%, transparent);--cs-shadow:0 24px 60px color-mix(in srgb, var(--navy-ink) 55%, transparent);background:var(--paper);color:var(--ink)}.case-study main{overflow:clip}.case-study .cs-band{padding-block:96px}.case-study .cs-dark{background:var(--midnight);color:var(--paper)}.case-study .cs-hero{padding-block:64px 96px}.case-study .cs-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.case-study .cs-breadcrumb{color:var(--smoke);flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:13px;display:flex}.case-study main h1{margin:24px 0;font-size:48px;font-weight:900;line-height:1.05}.case-study main h2{margin:20px 0 24px;font-size:40px;font-weight:700;line-height:1.15}.case-study main h3{margin:16px 0 24px;font-size:28px;font-weight:600;line-height:1.2}.case-study .cs-copy{font-size:18px;font-weight:300;line-height:1.7}.case-study .cs-dark .cs-copy{color:var(--smoke)}.case-study a:focus-visible,.case-study .cs-chart:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.case-study .cs-breadcrumb a:hover{color:var(--paper)}.case-study .cs-browser{box-shadow:var(--cs-shadow);background:var(--mist);border-radius:12px;overflow:hidden}.case-study .cs-browser-bar{align-items:center;gap:5px;height:40px;padding:0 14px;display:flex}.case-study .cs-browser-bar i{background:var(--slate);border-radius:50%;width:7px;height:7px}.case-study .cs-address{color:var(--graphite);background:var(--paper);border-radius:20px;margin-left:16px;padding:3px 14px;font-size:11px}.case-study main picture,.case-study main picture img{width:100%;display:block}.case-study main picture img{height:auto}.case-study .cs-snapshot{border-bottom:1px solid var(--stone);padding-block:40px}.case-study .cs-snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-study .cs-cell{border-left:1px solid var(--stone);padding-inline:24px}.case-study .cs-cell:first-child{border-left:0;padding-left:0}.case-study .cs-label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-size:11px;font-weight:600}.case-study .cs-cell p,.case-study .cs-cell>a{font-size:15px}.case-study .cs-pills{flex-wrap:wrap;gap:6px;display:flex}.case-study .cs-pills a,.case-study .cs-pills>span{border:1px solid var(--stone);border-radius:30px;padding:5px 10px;font-size:12px}.case-study .cs-pills a:hover{background:var(--mist)}.case-study .cs-brief{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:64px;display:grid}.case-study .cs-key{background:var(--yellow);border-radius:18px;padding:40px}.case-study .cs-key p{margin-top:20px;font-size:30px;font-weight:700;line-height:1.3}.case-study .cs-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.case-study .cs-proof-card{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:8px;padding:28px 24px}.case-study .cs-stat{color:var(--yellow);font-variant-numeric:tabular-nums;font-size:46px;font-weight:700;line-height:1.2;display:block}.case-study .cs-proof-card p{color:var(--smoke);margin-top:18px;font-size:15px;line-height:1.6}.case-study .cs-source{color:var(--smoke);margin-top:24px;font-size:12px;line-height:1.7}.case-study .cs-wall{background:var(--midnight);height:560px;position:relative;overflow:hidden}.case-study .cs-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:125%;display:grid;position:absolute;top:-36%;left:-12.5%;transform:rotate(-9deg)}.case-study .cs-wall-column{flex-direction:column;gap:14px;display:flex}.case-study .cs-wall-column:nth-child(2n){padding-top:100px}.case-study .cs-wall picture{box-shadow:var(--cs-shadow);border-radius:10px;overflow:hidden}.case-study .cs-chapter{border-bottom:1px solid var(--stone);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:56px;padding-block:64px;display:grid}.case-study .cs-chapter:first-child{padding-top:0}.case-study .cs-chapter:last-child{border-bottom:0;padding-bottom:0}.case-study .cs-chapter-stat{color:var(--midnight);margin-top:32px;font-size:44px;font-weight:700;display:block}.case-study .cs-stat-copy{margin-top:12px;font-size:15px;line-height:1.7}.case-study .cs-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-study .cs-pair picture{box-shadow:0 12px 32px color-mix(in srgb, var(--ink) 10%, transparent);border:1px solid var(--mist);border-radius:10px;overflow:hidden}.case-study .cs-table-wrap{border:1px solid var(--stone);background:var(--paper);border-radius:8px;overflow-x:auto}.case-study table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:600px;font-size:14px}.case-study .cs-table-three{min-width:0}.case-study .cs-table-three thead th:last-child,.case-study .cs-table-three td:last-child{white-space:nowrap}.case-study th,.case-study td{text-align:left;border-bottom:1px solid var(--mist);padding:20px 16px}.case-study th{background:var(--mist);font-size:12px;font-weight:600}.case-study tr:last-child td{border-bottom:0}.case-study .cs-move{background:var(--midnight);color:var(--yellow);border-radius:24px;padding:5px 10px;font-weight:600;display:inline-block}.case-study .cs-table-source{color:var(--slate)}.case-study .cs-chart-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;display:grid}.case-study .cs-chart-card{border:1px solid var(--cs-glass-border);background:var(--cs-glass);border-radius:8px;min-width:0;padding:32px 24px}.case-study .cs-chart{touch-action:pan-y;width:100%;height:auto;display:block}.case-study .cs-chart text{fill:var(--smoke);font-family:inherit;font-size:12px}.case-study .cs-chart .cs-marker-label{fill:var(--yellow);font-weight:600}.case-study .cs-chart-gridline{stroke:var(--cs-glass-border);stroke-width:1px}.case-study .cs-chart-line{fill:none;stroke:var(--yellow);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.case-study .cs-chart-area{fill:color-mix(in srgb, var(--yellow) 7%, transparent)}.case-study .cs-chart-start{fill:var(--midnight);stroke:var(--yellow);stroke-width:2px}.case-study .cs-chart-end{fill:var(--yellow)}.case-study .cs-crosshair{stroke:var(--yellow);stroke-width:1px;stroke-dasharray:3 5}.case-study .cs-readout{min-height:24px;color:var(--paper);font-variant-numeric:tabular-nums;margin-top:20px;font-size:14px}.case-study .cs-next{background:var(--mist)}.case-study .cs-next a{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding-bottom:4px;font-weight:600;display:inline-flex}.case-study .cs-quote{font-size:28px;line-height:1.5}@media (width>=1200px){.case-study .cs-hero{margin-top:calc(-1 * var(--header-h));padding-top:calc(var(--header-h) + 64px)}}@media (width>=768px) and (width<=1279px){.case-study main h1{font-size:58px}}@media (width<=1023px){.case-study .cs-hero-grid{grid-template-columns:minmax(0,1fr)}.case-study .cs-hero-grid>div{max-width:720px}.case-study .cs-snapshot-grid,.case-study .cs-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.case-study .cs-cell:nth-child(3){border-left:0;padding-left:0}.case-study .cs-proof-grid{gap:16px}.case-study .cs-brief,.case-study .cs-chapter,.case-study .cs-chart-grid{grid-template-columns:minmax(0,1fr);gap:32px}.case-study .cs-key{max-width:640px}}@media (width<=767px){.case-study .cs-band{padding-block:72px}.case-study .cs-hero{padding-block:40px 64px}.case-study .cs-hero-grid{gap:40px}.case-study main h1{font-size:36px;line-height:1.12}.case-study main h2{font-size:30px}.case-study main h3{font-size:25px}.case-study .cs-copy{font-size:17px}.case-study .cs-snapshot-grid,.case-study .cs-proof-grid{grid-template-columns:minmax(0,1fr)}.case-study .cs-cell{border-left:0;border-bottom:1px solid var(--stone);padding:0 0 24px}.case-study .cs-cell:last-child{border:0;padding-bottom:0}.case-study .cs-key{padding:28px}.case-study .cs-key p{font-size:26px}.case-study .cs-wall{height:320px}.case-study .cs-wall-grid{gap:10px;width:200%;top:-10%;left:-50%}.case-study .cs-wall-column{gap:10px}.case-study .cs-wall-column:nth-child(2n){padding-top:48px}.case-study .cs-pair{grid-template-columns:minmax(0,1fr)}.case-study .cs-chart-card{padding:20px 12px}.case-study .cs-chart text{font-size:20px}.case-study .cs-chapter{padding-block:48px}.case-study .cs-table-three th,.case-study .cs-table-three td{overflow-wrap:anywhere;padding:16px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.case-study .cs-chart-line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.case-study .cs-delivered-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;padding:0;list-style:none;display:grid}.case-study .cs-delivered-card{border:1px solid var(--stone);background:var(--paper);border-radius:8px;padding:28px 24px}.case-study .cs-delivered-badge{background:var(--midnight);width:32px;height:32px;color:var(--yellow);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.case-study main .cs-delivered-card h3{margin:20px 0 10px;font-size:19px;font-weight:700;line-height:1.3}.case-study .cs-delivered-card p{color:var(--graphite);font-size:15px;line-height:1.6}.case-study .cs-single{grid-template-columns:minmax(0,1fr)}.case-study .cs-social-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:64px;display:grid}.case-study .cs-social-stat{border:1px solid var(--cs-glass-border);background:var(--cs-glass);border-radius:8px;padding:28px 24px}.case-study .cs-social-stat .cs-stat{font-size:64px}.case-study .cs-social-stat p{color:var(--smoke);margin-top:12px;font-size:15px;line-height:1.6}.case-study .cs-reels{scrollbar-width:none;margin-top:56px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.case-study .cs-reels::-webkit-scrollbar{display:none}.case-study .cs-reels[data-motion=off]{scroll-snap-type:x mandatory}.case-study .cs-reels[data-motion=off]>[aria-hidden=true]{display:none}.case-study .cs-reel-track{flex:none;gap:16px;margin:0;padding:4px 8px;list-style:none;display:flex}.case-study .cs-reels[data-motion=off] li{scroll-snap-align:start}.case-study .cs-reel{aspect-ratio:9/16;cursor:pointer;background:var(--navy-ink);border-radius:14px;width:clamp(150px,14vw,210px);display:block;position:relative;overflow:hidden}.case-study .cs-reel picture,.case-study .cs-reel img,.case-study .cs-reel video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-study .cs-reel-play{background:color-mix(in srgb, var(--midnight) 60%, transparent);width:52px;height:52px;color:var(--paper);border:1px solid color-mix(in srgb, var(--paper) 40%, transparent);border-radius:50%;place-items:center;margin:-26px 0 0 -26px;transition:transform .15s ease-out,background .15s ease-out;display:grid;position:absolute;top:50%;left:50%}.case-study .cs-reel:hover .cs-reel-play,.case-study .cs-reel:focus-visible .cs-reel-play{background:var(--vermillion);transform:scale(1.06)}.case-study .cs-reel:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.cs-reel-dialog{background:var(--paper);border:0;border-radius:16px;width:min(420px,92vw);height:fit-content;max-height:92vh;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.cs-reel-dialog::backdrop{background:color-mix(in srgb, var(--midnight) 85%, transparent)}.cs-reel-dialog-inner{position:relative}.cs-reel-dialog iframe{background:var(--paper);border:0;border-radius:16px;width:100%;height:min(760px,86vh);display:block}.cs-reel-close{background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-48px;right:0}.cs-reel-close:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}@media (width<=1023px){.case-study .cs-delivered-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study .cs-social-grid{grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=767px){.case-study .cs-delivered-grid{grid-template-columns:minmax(0,1fr)}.case-study .cs-reels{margin-top:40px}.cs-reel-dialog{margin:64px auto auto}.case-study .cs-wall-fill .cs-wall-grid{width:240%;top:-25%;left:-75%}}.case-study .cs-quote-card{background:var(--mist);border-radius:16px;max-width:960px;padding:48px}.case-study .cs-quote-mark{height:56px;color:var(--vermillion);font-size:72px;font-weight:900;line-height:1;display:block}.case-study .cs-quote-card blockquote{margin-top:8px;font-size:26px;font-weight:500;line-height:1.5}.case-study .cs-quote-card figcaption{border-top:1px solid var(--stone);justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;font-size:16px;font-weight:600;display:flex}.case-study .cs-quote-play{background:var(--vermillion);width:56px;height:56px;color:var(--paper);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .15s ease-out;display:grid}.case-study .cs-quote-play:hover{background:var(--vermillion-hover)}.case-study .cs-quote-play:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (width<=767px){.case-study .cs-quote-card{padding:28px}.case-study .cs-quote-card blockquote{font-size:20px}}.case-study .cs-stack{grid-template-columns:minmax(0,1fr)}.case-study .cs-check-list{border-top:1px solid color-mix(in srgb, var(--smoke) 25%, transparent);margin:40px 0 0;padding:0;list-style:none}.case-study .cs-check-list li{border-bottom:1px solid color-mix(in srgb, var(--smoke) 25%, transparent);grid-template-columns:32px minmax(0,4fr) minmax(0,7fr);align-items:start;gap:16px 24px;padding:24px 0;display:grid}.case-study .cs-check{background:var(--yellow);width:28px;height:28px;color:var(--midnight);border-radius:50%;place-items:center;display:inline-grid}.case-study .cs-check-list strong{color:var(--paper);font-size:18px;font-weight:600;line-height:1.4}.case-study .cs-check-list p{color:var(--smoke);font-size:16px;line-height:1.6}.case-study .cs-check-list .cs-measured{color:var(--slate);margin-top:6px;font-size:13px}@media (width<=767px){.case-study .cs-check-list li{grid-template-columns:28px minmax(0,1fr);gap:8px 16px}.case-study .cs-check-list li>div{grid-column:2}}.case-study .cs-hero-plain{box-shadow:var(--cs-shadow);border-radius:12px;overflow:hidden}.case-study .cs-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:40px 0 0;padding:0;list-style:none;display:grid}.case-study .cs-features li{border-top:1px solid var(--mist);align-items:flex-start;gap:18px;padding:22px 0;display:flex}.case-study .cs-features li:nth-child(-n+2){border-top:0}.case-study .cs-feature-num{background:var(--yellow);width:28px;height:28px;color:var(--midnight);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.case-study main .cs-features h3{margin:2px 0 6px;font-size:18px;font-weight:700;line-height:1.35}.case-study .cs-features p{color:var(--graphite);font-size:15px;line-height:1.6}.case-study .cs-phones{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px;display:grid}.case-study .cs-phone{margin:0}.case-study .cs-phone-frame{background:var(--midnight);box-shadow:0 24px 48px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:32px;padding:10px}.case-study .cs-phone-frame picture{border-radius:24px;overflow:hidden}.case-study .cs-phone figcaption{text-align:center;color:var(--slate);margin-top:14px;font-size:13px}.case-study .cs-note{background:var(--midnight);color:var(--paper);border-radius:16px;margin-top:64px;padding:40px}.case-study .cs-note p{max-width:760px;color:var(--smoke);margin-top:16px;font-size:17px;line-height:1.7}.case-study .cs-visual{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:64px;display:grid}.case-study .cs-visual-stack{gap:16px;display:grid}.case-study .cs-visual picture{box-shadow:0 12px 32px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:12px;height:100%;overflow:hidden}.case-study .cs-visual img{object-fit:cover;height:100%}.case-study .cs-coming{background:var(--mist)}.case-study .cs-coming+.cs-next{border-top:1px solid var(--stone)}.case-study main .cs-coming-title{margin:20px 0 12px;font-size:30px;font-weight:700;line-height:1.25}.case-study .cs-coming-line{color:var(--graphite);max-width:640px;font-size:17px;line-height:1.7}@media (width<=899px){.case-study .cs-features{grid-template-columns:minmax(0,1fr)}.case-study .cs-features li:nth-child(-n+2){border-top:1px solid var(--mist)}.case-study .cs-features li:first-child{border-top:0}.case-study .cs-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.case-study .cs-visual{grid-template-columns:minmax(0,1fr)}.case-study .cs-note{padding:28px}}