.kapeo-case{color:#142334;background:#f7f8fa;min-height:100svh}.kapeo-case .kapeo-width{width:min(1440px,100% - clamp(40px,8vw,144px));margin-inline:auto}.kapeo-case .kapeo-skip{z-index:100;color:#fff;background:#142334;padding:14px 20px;position:absolute;top:12px;left:20px;transform:translateY(-180%)}.kapeo-case .kapeo-skip:focus{transform:translateY(0)}.kapeo-case a{text-underline-offset:4px}.kapeo-case a:focus-visible,.kapeo-case summary:focus-visible,.kapeo-case video:focus-visible{outline-offset:5px;outline:3px solid #087cff}.kapeo-case .kapeo-nav{border-bottom:1px solid #d8e1e9;justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.kapeo-case .kapeo-nav>div{align-items:center;gap:clamp(20px,3vw,44px);display:flex}.kapeo-case .kapeo-nav>div>a{color:#4b647c;align-items:center;gap:16px;min-height:44px;font-size:12px;display:inline-flex}.kapeo-case .kapeo-nav>div>a:hover{color:#087cff}.kapeo-case .kapeo-nav>div>.kapeo-language{color:#142334;font-size:11px;font-weight:600}.kapeo-case .brand{color:#142334}.kapeo-case .brand>span{color:#087cff}.kapeo-case .kapeo-breadcrumb{color:#62778b;font-family:var(--font-geist-mono), monospace;flex-wrap:wrap;align-items:center;gap:13px;padding-block:28px 56px;font-size:10px;line-height:1.8;display:flex}.kapeo-case .kapeo-breadcrumb>a:hover{color:#087cff}.kapeo-case .kapeo-hero{padding-bottom:clamp(48px,6vw,84px)}.kapeo-case .kapeo-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(32px,6vw,90px);display:grid}.kapeo-case .kapeo-eyebrow{color:#62778b;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin:0;font-size:10px;font-weight:500;line-height:1.8}.kapeo-case .kapeo-hero h1{letter-spacing:-.06em;white-space:pre-line;overflow-wrap:break-word;max-width:15ch;margin:28px 0 0;font-size:clamp(42px,6vw,84px);font-weight:550;line-height:1.03}.kapeo-case .kapeo-hero-lead>p{color:#4d657c;margin:0;font-size:17px;line-height:1.85}.kapeo-case .kapeo-project-meta{border-block:1px solid #d8e1e9;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:30px 0;padding-block:23px;display:grid}.kapeo-case .kapeo-project-meta dt{color:#6a7c8f;font-size:11px;line-height:1.8}.kapeo-case .kapeo-project-meta dd{color:#213a51;margin:6px 0 0;font-size:13px;line-height:1.6}.kapeo-case .kapeo-hero-actions{flex-wrap:wrap;align-items:center;gap:15px 28px;display:flex}.kapeo-case .kapeo-button{color:#fff;background:#142334;border:1px solid #142334;justify-content:space-between;align-items:center;gap:30px;max-width:100%;min-height:52px;padding:14px 21px;font-size:13px;font-weight:550;line-height:1.6;text-decoration:none;display:inline-flex}.kapeo-case .kapeo-button>span{color:#85c2ff;flex-shrink:0;font-size:20px;font-weight:400}.kapeo-case .kapeo-button:hover{background:#087cff;border-color:#087cff}.kapeo-case .kapeo-button:hover>span{color:#fff}.kapeo-case .kapeo-text-link{color:#3d617f;align-items:center;gap:16px;min-height:44px;font-size:12px;line-height:1.7;text-decoration:none;display:inline-flex}.kapeo-case .kapeo-text-link:hover{color:#087cff;text-decoration:underline}.kapeo-case .kapeo-hero-image{margin-block:0}.kapeo-case .kapeo-hero-image>img{background:#eef2f5;border:1px solid #d8e1e9;width:100%;height:auto;display:block}.kapeo-case .kapeo-hero-image>figcaption,.kapeo-case .kapeo-full-recording>figcaption{color:#62778b;font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:16px;font-size:9px;line-height:1.8;display:flex}.kapeo-case .kapeo-context,.kapeo-case .kapeo-section-heading{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);display:grid}.kapeo-case .kapeo-context{padding-block:clamp(64px,8vw,112px)}.kapeo-case .kapeo-context h2,.kapeo-case .kapeo-section-heading h2{letter-spacing:-.05em;white-space:pre-line;overflow-wrap:break-word;max-width:24ch;margin:0;font-size:clamp(32px,4.2vw,58px);font-weight:500;line-height:1.12}.kapeo-case .kapeo-context>div>p,.kapeo-case .kapeo-section-heading>div>p{color:#526a7f;max-width:68ch;margin:24px 0 0;font-size:15px;line-height:1.9}.kapeo-case .kapeo-context>div>.kapeo-role{color:#294964;border-top:1px solid #d8e1e9;margin-top:27px;padding-top:22px;font-size:13px;line-height:1.85}.kapeo-case .kapeo-comparison-section{border-top:1px solid #d8e1e9;padding-top:clamp(48px,6vw,80px);scroll-margin-top:28px}.kapeo-case .kapeo-comparison-section>.kapeo-section-heading{margin-bottom:42px}.kapeo-case .kapeo-source-note{color:#5e7387;border-left:2px solid #087cff;max-width:900px;margin:26px 0 0;padding-left:18px;font-size:12px;line-height:1.9}.kapeo-case .kapeo-changes{padding-block:clamp(64px,8vw,112px);scroll-margin-top:28px}.kapeo-case .kapeo-change-list{border-top:1px solid #d8e1e9;margin-top:42px}.kapeo-case .kapeo-change-list>article{border-bottom:1px solid #d8e1e9;grid-template-columns:52px minmax(0,.8fr) minmax(0,1fr);gap:clamp(22px,4vw,64px);padding-block:30px;display:grid}.kapeo-case .kapeo-change-index{color:#087cff;font-family:var(--font-geist-mono), monospace;padding-top:3px;font-size:11px;line-height:1.8}.kapeo-case .kapeo-change-list h3{letter-spacing:-.035em;margin:0;font-size:clamp(21px,2.3vw,30px);font-weight:500;line-height:1.28}.kapeo-case .kapeo-change-list p{color:#526a7f;max-width:65ch;margin:0;font-size:14px;line-height:1.9}.kapeo-case .kapeo-recording-section{background:#edf2f6;border-top:1px solid #d8e1e9;padding-block:clamp(56px,7vw,96px);scroll-margin-top:20px}.kapeo-case .kapeo-recording-section .kapeo-section-heading{margin-bottom:42px}.kapeo-case .kapeo-full-recording{margin:0}.kapeo-case .kapeo-full-recording video,.kapeo-case .kapeo-earlier-recording video{background:#142334;border:1px solid #c6d4df;width:100%;height:auto;display:block}.kapeo-case .kapeo-full-recording video{aspect-ratio:1440/699}.kapeo-case .kapeo-earlier-recording{border-top:1px solid #c6d4df;border-bottom:1px solid #c6d4df;margin-top:38px}.kapeo-case .kapeo-earlier-recording>summary{color:#294964;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding-block:20px;font-size:15px;line-height:1.7;list-style:none;display:flex}.kapeo-case .kapeo-earlier-recording>summary::-webkit-details-marker{display:none}.kapeo-case .kapeo-details-mark{color:#087cff;flex-shrink:0;font-size:25px;font-weight:400}.kapeo-case .kapeo-earlier-recording[open]>summary .kapeo-details-mark{transform:rotate(45deg)}.kapeo-case .kapeo-earlier-recording>div{padding-bottom:26px}.kapeo-case .kapeo-earlier-recording>div>p{color:#526a7f;max-width:800px;margin:0 0 24px;font-size:13px;line-height:1.85}.kapeo-case .kapeo-earlier-recording video{aspect-ratio:1440/710}.kapeo-case .kapeo-next-step{color:#f1f6fc;background:#142334;padding-block:clamp(64px,8vw,112px)}.kapeo-case .kapeo-next-step .kapeo-eyebrow{color:#93b3cf}.kapeo-case .kapeo-next-step h2{letter-spacing:-.05em;white-space:pre-line;overflow-wrap:break-word;max-width:22ch;margin:28px 0 24px;font-size:clamp(35px,4.8vw,68px);font-weight:450;line-height:1.1}.kapeo-case .kapeo-next-step .kapeo-width>p:not(.kapeo-eyebrow){color:#afc2d3;max-width:670px;margin:0;font-size:15px;line-height:1.9}.kapeo-case .kapeo-next-step .kapeo-width>div{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:33px;display:flex}.kapeo-case .kapeo-next-step .kapeo-button{color:#142334;background:#e0effc;border-color:#e0effc}.kapeo-case .kapeo-next-step .kapeo-button>span{color:#087cff}.kapeo-case .kapeo-next-step .kapeo-button:hover{background:#fff;border-color:#fff}.kapeo-case .kapeo-next-step .kapeo-text-link{color:#bed8ee}.kapeo-case .kapeo-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding-block:28px;display:flex}.kapeo-case .kapeo-footer>span,.kapeo-case .kapeo-footer>a:last-child{color:#61778b;font-size:11px;line-height:1.7}@media (max-width:1000px){.kapeo-case .kapeo-hero-grid{grid-template-columns:minmax(0,1fr);gap:35px}.kapeo-case .kapeo-hero h1{max-width:18ch;font-size:clamp(44px,7vw,72px)}.kapeo-case .kapeo-hero-lead{max-width:760px}.kapeo-case .kapeo-context,.kapeo-case .kapeo-section-heading{grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:30px}.kapeo-case .kapeo-change-list>article{grid-template-columns:35px minmax(0,.8fr) minmax(0,1fr);gap:25px}}@media (max-width:700px){.kapeo-case .kapeo-nav{gap:16px;min-height:76px}.kapeo-case .kapeo-nav .brand{font-size:16px}.kapeo-case .kapeo-nav>div{gap:20px}.kapeo-case .kapeo-nav>div>a{gap:8px;font-size:10px}.kapeo-case .kapeo-breadcrumb{gap:9px;padding-block:22px 38px;font-size:9px}.kapeo-case .kapeo-hero h1{font-size:clamp(38px,8vw,56px)}.kapeo-case .kapeo-hero-lead>p{font-size:15px;line-height:1.85}.kapeo-case .kapeo-context,.kapeo-case .kapeo-section-heading{grid-template-columns:minmax(0,1fr);gap:24px}.kapeo-case .kapeo-context h2,.kapeo-case .kapeo-section-heading h2{font-size:clamp(30px,6.5vw,42px)}.kapeo-case .kapeo-context>div>p,.kapeo-case .kapeo-section-heading>div>p{font-size:14px}.kapeo-case .kapeo-change-list>article{grid-template-columns:25px minmax(0,1fr);gap:16px;padding-block:26px}.kapeo-case .kapeo-change-list p{grid-column:2;font-size:13px}.kapeo-case .kapeo-change-list h3{font-size:24px}.kapeo-case .kapeo-hero-image>figcaption,.kapeo-case .kapeo-full-recording>figcaption{padding-top:12px;font-size:8px}.kapeo-case .kapeo-earlier-recording>summary,.kapeo-case .kapeo-next-step .kapeo-width>p:not(.kapeo-eyebrow){font-size:14px}}@media (max-width:420px){.kapeo-case .kapeo-nav{flex-wrap:wrap;padding-block:16px}.kapeo-case .kapeo-nav>div{justify-content:space-between;gap:16px;width:100%}.kapeo-case .kapeo-nav>div>a{font-size:11px}.kapeo-case .kapeo-project-meta{gap:18px}.kapeo-case .kapeo-project-meta dd{font-size:12px}.kapeo-case .kapeo-button{gap:20px;padding-inline:16px;font-size:12px}.kapeo-case .kapeo-footer{gap:16px}.kapeo-case .kapeo-footer .brand{width:100%;font-size:16px}}