.viz{position: relative;display: block;overflow: hidden;container-type: size;border-radius: 0 var(--corner) 0 0;background: var(--ink);color: var(--white);--viz-accent: var(--yellow);--y: var(--yellow);--k: var(--ink)}.viz--yellow{background: var(--yellow);color: var(--ink);--viz-accent: var(--ink)}.viz--white{background: var(--white);color: var(--ink);--viz-accent: var(--ink);box-shadow: inset 0 0 0 1px var(--ink)}:root[data-theme="white"] .viz{--viz-accent: var(--white);--y: var(--white);--k: var(--ink)}:root[data-theme="white"] .viz--yellow, :root[data-theme="white"] .viz--white{background: var(--white);color: var(--ink);--viz-accent: var(--ink);box-shadow: inset 0 0 0 1px var(--ink)}.viz__in{position: absolute;inset: 0;display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-rows: auto 1fr auto;column-gap: 4cqi;padding: min(6cqi, 11cqh) min(6.5cqi, 12cqh)}.viz__client{grid-area: 1 / 1;font: 600 max(12px, min(2.4cqi, 5.4cqh)) / 1.2 var(--sans)}.viz__hand{grid-area: 1 / 2 / 3 / 3;justify-self: end;width: min(24cqi, 44cqh);aspect-ratio: 1}.viz__hand .rig{display: block;width: 100%;height: 100%}.viz__hand [data-anim="boing"] svg{scale: 1 -1}.viz__fig{grid-area: 3 / 1;align-self: end;display: flex;flex-direction: column;align-items: flex-start;gap: min(3.4cqi, 7cqh)}.viz__big{position: relative;font: 900 min(19cqi, 38cqh) / .92 var(--serif);letter-spacing: -0.035em;color: var(--viz-accent);white-space: nowrap}.viz__smile{position: absolute;left: -2%;top: 94%;width: 104%;height: .3em;max-width: none;overflow: visible;color: var(--viz-accent)}.viz__label{max-width: 58cqi;font: 500 max(12px, min(2.5cqi, 5.6cqh)) / 1.3 var(--sans)}.viz__tools{grid-area: 3 / 2;align-self: end;justify-self: end;display: flex}.viz__tools svg{width: min(10cqi, 21cqh);height: min(10cqi, 21cqh);margin-left: max(-1.6cqi, -3.4cqh);overflow: visible;border-radius: 50%;box-shadow: 0 0 0 1.5px var(--k)}.viz__tools svg:first-child{margin-left: 0}.media-img{display: block;width: 100%;height: 100%;object-fit: cover}.viz--photo{background: var(--ink)}.viz--photo > .media-img{position: absolute;inset: 0}.viz--photo .viz__in{z-index: 1}.viz--photo .viz__fig{justify-self: start;max-width: 60cqi;gap: min(2.2cqi, 4.6cqh);padding: min(2.4cqi, 5cqh) min(3cqi, 6.2cqh) min(2.6cqi, 5.4cqh);border-radius: 0 var(--corner) 0 0;background: var(--accent);color: var(--on-accent);--viz-accent: var(--on-accent);box-shadow: 0 0 0 2px var(--bg)}.viz--fig-top .viz__fig{grid-area: 1 / 1;align-self: start}.viz--photo .viz__big{font-size: min(10.5cqi, 21cqh)}.viz--photo .viz__label{max-width: 40cqi;font-size: max(12px, min(1.8cqi, 4cqh))}:root[data-theme="white"] .viz--photo .viz__fig{--viz-accent: var(--on-accent)}.cases__intro{flex: 1;display: flex;flex-direction: column;gap: 24px}.cases__intro .lead{max-width: 620px}.case__media{display: block;height: 208px;border-radius: 0 var(--corner) 0 0;overflow: hidden}.case__media .viz{height: 100%}.case__media img{transition: scale .6s var(--spring-soft, var(--ease))}.case:hover .case__media img{scale: 1.03}.cl-hero{display: flex;flex-direction: column;gap: 40px;padding-block: calc(80 * var(--u)) calc(var(--pad) + 120px)}.cl-hero__grid{display: flex;align-items: flex-end;justify-content: space-between;gap: 40px}.cl-hero__copy{display: flex;flex-direction: column;gap: 24px;max-width: calc(980 * var(--u))}.cl-hero__copy .lead{max-width: 640px}.cl-hero__title{font: 900 calc(104 * var(--u)) / 1 var(--serif);letter-spacing: -0.03em}.cl-hero__title .line:first-child{color: var(--accent)}.cl-hero__hand{flex: none;width: calc(200 * var(--u));aspect-ratio: 1;--y: var(--accent);--k: var(--bg)}.cl-hero__hand .rig{display: block;width: 100%;height: 100%}:root[data-theme="white"] .cl-hero__hand{--y: var(--white);--k: var(--ink)}.cl-vh{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.cl-find{width: min(100%, 760px)}.cl-find:not(.is-live){display: none}.cl-find__box{position: relative;display: flex;align-items: center;gap: 6px;padding: 6px 6px 6px 22px;border: 2px solid var(--accent);border-radius: 0 var(--corner) 0 0;background: var(--bg);cursor: text;transition: box-shadow .2s}.cl-find__box:focus-within{box-shadow: inset 0 0 0 1px var(--accent)}.cl-find__q{flex: 1;min-width: 0;height: 52px;margin: 0;padding: 0;border: 0;background: none;color: var(--fg);font: 500 19px/1.3 var(--sans);outline: none;caret-color: var(--accent);appearance: none}.cl-find__q::-webkit-search-cancel-button{display: none}.cl-find__q::placeholder{color: var(--fg);opacity: .5}.cl-find__q:placeholder-shown{caret-color: transparent;text-indent: 14px}.cl-find__caret{position: absolute;left: 20px;top: calc(50% - 13px);width: 3px;height: 26px;background: var(--accent);animation: cl-blink 1.06s steps(1) infinite;pointer-events: none}.cl-find__box:has(.cl-find__q:not(:placeholder-shown)) .cl-find__caret{display: none}@keyframes cl-blink{50%{opacity: 0}}.cl-find__clear{flex: none;display: grid;place-items: center;width: 40px;height: 40px;color: var(--fg);opacity: .7;rotate: 45deg}.cl-find__clear .ico{width: 22px;height: 22px}.cl-find__clear:hover{opacity: 1}.cl-find__go{flex: none;display: grid;place-items: center;width: 52px;height: 52px;color: var(--accent);opacity: .4;transition: opacity .25s, filter .35s, scale .25s var(--spring-snappy, var(--ease))}.cl-find__go .ico{width: 26px;height: 26px;transition: transform .3s var(--ease)}.cl-find__go[data-ready="hint"]{opacity: .75}.cl-find__go[data-ready="text"]{opacity: 1;filter: drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 85%, transparent)) drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 50%, transparent))}:root[data-theme="white"] .cl-find__go[data-ready="text"]{filter: none}.cl-find__go:hover .ico{transform: translate(2px, -2px)}.cl-find__go:active{scale: .9}.cl-find__h{position: absolute;z-index: 2;width: 12px;height: 12px;translate: -50% -50%;background: var(--bg);border: 2px solid var(--accent);scale: 0;transition: scale .2s var(--ease);pointer-events: none}.cl-find__box:focus-within .cl-find__h{scale: 1;transition: scale .45s var(--spring-snappy, var(--ease))}.cl-find__h--tl{left: -1px;top: -1px}.cl-find__h--bl{left: -1px;top: calc(100% + 1px)}.cl-find__h--br{left: calc(100% + 1px);top: calc(100% + 1px)}.cl-find__h--tr{left: calc(100% + 2px - var(--corner) + (var(--corner) - 1px) * 0.7071);top: calc(var(--corner) - 2px - (var(--corner) - 1px) * 0.7071)}.cl-find__try{display: flex;align-items: center;gap: 6px;margin: 10px 0 0 24px;font: 500 13px/1.3 var(--sans);opacity: .62}.cl-find__try[hidden]{visibility: hidden}.cl-find:not(.is-live) .cl-find__try{display: none}.cl-find__key{padding: 1px 6px 2px;border: 1px solid currentColor;border-radius: 4px;font-weight: 600}.cl-find__touch{display: none}@media (pointer: coarse){.cl-find__key, .cl-find__fine{display: none}.cl-find__touch{display: inline}}.cl-count a{color: var(--accent);text-decoration: underline;text-underline-offset: 3px}.cl-card{position: relative}.cl-best{position: absolute;z-index: 3;right: -16px;top: -18px;width: 82px;height: 82px;display: grid;place-items: center;border-radius: 50%;background: var(--accent);color: var(--on-accent);box-shadow: 0 0 0 4px var(--bg);font: italic 900 17px/1.02 var(--serif);text-align: center;rotate: 12deg;pointer-events: none}:root[data-theme="white"] .cl-best{box-shadow: 0 0 0 4px var(--white)}.cl-filter{display: flex;flex-wrap: wrap;gap: 12px}.cl-filter button{display: inline-flex;align-items: center;gap: 10px;height: 48px;padding: 0 18px;border: 1px solid var(--fg);border-radius: 0 var(--corner) 0 0;font: 600 16px/1.25 var(--sans);transition: background .2s, color .2s, border-color .2s}.cl-filter button span{font-size: 13px;opacity: .7;font-variant-numeric: tabular-nums}.cl-filter button:hover{border-color: var(--accent)}.cl-filter button[aria-pressed="true"]{background: var(--accent);color: var(--on-accent);border-color: var(--accent)}.cl-count{margin-top: -24px;font: 600 14px/1.4 var(--sans);opacity: .7}.cl-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 64px calc(64 * var(--u));align-items: start}.cl-item.is-low{transform: translateY(120px)}.cl-card{display: flex;flex-direction: column;gap: 24px;height: 100%;padding: 32px;background: var(--card);color: var(--on-card);border-radius: 0 var(--corner) 0 0;transition: transform .5s var(--spring-snappy, var(--ease))}:root[data-theme="white"] .cl-card{box-shadow: inset 0 0 0 1px var(--ink)}.cl-card:hover{transform: translateY(-6px)}.cl-card__media{display: block;aspect-ratio: 16 / 10;border-radius: 0 var(--corner) 0 0;overflow: hidden}.cl-card__media .viz{height: 100%}.cl-card__media img{transition: scale .6s var(--spring-soft, var(--ease))}.cl-card:hover .cl-card__media img{scale: 1.03}.cl-card__meta{margin-top: -8px;font: 600 14px/1.4 var(--sans);opacity: .75}.cl-card h3{font: 900 32px/1.15 var(--serif);letter-spacing: -0.01em}.cl-card__text{font-size: 16px;line-height: 1.5}.cl-card__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 16px;margin-top: auto;padding-top: 8px}.cl-card__kind{white-space: nowrap;padding: 6px 12px;border: 1px solid currentColor;border-radius: 0 calc(var(--corner) * .6) 0 0;font: 600 13px/1.2 var(--sans)}.cl-card__go{display: inline-flex;align-items: center;gap: 12px;height: 48px;padding: 0 20px;background: var(--accent);color: var(--on-accent);border-radius: 0 var(--corner) 0 0;font: 600 16px/1.25 var(--sans);white-space: nowrap}.cl-card__go .ico{width: 22px;height: 22px;transition: transform .3s var(--ease)}.cl-card:hover .cl-card__go .ico{transform: translate(3px, -3px)}.cl-cta{display: flex;align-items: flex-end;justify-content: space-between;gap: 40px;flex-wrap: wrap}.cl-cta__copy{display: flex;flex-direction: column;gap: 24px}.cs-smile{position: relative;display: inline-block}.cs-smile__curve{position: absolute;left: -2%;top: 80%;width: 104%;height: .55em;max-width: none;overflow: visible}.page-cases .site-footer{--accent: var(--ink);--on-accent: var(--yellow)}:root[data-theme="white"] .page-cases .site-footer{--accent: var(--white);--on-accent: var(--ink)}:root:not([data-theme="white"]) .page-cases .theme-toggle{background: var(--ink);box-shadow: inset 0 0 0 2px var(--yellow)}:root:not([data-theme="white"]) .page-cases .theme-toggle__knob{background: var(--yellow)}.cs-hero{display: flex;flex-direction: column;gap: 32px;padding-top: calc(56 * var(--u))}.cs-back{align-self: flex-start;display: inline-flex;align-items: center;gap: 10px;padding: 8px 0;font: 600 16px/1.25 var(--sans)}.cs-back .ico{width: 20px;height: 20px;transition: transform .3s var(--ease)}.cs-back:hover{color: var(--accent)}.cs-back:hover .ico{transform: translateX(-3px)}.cs-hero__title{max-width: calc(1120 * var(--u));font: 900 calc(80 * var(--u)) / 1.02 var(--serif);letter-spacing: -0.03em;text-wrap: balance}.cs-hero__row{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, calc(440 * var(--u)));gap: calc(96 * var(--u));align-items: start}.cs-hero__copy{display: flex;flex-direction: column;gap: 24px;max-width: 720px}.cs-tags{display: flex;flex-wrap: wrap;gap: 8px}.cs-tags li{padding: 6px 12px;border: 1px solid var(--accent);color: var(--accent);border-radius: 0 calc(var(--corner) * .6) 0 0;font: 600 13px/1.2 var(--sans)}.cs-meta{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px 32px;margin: 0;padding-top: 20px;border-top: 1px solid var(--line)}.cs-meta div{display: flex;flex-direction: column;gap: 4px}.cs-meta dt{font: 500 14px/1.4 var(--sans);opacity: .7}.cs-meta dd{margin: 0;font: 600 16px/1.35 var(--sans)}.cs-meta__client{grid-column: 1 / -1}.cs-meta .cs-logo{display: flex;align-items: center;justify-content: center;min-height: 112px;margin-top: 4px;padding: 20px 28px;background: var(--card);color: var(--on-card);border-radius: 0 var(--corner) 0 0}:root[data-theme="white"] .cs-logo{box-shadow: inset 0 0 0 1px var(--ink)}.cs-logo__word{font: 800 32px/1.05 var(--sans);letter-spacing: -0.03em;text-align: center;text-wrap: balance}.cs-logo__img{display: block;width: auto;max-width: 100%;height: auto;max-height: 64px}.cs-hero__visual{position: relative;container-type: inline-size;margin-top: 16px;aspect-ratio: 16 / 7;border-radius: 0 var(--corner) 0 0;overflow: hidden}.cs-toys{position: absolute;right: 3.5%;bottom: 0;z-index: 2;display: flex;align-items: flex-end;gap: 1.2cqi;pointer-events: none;--y: var(--yellow);--k: var(--ink)}:root[data-theme="white"] .cs-toys{--y: var(--white);--k: var(--ink)}.toy{display: block;flex: none;width: calc(var(--s, 1) * 13.125cqi);aspect-ratio: 1;border-radius: 50%;box-shadow: 0 0 0 2px var(--k);transform-origin: 50% 50%;user-select: none;-webkit-user-select: none}.toy svg{width: 100%;height: 100%;overflow: visible;pointer-events: none;transition: scale .4s var(--spring-snappy, var(--ease))}.cs-toys.is-live{inset: 0;display: block}.cs-toys.is-live .toy{position: absolute;left: 0;top: 0;pointer-events: auto;touch-action: none;cursor: grab;will-change: transform}.cs-toys.is-live .toy:hover svg{scale: 1.06}.cs-toys.is-live .toy.is-held{cursor: grabbing}.cs-toys.is-live .toy.is-held svg{scale: 1.1}.cs-toys.is-still .toy{pointer-events: none;cursor: default}.cs-hero__visual .viz{height: 100%}.cs-hero__visual .viz--ink{box-shadow: inset 0 0 0 1px var(--accent)}.cs-label{font: 900 calc(40 * var(--u)) / 1.15 var(--serif);letter-spacing: -0.01em}.cs-stats{display: flex;flex-direction: column;gap: 40px}.cs-stats__list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 32px}.cs-stat{display: flex;flex-direction: column;gap: 12px;padding-top: 24px;border-top: 2px solid var(--on-accent)}.cs-stat__big{font: 900 calc(72 * var(--u)) / 1 var(--serif);letter-spacing: -0.03em}.is-long .cs-stat__big{font-size: calc(46 * var(--u));line-height: 1.08}.cs-stat__label{max-width: 320px;font-size: 18px;line-height: 1.45}.cs-stats__note{max-width: 760px;font-size: 14px;line-height: 1.5}.cs-story{display: flex;flex-direction: column;gap: calc(88 * var(--u))}.cs-block{display: grid;grid-template-columns: minmax(0, calc(360 * var(--u))) minmax(0, 1fr);gap: calc(64 * var(--u));align-items: start}.cs-block--wide{grid-template-columns: 1fr;gap: 32px}.cs-did{display: flex;flex-wrap: wrap;gap: 10px}.cs-did li{padding: 10px 16px;border: 1px solid var(--fg);border-radius: 0 var(--corner) 0 0;font: 600 15px/1.3 var(--sans)}.cs-text{display: flex;flex-direction: column;gap: 20px;max-width: 760px;font-size: 18px;line-height: 1.55}.cs-helped{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 32px;align-items: start}.cs-helped li{display: flex;flex-direction: column;gap: 16px;margin-top: calc(var(--i, 0) * 40px);padding: 28px;background: var(--card);color: var(--on-card);border-radius: 0 var(--corner) 0 0}:root[data-theme="white"] .cs-helped li{box-shadow: inset 0 0 0 1px var(--ink)}.cs-helped__num{font: 900 36px/1.1 var(--serif);letter-spacing: -0.01em}.cs-helped h3{font: 900 26px/1.15 var(--serif);letter-spacing: -0.01em}.cs-helped p{font-size: 16px;line-height: 1.5}.cs-gallery{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 24px;align-items: start}.cs-shot{grid-column: span 3;display: flex;flex-direction: column;gap: 12px;margin: 0}.cs-shot--full{grid-column: 1 / -1}.cs-shot--third{grid-column: span 2}.cs-shot img{display: block;width: 100%;height: auto;object-fit: cover;border-radius: 0 var(--corner) 0 0;background: var(--card)}.cs-shot--half img{aspect-ratio: 1.414}.cs-shot figcaption{max-width: 640px;font-size: 14px;line-height: 1.45;opacity: .8}:root[data-theme="white"] .cs-shot img{box-shadow: 0 0 0 1px var(--ink)}.cs-compare{gap: 24px}.cmp{position: relative;display: flex;flex-direction: column;gap: 16px;width: min(100%, (100svh - 190px) * 1.342);min-width: min(100%, 560px);margin: 0}.cmp__bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 24px}.cmp__tabs{display: flex;flex-wrap: wrap;gap: 8px}.cmp__tab{min-height: 44px;padding: 10px 18px;border: 1.5px solid var(--accent);border-radius: 0 var(--corner) 0 0;color: var(--fg);font: 600 15px/1.25 var(--sans);transition: background-color .2s, color .2s}.cmp__tab:hover{background: color-mix(in srgb, var(--accent) 18%, transparent)}.cmp__tab[aria-selected="true"]{background: var(--accent);color: var(--on-accent)}.cmp__hint{font-size: 14px;opacity: .72}.cmp:not(.is-live) :is(.cmp__bar, .cmp__grip){display: none}.cmp :focus-visible{outline: 3px solid var(--accent);outline-offset: 3px}.cmp__stage{position: relative;overflow: hidden;border-radius: 0 var(--corner) 0 0;background: var(--card);box-shadow: 0 0 0 2px var(--accent);touch-action: pan-y;user-select: none;-webkit-user-select: none}.cmp.is-live .cmp__stage{cursor: ew-resize}.cmp__pane{position: relative}.cmp__img{display: block;width: 100%;height: auto;pointer-events: none;-webkit-user-drag: none}.cmp__before{position: absolute;inset: 0;height: 100%;object-fit: cover;clip-path: inset(0 calc(100% - var(--pos)) 0 0)}.cmp__line{position: absolute;top: 0;bottom: 0;left: var(--pos);width: 3px;translate: -50% 0;background: var(--accent);box-shadow: 0 0 0 1px var(--bg);pointer-events: none}.cmp__h{position: absolute;left: 50%;width: 14px;height: 14px;translate: -50% -50%;background: var(--bg);border: 3px solid var(--accent)}.cmp__h--t{top: 14px}.cmp__h--b{top: calc(100% - 14px)}.cmp__grip{position: absolute;z-index: 2;top: 50%;left: var(--pos);translate: -50% -50%;display: grid;place-items: center;width: 50px;height: 50px;padding: 0;border: 3px solid var(--bg);border-radius: 0 calc(var(--corner) * .6) 0 0;background: var(--accent);color: var(--on-accent);cursor: ew-resize;transition: scale .45s var(--spring-snappy, var(--ease))}.cmp__grip svg{width: 24px;height: 24px}.cmp__stage:hover .cmp__grip, .cmp__stage.is-held .cmp__grip{scale: 1.1}.cmp__tag{position: absolute;z-index: 1;top: 16px;padding: 5px 10px 6px;border-radius: 0 calc(var(--corner) * .5) 0 0;font: 600 13px/1.2 var(--sans);pointer-events: none;transition: opacity .2s}.cmp__tag--before{left: 16px;background: var(--bg);color: var(--fg);box-shadow: inset 0 0 0 1.5px var(--fg)}.cmp__tag--after{right: 16px;background: var(--accent);color: var(--on-accent)}.cmp__stage.is-left .cmp__tag--before, .cmp__stage.is-right .cmp__tag--after{opacity: 0}.cs-reel{display: flex;flex-direction: column;gap: 32px}.cs-reel__list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px 24px;margin: 0;padding: 0;list-style: none}.cs-reel__item--wide{grid-column: 1 / -1}.cs-reel__fig{display: flex;flex-direction: column;gap: 12px;margin: 0}.cs-reel__frame{position: relative;overflow: hidden;border-radius: 0 var(--corner) 0 0;background: var(--ink);box-shadow: 0 0 0 2px var(--accent)}.cs-reel__video{display: block;width: 100%;height: 100%;object-fit: cover;cursor: pointer}.cs-reel__item--wide .cs-reel__video{scale: 1.03}.cs-reel__toggle{position: absolute;right: 14px;bottom: 14px;display: grid;place-items: center;width: 46px;height: 46px;padding: 0;border: 2px solid var(--bg);border-radius: 0 calc(var(--corner) * .6) 0 0;background: var(--accent);color: var(--on-accent);transition: opacity .2s, scale .4s var(--spring-snappy, var(--ease))}.cs-reel__toggle svg{width: 20px;height: 20px}.cs-reel__toggle .ico-pause, .cs-reel__toggle.is-playing .ico-play{display: none}.cs-reel__toggle.is-playing .ico-pause{display: block}.cs-reel__toggle:hover{scale: 1.08}.cs-reel__frame:not(:hover) .cs-reel__toggle.is-playing:not(:focus-visible){opacity: 0}.cs-reel figcaption{font-size: 15px;line-height: 1.45}.cs-journey{display: flex;flex-direction: column;gap: 28px;margin: 0;padding: 32px;border: 1px solid var(--accent);border-radius: 0 var(--corner) 0 0}.cs-journey__cap{font: 900 26px/1.15 var(--serif)}.jr{display: grid;grid-template-columns: auto repeat(3, minmax(0, 1fr));gap: 16px 48px;align-items: center}.jr__head{font: 600 14px/1.4 var(--sans);opacity: .7}.jr__route{font: 900 24px/1.1 var(--serif);color: var(--accent)}.jr__col{position: relative;display: flex;flex-direction: column;gap: 8px}.jr__col li{padding: 10px 14px;border: 1px solid var(--accent);border-radius: 0 calc(var(--corner) * .6) 0 0;font: 600 14px/1.25 var(--sans)}.jr__col--key li{background: var(--accent);color: var(--on-accent)}.jr__col--to::after{content: "";position: absolute;left: calc(100% + 10px);top: 50%;width: 28px;height: 12px;translate: 0 -50%;background: var(--accent);clip-path: polygon(0 40%, 70% 40%, 70% 0, 100% 50%, 70% 100%, 70% 60%, 0 60%)}.cs-outcome{display: grid;grid-template-columns: minmax(0, calc(360 * var(--u))) minmax(0, 1fr);gap: calc(64 * var(--u));align-items: start}.cs-outcome__text{display: flex;flex-direction: column;gap: 24px;max-width: 860px;font-size: 18px;line-height: 1.55}.cs-outcome__text p:first-child{font: 900 calc(36 * var(--u)) / 1.18 var(--serif);letter-spacing: -0.01em}.cs-end{display: flex;flex-direction: column;gap: 64px}.cs-insights{display: flex;flex-direction: column;gap: 40px}.cs-insights__list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 32px}.cs-insight{display: flex;flex-direction: column;gap: 12px;padding-top: 24px;border-top: 2px solid var(--accent)}.cs-insight h3{font: 900 calc(32 * var(--u)) / 1.15 var(--serif);letter-spacing: -0.01em;text-wrap: balance}.cs-insight p{max-width: 360px;font-size: 18px;line-height: 1.45}.cs-review{display: flex;flex-direction: column;gap: 28px;margin: 0;padding: 40px;border: 1px solid var(--accent);border-radius: 0 var(--corner) 0 0}.cs-review blockquote{max-width: 1040px;font: italic 600 calc(34 * var(--u)) / 1.22 var(--serif);letter-spacing: -0.01em}.cs-review figcaption{display: flex;align-items: center;gap: 20px}.cs-review__photo{width: 64px;height: 64px;object-fit: cover;border: 1px solid currentColor;border-radius: 0 var(--corner) 0 0;background: #ccc}.cs-review strong{display: block;font: 600 16px/1.25 var(--sans)}.cs-review__role{display: block;font-size: 14px;line-height: 1.45}.cs-next{display: flex;align-items: flex-end;gap: 24px}.cs-next__link{flex: 1;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 12px 24px;align-items: end;padding: 32px;border: 1px solid var(--fg);border-radius: 0 var(--corner) 0 0;transition: background .25s, color .25s, border-color .25s}.cs-next__title{font: 900 calc(40 * var(--u)) / 1.1 var(--serif);letter-spacing: -0.01em}.cs-next__go{display: inline-flex;align-items: center;gap: 12px;font: 600 16px/1.25 var(--sans);white-space: nowrap}.cs-next__go .ico{width: 28px;height: 28px;transition: transform .3s var(--ease)}.cs-next__link:hover{background: var(--accent);color: var(--on-accent);border-color: var(--accent)}.cs-next__link:hover .ico{transform: translate(4px, -4px)}@media (max-width: 1023px){.case__media{height: auto;aspect-ratio: 16 / 10}.cl-hero{gap: 28px;padding-block: 56px}.cl-find__box{padding-left: 16px}.cl-find__q{height: 46px;font-size: 16px}.cl-find__caret{left: 14px}.cl-find__go{width: 46px;height: 46px}.cl-find__try{margin-left: 18px}.cl-best{right: -8px;top: -14px;width: 70px;height: 70px;font-size: 15px}.cl-hero__grid{align-items: flex-start;gap: 16px}.cl-hero__title{font-size: clamp(44px, 12.8vw, 72px)}.cl-hero__hand{width: clamp(64px, 18vw, 120px)}.cl-filter{gap: 8px}.cl-filter button{height: 44px;padding: 0 14px;font-size: 14px}.cl-count{margin-top: -12px}.cl-grid{grid-template-columns: 1fr;gap: 24px}.cl-item.is-low{transform: none}.cl-card{padding: 24px;gap: 20px}.cl-card h3{font-size: 24px}.cl-cta{flex-direction: column;align-items: stretch}.cs-hero{gap: 24px;padding-top: 32px}.cs-hero__title{font-size: clamp(36px, 10vw, 56px)}.cs-hero__row{grid-template-columns: 1fr;gap: 28px}.cs-meta .cs-logo{min-height: 96px}.cs-logo__word{font-size: 28px}.cs-hero__visual{aspect-ratio: 4 / 3;margin-top: 8px}.toy{width: calc(var(--s, 1) * 22.5cqi)}.cs-label{font-size: 30px}.cs-stats{gap: 28px}.cs-stats__list{grid-template-columns: 1fr;gap: 24px}.cs-stat__big{font-size: 48px}.is-long .cs-stat__big{font-size: 34px}.cs-story{gap: 48px}.cs-block, .cs-outcome{grid-template-columns: 1fr;gap: 20px}.cs-text, .cs-outcome__text{font-size: 16px}.cs-outcome__text p:first-child{font-size: 24px}.cs-helped{grid-template-columns: 1fr;gap: 16px}.cs-helped li{margin-top: 0;padding: 24px}.cs-helped h3{font-size: 24px}.cs-gallery{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px 12px}.cs-shot{grid-column: 1 / -1}.cs-shot--third{grid-column: span 1}.cmp{width: 100%;min-width: 0}.cmp__bar{flex-direction: column;align-items: flex-start}.cmp__tab{min-height: 40px;padding: 8px 14px;font-size: 14px}.cmp__tag{top: 10px;font-size: 12px}.cmp__tag--before{left: 10px}.cmp__tag--after{right: 10px}.cmp__grip{width: 42px;height: 42px}.cmp__h--t{top: 10px}.cmp__h--b{top: calc(100% - 10px)}.cs-reel{gap: 24px}.cs-reel__list{grid-template-columns: 1fr;gap: 24px}.cs-journey{padding: 24px}.jr{grid-template-columns: 1fr;gap: 10px}.jr__head{display: none}.jr__route{margin-top: 12px}.jr__col--to{margin-bottom: 26px}.jr__col--to::after{left: 50%;top: calc(100% + 6px);width: 12px;height: 18px;translate: -50% 0;clip-path: polygon(40% 0, 60% 0, 60% 65%, 100% 65%, 50% 100%, 0 65%, 40% 65%)}.cs-end{gap: 40px}.cs-review{padding: 24px}.cs-review blockquote{font-size: 22px}.cs-insights{gap: 28px}.cs-insights__list{grid-template-columns: 1fr;gap: 24px}.cs-insight h3{font-size: 24px}.cs-insight p{max-width: none;font-size: 16px}.cs-next{flex-direction: column;align-items: stretch}.cs-next__link{padding: 24px}.cs-next__title{font-size: 26px}.cs-next__link{grid-template-columns: 1fr}.cs-next .btn{width: 100%;max-width: none}}