.case-detail-template{
  --case-ink:#082b43;
  --case-navy:#062f4a;
  --case-teal:#078e8c;
  --case-mint:#91d8d2;
  --case-paper:#f5f9f8;
  --case-line:rgba(6,47,74,.14);
  background:var(--case-paper);
  color:var(--case-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.case-detail-template main{
  display:grid;
  width:min(1400px,calc(100% - 64px));
  margin:0 auto;
  padding:0 0 90px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  background:transparent;
}
.case-detail-template main::before{
  position:fixed;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 12% 12%,rgba(145,216,210,.2),transparent 24%),
    radial-gradient(circle at 88% 28%,rgba(6,47,74,.08),transparent 28%),
    linear-gradient(180deg,#fff 0,#f7fbfa 48%,#f1f7f6 100%);
  content:"";
}
.case-detail-template h1,
.case-detail-template h2,
.case-detail-template h3,
.case-detail-template strong,
.case-detail-template b{
  font-family:"Avenir Next",Inter,"Segoe UI",Arial,sans-serif;
}

/* Project thesis: narrative on the left, finished conservation workstation on the right. */
.case-detail-template .case-detail-hero{
  position:relative;
  display:grid;
  min-height:650px;
  padding:72px 38px 58px;
  grid-column:1/-1;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  grid-template-rows:1fr auto;
  gap:24px 58px;
  align-items:center;
  overflow:visible;
  background:transparent;
}
.case-detail-template .case-detail-hero::before{
  position:absolute;
  z-index:-1;
  top:52px;
  right:18px;
  width:310px;
  height:310px;
  opacity:.55;
  background-image:radial-gradient(circle,rgba(7,142,140,.35) 1.2px,transparent 1.4px);
  background-size:18px 18px;
  content:"";
}
.case-detail-template .case-detail-hero::after{
  display:block;
  z-index:3;
  width:82%;
  min-height:76px;
  margin:-62px auto 0;
  grid-column:2;
  grid-row:2;
  border:1px solid rgba(255,255,255,.86);
  border-radius:16px;
  background:linear-gradient(115deg,rgba(255,255,255,.9),rgba(235,247,246,.73));
  box-shadow:0 18px 42px rgba(3,35,55,.12),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
  content:"";
}
.case-detail-template .case-detail-hero-shade{display:none}
.case-detail-template .case-detail-hero-copy{
  position:relative;
  z-index:2;
  width:auto;
  max-width:none;
  margin:0;
  padding:0;
  grid-column:1;
  grid-row:1/3;
  color:var(--case-ink);
}
.case-detail-template .case-detail-hero-copy>span{
  margin:0 0 18px;
  color:var(--case-teal);
  font-size:12px;
  font-weight:600;
  letter-spacing:.2em;
}
.case-detail-template .case-detail-hero h1{
  max-width:640px;
  margin:0;
  color:var(--case-ink);
  font-family:"Avenir Next",Inter,"Segoe UI",Arial,sans-serif;
  font-size:clamp(42px,3.65vw,58px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.04;
}
.case-detail-template .case-detail-hero-copy>p{
  max-width:610px;
  margin:24px 0 30px;
  color:#5d7480;
  font-size:15px;
  line-height:1.65;
  white-space:normal;
}
.case-detail-template .case-detail-meta{
  display:grid;
  max-width:650px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:0;
  gap:12px;
}
.case-detail-template .case-detail-meta span{
  min-width:0;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:13px;
  background:rgba(255,255,255,.64);
  box-shadow:0 12px 30px rgba(3,35,55,.07),inset 0 1px #fff;
  color:#68808b;
  font-size:9px;
  backdrop-filter:blur(14px);
}
.case-detail-template .case-detail-meta b{
  margin-top:8px;
  color:var(--case-ink);
  font-size:12px;
  font-weight:600;
}
.case-detail-template .case-detail-hero>img{
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:430px;
  margin:0;
  grid-column:2;
  grid-row:1;
  border-radius:22px;
  object-fit:cover;
  box-shadow:0 30px 70px rgba(3,35,55,.15);
}
.case-detail-template .case-detail-breadcrumb{
  display:none;
}

/* Compact editorial grid derived from the project sequence in the reference. */
.case-detail-template main>section:not(.case-detail-hero){
  min-width:0;
  margin:0;
  padding:34px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  box-shadow:0 16px 46px rgba(3,35,55,.06),inset 0 1px #fff;
  color:var(--case-ink);
  backdrop-filter:blur(18px);
}
.case-detail-template main>section:not(.case-detail-hero)>.wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.case-detail-template .kicker{
  color:var(--case-teal);
  font-size:10px;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.case-detail-template .case-narrow h2,
.case-detail-template .case-two-column h2,
.case-detail-template .case-section-head h2,
.case-detail-template .case-configuration-layout h2,
.case-detail-template .case-result-layout h2,
.case-detail-template .case-learning-card h2{
  margin:10px 0 18px;
  color:var(--case-ink);
  font-family:"Avenir Next",Inter,"Segoe UI",Arial,sans-serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.08;
}
.case-detail-template .case-narrow p,
.case-detail-template .case-two-column p,
.case-detail-template .case-section-head p,
.case-detail-template .case-configuration-layout p,
.case-detail-template .case-result-layout p,
.case-detail-template .case-learning-card p{
  margin:0 0 14px;
  color:#5a717c;
  font-size:14px;
  line-height:1.72;
}
.case-detail-template .case-two-column,
.case-detail-template .case-configuration-layout,
.case-detail-template .case-result-layout{
  display:block;
}
.case-detail-template .case-section-head{max-width:none;margin-bottom:22px}
.case-detail-template .case-soft-section{background:rgba(240,248,247,.74)}
.case-detail-template .case-challenge-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.case-detail-template .case-challenge-grid article{
  min-height:190px;
  padding:20px;
  border:1px solid var(--case-line);
  border-radius:14px;
  background:rgba(255,255,255,.76);
}
.case-detail-template .case-challenge-grid h3{margin:18px 0 10px;font-size:18px;font-weight:600}
.case-detail-template .case-challenge-grid p{font-size:12px;line-height:1.58}
.case-detail-template .case-dark-section{background:linear-gradient(145deg,rgba(6,47,74,.96),rgba(4,69,82,.9));color:#fff}
.case-detail-template .case-dark-section .kicker{color:var(--case-mint)}
.case-detail-template .case-dark-section .case-section-head h2{color:#fff}
.case-detail-template .case-dark-section .case-section-head p{color:rgba(255,255,255,.72)}
.case-detail-template .case-engineering-grid{display:grid;grid-template-columns:1fr;gap:12px}
.case-detail-template .case-engineering-grid figure{
  display:grid;
  min-height:138px;
  margin:0;
  grid-template-columns:190px 1fr;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.32);
  border-radius:14px;
  background:rgba(255,255,255,.94);
}
.case-detail-template .case-engineering-grid img,
.case-detail-template .case-engineering-main img{width:100%;height:100%;max-height:170px;object-fit:contain;background:#f4f7f6}
.case-detail-template .case-engineering-grid figcaption{padding:18px}
.case-detail-template .case-engineering-grid figcaption b{font-size:14px}
.case-detail-template .case-engineering-grid figcaption span{font-size:12px;line-height:1.55}
.case-detail-template .case-configuration-layout dl{
  margin:22px 0 0;
  overflow:hidden;
  border:1px solid var(--case-line);
  border-radius:14px;
  background:rgba(255,255,255,.75);
}
.case-detail-template .case-configuration-layout dl>div{grid-template-columns:145px 1fr;padding:13px 16px}
.case-detail-template .case-configuration-layout dt{font-size:11px}
.case-detail-template .case-configuration-layout dd{font-size:12px}

.case-detail-template .case-reality-section{
  grid-column:1/-1;
  background:rgba(255,255,255,.78);
}
.case-detail-template .case-reality-section .case-section-head h2{font-size:30px;white-space:normal}
.case-detail-template .case-reality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.case-detail-template .case-reality-grid figure{margin:0;border:1px solid var(--case-line);border-radius:14px;background:#fff}
.case-detail-template .case-reality-grid img{width:100%;height:170px;object-fit:cover}
.case-detail-template .case-reality-grid figure:first-child img{object-fit:contain}
.case-detail-template .case-reality-grid figcaption{padding:14px}
.case-detail-template .case-result-layout img{width:100%;max-height:360px;margin-top:18px;border-radius:14px;object-fit:cover}
.case-detail-template .case-learning-section{
  background:linear-gradient(145deg,rgba(233,247,245,.86),rgba(255,255,255,.78));
}
.case-detail-template .case-learning-card{max-width:none;text-align:left;color:var(--case-ink)}
.case-detail-template .case-learning-card h2{color:var(--case-ink)}
.case-detail-template .case-learning-card p{color:#5a717c}
.case-detail-template .case-learning-card blockquote{
  margin:22px 0 0;
  padding:22px 0;
  border-color:var(--case-line);
  color:var(--case-teal);
  font-family:"Avenir Next",Inter,"Segoe UI",Arial,sans-serif;
  font-size:29px;
  font-weight:500;
  line-height:1.22;
}
.case-detail-template .case-learning-cta{justify-content:flex-start;margin-top:20px}
.case-detail-template .case-learning-cta .button{margin:0;border-color:var(--case-teal);box-shadow:none}
.case-detail-template .case-conversion-section{
  display:grid;
  grid-column:1/-1;
  background:rgba(255,255,255,.78);
}
.case-detail-template .case-conversion-section>.wrap{
  display:grid;
  grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);
  gap:28px;
}
.case-detail-template .case-related-product{padding:18px;border-radius:14px;background:rgba(241,248,247,.8)}
.case-detail-template .case-related-product img{height:190px}
.case-detail-template .case-tag-panel{padding:4px 0}
.case-detail-template .case-tag-groups{gap:20px 24px;margin-top:18px}

@media(max-width:1080px){
  .case-detail-template main{width:min(100% - 40px,1400px)}
  .case-detail-template .case-detail-hero{grid-template-columns:1fr 1fr;gap:34px;padding-inline:20px}
  .case-detail-template .case-detail-hero h1{font-size:42px}
  .case-detail-template .case-detail-meta{grid-template-columns:1fr}
  .case-detail-template .case-detail-hero>img{height:390px}
  .case-detail-template .case-engineering-grid figure{grid-template-columns:150px 1fr}
}
@media(max-width:820px){
  .case-detail-template main{width:min(100% - 28px,1400px);grid-template-columns:1fr;gap:16px}
  .case-detail-template .case-detail-hero{min-height:0;padding:54px 0 28px;grid-template-columns:1fr;grid-template-rows:auto auto;gap:28px}
  .case-detail-template .case-detail-hero-copy{grid-column:1;grid-row:1}
  .case-detail-template .case-detail-hero>img{height:min(72vw,470px);grid-column:1;grid-row:2;border-radius:16px}
  .case-detail-template .case-detail-hero::after{display:none}
  .case-detail-template .case-detail-hero h1{font-size:clamp(38px,9vw,48px)}
  .case-detail-template .case-detail-meta{grid-template-columns:1fr}
  .case-detail-template main>section:not(.case-detail-hero){padding:26px;grid-column:1}
  .case-detail-template .case-reality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-detail-template .case-conversion-section>.wrap{grid-template-columns:1fr}
}
@media(max-width:560px){
  .case-detail-template main{width:calc(100% - 20px)}
  .case-detail-template .case-detail-hero{padding-top:38px}
  .case-detail-template .case-detail-hero h1{font-size:36px}
  .case-detail-template .case-detail-hero-copy>p{font-size:14px}
  .case-detail-template .case-challenge-grid,.case-detail-template .case-reality-grid{grid-template-columns:1fr}
  .case-detail-template .case-engineering-grid figure{grid-template-columns:1fr}
  .case-detail-template .case-engineering-grid img,.case-detail-template .case-engineering-main img{height:210px;max-height:none}
  .case-detail-template .case-configuration-layout dl>div{grid-template-columns:1fr;gap:5px}
  .case-detail-template .case-learning-card blockquote{font-size:25px}
  .case-detail-template .case-tag-groups{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.case-detail-template *{scroll-behavior:auto!important}}

/* Prompt-aligned completion pass */
.case-detail-template .case-detail-hero::after{display:none}
.case-hero-values{
  position:absolute;
  z-index:4;
  right:7.5%;
  bottom:66px;
  display:grid;
  width:min(520px,42%);
  min-height:82px;
  padding:15px 18px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:16px;
  background:linear-gradient(115deg,rgba(255,255,255,.9),rgba(237,248,247,.78));
  box-shadow:0 18px 42px rgba(3,35,55,.13),inset 0 1px #fff;
  backdrop-filter:blur(18px);
}
.case-hero-values span{display:flex;min-width:0;align-items:center;gap:9px;color:var(--case-ink)}
.case-hero-values i{color:var(--case-teal);font-size:20px;font-style:normal}
.case-hero-values b{font-size:11px;font-weight:600;line-height:1.25}
.case-hero-actions{display:flex;margin-top:22px;gap:12px;flex-wrap:wrap}
.case-hero-actions a{
  display:inline-flex;
  min-height:46px;
  padding:0 22px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--case-teal);
  border-radius:999px;
  color:var(--case-ink);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}
.case-hero-actions a:first-child{border-color:var(--case-navy);background:var(--case-navy);color:#fff}
.case-hero-actions a:hover{transform:translateY(-2px)}

.case-detail-template .case-numbered{position:relative;padding-top:62px}
.case-detail-template .case-numbered::before{
  position:absolute;
  top:28px;
  left:34px;
  color:var(--case-teal);
  font:600 12px/1 "Avenir Next",Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.16em;
  content:attr(data-case-number);
}
.case-detail-template .case-introduction,
.case-detail-template .case-background{
  padding-right:40px;
  padding-left:40px;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.case-detail-template .case-introduction::after,
.case-detail-template .case-background::after{
  position:absolute;
  top:65px;
  bottom:38px;
  left:20px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(var(--case-teal),rgba(7,142,140,0));
  content:"";
}

.case-detail-template .case-engineering{
  background:linear-gradient(145deg,rgba(237,246,245,.94),rgba(255,255,255,.82));
  color:var(--case-ink);
}
.case-detail-template .case-engineering .kicker{color:var(--case-teal)}
.case-detail-template .case-engineering .case-section-head h2{color:var(--case-ink)}
.case-detail-template .case-engineering .case-section-head p{color:#5a717c}
.case-detail-template .case-engineering-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
}
.case-detail-template .case-engineering-grid figure{display:flex;min-height:0;flex-direction:column}
.case-detail-template .case-engineering-grid .case-engineering-main{grid-row:1/3}
.case-detail-template .case-engineering-grid .case-engineering-main img{height:390px;max-height:none}
.case-detail-template .case-engineering-grid figure:not(.case-engineering-main) img{height:145px;max-height:none}
.case-detail-template .case-engineering-grid figcaption{flex:1}

.case-detail-template .case-configuration-layout dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.case-detail-template .case-configuration-layout dl>div{display:block;min-height:86px;padding:16px 18px}
.case-detail-template .case-configuration-layout dt{margin-bottom:8px;color:var(--case-teal);text-transform:uppercase;letter-spacing:.08em}

.case-detail-template .case-reality-grid figure{position:relative;overflow:visible}
.case-detail-template .case-reality-grid figure:not(:last-child)::after{
  position:absolute;
  z-index:3;
  top:78px;
  right:-21px;
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid var(--case-line);
  border-radius:50%;
  background:#fff;
  color:var(--case-teal);
  content:"→";
}

.case-detail-template .case-result{overflow:hidden}
.case-detail-template .case-result-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center}
.case-detail-template .case-result-layout:not(:has(img)){display:block;max-width:900px}
.case-detail-template .case-result-layout img{height:100%;min-height:370px;margin:0;object-fit:cover}
.case-detail-template .case-learning{overflow:hidden}
.case-detail-template .case-learning-card blockquote{position:relative;padding-left:30px}
.case-detail-template .case-learning-card blockquote::before{
  position:absolute;
  top:-22px;
  left:-10px;
  color:rgba(7,142,140,.16);
  font:500 92px/1 Georgia,serif;
  content:"“";
}

.case-detail-template .case-related-product{
  display:grid;
  padding:18px;
  grid-template-columns:190px minmax(0,1fr);
  gap:20px;
  align-items:center;
}
.case-detail-template .case-related-product img{height:160px}
.case-detail-template .case-related-product>div{padding:0}
.case-detail-template .case-related-product p{margin:0 0 14px;color:#5a717c;font-size:12px;line-height:1.55}
.case-detail-template .case-tag-groups{display:flex;gap:8px;flex-wrap:wrap}
.case-detail-template .case-tag-groups>div{display:contents}
.case-detail-template .case-tag-groups h3{display:none}
.case-detail-template .case-tag-groups p{display:contents}

.case-detail-template .case-continue-section,
.case-detail-template .case-bottom-cta{
  grid-column:1/-1;
}
.case-detail-template .case-section-heading{display:flex;margin-bottom:22px;align-items:flex-end;justify-content:space-between;gap:24px}
.case-detail-template .case-section-heading h2{margin:8px 0 0;font-size:28px;font-weight:500}
.case-detail-template .case-continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case-detail-template .case-continue-grid>a{
  display:flex;
  min-height:330px;
  padding:12px 12px 18px;
  flex-direction:column;
  border:1px solid var(--case-line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  color:var(--case-ink);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.case-detail-template .case-continue-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(3,35,55,.1)}
.case-detail-template .case-continue-grid img,
.case-detail-template .case-continue-placeholder{width:100%;height:170px;border-radius:11px;object-fit:cover}
.case-detail-template .case-continue-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#d8e8e7,#edf4f3)}
.case-detail-template .case-continue-placeholder span{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.case-detail-template .case-continue-grid>a>span{margin:16px 5px 0;color:var(--case-teal);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.case-detail-template .case-continue-grid h3{margin:9px 5px 16px;font-size:18px;line-height:1.2}
.case-detail-template .case-continue-grid b{margin:auto 5px 0;color:var(--case-teal);font-size:12px}

.case-detail-template .case-bottom-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
  background:
    radial-gradient(circle at 82% 30%,rgba(145,216,210,.32),transparent 30%),
    linear-gradient(112deg,rgba(231,246,244,.92),rgba(255,255,255,.8));
}
.case-detail-template .case-bottom-cta h2{margin:8px 0 10px;font-size:34px;font-weight:500}
.case-detail-template .case-bottom-cta p{max-width:760px;margin:0;color:#5a717c;font-size:13px;line-height:1.6}
.case-detail-template .case-bottom-cta nav{display:flex;gap:10px}
.case-detail-template .case-bottom-cta a{
  display:grid;
  min-width:180px;
  min-height:46px;
  padding:0 20px;
  place-items:center;
  border:1px solid var(--case-teal);
  border-radius:999px;
  color:var(--case-ink);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.case-detail-template .case-bottom-cta a:first-child{border-color:var(--case-navy);background:var(--case-navy);color:#fff}

@media(max-width:1080px){
  .case-hero-values{right:4%;bottom:52px;width:45%}
  .case-detail-template .case-engineering-grid{grid-template-columns:1fr}
  .case-detail-template .case-engineering-grid .case-engineering-main{grid-row:auto}
  .case-detail-template .case-engineering-grid .case-engineering-main img{height:280px}
  .case-detail-template .case-bottom-cta{grid-template-columns:1fr}
}
@media(max-width:820px){
  .case-hero-values{position:relative;right:auto;bottom:auto;width:100%;margin-top:-54px;grid-column:1;grid-row:3}
  .case-detail-template .case-numbered::before{left:26px}
  .case-detail-template .case-introduction::after,.case-detail-template .case-background::after{left:12px}
  .case-detail-template .case-result-layout{grid-template-columns:1fr}
  .case-detail-template .case-result-layout img{min-height:0}
  .case-detail-template .case-continue-grid{grid-template-columns:1fr}
  .case-detail-template .case-continue-grid>a{min-height:0}
  .case-detail-template .case-bottom-cta nav{flex-wrap:wrap}
}
@media(max-width:560px){
  .case-hero-values{grid-template-columns:1fr}
  .case-detail-template .case-configuration-layout dl{grid-template-columns:1fr}
  .case-detail-template .case-reality-grid figure::after{display:none!important}
  .case-detail-template .case-related-product{grid-template-columns:1fr}
  .case-detail-template .case-bottom-cta nav{flex-direction:column}
  .case-detail-template .case-bottom-cta a{width:100%}
}

/* Continuous editorial article layout requested for the case detail body. */
@media(min-width:1081px){
  .case-detail-template .case-detail-hero{
    grid-template-columns:minmax(561px,.94fr) minmax(0,1.06fr);
  }
  .case-detail-template .case-detail-hero h1{
    width:561px;
    max-width:561px;
  }
}
.case-detail-template main{
  display:block;
}
.case-detail-template .case-detail-hero{
  width:100%;
  margin:0 auto;
}
.case-detail-template main>section:not(.case-detail-hero){
  width:min(1180px,100%);
  margin:0 auto;
  padding:72px 0;
  border:0;
  border-bottom:1px solid var(--case-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.case-detail-template main>section.case-introduction,
.case-detail-template main>section.case-background{
  padding-right:0;
  padding-left:0;
}
.case-detail-template .case-introduction::after,
.case-detail-template .case-background::after,
.case-detail-template .case-numbered::before{
  display:none;
}
.case-detail-template .case-numbered{
  padding-top:72px;
}
.case-detail-template .case-engineering{
  width:min(1240px,100%);
  padding-right:30px;
  padding-left:30px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(237,246,245,.9),rgba(255,255,255,.55));
}
.case-detail-template .case-learning{
  width:min(1240px,100%);
  padding-right:34px;
  padding-left:34px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(233,247,245,.86),rgba(255,255,255,.7));
}
.case-detail-template .case-conversion-section,
.case-detail-template .case-continue-section{
  margin-top:0;
}
.case-detail-template .case-bottom-cta{
  width:min(1240px,100%);
  margin:56px auto 0;
  padding:38px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:24px;
  box-shadow:0 16px 44px rgba(3,35,55,.07);
}
@media(max-width:820px){
  .case-detail-template main>section:not(.case-detail-hero){padding:48px 0}
  .case-detail-template .case-engineering,.case-detail-template .case-learning{padding-right:22px;padding-left:22px}
  .case-detail-template .case-bottom-cta{padding:28px 22px}
}