/* Editorial case studies, using the existing graphite, ivory and copper palette. */
.case-home{padding:0 var(--gutter) 85px;border-bottom:1px solid #f3f0e824;background:#181a17}
.case-home-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:560px;margin:0 calc(-1 * var(--gutter)) 50px;padding:82px var(--gutter) 90px}
.case-home-intro .section-kicker{position:relative;z-index:1}
.case-home-intro .case-home-heading{position:relative;z-index:1;margin-bottom:0}
.case-home-intro .case-home-heading>div>p:first-child{color:#e0e0d7;text-shadow:0 2px 18px #10120f}
.case-home-intro h2{text-shadow:0 2px 24px #10120fa6}
.case-home-intro .case-disclosure{color:#bbc0b2}
.case-home-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:64px}
.case-home-heading h2{font-size:clamp(46px,5.1vw,80px);line-height:1.06}
.case-home-heading>div>p:first-child{font-size:19px;line-height:1.75;color:#d0d1c8;max-width:520px}
.case-disclosure{font-size:12px;line-height:1.75;color:#a8aca1;max-width:650px;margin-top:22px}
.case-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px 8%}
.case-teaser{min-width:0;border-top:1px solid #f3f0e83d;padding-top:23px;display:flex;flex-direction:column;align-items:flex-start}
.case-meta{width:100%;display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:#c0c4b8}
.case-meta>span:last-child{color:#a0a698;text-align:right}
.case-scene{font-size:13px;line-height:1.6;color:#d79672;margin-top:36px}
.case-teaser :is(h2,h3){font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.048em;margin:13px 0 22px;text-wrap:pretty}
.case-teaser :is(h2,h3) a{transition:color .2s}
.case-teaser :is(h2,h3) a:hover{color:#e79b72}
.case-teaser-description{font-size:16px;line-height:1.7;color:#c2c6ba;max-width:470px;margin-bottom:30px}
.case-teaser-shift{border-left:2px solid var(--orange);padding:1px 0 1px 20px;margin-top:auto}
.case-teaser-shift>.eyebrow{font-size:10px;color:#cf9475}
.case-teaser-shift p{font-size:18px;line-height:1.65;max-width:480px;margin-top:8px;color:#edece4}
.case-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;padding:14px 0;margin-top:24px;border-bottom:1px solid #f3f0e840}
.case-link:hover{color:#e89e76;border-color:currentColor}
.case-link .ui-icon{flex:none}
.case-more{margin-top:65px}
.case-more>.eyebrow{margin-bottom:24px;color:#b5baac}
.case-row{display:grid;grid-template-columns:35px 1fr 24px;gap:25px;align-items:center;border-top:1px solid #f3f0e82e;padding:24px 0;transition:color .2s}
.case-row:last-child{border-bottom:1px solid #f3f0e82e}
.case-row:hover{color:#e89e76}
.case-row-number{font-size:12px;color:#c38f71;align-self:start;padding-top:2px}
.case-row-copy{display:grid;grid-template-columns:190px 1fr;gap:5%}
.case-row-copy small{font-size:12px;color:#aeb4a5;line-height:1.7}
.case-row-copy strong{font-size:19px;line-height:1.5;font-weight:400;letter-spacing:-.025em}
.case-all{margin-top:28px}
.cases-page{background:var(--ink)}
.case-wrap{width:100%;max-width:1550px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.case-hero{padding-top:60px;padding-bottom:52px}
.case-hero>.case-meta{padding-bottom:24px;border-bottom:1px solid #f3f0e82e}
.case-hero>.case-scene{margin-top:38px}
.case-hero h1{font-size:clamp(48px,5.5vw,86px);line-height:1.08;letter-spacing:-.06em;max-width:1140px;margin-top:20px;text-wrap:pretty}
.case-intro{font-size:clamp(18px,1.65vw,23px);line-height:1.75;color:#c0c5b7;max-width:860px;margin-top:30px}
.case-chapters{display:flex;flex-wrap:wrap;gap:15px 38px;padding-top:25px;margin-top:40px;border-top:1px solid #f3f0e82e;font-size:13px;color:#b8beae}
.case-chapters :is(a,button):hover{color:var(--paper)}
.case-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:35px;padding-bottom:90px}
.case-comparison>div{border-top:1px solid #f3f0e82e;padding-top:30px}
.case-comparison .eyebrow{font-size:11px;color:#c3987f;margin-bottom:22px}
.case-comparison h2{font-size:clamp(28px,2.7vw,40px);line-height:1.22;letter-spacing:-.04em;max-width:540px}
.case-comparison>div>p:last-child{font-size:17px;line-height:1.8;color:#bec4b5;margin-top:25px;max-width:600px}
.case-workflow{background:var(--paper);color:var(--ink);padding:85px 0}
.case-section-heading .eyebrow{color:#9d4225;margin-bottom:25px}
.case-section-heading h2{font-size:clamp(34px,4.2vw,66px);line-height:1.12}
.case-workflow-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10%;align-items:start;margin-top:55px}
.case-steps{list-style:none;margin:0;padding:0}
.case-steps>li{display:grid;grid-template-columns:30px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}
.case-steps>li:first-child{padding-top:0;border-top:0}
.case-step-number{font-size:12px;color:#984327;padding-top:4px}
.case-steps h3{font-size:26px;line-height:1.2;letter-spacing:-.035em}
.case-steps p{font-size:16px;line-height:1.8;color:#53594c;margin-top:15px;max-width:610px}
.case-output{background:#deded3;padding:35px 30px 28px;border-top:2px solid var(--orange)}
.case-output>.eyebrow{font-size:10px;color:#776251;margin-bottom:25px}
.case-output h3{font-size:30px;line-height:1.25;letter-spacing:-.035em}
.case-output dl{margin:28px 0 0}
.case-output dl>div{border-top:1px solid #11121124;padding:17px 0}
.case-output dt{font-size:12px;color:#626a58}
.case-output dd{font-size:17px;line-height:1.5;margin:4px 0 0}
.case-output-note{border-top:1px solid #11121124;padding-top:20px;font-size:12px;line-height:1.7;color:#616956}
.case-benefit{padding-top:90px;padding-bottom:75px}
.case-benefit>.eyebrow{color:#c3987f;margin-bottom:25px}
.case-benefit h2{font-size:clamp(38px,5.4vw,78px);line-height:1.13;max-width:1070px}
.case-benefit>p:last-child{font-size:20px;line-height:1.8;color:#c0c5b7;max-width:880px;margin-top:30px}
.case-pilot{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:90px}
.case-pilot>div{border-top:1px solid #f3f0e82e;padding-top:28px}
.case-pilot .eyebrow{font-size:11px;color:#c3987f;margin-bottom:22px}
.case-pilot h2{font-size:37px;line-height:1.15;margin-bottom:24px}
.case-pilot p,.case-pilot li{font-size:16px;line-height:1.8;color:#bbc2b1}
.case-pilot ul{padding-left:20px;margin:24px 0 0}
.case-pilot li+li{margin-top:8px}
.case-fit h3{font-size:25px;line-height:1.3;margin-bottom:20px}
.case-pilot .case-sources,.case-pilot .case-disclosure{font-size:12px;line-height:1.8;margin-top:25px}
.case-sources a{text-decoration:underline;text-underline-offset:3px;color:#d6ab8f}
.case-pilot .case-disclosure{border-top:1px solid #f3f0e82e;padding-top:20px;color:#a0a996}
.case-cta{padding:65px 0;background:var(--orange);color:var(--ink)}
.case-cta .eyebrow{margin-bottom:25px}
.case-cta h2{font-size:clamp(40px,5.3vw,80px);line-height:1.1}
.case-cta .button{margin-top:35px;gap:26px;max-width:100%;text-align:left}
.case-cta .button .ui-icon{flex:none}
.case-related{padding-top:65px;padding-bottom:65px}
.case-related>.eyebrow{font-size:11px;color:#b5baac;margin-bottom:22px}
.case-index-hero{padding-top:70px;padding-bottom:60px}
.case-index-hero>.eyebrow{color:#d49a77;margin-bottom:25px}
.case-index-hero h1{font-size:clamp(52px,7.5vw,112px);line-height:1.07}
.case-index-hero>p:not(.eyebrow):not(.case-disclosure){font-size:21px;line-height:1.75;max-width:790px;color:#c1c6b8;margin-top:32px}
.case-catalog{padding-bottom:90px}
@media(min-width:761px) and (max-width:1150px){.desktop-nav{gap:18px;font-size:13px}.site-header{gap:22px}.header-contact{font-size:12px;gap:12px;padding:12px 14px}.case-row-copy{grid-template-columns:160px 1fr}}
@media(max-width:760px){
  .case-home{padding:0 var(--gutter) 50px}
  .case-home-intro{min-height:580px;margin-bottom:32px;padding:62px var(--gutter) 70px}
  .case-home .section-kicker{align-items:flex-start}
  .case-home .section-kicker>.eyebrow{max-width:220px}
  .case-home .section-number{white-space:nowrap}
  .case-home-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}
  .case-home-heading h2{font-size:clamp(42px,10.5vw,66px)}
  .case-home-heading>div>p:first-child{font-size:17px;line-height:1.7}
  .case-disclosure{margin-top:18px;font-size:12px}
  .case-preview-grid{grid-template-columns:1fr;gap:42px}
  .case-meta{font-size:10px;letter-spacing:.07em;gap:12px}
  .case-meta>span{max-width:58%}
  .case-scene{font-size:12px;margin-top:25px}
  .case-teaser :is(h2,h3){font-size:34px;margin-bottom:20px;line-height:1.15}
  .case-teaser-description{font-size:15px;margin-bottom:24px}
  .case-teaser-shift{padding-left:16px}
  .case-teaser-shift p{font-size:17px}
  .case-link{font-size:13px;margin-top:22px;gap:18px}
  .case-more{margin-top:45px}
  .case-row{grid-template-columns:20px 1fr 20px;gap:13px;padding:22px 0}
  .case-row-copy{grid-template-columns:1fr;gap:8px}
  .case-row-copy strong{font-size:18px}
  .case-row .ui-icon{width:20px}
  .cases-page .sub-header{height:90px;gap:16px}
  .cases-page .sub-back{font-size:12px;gap:10px}
  .cases-page .sub-back .ui-icon{width:19px}
  .case-hero{padding-top:30px;padding-bottom:36px}
  .case-hero h1{font-size:clamp(38px,10.5vw,58px);line-height:1.1}
  .case-intro{font-size:18px;line-height:1.75;margin-top:25px}
  .case-chapters{gap:14px 24px;font-size:12px;margin-top:28px}
  .case-comparison{grid-template-columns:1fr;gap:35px;padding-top:10px;padding-bottom:55px}
  .case-comparison h2{font-size:29px}
  .case-comparison>div>p:last-child{font-size:16px;margin-top:20px}
  .case-workflow{padding:55px 0}
  .case-section-heading h2{font-size:34px}
  .case-workflow-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}
  .case-steps>li{grid-template-columns:20px 1fr;gap:15px;padding:24px 0}
  .case-steps h3{font-size:24px}
  .case-steps p{font-size:15px;line-height:1.8}
  .case-output{padding:27px 24px 24px}
  .case-output h3{font-size:28px}
  .case-benefit{padding-top:55px;padding-bottom:45px}
  .case-benefit h2{font-size:38px}
  .case-benefit>p:last-child{font-size:18px;line-height:1.75;margin-top:24px}
  .case-pilot{grid-template-columns:1fr;gap:32px;padding-bottom:55px}
  .case-pilot h2{font-size:32px}
  .case-pilot p,.case-pilot li{font-size:15px}
  .case-cta{padding:50px 0}
  .case-cta h2{font-size:41px}
  .case-cta .button{font-size:13px;padding:16px 20px;gap:18px}
  .case-related{padding-top:45px;padding-bottom:45px}
  .case-index-hero{padding-top:35px;padding-bottom:40px}
  .case-index-hero h1{font-size:52px}
  .case-index-hero>p:not(.eyebrow):not(.case-disclosure){font-size:18px}
  .case-catalog{padding-bottom:55px}
}
@media(max-width:360px){.case-teaser :is(h2,h3){font-size:30px}.case-hero h1{font-size:35px}.cases-page .sub-back{max-width:110px}.case-section-heading h2{font-size:30px}}