.cs{--cs-r:26px;--cs-card:var(--ink-2);--cs-lift:#1c1522}.cs .wrap{position:relative}.cs-title{margin:var(--s5) 0 0;flex-direction:column;gap:.14em;display:flex}.cs-name{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(3rem,1rem + 9vw,9.5rem);font-weight:660;line-height:.9}.cs-sub{letter-spacing:-.03em;color:var(--mute);text-wrap:balance;max-width:26ch;font-size:clamp(1.25rem,.85rem + 1.9vw,2.625rem);font-weight:500;line-height:1.1}.cs-hero{padding-block:clamp(16px,4vh,48px) 0;overflow-x:clip}.cs-intro{gap:var(--s6) clamp(32px,6vw,96px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;margin-top:clamp(24px,5vh,56px);display:grid}.cs-intro .lead{max-width:34ch;font-size:clamp(1.2rem,1rem + .7vw,1.65rem);line-height:1.45}.cs-side{gap:var(--s5);grid-area:1/2;align-content:start;display:grid}.cs-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cs-tags li{border-radius:var(--radius-pill);background:var(--ink-3);font-size:var(--fs-small);padding:8px 16px;line-height:1.2}.cs-intro .lead{grid-area:1/1}.cs-stage{width:min(100%,1280px);padding-inline:var(--gutter);margin:clamp(36px,7vh,88px) auto 0;position:relative;container-type:inline-size}.cs-desktop{border-radius:calc(var(--cs-r) + 6px);background:var(--cs-lift);aspect-ratio:16/10;width:84%;padding:clamp(6px,1.1cqw,14px)}.cs-viewport{border-radius:calc(var(--cs-r) - 6px);background:#0a0810;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.cs-tour{width:100%;height:auto;display:block;transform:translateZ(0)}.cs-phone{right:var(--gutter);aspect-ratio:390/800;background:#241a2c;border-radius:clamp(22px,4cqw,46px);width:24%;padding:clamp(4px,.7cqw,9px);position:absolute;bottom:calc(-1*clamp(24px,5cqw,64px));box-shadow:0 30px 80px -30px #000000e6}.cs-phone .cs-viewport{border-radius:clamp(18px,3.4cqw,38px)}@keyframes cs-pan{0%{transform:translateY(0)}to{transform:translateY(calc(100cqh - 100%))}}.motion-on .cs-tour{animation:38s ease-in-out infinite alternate cs-pan}.motion-on .cs-tour-m{animation-duration:30s;animation-delay:-9s}@keyframes cs-float{0%{transform:translateY(48px)}to{transform:translateY(-48px)}}@supports (animation-timeline:var(--view)){@media (prefers-reduced-motion:no-preference){.motion-on .cs-phone{animation:linear both cs-float;animation-timeline:var(--view);animation-range:entry exit}}}.cs-hero+.cs-facts{margin-top:clamp(88px,14vh,180px)}.cs-facts ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cs-facts li{justify-content:space-between;gap:var(--s6);border-radius:var(--cs-r);background:var(--cs-card);min-height:clamp(180px,22vw,260px);transition:background-color var(--d-med) var(--ease-out),transform var(--d-med) var(--ease-out);flex-direction:column;padding:clamp(20px,2.2vw,32px);display:flex}.cs-facts li:hover{background:var(--cs-lift);transform:translateY(-4px)}.cs-facts strong{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.5rem,.9rem + 1.9vw,2.75rem);font-weight:640;line-height:1}.cs-facts span{color:var(--mute);font-size:var(--fs-small);line-height:1.5}.cs-story{gap:var(--s6) clamp(32px,6vw,96px);padding-top:var(--section);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.cs-sticky{top:calc(var(--header-h) + 24px);align-self:start;position:sticky}.cs-story .h2{max-width:14ch;font-size:clamp(1.9rem,1.2rem + 2.6vw,3.75rem)}.cs-prose{align-content:start;gap:1.1em;display:grid}.cs-prose p{max-width:58ch;font-size:clamp(1.1rem,1rem + .55vw,1.45rem);line-height:1.55}.cs-prose .muted{font-size:var(--fs-body)}.cs-big p{letter-spacing:-.02em;text-wrap:pretty;max-width:30em;font-size:clamp(1.5rem,1rem + 1.8vw,2.75rem);line-height:1.2}.cs-change{padding-top:var(--section)}.cs-change .h2{max-width:20ch;font-size:clamp(2rem,1.2rem + 3vw,4.25rem)}.cs-change .lead{margin-top:var(--s5);max-width:46ch}.cs-ba{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:12px;margin-top:clamp(28px,5vh,56px);display:grid}.cs-ba>div{border-radius:var(--cs-r);padding:clamp(24px,3vw,44px)}.cs-ba h3{letter-spacing:-.03em;margin-bottom:var(--s6);text-wrap:balance;font-size:clamp(1.4rem,1rem + 1.4vw,2.25rem);font-weight:620;line-height:1.08}.cs-ba ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.cs-ba li{font-size:clamp(1.05rem,1rem + .35vw,1.25rem);line-height:1.4}.cs-before{background:var(--cs-card);color:var(--mute)}.cs-before h3{color:var(--faint)}.cs-before li{color:var(--mute);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--mute) 40%,transparent);text-decoration-thickness:1px}.cs-after{background:color-mix(in oklab,var(--violet) 15%,var(--ink-2))}.cs-after h3{color:var(--coral)}.cs-after li{align-items:baseline;gap:14px;display:flex}.cs-after li:before{content:"";background:var(--coral);border-radius:50%;flex:none;width:.5em;height:.5em;transform:translateY(-.08em)}@keyframes cs-lit{0%{color:var(--faint);transform:translate(28px)}to{color:var(--paper);transform:none}}@supports (animation-timeline:var(--view)){@media (prefers-reduced-motion:no-preference){.motion-on .cs-after li{animation:linear both cs-lit;animation-timeline:var(--view);animation-range:entry 5% entry 75%}.motion-on .cs-after li:nth-child(2){animation-range:entry 12% entry 80%}.motion-on .cs-after li:nth-child(3){animation-range:entry 19% entry 85%}.motion-on .cs-after li:nth-child(n+4){animation-range:entry 26% entry 90%}}}.cs-work{padding-top:var(--section)}.cs-work .h2{font-size:clamp(2rem,1.2rem + 3vw,4.25rem)}.cs-work ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:clamp(28px,5vh,56px) 0 0;padding:0;list-style:none;display:grid}.cs-work li{gap:var(--s5);border-radius:var(--cs-r);background:var(--cs-card);min-height:clamp(170px,18vw,240px);transition:background-color var(--d-med) var(--ease-out),transform var(--d-med) var(--ease-out);flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,34px);display:flex}.cs-work li:hover{background:var(--cs-lift);transform:translateY(-6px)}.cs-work h3{letter-spacing:-.03em;font-size:clamp(1.3rem,1rem + 1vw,2rem);font-weight:620;line-height:1.05}.cs-work p{color:var(--mute);font-size:var(--fs-small);max-width:34ch;line-height:1.5}.cs-result{padding-top:var(--section);overflow:hidden}.cs-ticker{user-select:none;margin-bottom:clamp(24px,5vh,56px);overflow:hidden}.cs-ticker>div{width:max-content;display:flex}.cs-ticker ul{flex:none;gap:clamp(24px,4vw,64px);margin:0;padding:0 clamp(12px,2vw,32px);list-style:none;display:flex}.cs-ticker li{letter-spacing:-.04em;color:var(--ink-3);white-space:nowrap;font-size:clamp(3rem,1rem + 7vw,8.5rem);font-weight:660;line-height:1}@keyframes cs-ticker{to{transform:translate(-50%)}}.motion-on .cs-ticker>div{animation:46s linear infinite cs-ticker}.cs-result-body{gap:var(--s6) clamp(32px,6vw,96px);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.cs-result .h2{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.75rem)}.cs-closing{gap:var(--s6) clamp(32px,6vw,96px);padding-top:var(--section);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.cs-closing .h3{max-width:18ch;font-size:clamp(1.5rem,1rem + 1.6vw,2.5rem);line-height:1.1}.cs-note{margin-top:var(--s7);max-width:62ch}.cs-pager{padding-top:var(--section);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cs-pager-card{border-radius:var(--cs-r);background:var(--cs-card);transition:background-color var(--d-med) var(--ease-out);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(16px,2vw,28px);padding:12px;text-decoration:none;display:grid;overflow:hidden}.cs-pager-card:hover{background:var(--cs-lift)}.cs-pager-card img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:calc(var(--cs-r) - 8px);width:100%;height:auto;transition:transform var(--d-slow) var(--ease-out)}.cs-pager-card:hover img{transform:scale(1.03)}.cs-pager-text{gap:6px;padding-right:12px;display:grid}.cs-pager-text small{color:var(--mute);font-size:var(--fs-caption)}.cs-pager-text strong{letter-spacing:-.025em;font-size:clamp(1.15rem,1rem + .6vw,1.6rem);font-weight:620;line-height:1.1}.cs-pager-text span{color:var(--mute);font-size:var(--fs-small);line-height:1.4}.cs-cta{padding-block:var(--section) clamp(72px,10vh,128px);gap:var(--s5);justify-items:start;display:grid}.cs-cta .h1{max-width:16ch;font-size:clamp(2.25rem,1.2rem + 4.2vw,5.5rem);line-height:.96}.cs-cta .lead{max-width:46ch}.cs-hub-hero{padding-block:clamp(16px,4vh,48px) var(--s7)}.cs-hub-hero .lead{margin-top:var(--s6);max-width:50ch}.cs-filters{margin-bottom:var(--s7);flex-wrap:wrap;gap:8px;display:flex;position:relative}.cs-filters input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cs-filters label{border-radius:var(--radius-pill);background:var(--ink-3);min-height:44px;color:var(--paper);font-size:var(--fs-small);cursor:pointer;transition:background-color var(--d-fast),color var(--d-fast),transform var(--d-fast);align-items:center;padding:0 20px;display:inline-flex}.cs-filters label:hover{background:#241d29}.cs-filters input:checked+label{background:var(--paper);color:var(--ink)}.cs-filters input:focus-visible+label{outline:2px solid var(--coral);outline-offset:3px}@supports not selector(:has(*)){.cs-filters{display:none}}.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cs-card a{border-radius:var(--cs-r);background:var(--cs-card);height:100%;transition:background-color var(--d-med) var(--ease-out),transform var(--d-med) var(--ease-out);gap:0;text-decoration:none;display:grid;overflow:hidden}.cs-card a:hover,.cs-card a:focus-visible{background:var(--cs-lift);transform:translateY(-4px)}.cs-card-shot{aspect-ratio:16/10;background:#0a0810;display:block;overflow:hidden;container-type:size}.cs-card-shot img{width:100%;height:auto;transition:transform 1.2s var(--ease-out);display:block}@media (hover:hover){.cs-card a:hover .cs-card-shot img,.cs-card a:focus-visible .cs-card-shot img{transition:transform 9s linear;transform:translateY(calc(100cqh - 100%))}}.cs-card-text{gap:8px;padding:clamp(20px,2.4vw,32px);display:grid}.cs-card-tags{color:var(--coral);font-size:var(--fs-small)}.cs-card strong{letter-spacing:-.04em;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.75rem);font-weight:640;line-height:1}.cs-card-sub{color:var(--paper);max-width:36ch;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.3}.cs-card-lede{color:var(--mute);font-size:var(--fs-small);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:52ch;line-height:1.55;display:-webkit-box;overflow:hidden}@supports selector(:has(*)){.cs-hub:has(#f-new:checked) .cs-card:not([data-t~=new]),.cs-hub:has(#f-redesign:checked) .cs-card:not([data-t~=redesign]),.cs-hub:has(#f-migration:checked) .cs-card:not([data-t~=migration]),.cs-hub:has(#f-partner:checked) .cs-card:not([data-t~=partner]){display:none}}.cs-others{padding-top:var(--section)}.cs-others .h2{font-size:clamp(2rem,1.2rem + 3vw,4.25rem)}.cs-others .lead{margin-top:var(--s5);max-width:48ch}.cs-other-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:clamp(28px,5vh,56px) 0 0;padding:0;list-style:none;display:grid}.cs-other-grid a{border-radius:var(--cs-r);background:var(--cs-card);height:100%;transition:background-color var(--d-med) var(--ease-out),transform var(--d-med) var(--ease-out);text-decoration:none;display:grid;overflow:hidden}.cs-other-grid a:hover{background:var(--cs-lift);transform:translateY(-4px)}.cs-other-shot{aspect-ratio:16/10;background:#0a0810;display:block;overflow:hidden}.cs-other-shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--d-slow) var(--ease-out)}.cs-other-grid a:hover img{transform:scale(1.05)}.cs-other-text{align-content:start;gap:6px;padding:20px 22px 24px;display:grid}.cs-other-text small{color:var(--coral);font-size:var(--fs-small)}.cs-other-text strong{letter-spacing:-.025em;font-size:1.35rem;font-weight:620;line-height:1.1}.cs-other-text span{color:var(--mute);font-size:var(--fs-small);line-height:1.5}.cs-how{padding-top:var(--section)}.cs-how .h2{max-width:18ch;font-size:clamp(2rem,1.2rem + 3vw,4.25rem)}.cs-how .cs-big{margin-top:var(--s6);letter-spacing:-.02em;text-wrap:pretty;max-width:34em;font-size:clamp(1.4rem,1rem + 1.5vw,2.4rem);line-height:1.25}@keyframes cs-arrive{0%{transform:translateY(56px)}to{transform:none}}@keyframes cs-rise{0%{transform:translateY(.45em)}to{transform:none}}@supports (animation-timeline:var(--view)){@media (prefers-reduced-motion:no-preference){.motion-on :is(.cs-facts li,.cs-work li,.cs-card,.cs-other-grid li,.cs-pager-card){animation:linear both cs-arrive;animation-timeline:var(--view);animation-range:entry entry 90%}.motion-on :is(.cs-facts li,.cs-work li):nth-child(2n){animation-range:entry 6% entry 96%}.motion-on :is(.cs-facts li,.cs-work li):nth-child(3n){animation-range:entry 12%}}}@media (prefers-reduced-motion:no-preference){.motion-on .cs-name{animation:cs-rise 1s var(--ease-out) both}.motion-on .cs-sub{animation:cs-rise 1s var(--ease-out) 80ms both}.motion-on .cs-hero .cs-intro{animation:cs-rise 1s var(--ease-out) .16s both}.motion-on .cs-stage{animation:cs-rise 1.2s var(--ease-out) .24s both}}@media (width<=980px){.cs-facts ul,.cs-work ul,.cs-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.cs-intro{grid-template-columns:1fr}.cs-intro .lead,.cs-side{grid-area:auto/1}.cs-stage{margin-top:var(--s7)}.cs-desktop{width:100%}.cs-phone{width:30%;right:calc(var(--gutter) + 4px);bottom:-28px}.cs-story,.cs-closing,.cs-result-body{grid-template-columns:1fr}.cs-sticky{position:static}.cs-ba,.cs-pager,.cs-cards{grid-template-columns:1fr}.cs-pager-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media (width<=560px){.cs-facts ul,.cs-work ul,.cs-other-grid{grid-template-columns:1fr}.cs-facts li{min-height:150px}.cs-hero+.cs-facts{margin-top:clamp(64px,10vh,96px)}}@media (prefers-reduced-motion:reduce){.cs-card-shot img{transition:none}}