@layer components{:where(.pg-case-study) .cv{flex-direction:column;gap:40px;padding-block:48px 64px;display:flex}:where(.pg-case-study) .cv-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px 64px;display:grid}:where(.pg-case-study) .crumb{letter-spacing:.1em;text-transform:uppercase;color:var(--soft);align-items:center;gap:10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:16px;display:flex}:where(.pg-case-study) .crumb a{color:var(--navy);align-items:center;min-height:44px;display:inline-flex}:where(.pg-case-study) .stamp{border:2px solid var(--cyanink);background:#fff;border-radius:4px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:6px 18px;padding:22px 24px 24px;display:grid;position:relative}:where(.pg-case-study) .stamp:after{content:"";pointer-events:none;border:1px solid #3d556659;border-radius:3px;position:absolute;inset:5px}:where(.pg-case-study) .stamp-k{letter-spacing:.12em;text-transform:uppercase;color:var(--cyanink);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;font-weight:500;line-height:22px}:where(.pg-case-study) .tblock{border:2px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.7fr) minmax(0,.9fr);display:grid}:where(.pg-case-study) .tblock>div{flex-direction:column;gap:6px;padding:14px 18px 16px;display:flex}:where(.pg-case-study) .tblock>div+div{border-left:1px solid var(--ink)}:where(.pg-case-study) .tblock dt{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:14px}:where(.pg-case-study) .tblock dd{color:var(--text);font-size:16px;font-weight:700;line-height:23px}:where(.pg-case-study) .tblock dd span{color:var(--muted);font-size:14px;font-weight:400;line-height:20px;display:block}:where(.pg-case-study) .tblock .tb-id{background:var(--ink);color:#fff}:where(.pg-case-study) .tblock .tb-id dt{color:#b9bec4}:where(.pg-case-study) .tblock .tb-id dd{color:#fff;letter-spacing:.06em;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500}:where(.pg-case-study) .tblock .tb-id dd span{color:#b9bec4;letter-spacing:0;font-family:Archivo,Helvetica Neue,Arial,sans-serif}:where(.pg-case-study) .keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;display:grid}:where(.pg-case-study) .keys li{border-top:1px solid #ffffff29;flex-direction:column;gap:6px;padding:18px 20px 0 0;display:flex}:where(.pg-case-study) .keys li+li{border-left:1px solid #ffffff14;padding-left:20px}:where(.pg-case-study) .keys strong{color:#fff;font-size:16px;line-height:22px}:where(.pg-case-study) .keys span{color:#b9bec4;font-size:14px;line-height:21px}:where(.pg-case-study) .n{vertical-align:2px;width:22px;height:22px;color:var(--cyanink);border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-inline:2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:500;line-height:1;display:inline-flex}:where(.pg-case-study) .dark .n{color:#b9bec4}:where(.pg-case-study) .cs-body{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:88px;display:grid}:where(.pg-case-study) .toc{flex-direction:column;gap:14px;display:flex;position:sticky;top:104px}:where(.pg-case-study) .toc ol{border-left:1px solid var(--line);flex-direction:column;display:flex}:where(.pg-case-study) .toc a{color:var(--muted);border-left:2px solid #0000;align-items:baseline;gap:12px;margin-left:-1px;padding:8px 0 8px 18px;font-size:15px;font-weight:600;line-height:22px;display:flex}:where(.pg-case-study) .toc a i{color:var(--soft);min-width:18px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-style:normal}:where(.pg-case-study) .toc a:hover,:where(.pg-case-study) .toc a[aria-current]{color:var(--ink);border-left-color:var(--ink)}:where(.pg-case-study) .read{flex-direction:column;gap:64px;max-width:68ch;display:flex}:where(.pg-case-study) .read section{flex-direction:column;gap:18px;scroll-margin-top:96px;display:flex}:where(.pg-case-study) .read h2{letter-spacing:-.025em;text-wrap:balance;font-size:30px;font-weight:600;line-height:37px}:where(.pg-case-study) .read p,:where(.pg-case-study) .read li{color:#4d4f53;text-wrap:pretty;font-size:18px;line-height:31px}:where(.pg-case-study) .read .num{text-transform:uppercase;letter-spacing:.12em;color:var(--navy);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:16px}:where(.pg-case-study) .read ul.dash li{padding-left:26px;position:relative}:where(.pg-case-study) .read ul.dash li:before{content:"";background:var(--ink);width:12px;height:1px;position:absolute;top:15px;left:0}:where(.pg-case-study) .walk{border-top:1px solid var(--line);flex-direction:column;display:flex}:where(.pg-case-study) .walk li{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 0;display:grid}:where(.pg-case-study) .walk .n{margin:4px 0 0}:where(.pg-case-study) .spec{border-top:1px solid var(--ink);grid-template-columns:150px minmax(0,1fr);display:grid}:where(.pg-case-study) .spec dt,:where(.pg-case-study) .spec dd{border-bottom:1px solid var(--line);padding:12px 0;font-size:16px;line-height:24px}:where(.pg-case-study) .spec dt{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:24px}:where(.pg-case-study) .spec dd{color:var(--text);font-weight:600}:where(.pg-case-study) .spec dd span{color:var(--soft);font-weight:400}:where(.pg-case-study) .note{border-left:3px solid var(--cyanink);background:var(--paper);border-radius:0 10px 10px 0;padding:18px 22px}:where(.pg-case-study) .note p{font-size:16px;line-height:26px}:where(.pg-case-study) .ev-list li{border-bottom:1px solid var(--line);color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:14px 0;font-size:17px;line-height:26px;display:grid}:where(.pg-case-study) .ev-list li:first-child{border-top:1px solid var(--ink)}:where(.pg-case-study) .ev-list b{letter-spacing:.1em;text-transform:uppercase;color:var(--soft);white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:500}:where(.pg-case-study) .ev-list b.ok{color:var(--cyanink)}:where(.pg-case-study) .swipe{display:none}:where(.pg-case-study) .cta-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px;display:grid}@media (max-width:1100px){:where(.pg-case-study) .cv-top{grid-template-columns:minmax(0,1fr)}:where(.pg-case-study) .tblock{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.pg-case-study) .tblock>div{border-top:1px solid var(--ink)}:where(.pg-case-study) .tblock>div:nth-child(-n+2){border-top:0}:where(.pg-case-study) .tblock>div:nth-child(odd){border-left:0}:where(.pg-case-study) .tblock .tb-id{border-left:0;grid-column:1/-1}:where(.pg-case-study) .keys{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}:where(.pg-case-study) .keys li:nth-child(4){border-left:0;padding-left:0}:where(.pg-case-study) .cs-body{grid-template-columns:200px minmax(0,1fr);gap:48px}:where(.pg-case-study) .cta-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){:where(.pg-case-study) .cs-body{grid-template-columns:minmax(0,1fr)}:where(.pg-case-study) .toc{position:static}:where(.pg-case-study) .toc ol{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(.pg-case-study) .toc a{border-left:0;border-bottom:1px solid var(--line);min-height:44px;margin-left:0;padding:12px 0}}@media (max-width:720px){:where(.pg-case-study) .cv{gap:28px;padding-block:24px 48px}:where(.pg-case-study) .stamp{grid-template-columns:36px minmax(0,1fr);padding:18px}:where(.pg-case-study) .stamp-k{font-size:14px}:where(.pg-case-study) .tblock{grid-template-columns:minmax(0,1fr)}:where(.pg-case-study) .tblock>div,:where(.pg-case-study) .tblock>div:nth-child(-n+2){border-left:0;border-top:1px solid var(--ink)}:where(.pg-case-study) .tblock>div:first-child{border-top:0}:where(.pg-case-study) .keys{grid-template-columns:minmax(0,1fr);row-gap:0}:where(.pg-case-study) .keys li,:where(.pg-case-study) .keys li+li{border-left:0;grid-template-columns:34px minmax(0,1fr);gap:2px 12px;padding:14px 0;display:grid}:where(.pg-case-study) .keys li .n{grid-row:span 2}:where(.pg-case-study) .diag{-webkit-overflow-scrolling:touch;margin-inline:-20px;padding:0 20px 8px;overflow-x:auto}:where(.pg-case-study) .diag svg{min-width:900px}:where(.pg-case-study) .swipe{display:block}:where(.pg-case-study) .read{gap:48px}:where(.pg-case-study) .read h2{font-size:25px;line-height:32px}:where(.pg-case-study) .read p,:where(.pg-case-study) .read li{font-size:17px;line-height:29px}:where(.pg-case-study) .spec{grid-template-columns:minmax(0,1fr)}:where(.pg-case-study) .spec dt{border-bottom:0;padding-bottom:0}:where(.pg-case-study) .spec dd{padding-top:2px}:where(.pg-case-study) .ev-list li{grid-template-columns:minmax(0,1fr);gap:4px}}}