/* WCM foundation section and page, using the existing brand styles. */
.wcm-foundation { border-top: 1px solid var(--line); }
.wcm-foundation-inner { display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; padding-top: 64px; padding-bottom: 64px; align-items: center; }
.wcm-foundation .eyebrow { margin: 0 0 18px; font-size: 12px; }
.wcm-foundation h2 { font-size: 38px; }
.wcm-foundation h2 em, .wcm-page h1 em { color: var(--lime); font-style: normal; }
.wcm-foundation-copy > p { color: var(--muted); font-size: 17px; margin: 0 0 24px; max-width: 610px; }
.wcm-foundation-links { display: flex; flex-wrap: wrap; gap: 15px 26px; align-items: center; }
.wcm-foundation-links a { font-size: 14px; }
.wcm-foundation-links a:first-child:not(.button) { color: var(--lime); }
.wcm-page-hero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 65px; padding-top: 75px; padding-bottom: 75px; align-items: center; }
.wcm-page-hero .eyebrow { font-size: 12px; margin: 0 0 24px; }
.wcm-page h1 { font-size: clamp(42px,4.7vw,64px); line-height: 1.1; letter-spacing: -2px; margin: 0 0 25px; }
.wcm-page-intro { color: var(--muted); font-size: 18px; max-width: 610px; margin: 0 0 30px; }
.wcm-layers { border: 1px solid var(--line); background: var(--surface, #17251c); border-radius: 4px; padding: 27px; }
.wcm-layer + .wcm-layer { border-top: 1px solid #465741; margin-top: 25px; padding-top: 25px; }
.wcm-layer-label { color: var(--muted); font: 12px var(--mono); letter-spacing: .7px; margin: 0 0 12px; }
.wcm-layer h2 { font-size: 30px; line-height: 1.2; color: var(--lime); letter-spacing: -.7px; }
.wcm-layer p:not(.wcm-layer-label) { color: var(--muted); font-size: 16px; margin: 13px 0 0; }
.wcm-layer .text-link { display: inline-block; color: var(--lime); font-size: 14px; margin-top: 18px; }
@media(max-width:900px) { .wcm-foundation-inner { gap: 35px; } .wcm-page-hero { grid-template-columns: 1fr; gap: 35px; } .wcm-layers { max-width: 650px; } }
@media(max-width:650px) { .wcm-foundation-inner { grid-template-columns: 1fr; gap: 23px; padding-top: 45px; padding-bottom: 45px; } .wcm-foundation h2 { font-size: 32px; } .wcm-foundation-copy > p { font-size: 16px; } .wcm-page-hero { padding-top: 45px; padding-bottom: 40px; } .wcm-page h1 { font-size: 43px; letter-spacing: -1.5px; } .wcm-page-intro { font-size: 17px; } .wcm-layers { padding: 22px; } }