/* Approved case studies page. Scope all presentation to this page. */
body.case-studies-page{--muted:#41413f}
body.case-studies-page #main>section{padding:0;border-bottom:0}
body.case-studies-page #main *{box-sizing:border-box}body.case-studies-page #main{margin:0;background:var(--paper);color:var(--ink);font:460 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased}body.case-studies-page #main button,body.case-studies-page #main select{font:inherit}body.case-studies-page #main a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}body.case-studies-page #main a:hover{color:var(--blue)}body.case-studies-page #main button,body.case-studies-page #main summary,body.case-studies-page #main select{cursor:pointer}body.case-studies-page #main h1,body.case-studies-page #main h2,body.case-studies-page #main h3,body.case-studies-page #main h4,body.case-studies-page #main p{margin:0}body.case-studies-page #main h1,body.case-studies-page #main h2,body.case-studies-page #main h3,body.case-studies-page #main h4{line-height:1;letter-spacing:-.04em;font-weight:850}body.case-studies-page #main h1{font-size:clamp(50px,6.7vw,88px);letter-spacing:-.055em;line-height:.96}body.case-studies-page #main h2{font-size:clamp(32px,4vw,52px)}body.case-studies-page #main h3{font-size:clamp(24px,2.5vw,32px)}body.case-studies-page #main h4{font-size:20px;line-height:1.15}body.case-studies-page #main p+p{margin-top:12px}body.case-studies-page #main a,body.case-studies-page #main summary,body.case-studies-page #main button,body.case-studies-page #main select{touch-action:manipulation}body.case-studies-page #main :focus-visible{outline:3px solid var(--blue);outline-offset:5px}body.case-studies-page #main [hidden]{display:none!important}body.case-studies-page #main .wrap{max-width:var(--w);padding-left:var(--pad);padding-right:var(--pad);margin:auto}body.case-studies-page #main .wrap>*{min-width:0}body.case-studies-page #main .micro{font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}body.case-studies-page #main .note{font-size:13px;line-height:1.5;color:var(--muted)}body.case-studies-page #main .btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;border:2px solid var(--ink);background:var(--blue);color:white;font-weight:750;font-size:14px;line-height:1.2;text-decoration:none;text-align:center;box-shadow:3px 3px 0 var(--ink)}body.case-studies-page #main .btn:hover{background:var(--blue-d);color:white}body.case-studies-page #main .hero{background:var(--blue);color:white;border-bottom:4px solid var(--ink)}body.case-studies-page #main .hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-top:52px;padding-bottom:52px;align-items:center}body.case-studies-page #main .eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;margin-bottom:24px}body.case-studies-page #main .eyebrow:before{content:'';width:12px;height:12px;background:currentColor;flex:0 0 12px}body.case-studies-page #main .hero .lede{font-size:20px;line-height:1.4;max-width:38ch;margin:24px 0}body.case-studies-page #main .hero a:hover{color:white}body.case-studies-page #main .hero .hero-link{font-size:15px;font-weight:750}body.case-studies-page #main .hero :focus-visible{outline-color:white}body.case-studies-page #main .hero .disclosure{font-size:13px;line-height:1.5;opacity:1;max-width:51ch;margin-top:22px}body.case-studies-page #main .sample-hero{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(-1deg)}body.case-studies-page #main .sample-head{padding:14px 18px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:16px}body.case-studies-page #main .sample-inner{padding:24px}body.case-studies-page #main .sample-inner h2{font-size:28px;line-height:1.05}body.case-studies-page #main .sample-row{margin:20px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}body.case-studies-page #main .sample-row strong{font-size:38px;letter-spacing:-.05em;line-height:1.1;display:block}body.case-studies-page #main .sample-row span{font-size:12px}body.case-studies-page #main .sample-row div:last-child{color:var(--blue)}body.case-studies-page #main .time-track{height:8px;background:var(--paper2);margin-top:10px}body.case-studies-page #main .time-track span{display:block;height:100%;background:var(--ink)}body.case-studies-page #main .time-track .after{background:var(--blue)}body.case-studies-page #main .sample-flow{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:750;border-top:1px solid var(--ink);padding-top:15px}body.case-studies-page #main .sample-hero .note{margin-top:15px}body.case-studies-page #main .hero .sample-hero a:hover{color:var(--blue)}body.case-studies-page #main .intro{padding-top:52px;padding-bottom:24px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end}body.case-studies-page #main .intro p{max-width:48ch;color:var(--muted);font-size:16px}body.case-studies-page #main .filter-bar{padding-top:22px;padding-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--ink)}body.case-studies-page #main .filter-group{display:flex;align-items:center;gap:14px}body.case-studies-page #main .filter-group label{font-size:13px;font-weight:700}body.case-studies-page #main .filter-group select{background:transparent;border:2px solid var(--ink);padding:9px 34px 9px 12px;max-width:100%;font-size:14px;color:var(--ink)}body.case-studies-page #main #case-count{font-size:13px;font-weight:650}body.case-studies-page #main .case{border-top:3px solid var(--ink);scroll-margin-top:86px}body.case-studies-page #main .case:last-child{border-bottom:3px solid var(--ink)}body.case-studies-page #main .case>summary{display:grid;grid-template-columns:34px minmax(0,1fr) 180px 34px;gap:20px;align-items:center;list-style:none;padding:25px 0}body.case-studies-page #main .case>summary::-webkit-details-marker{display:none}body.case-studies-page #main .case>summary::marker{content:''}body.case-studies-page #main .case>summary:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}body.case-studies-page #main .case-number{align-self:start;padding-top:4px;font-size:13px;font-weight:800}body.case-studies-page #main .case-heading .micro{color:var(--blue);margin-bottom:9px}body.case-studies-page #main .case-heading h3{line-height:1.08;font-size:27px}body.case-studies-page #main .case-heading>p:last-child{margin-top:10px;color:var(--muted);max-width:67ch;font-size:15px;line-height:1.45}body.case-studies-page #main .case-context{font-size:12px;color:var(--muted);margin-top:8px}body.case-studies-page #main .case-benefit{font-size:20px;line-height:1.2;margin-bottom:14px;letter-spacing:-.02em}body.case-studies-page #main .case-time{border-left:1px solid var(--ink);padding-left:22px;font-variant-numeric:tabular-nums}body.case-studies-page #main .case-time strong{display:block;font-size:38px;font-weight:850;line-height:1;letter-spacing:-.05em;color:var(--blue)}body.case-studies-page #main .case-time .per{display:block;font-size:12px;margin:6px 0}body.case-studies-page #main .case-time .assumed{display:block;font-size:11px;color:var(--muted)}body.case-studies-page #main .toggle-mark{border:2px solid var(--ink);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1;font-weight:500}body.case-studies-page #main .toggle-mark:before{content:'+'}body.case-studies-page #main .case[open] .toggle-mark{background:var(--ink);color:white}body.case-studies-page #main .case[open] .toggle-mark:before{content:'−'}body.case-studies-page #main .case[open]>summary{border-bottom:1px solid #aaa;padding-bottom:24px}body.case-studies-page #main .case-body{padding:28px 0 36px 54px}body.case-studies-page #main .case-problem{max-width:79ch;font-size:17px;margin-bottom:25px}body.case-studies-page #main .case-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}body.case-studies-page #main .small-label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:9px}body.case-studies-page #main .job-title{font-size:24px;line-height:1.12;margin-bottom:20px}body.case-studies-page #main .input-list{padding:0 0 0 18px;margin:0 0 20px;font-size:14px}body.case-studies-page #main .input-list li{margin:6px 0}body.case-studies-page #main .owner{font-size:14px;border-top:1px solid #b4b4ae;padding-top:12px}body.case-studies-page #main .output{background:#fff;border:2px solid var(--ink);height:100%}body.case-studies-page #main .output-head{background:var(--ink);color:white;padding:12px 15px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:700}body.case-studies-page #main .filename{font-family:var(--sans);overflow-wrap:anywhere}body.case-studies-page #main .output-content{padding:20px}body.case-studies-page #main .output-content h4{margin-bottom:15px;font-size:21px}body.case-studies-page #main .output-content ul{padding:0;list-style:none;margin:0;font-size:13px;line-height:1.55}body.case-studies-page #main .output-content li{padding:10px 0;border-top:1px solid #d6d6cf}body.case-studies-page #main .output-content .note{margin-top:12px;font-size:11px}body.case-studies-page #main .workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 24px;padding:0;list-style:none;counter-reset:step;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}body.case-studies-page #main .workflow li{counter-increment:step;padding:18px 16px 18px 0}body.case-studies-page #main .workflow li+li{border-left:1px solid #b4b4ae;padding-left:16px}body.case-studies-page #main .workflow li:before{content:'0' counter(step);font-size:11px;font-weight:800;color:var(--blue);display:block;margin-bottom:10px}body.case-studies-page #main .workflow h4{font-size:17px;letter-spacing:-.02em;line-height:1.1;margin-bottom:9px}body.case-studies-page #main .workflow p{font-size:13px;line-height:1.5;color:var(--muted)}body.case-studies-page #main .exception{padding:15px 18px;background:var(--paper2);font-size:13px;margin-bottom:25px}body.case-studies-page #main .exception strong{font-weight:800}body.case-studies-page #main .time-box{display:grid;grid-template-columns:1fr 1fr;gap:32px}body.case-studies-page #main .time-box h4{font-size:20px;line-height:1.1;margin-bottom:12px}body.case-studies-page #main .time-table{display:grid;grid-template-columns:1fr auto;gap:8px 20px;font-size:13px;margin:0}body.case-studies-page #main .time-table dt,body.case-studies-page #main .time-table dd{margin:0}body.case-studies-page #main .time-table dd{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}body.case-studies-page #main .time-table .total{border-top:1px solid #aaa;padding-top:8px}body.case-studies-page #main .calc{margin-top:14px;font-size:14px;font-weight:750;color:var(--blue)}body.case-studies-page #main .assumption{font-size:12px;color:var(--muted);line-height:1.55;margin-top:12px}body.case-studies-page #main .breakdown{font-size:12px;line-height:1.5;margin-top:11px;color:var(--muted)}body.case-studies-page #main .case-action{display:inline-block;margin-top:24px;font-size:14px;font-weight:750}body.case-studies-page #main .method{padding-top:26px;padding-bottom:50px;font-size:13px;line-height:1.55;color:var(--muted);max-width:1000px}body.case-studies-page #main .method strong{color:var(--ink)}body.case-studies-page #main .built-section{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding-top:50px;padding-bottom:50px;background:var(--paper2)}body.case-studies-page #main .built-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}body.case-studies-page #main .built-intro h2{font-size:40px}body.case-studies-page #main .built-intro p{font-size:15px}body.case-studies-page #main .built-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0 24px}body.case-studies-page #main .built-grid article{border-top:2px solid var(--ink);padding-top:18px}body.case-studies-page #main .built-grid h3{font-size:23px;line-height:1.1;margin:12px 0}body.case-studies-page #main .built-grid p{font-size:14px;line-height:1.5;color:var(--muted)}body.case-studies-page #main .built-grid a{display:inline-block;margin-top:16px;font-size:13px;font-weight:750}body.case-studies-page #main .built-section>.wrap>.note{max-width:92ch}body.case-studies-page #main .cta{padding:52px 0}body.case-studies-page #main .cta .wrap{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}body.case-studies-page #main .cta h2{font-size:44px;max-width:21ch}body.case-studies-page #main .cta p{font-size:16px;margin:18px 0 0;max-width:65ch;color:var(--muted)}body.case-studies-page #main .cta small{display:block;margin-top:14px;font-size:12px;text-align:center}body.case-studies-page #main .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1099px){body.case-studies-page #main .hero-grid{gap:38px}body.case-studies-page #main .hero h1{font-size:clamp(50px,6.5vw,78px)}body.case-studies-page #main .sample-inner{padding:20px}body.case-studies-page #main .sample-inner h2{font-size:25px}body.case-studies-page #main .sample-row strong{font-size:32px}body.case-studies-page #main .case>summary{grid-template-columns:28px minmax(0,1fr) 156px 30px;gap:16px}body.case-studies-page #main .case-time strong{font-size:34px}body.case-studies-page #main .case-time{padding-left:18px}body.case-studies-page #main .case-body{padding-left:44px}}@media(max-width:760px){body.case-studies-page #main .hero-grid{grid-template-columns:1fr;gap:30px;padding-top:34px;padding-bottom:36px}body.case-studies-page #main .hero h1{font-size:clamp(50px,10.5vw,72px)}body.case-studies-page #main .hero .lede{font-size:19px;margin:20px 0 16px;max-width:42ch}body.case-studies-page #main .hero .disclosure{max-width:60ch;margin-top:16px;font-size:12px}body.case-studies-page #main .eyebrow{margin-bottom:20px;font-size:11px}body.case-studies-page #main .sample-hero{transform:none;box-shadow:5px 5px 0 var(--ink)}body.case-studies-page #main .sample-inner{padding:20px}body.case-studies-page #main .sample-row{margin:15px 0}body.case-studies-page #main .sample-row strong{font-size:34px}body.case-studies-page #main .sample-head{font-size:10px;padding:10px 14px}body.case-studies-page #main .sample-inner h2{font-size:25px}body.case-studies-page #main .sample-flow{padding-top:11px}body.case-studies-page #main .sample-hero .note{font-size:11px;margin-top:10px}body.case-studies-page #main .intro{grid-template-columns:1fr;gap:18px;padding-top:34px}body.case-studies-page #main .intro p{font-size:15px}body.case-studies-page #main .filter-bar{align-items:start;gap:12px}body.case-studies-page #main .filter-group{align-items:start;flex-direction:column;gap:6px}body.case-studies-page #main .filter-group select{font-size:13px;max-width:220px;padding-top:8px;padding-bottom:8px}body.case-studies-page #main #case-count{font-size:12px;padding-top:31px;white-space:nowrap}body.case-studies-page #main .case>summary{grid-template-columns:minmax(0,1fr) 28px;gap:16px 12px;padding:23px 0}body.case-studies-page #main .case-number{display:none}body.case-studies-page #main .case-heading{grid-column:1}body.case-studies-page #main .case-heading .micro{font-size:10px;margin-bottom:8px}body.case-studies-page #main .case-heading h3{font-size:25px;line-height:1.07}body.case-studies-page #main .case-heading>p:last-child{font-size:14px;margin-top:9px}body.case-studies-page #main .toggle-mark{grid-column:2;grid-row:1;align-self:start;width:27px;height:27px;font-size:23px}body.case-studies-page #main .case-time{grid-column:1/-1;grid-row:2;border-left:0;padding:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}body.case-studies-page #main .case-time strong{font-size:29px}body.case-studies-page #main .case-time .per{margin:0;font-size:11px}body.case-studies-page #main .case-time .assumed{font-size:10px;margin-left:auto}body.case-studies-page #main .case-body{padding:23px 0 28px}body.case-studies-page #main .case-problem{font-size:15px}body.case-studies-page #main .case-columns{grid-template-columns:1fr;gap:24px}body.case-studies-page #main .job-title{font-size:22px}body.case-studies-page #main .workflow{grid-template-columns:1fr 1fr;margin-top:25px}body.case-studies-page #main .workflow li{padding:16px 12px 16px 0}body.case-studies-page #main .workflow li+li{border-left:0;padding-left:0}body.case-studies-page #main .workflow li:nth-child(even){border-left:1px solid #aaa;padding-left:12px}body.case-studies-page #main .workflow li:nth-child(n+3){border-top:1px solid #aaa}body.case-studies-page #main .time-box{grid-template-columns:1fr;gap:22px}body.case-studies-page #main .time-box h4{font-size:19px}body.case-studies-page #main .method{padding-bottom:34px;font-size:12px}body.case-studies-page #main .built-section{padding:34px 0}body.case-studies-page #main .built-intro{grid-template-columns:1fr;gap:18px}body.case-studies-page #main .built-intro h2{font-size:34px}body.case-studies-page #main .built-grid{grid-template-columns:1fr;gap:25px;margin-top:26px}body.case-studies-page #main .built-grid h3{font-size:25px}body.case-studies-page #main .cta{padding:34px 0}body.case-studies-page #main .cta .wrap{grid-template-columns:1fr;gap:24px}body.case-studies-page #main .cta h2{font-size:36px}body.case-studies-page #main .cta p{font-size:15px}body.case-studies-page #main .cta small{text-align:left}}@media(max-width:359px){body.case-studies-page #main .hero h1{font-size:48px}body.case-studies-page #main .case-time .assumed{margin-left:0}body.case-studies-page #main .filter-group select{max-width:190px}body.case-studies-page #main .filter-group label{font-size:12px}body.case-studies-page #main .sample-head{gap:8px}body.case-studies-page #main .sample-inner{padding:16px}body.case-studies-page #main .sample-row strong{font-size:30px}}@media print{body.case-studies-page #main .filter-bar,body.case-studies-page #main .hero-link,body.case-studies-page #main .case-action,body.case-studies-page #main .cta,body.case-studies-page #main .toggle-mark{display:none!important}body.case-studies-page #main .hero{color:black;background:white}body.case-studies-page #main .hero-grid{padding:20px 0}body.case-studies-page #main .hero h1{font-size:48px}body.case-studies-page #main .case-body{display:block!important}body.case-studies-page #main .case[hidden]{display:block!important}body.case-studies-page #main .case{break-inside:avoid}body.case-studies-page #main .sample-hero{box-shadow:none;transform:none}body.case-studies-page #main .wrap{padding:0}body.case-studies-page #main .case>summary{grid-template-columns:30px 1fr 160px}body.case-studies-page #main .built-section{background:white}body.case-studies-page #main .hero .disclosure{color:black}}
body.case-studies-page #main .hero .sample-hero :focus-visible{outline-color:var(--blue)}
body.case-studies-page #main .hero .lede,body.case-studies-page #main .hero .eyebrow{color:#fff}
