.solution-overview-page,
.solution-detail-page{font-size:19px;background:#f4f3f1}

.solution-route-nav{position:sticky;z-index:90;top:84px;color:#c9cdcf;background:#242729;border-bottom:1px solid rgba(255,255,255,.15)}
.solution-route-nav__inner{display:grid;grid-template-columns:150px repeat(auto-fit,minmax(140px,1fr));align-items:stretch}
.solution-route-nav__label{display:flex;align-items:center;padding:0 18px;color:#d9a4a6;border-right:1px solid rgba(255,255,255,.14);font:600 10px/1 var(--utility);letter-spacing:.11em;text-transform:uppercase}
.solution-route-nav a{position:relative;display:flex;min-height:54px;align-items:center;justify-content:center;padding:0 14px;color:#bfc3c4;border-right:1px solid rgba(255,255,255,.12);font:600 10px/1.2 var(--utility);letter-spacing:.06em;text-align:center;text-transform:uppercase;transition:color .2s ease,background .2s ease}
.solution-route-nav a::after{position:absolute;right:20%;bottom:0;left:20%;height:3px;background:#db2528;content:"";transform:scaleX(0);transition:transform .2s ease}
.solution-route-nav a:hover,.solution-route-nav a:focus-visible,.solution-route-nav a[aria-current]{color:#fff;background:rgba(255,255,255,.05)}
.solution-route-nav a[aria-current]::after{transform:scaleX(1)}

.solution-detail-page main{overflow:hidden}
.detail-hero{position:relative;min-height:650px;color:#fff;background:#202325;overflow:hidden}
.detail-hero__media,.detail-hero__media::after{position:absolute;inset:0}
.detail-hero__media{overflow:hidden}
.detail-hero__media::after{background:linear-gradient(90deg,rgba(22,24,25,.97) 0%,rgba(22,24,25,.89) 40%,rgba(22,24,25,.34) 72%,rgba(22,24,25,.22) 100%),linear-gradient(0deg,rgba(22,24,25,.5),transparent 50%);content:""}
.detail-hero__media img{width:100%;height:calc(100% + 46px);object-fit:cover;transform:translate3d(0,var(--detail-parallax-y,0),0) scale(1.035);will-change:transform}
.helium-oem-page .detail-hero__media img{object-position:center 58%}
.co2-oem-page .detail-hero__media img{object-position:center}
.gas-supply-page .detail-hero__media img{object-position:center}
.detail-hero::before{position:absolute;z-index:2;top:0;bottom:0;left:calc(50% - 620px);width:1px;background:rgba(255,255,255,.1);content:""}
.detail-hero__inner{position:relative;z-index:3;display:grid;min-height:650px;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:82px;padding-block:74px}
.detail-hero__copy{max-width:850px}
.detail-kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#963a3d;font:600 10px/1.2 var(--utility);letter-spacing:.13em;text-transform:uppercase}
.detail-kicker::before{width:28px;height:1px;background:currentColor;content:""}
.detail-kicker--light{color:#dfa8aa}
.detail-hero h1{max-width:860px;margin:0;color:#fff;font:600 clamp(55px,5.8vw,82px)/.92 var(--display);letter-spacing:-.05em;text-transform:uppercase}
.detail-hero h1 em{display:block;color:#dedfe0;font-style:normal}
.detail-hero__lead{max-width:690px;margin:27px 0 33px;color:#dfe1e2;font-size:20px;line-height:1.58}
.detail-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.detail-hero__brief{align-self:end;margin-bottom:4px;background:rgba(31,33,34,.8);border-top:3px solid #db2528;backdrop-filter:blur(12px)}
.detail-hero__brief>p{padding:16px 19px;margin:0;color:#cbd0d1;border-bottom:1px solid rgba(255,255,255,.14);font:600 10px/1.2 var(--utility);letter-spacing:.11em;text-transform:uppercase}
.detail-hero__brief dl{margin:0}
.detail-hero__brief div{padding:15px 19px;border-bottom:1px solid rgba(255,255,255,.12)}
.detail-hero__brief div:last-child{border-bottom:0}
.detail-hero__brief dt{color:#d99fa1;font:600 8px/1 var(--utility);letter-spacing:.1em;text-transform:uppercase}
.detail-hero__brief dd{margin:7px 0 0;color:#fff;font:600 16px/1.25 var(--display)}

.detail-section{padding-block:100px}
.detail-heading{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);align-items:end;gap:90px;margin-bottom:52px}
.detail-heading h2{max-width:780px;margin:0;color:#232527;font:600 clamp(44px,4.9vw,66px)/.98 var(--display);letter-spacing:-.05em}
.detail-heading h2 em{display:block;color:#963a3d;font-style:normal}
.detail-heading>p{max-width:550px;margin:0 0 5px;color:#626568;line-height:1.65}

.detail-problem{color:#c8cbcc;background:#282b2d}
.detail-problem .detail-heading h2{color:#fff}
.detail-problem .detail-heading h2 em{color:#d8a8aa}
.detail-problem .detail-heading>p{color:#bdc1c2}
.detail-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.detail-problem-card{position:relative;display:flex;min-height:290px;flex-direction:column;padding:27px 25px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden}
.detail-problem-card::after{position:absolute;right:-4px;bottom:-27px;color:rgba(255,255,255,.035);content:attr(data-index);font:600 138px/1 var(--display);letter-spacing:-.08em}
.detail-problem-card>span{color:#d6a1a3;font:600 9px/1 var(--utility);letter-spacing:.1em}
.detail-problem-card h3{max-width:230px;margin:47px 0 14px;color:#fff;font:600 25px/1.08 var(--display);letter-spacing:-.03em}
.detail-problem-card p{position:relative;z-index:1;margin:auto 0 0;color:#b9bdbe;font-size:17px;line-height:1.5}

.detail-route{background:#f4f3f1}
.detail-route-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:100px}
.detail-route-intro{position:sticky;top:168px;align-self:start}
.detail-route-intro h2{max-width:510px;margin:0;color:#232527;font:600 clamp(44px,4.7vw,64px)/.98 var(--display);letter-spacing:-.05em}
.detail-route-intro h2 em{display:block;color:#963a3d;font-style:normal}
.detail-route-intro>p:last-child{max-width:480px;margin:23px 0 0;color:#676b6d}
.detail-route-story{position:relative;padding-left:66px}
.detail-route-story::before{position:absolute;top:0;bottom:0;left:18px;width:1px;background:#c7cacc;content:""}
.detail-route-story::after{position:absolute;top:0;left:18px;width:3px;height:calc(var(--detail-progress,0) * 100%);background:#963a3d;content:"";transform:translateX(-1px);transition:height .65s cubic-bezier(.2,.75,.25,1)}
.detail-route-step{position:relative;display:grid;min-height:205px;grid-template-columns:88px minmax(0,1fr);align-content:center;gap:25px;padding:31px 35px;margin-bottom:17px;background:#fff;border:1px solid #d4d6d6;box-shadow:0 14px 36px rgba(34,37,39,.05);transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}
.detail-route-step:last-child{margin-bottom:0}
.detail-route-step::before{position:absolute;top:50%;left:-55px;width:13px;height:13px;background:#f4f3f1;border:2px solid #a2a6a8;border-radius:50%;content:"";transform:translateY(-50%);transition:.35s ease}
.detail-route-step.is-active{border-color:#b3b6b7;box-shadow:0 20px 44px rgba(34,37,39,.09);transform:translateX(7px)}
.detail-route-step.is-active::before{background:#963a3d;border-color:#963a3d;box-shadow:0 0 0 7px rgba(150,58,61,.12)}
.detail-route-step>span{color:#963a3d;font:600 33px/1 var(--display);letter-spacing:-.05em}
.detail-route-step h3{margin:0 0 10px;color:#232527;font:600 27px/1.05 var(--display);letter-spacing:-.035em}
.detail-route-step p{margin:0;color:#686c6e;font-size:17px;line-height:1.55}

.detail-boundary{color:#c9cdcf;background:#242729}
.detail-boundary .detail-heading h2{color:#fff}
.detail-boundary .detail-heading h2 em{color:#d4a7a9}
.detail-boundary .detail-heading>p{color:#bcc0c1}
.detail-boundary-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:24px}
.detail-scope-panel,.detail-product-panel{border:1px solid rgba(255,255,255,.16);background:#2d3032}
.detail-scope-panel{display:grid;grid-template-columns:repeat(5,1fr)}
.detail-scope-panel>div{display:flex;min-height:190px;flex-direction:column;padding:25px 21px;border-right:1px solid rgba(255,255,255,.14)}
.detail-scope-panel>div:last-child{border-right:0}
.detail-scope-panel span{color:#d6a1a3;font:600 9px/1 var(--utility);letter-spacing:.09em}
.detail-scope-panel b{max-width:145px;margin-top:auto;color:#fff;font:600 20px/1.1 var(--display)}
.detail-product-panel{display:flex;min-height:190px;flex-direction:column;padding:29px 30px;border-top:4px solid #963a3d}
.detail-product-panel span{color:#d6a1a3;font:600 9px/1 var(--utility);letter-spacing:.1em;text-transform:uppercase}
.detail-product-panel h3{margin:22px 0 12px;color:#fff;font:600 29px/1.05 var(--display);letter-spacing:-.035em}
.detail-product-panel p{margin:0;color:#bdc1c2;font-size:17px;line-height:1.5}
.detail-product-panel .text-link{width:max-content;margin-top:auto;color:#fff;border-color:#fff}

.detail-evidence{background:#f4f3f1}
.detail-evidence-layout{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);gap:25px}
.detail-evidence-media{position:relative;min-height:590px;background:#dfe1e1;overflow:hidden}
.detail-evidence-media::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,30,31,.72),transparent 50%);content:""}
.detail-evidence-media img{width:100%;height:calc(100% + 42px);object-fit:cover;transform:translate3d(0,var(--detail-parallax-y,0),0) scale(1.035);will-change:transform}
.detail-evidence-caption{position:absolute;z-index:2;right:32px;bottom:30px;left:32px;color:#fff}
.detail-evidence-caption span{font:600 10px/1 var(--utility);letter-spacing:.1em;text-transform:uppercase}
.detail-evidence-caption p{max-width:500px;margin:12px 0 0;color:#e1e3e4;font-size:17px;line-height:1.5}
.detail-evidence-list{display:grid;grid-template-rows:repeat(3,1fr);background:#fff;border:1px solid #d5d7d7}
.detail-evidence-item{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:27px;padding:27px 35px;border-bottom:1px solid #d5d7d7}
.detail-evidence-item:last-child{border-bottom:0}
.detail-evidence-item>span{color:#963a3d;font:600 31px/.95 var(--display);letter-spacing:-.045em}
.detail-evidence-item>span small{display:block;margin-top:8px;color:#8a8e90;font:600 8px/1.2 var(--utility);letter-spacing:.08em;text-transform:uppercase}
.detail-evidence-item h3{margin:0 0 7px;color:#232527;font:600 23px/1.08 var(--display)}
.detail-evidence-item p{margin:0;color:#696d6f;font-size:17px;line-height:1.5}
.detail-evidence-item a{color:#963a3d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.detail-case-card{padding-block:72px;background:#e7e5e2}
.detail-case-card__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:70px;padding:42px 45px;color:#232527;background:#fff;border-top:4px solid #963a3d;box-shadow:0 18px 46px rgba(34,37,39,.07);transition:transform .25s ease,box-shadow .25s ease}
.detail-case-card__inner:hover{box-shadow:0 24px 55px rgba(34,37,39,.12);transform:translateY(-4px)}
.detail-case-card h2{max-width:800px;margin:0;color:#232527;font:600 clamp(37px,4vw,55px)/.98 var(--display);letter-spacing:-.045em}
.detail-case-card h2 em{display:block;color:#963a3d;font-style:normal}
.detail-case-card p:not(.detail-kicker){max-width:760px;margin:18px 0 0;color:#686c6e;font-size:17px;line-height:1.55}
.detail-case-card__inner>span{padding-bottom:5px;color:#963a3d;font:600 11px/1.3 var(--utility);letter-spacing:.07em;text-transform:uppercase}

.detail-cta{position:relative;padding-block:86px;color:#fff;background:#963a3d;overflow:hidden}
.detail-cta::after{position:absolute;right:-35px;bottom:-65px;color:rgba(255,255,255,.055);content:"BRIEF";font:600 210px/.8 var(--display);letter-spacing:-.07em}
.detail-cta__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:88px}
.detail-cta h2{max-width:760px;margin:0;color:#fff;font:600 clamp(45px,4.8vw,66px)/.97 var(--display);letter-spacing:-.05em}
.detail-cta p{max-width:600px;margin:19px 0 0;color:#f0dfe0}
.detail-cta__action{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.detail-cta__action small{color:#ecd2d3;font:600 10px/1.4 var(--utility);letter-spacing:.07em;text-transform:uppercase}

.has-js [data-detail-reveal]{opacity:0;transform:translateY(27px);transition:opacity .7s ease var(--detail-delay,0s),transform .8s cubic-bezier(.2,.75,.25,1) var(--detail-delay,0s)}
.has-js [data-detail-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1180px){
  .solution-route-nav{top:74px}
  .solution-route-nav__inner{grid-template-columns:130px repeat(auto-fit,minmax(125px,1fr))}
  .detail-hero__inner{grid-template-columns:1fr;gap:30px}
  .detail-hero__brief{display:none}
  .detail-heading,.detail-cta__inner{grid-template-columns:1fr;gap:28px}
  .detail-route-layout{grid-template-columns:1fr;gap:50px}
  .detail-route-intro{position:static}
  .detail-boundary-grid,.detail-evidence-layout{grid-template-columns:1fr}
  .detail-evidence-media{min-height:500px}
}
@media(max-width:820px){
  .solution-route-nav{overflow-x:auto;scrollbar-width:none}
  .solution-route-nav::-webkit-scrollbar{display:none}
  .solution-route-nav__inner{display:flex;width:max-content}
  .solution-route-nav__label{width:130px;flex:0 0 130px}
  .solution-route-nav a{width:150px;flex:0 0 150px}
  .solution-route-nav__label,.solution-route-nav a{min-height:50px}
  .detail-hero{min-height:640px}
  .detail-hero__inner{min-height:640px;padding-block:65px}
  .detail-hero h1{font-size:56px}
  .detail-section{padding-block:82px}
  .detail-problem-grid{grid-template-columns:repeat(2,1fr)}
  .detail-scope-panel{grid-template-columns:repeat(2,1fr)}
  .detail-scope-panel>div{min-height:145px;border-bottom:1px solid rgba(255,255,255,.14)}
  .detail-scope-panel>div:nth-child(5){grid-column:span 2}
  .detail-evidence-item{grid-template-columns:130px 1fr}
  .detail-case-card__inner{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){
  .solution-detail-page{font-size:18px}
  .detail-hero{min-height:650px}
  .detail-hero__inner{min-height:650px}
  .detail-hero h1{font-size:45px}
  .detail-hero__lead{font-size:18px}
  .detail-hero__actions{flex-direction:column}
  .detail-hero__actions .button{width:100%}
  .detail-heading h2,.detail-route-intro h2,.detail-cta h2{font-size:42px}
  .detail-problem-grid{grid-template-columns:1fr}
  .detail-problem-card{min-height:235px}
  .detail-route-story{padding-left:35px}
  .detail-route-story::before,.detail-route-story::after{left:7px}
  .detail-route-step{grid-template-columns:1fr;gap:15px;padding:26px 23px}
  .detail-route-step::before{left:-34px}
  .detail-route-step.is-active{transform:none}
  .detail-scope-panel{grid-template-columns:1fr}
  .detail-scope-panel>div,.detail-scope-panel>div:nth-child(5){min-height:115px;grid-column:auto;border-right:0}
  .detail-product-panel{min-height:250px}
  .detail-evidence-media{min-height:410px}
  .detail-evidence-item{grid-template-columns:1fr;gap:16px;padding:25px 24px}
  .detail-case-card__inner{padding:30px 25px}
  .detail-cta__action{align-items:stretch}
  .detail-cta__action .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .detail-hero__media img,.detail-evidence-media img{transform:none!important;will-change:auto}
  .detail-route-story::after,.detail-route-step,.has-js [data-detail-reveal]{opacity:1;transform:none;transition:none}
}