/* 03-why-skytern — section-specific stylesheet */


/* The original global.css contains the base design. Add/override only this section here. */


/* THIRD PAGE: WHY Skytern */
.why-page{min-height:760px;background:#fbfbf9;display:grid;grid-template-columns:50% 50%;overflow:hidden}

.why-page-image{position:relative;min-height:760px;background-image:url("../assets/steel-detail.svg");background-size:cover;background-position:center}

.why-page-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(2,20,32,.12) 58%,rgba(2,17,28,.82) 100%)}

.why-red-sweep{position:absolute;z-index:2;left:-16%;bottom:9%;width:105%;height:100px;background:linear-gradient(7deg,transparent 0 18%,rgba(220,24,20,.9) 19% 43%,rgba(4,21,34,.94) 44% 100%);transform:rotate(-2deg);opacity:.95}

.why-image-copy{position:absolute;z-index:4;left:7%;bottom:65px;color:#fff;display:flex;flex-direction:column}

.why-image-copy span{font:400 27px "Space Grotesk";letter-spacing:.14em}

.why-image-copy b{font:700 clamp(52px,5vw,74px)/.95 "Space Grotesk";letter-spacing:-.04em;color:#e31c19;margin-top:7px}

.why-image-copy i{width:58px;height:3px;background:#e31c19;margin-top:20px}

.why-page-content{position:relative;padding:94px 7% 75px 7.5%;background:linear-gradient(120deg,#fbfbf9 0%,#fff 100%)}

.why-page-heading{max-width:690px}

.why-eyebrow{color:#273842;margin-bottom:39px}

.why-eyebrow span{background:#e21c18}

.why-page h2{font:600 clamp(46px,4.2vw,70px)/.97 "Space Grotesk";letter-spacing:-.055em;color:#10283a;margin:0}

.why-page h2 em{font-style:normal;color:#df1d1a}

.why-page-lead{font-size:16px;line-height:1.55;color:#61717b;max-width:620px;margin:23px 0 31px}

.why-feature-list{max-width:650px;border-top:1px solid #d9dedf}

.why-feature{display:grid;grid-template-columns:52px 58px 1fr 28px;align-items:center;min-height:84px;border-bottom:1px solid #d9dedf;column-gap:9px}

.why-index{font:700 31px "Space Grotesk";color:#d7dadd;letter-spacing:-.04em}

.why-icon{width:48px;height:48px;border-radius:50%;background:#eef0f1;display:grid;place-items:center;font:400 27px "Space Grotesk";color:#152e40}

.why-feature h3{font:700 13px "Manrope";margin:0 0 6px;color:#14283a}

.why-feature p{font-size:11px;color:#687780;margin:0}

@media(max-width:1050px){
  .why-page-content{padding-left:5%}.why-side-note{width:105px}.why-feature{grid-template-columns:43px 50px 1fr 22px}.why-feature h3{font-size:12px}
}

@media(max-width:800px){
  .why-page{grid-template-columns:1fr;min-height:auto}.why-page-image{min-height:560px}.why-page-content{padding:70px 28px 70px}.why-page h2{font-size:48px}.why-feature-list{max-width:none}.why-side-note{display:none}.why-image-copy{left:28px;bottom:42px}
}

@media(max-width:600px){
  .why-page-image{min-height:470px}.why-red-sweep{height:75px;bottom:11%}.why-image-copy span{font-size:20px}.why-image-copy b{font-size:48px}.why-image-copy i{width:45px}
  .why-page-content{padding:58px 20px}.why-eyebrow{margin-bottom:27px}.why-page h2{font-size:39px}.why-page-lead{font-size:13px}.why-feature{grid-template-columns:37px 45px 1fr;min-height:91px;column-gap:6px}.why-index{font-size:25px}.why-icon{width:39px;height:39px;font-size:22px}.why-feature h3{font-size:11px;line-height:1.35}.why-feature p{font-size:9px;line-height:1.35}.why-arrow{display:none}
}

.services-eyebrow span,.process-eyebrow span,.why-eyebrow span{background:var(--orange)!important}

.services-copy h2 em,.why-page h2 em,.process-heading h2 em,.quote-copy h2 em{color:var(--orange)!important}

.why-page{background:#f7f9f9}

.why-page-content{background:linear-gradient(120deg,#f7f9f9 0%,#fff 100%)}

.why-image-copy b{color:var(--orange)}

.why-image-copy i{background:var(--orange)}

.why-red-sweep{background:linear-gradient(7deg,transparent 0 18%,rgba(255,149,31,.94) 19% 43%,rgba(4,21,34,.94) 44% 100%)}

/* WHY Skytern - reference-matched layout */
.why-reference{min-height:794px;display:grid;grid-template-columns:50% 50%;background:#f8faf9;overflow:hidden;position:relative}

.why-reference-image{position:relative;min-height:794px;background:url("../assets/why-skytern-reference-left.webp") center center/cover no-repeat}

.why-reference-image-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,27,44,.03) 0%,rgba(4,27,44,.02) 72%,rgba(4,27,44,.14) 100%)}

.why-reference-content{position:relative;min-height:794px;padding:78px 12% 72px 8.4%;background:linear-gradient(100deg,#f8faf9 0%,#fff 72%,#f7faf9 100%);overflow:hidden}

.why-reference-blueprint{position:absolute;inset:0 0 0 28%;background:url("../assets/steel-detail.svg") right center/cover no-repeat;opacity:.055;pointer-events:none}

.why-reference-heading,.why-reference-list,.why-reference-note{position:relative;z-index:2}

.why-reference-eyebrow{margin-bottom:34px;color:#142e43}

.why-reference-eyebrow span{background:var(--orange)!important;width:31px;height:3px}

.why-reference h2{font:700 clamp(48px,4vw,67px)/.98 "Space Grotesk";letter-spacing:-.055em;color:#102a40;margin:0;max-width:760px}

.why-reference h2 em{font-style:normal;color:var(--orange)!important}

.why-reference-lead{font:400 16px/1.55 "DM Sans";color:#627684;margin:28px 0 30px;max-width:650px}

.why-reference-list{max-width:650px;border-top:1px solid #d7dfe2}

.why-reference-item{display:grid;grid-template-columns:44px 58px 1fr 25px;align-items:center;column-gap:10px;min-height:87px;border-bottom:1px solid #d7dfe2}

.why-reference-index{font:700 19px "Space Grotesk";color:var(--orange);letter-spacing:-.03em}

.why-reference-icon{width:48px;height:48px;border-radius:50%;background:#edf2f4;display:grid;place-items:center;color:#132f46}

.why-reference-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}

.why-reference-copy h3{font:700 14px/1.2 "Manrope";color:#132b42;margin:0 0 6px}

.why-reference-copy p{font:400 12px/1.3 "DM Sans";color:#687b88;margin:0}

.why-reference-arrow{font:400 23px "Space Grotesk";color:var(--orange);text-align:right}

.why-reference-note{position:absolute;right:5.5%;bottom:86px;width:174px;height:148px;border:1px solid #d6dfe2;background:rgba(255,255,255,.78);display:flex;flex-direction:column;justify-content:center;padding:20px 18px;box-sizing:border-box}

.why-reference-note span{width:34px;height:2px;background:var(--orange);display:block;margin-bottom:18px}

.why-reference-note p{font:600 10px/1.65 "Space Grotesk";letter-spacing:.27em;color:#5e707d;margin:0}

@media(max-width:1100px){
  .why-reference-content{padding-left:6%;padding-right:8%}.why-reference h2{font-size:53px}.why-reference-list{max-width:100%}.why-reference-note{right:4%;bottom:45px;width:145px;height:130px}.why-reference-note p{font-size:8px}
}

@media(max-width:800px){
  .why-reference{grid-template-columns:1fr;min-height:auto}.why-reference-image{min-height:540px}.why-reference-content{min-height:auto;padding:65px 28px 80px}.why-reference-blueprint{inset:0;opacity:.04}.why-reference h2{font-size:48px}.why-reference-note{display:none}
}

@media(max-width:600px){
  .why-reference-image{min-height:430px;background-position:center top}.why-reference-content{padding:55px 20px 62px}.why-reference-eyebrow{margin-bottom:27px}.why-reference h2{font-size:39px}.why-reference-lead{font-size:13px;margin:22px 0 27px}.why-desktop-break{display:none}.why-reference-item{grid-template-columns:34px 43px 1fr 18px;column-gap:6px;min-height:94px}.why-reference-index{font-size:17px}.why-reference-icon{width:39px;height:39px}.why-reference-icon svg{width:23px;height:23px}.why-reference-copy h3{font-size:11px;line-height:1.35}.why-reference-copy p{font-size:9px;line-height:1.35}.why-reference-arrow{font-size:19px}
}

.why-reference-image{background-image:url("../assets/why-skytern-reference-left.webp") !important}
.why-reference-blueprint{background-image:url("../assets/steel-detail.svg") !important}


/* FINAL WHY SKYTERN LAYOUT FIX */
.why-reference{grid-template-columns:minmax(0,50%) minmax(0,50%);}
.why-reference-content{padding:82px clamp(42px,7vw,110px) 76px clamp(48px,6.5vw,100px);}
.why-reference-heading{max-width:780px;}
.why-reference h2{max-width:780px;font-size:clamp(50px,3.65vw,68px);}
.why-reference-lead{max-width:700px;margin:25px 0 32px;}
.why-reference-list{width:100%;max-width:760px;}
.why-reference-item{grid-template-columns:56px minmax(0,1fr) 34px;column-gap:18px;min-height:96px;padding:8px 0;box-sizing:border-box;}
.why-reference-copy{min-width:0;max-width:none;}
.why-reference-copy h3{font-size:16px;line-height:1.25;margin:0 0 7px;max-width:520px;}
.why-reference-copy p{font-size:13px;line-height:1.4;max-width:520px;}
.why-reference-icon{width:50px;height:50px;}
.why-reference-arrow{font-size:25px;align-self:center;}
@media(max-width:1200px){
  .why-reference-content{padding-left:6%;padding-right:6%;}
  .why-reference h2{font-size:clamp(46px,4vw,58px);}
  .why-reference-item{grid-template-columns:52px minmax(0,1fr) 28px;column-gap:14px;}
}
@media(max-width:800px){
  .why-reference{grid-template-columns:1fr;}
  .why-reference-content{padding:65px 28px 80px;}
  .why-reference h2{font-size:48px;}
  .why-reference-item{grid-template-columns:48px minmax(0,1fr) 24px;column-gap:14px;min-height:92px;}
  .why-reference-copy h3{font-size:15px;}
  .why-reference-copy p{font-size:12px;}
}
@media(max-width:600px){
  .why-reference-content{padding:55px 20px 62px;}
  .why-reference h2{font-size:39px;}
  .why-reference-item{grid-template-columns:43px minmax(0,1fr) 18px;column-gap:10px;min-height:92px;}
  .why-reference-icon{width:39px;height:39px;}
  .why-reference-copy h3{font-size:12px;line-height:1.35;}
  .why-reference-copy p{font-size:10px;line-height:1.4;}
  .why-reference-arrow{font-size:19px;}
}