/* Reference-style engineered approach panel. */
.approach{height:400px;min-height:400px;background:#061019;isolation:isolate}.approach-media{left:0!important;background:linear-gradient(90deg,rgba(3,11,16,.17),rgba(3,11,16,.04)),url('../images/hero-corrugator.png') 62% center/cover!important;filter:brightness(.55) saturate(.7)!important}.approach:before{content:'';position:absolute;inset:0 auto 0 0;width:42%;z-index:1;background:linear-gradient(90deg,#061019 0%,#061019 72%,rgba(6,16,25,.93) 100%);clip-path:polygon(0 0,86% 0,72% 50%,86% 100%,0 100%)}.approach:after{content:'';position:absolute;z-index:2;left:31%;top:0;bottom:0;width:145px;background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(255,255,255,.12) 4px 5px,transparent 5px 9px);clip-path:polygon(55% 0,100% 0,42% 50%,100% 100%,55% 100%,0 50%);opacity:.48}.approach-grid{z-index:1;opacity:.18;mask-image:linear-gradient(90deg,#000,transparent 75%)}.approach-blueprint{position:absolute;z-index:2;right:2.5%;top:0;bottom:0;width:52%;opacity:.62;pointer-events:none}.approach-blueprint svg{height:100%;width:100%}.blue-grid path{stroke:rgba(202,218,224,.25);stroke-width:1}.blue-machine path,.blue-machine rect,.blue-machine circle{stroke:#dbe8ed;stroke-opacity:.73;stroke-width:2}.blue-detail path,.blue-detail circle{stroke:#dbe8ed;stroke-opacity:.62;stroke-width:1.5}.approach-blueprint:after{content:'';position:absolute;width:150px;height:150px;left:38%;top:37%;background:radial-gradient(circle,rgba(214,40,40,.5),rgba(214,40,40,.11) 38%,transparent 70%);filter:blur(4px)}.approach-content{max-width:355px;margin-left:4%;padding:26px 0;z-index:3}.approach-content .eyebrow{font-size:11px;margin-bottom:12px}.approach h2{font-size:34px;line-height:.95;margin-bottom:15px}.approach-content>p:not(.eyebrow){font-size:11px;line-height:1.63;margin:0 0 15px;color:#e1e7e9}.approach ul{font-size:10px;line-height:1.42}.approach li{margin:9px 0;padding-left:25px}.approach li:before{width:14px;height:14px;line-height:12px;font-size:8px}
@media(max-width:950px){.approach{height:auto;min-height:540px}.approach:before{width:100%;clip-path:none;background:linear-gradient(90deg,#061019e8,#061019a0)}.approach:after{display:none}.approach-content{margin:0;padding:65px 25px}.approach-blueprint{right:-30%;width:100%;opacity:.3}}

/* Match the wide chevron and restrained glass/technical drawing of the reference. */
@media(min-width:951px){
  .approach-media{background-position:64% center!important;filter:brightness(.48) saturate(.62)!important}
  .approach:before{width:53%;background:linear-gradient(90deg,#050e15 0%,#061019 68%,rgba(6,16,25,.91) 100%);clip-path:polygon(0 0,85% 0,62% 50%,85% 100%,0 100%)}
  .approach:after{left:30.5%;width:215px;opacity:.72;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(217,231,235,.2) 5px 6px,transparent 6px 11px);clip-path:polygon(62% 0,100% 0,30% 50%,100% 100%,62% 100%,0 50%)}
  .approach-blueprint{right:1%;width:49%;opacity:.47}.blue-grid path{stroke:rgba(202,218,224,.18);stroke-width:.8}.blue-machine path,.blue-machine rect,.blue-machine circle{stroke-opacity:.66;stroke-width:1.35}.blue-detail path,.blue-detail circle{stroke-opacity:.52;stroke-width:1.05}.approach-blueprint:after{width:112px;height:112px;left:46%;top:40%;opacity:.72}
  .approach-content{max-width:335px;margin-left:3.8%;padding-top:25px}.approach h2{font-size:32px}.approach-content>p:not(.eyebrow){max-width:315px}.approach ul{max-width:310px}
}

/* Narrow left reading column and crisp layered < engineering transition. */
@media(min-width:951px){
  .approach:before{width:53%;clip-path:polygon(0 0,86% 0,62% 50%,86% 100%,0 100%)}
  .approach{height:510px;min-height:510px}.approach:after{left:30.8%;width:205px;opacity:.34;background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(221,233,237,.18) 4px 5px,transparent 5px 9px);clip-path:polygon(65% 0,100% 0,28% 50%,100% 100%,65% 100%,0 50%)}
  .approach-content{max-width:400px;margin-left:var(--site-gutter);padding-top:55px}.approach-content .eyebrow{font-size:13px;margin-bottom:17px}.approach h2{font-size:44px;line-height:.96;margin-bottom:22px}.approach-content>p:not(.eyebrow){max-width:390px;font-size:14px;line-height:1.65;margin-bottom:27px}.approach ul{max-width:380px;font-size:12px;line-height:1.48}.approach li{margin:13px 0;padding-left:29px}.approach li:before{width:17px;height:17px;line-height:15px;font-size:9px}
}