.cs-track{outline:none;min-height:100dvh;position:relative}.cs-track:focus-visible{outline-offset:4px;outline:2px solid #000}.cs-layout{box-sizing:border-box;background:#fff;grid-template-columns:1fr 50vw;align-items:stretch;gap:48px;height:100dvh;padding:24px 32px;display:grid;position:sticky;top:0;overflow:hidden}.cs-text-col{position:relative}.cs-section{will-change:opacity, transform;flex-direction:column;justify-content:center;padding-right:32px;display:flex;position:absolute;inset:0}.cs-section__label{letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 20px;font-size:11px;font-weight:600}.cs-section__headline{color:#000;max-width:904px;margin:0 0 24px;font-size:28px;font-weight:500;line-height:normal}.cs-section__body{color:#555;max-width:520px;margin:0;font-size:18px;font-weight:400;line-height:1.65}.cs-section__slot{flex-direction:column;align-items:flex-start;gap:16px;margin-top:32px;display:flex}.cs-section--hero .cs-section__body{color:#666;max-width:560px;margin-top:4px;font-size:20px;line-height:1.6}.cs-outro__btn{color:#fff;background:#000;border-radius:100px;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.cs-outro__btn:hover{opacity:.75}.cs-section--outro-static{border-top:1px solid #f0f0f0}.cs-section--outro{z-index:1}.cs-visual-col{align-items:stretch;display:flex}.cs-device-card{box-sizing:border-box;background:#f4f3f2;border-radius:24px;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex;overflow:hidden;container:device-card/size}.cs-layout--static{align-items:start;height:auto;padding-bottom:120px;position:static;overflow:visible}.cs-text-col--static{position:static}.cs-section--static{border-top:1px solid #f0f0f0;padding:80px 32px 80px 0;position:static}.cs-section--static:first-child{border-top:none;padding-top:48px}.cs-browser{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000017,0 8px 32px #0000001a}.cs-browser__chrome{background:#e8e8e8;border-bottom:1px solid #d0d0d0;flex-shrink:0;align-items:center;gap:8px;height:42px;min-height:42px;padding:0 14px;display:flex}.cs-browser__dots{flex-shrink:0;align-items:center;gap:6px;display:flex}.cs-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:block}.cs-dot--red{background:#ff5f57;box-shadow:inset 0 0 0 .5px #0000001f}.cs-dot--yellow{background:#febc2e;box-shadow:inset 0 0 0 .5px #0000001f}.cs-dot--green{background:#28c840;box-shadow:inset 0 0 0 .5px #0000001f}.cs-browser__nav{flex-shrink:0;align-items:center;gap:2px;display:flex}.cs-browser__nav-icon{color:#888;flex-shrink:0;width:20px;height:20px}.cs-browser__url-bar{background:#fff;border:1px solid #0000001f;border-radius:6px;flex:1;align-items:center;gap:5px;max-width:340px;height:26px;margin:0 auto;padding:0 10px;display:flex;box-shadow:inset 0 1px 2px #0000000a}.cs-browser__lock{color:#888;flex-shrink:0;width:10px;height:12px}.cs-browser__url-text{color:#333;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:11.5px;overflow:hidden}.cs-browser__spacer{flex:0 0 68px}.cs-browser__screen{aspect-ratio:1280/854;background:#fff;flex:none;width:100%;position:relative;overflow:hidden}.cs-device-video,.cs-device-img{object-fit:cover;width:100%;height:100%;display:block}.cs-mobile-back{display:none}.cs-device-standalone-img{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:100%;display:block;box-shadow:0 0 0 1px #00000017,0 8px 32px #0000001a}@media (max-width:900px){.cs-track{height:100dvh}.cs-layout:not(.cs-layout--static){grid-template-rows:55dvh 45dvh;grid-template-columns:1fr;align-items:stretch;gap:0;height:100dvh;padding:0;position:sticky;top:0;overflow:hidden}.cs-layout:not(.cs-layout--static) .cs-visual-col{flex-direction:column;order:-1;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.cs-layout:not(.cs-layout--static) .cs-device-card{min-height:0;padding-top:calc(max(16px, env(safe-area-inset-top)) + 40px);border-radius:0;flex:1;justify-content:center;align-items:center;padding-bottom:20px;padding-left:16px;padding-right:16px}.cs-layout:not(.cs-layout--static) .cs-text-col{padding-bottom:max(0px, env(safe-area-inset-bottom));position:relative;overflow:hidden}.cs-layout:not(.cs-layout--static) .cs-section{will-change:opacity, transform;border-top:none;padding:28px 24px;position:absolute;inset:0}.cs-layout:not(.cs-layout--static) .cs-section__headline{max-width:100%;margin-bottom:16px;font-size:20px}.cs-layout:not(.cs-layout--static) .cs-section__body{max-width:100%;font-size:15px;line-height:1.6}.cs-layout:not(.cs-layout--static) .cs-section--hero .cs-section__body{display:none}.cs-layout:not(.cs-layout--static) .cs-section__label{margin-bottom:12px}.cs-mobile-back{top:max(16px, env(safe-area-inset-top));z-index:10;color:#000;-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#ffffffe0;border:1px solid #00000014;border-radius:100px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;left:16px;box-shadow:0 1px 4px #0000001a}.cs-layout--static{flex-direction:column;grid-template-rows:none;grid-template-columns:none;align-items:stretch;gap:0;height:auto;padding:0 0 64px;display:flex;position:static;overflow:visible}.cs-layout--static .cs-visual-col{box-sizing:border-box;order:-1;padding:20px 24px 8px}.cs-layout--static .cs-device-card{border-radius:24px;min-height:min(55dvh,480px);padding:20px 16px}.cs-text-col--static{position:static;overflow:visible}.cs-section--static{will-change:auto;border-top:1px solid #f0f0f0;padding:32px 24px;opacity:1!important;pointer-events:auto!important;position:static!important;inset:auto!important;transform:none!important}.cs-text-col--static>.cs-section--static:first-child{border-top:none;padding-top:24px}}@media (max-width:390px){.cs-layout:not(.cs-layout--static) .cs-section{padding:20px}.cs-layout:not(.cs-layout--static) .cs-section__headline{margin-bottom:12px;font-size:20px}.cs-layout:not(.cs-layout--static) .cs-section__body{font-size:14px}.cs-section--static{padding:20px}.cs-section--static .cs-section__headline{margin-bottom:12px;font-size:20px}.cs-section--static .cs-section__body{font-size:14px}}
.casey-actions{align-items:center;gap:16px;display:flex}.casey-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.casey-btn__icon{flex-shrink:0;width:14px;height:14px}.casey-btn--listen{color:#fff;background:#000}.casey-btn--listen:hover{opacity:.8}.casey-btn--playing{background:#1a1a1a}.casey-btn--text{color:#000;background:#f4f3f2}.casey-btn--text:hover{background:#e8e7e6}@media (max-width:600px){.casey-actions{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.casey-btn{justify-content:center;width:100%}}
.case-study{background:#fff;min-height:100dvh}.case-study__header{justify-content:space-between;align-items:center;padding:24px 32px 0;display:flex}.case-study__back{color:#000;transition:background var(--transition-fast);background:#f4f3f2;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.case-study__back:hover{background:#e8e7e6}.case-study__back:focus-visible{outline-offset:2px;outline:2px solid #000}.case-study__meta{align-items:center;gap:16px;display:flex}.case-study__company,.case-study__year,.case-study__role{color:#666;font-size:13px}.case-study__company:after,.case-study__year:after{content:"·";opacity:.4;margin-left:16px}.case-study__title{color:#000;letter-spacing:-.02em;max-width:900px;padding:48px 32px 16px;font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.1}.case-study__tagline{color:#666;max-width:680px;padding:0 32px 24px;font-size:18px;line-height:1.6}.case-study__tags{flex-wrap:wrap;gap:8px;padding:0 32px 48px;display:flex}.case-study__tag{color:#000;background:#f4f3f2;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500}@media (max-width:900px){.case-study__header{display:none}}@media (max-width:768px){.case-study__header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px 0}.case-study__title{padding:32px 20px 12px;font-size:clamp(26px,6.5vw,48px)}.case-study__tagline{padding:0 20px 20px}.case-study__tags{padding:0 20px 32px}.case-study__company:after,.case-study__year:after{margin-left:8px}}