/* ========================================================== PLI — Phillips Light Industrial Brand: PLI Yellow #FEC202 · Accent Gold #E9AE00 · Deep Black #050505 Charcoal #1B1B1B · Steel Gray #767676 · White #FFFFFF Type: Roboto Condensed — 800/700 headlines, 500 subheads, 400 body Graphic language: 12–15° angled cuts, corner notches, high contrast Architecture: fixed WebGL canvas behind the page; sections are either transparent (world visible), scrimmed, or solid (world hidden). ========================================================== */ :root { --yellow: #FEC202; --gold: #E9AE00; --black: #050505; --charcoal: #1B1B1B; --gray: #767676; --light: #F4F4F4; --white: #FFFFFF; --cut: 13deg; --notch: 28px; --header-h: 78px; --ease: cubic-bezier(.22,.9,.24,1); } * { margin: 0; padding: 0; box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; /* Anchor offset. Lenis used to apply this as a -70px scroll offset in JS; scroll-padding-top is the native equivalent and, unlike the JS version, it also applies to a link followed from another page and to keyboard sequential-focus navigation. */ scroll-padding-top: calc(var(--header-h) + 16px); } body { font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-weight: 400; /* Was body.no-webgl, applied only when the WebGL scene failed or was skipped. The scene is gone, so this is now the one background the site has. Fixed attachment keeps it still behind the scroll, which is what the canvas used to do. */ background: radial-gradient(1200px 700px at 75% 20%, rgba(254,194,2,.14), transparent 60%), radial-gradient(900px 700px at 10% 80%, rgba(254,194,2,.06), transparent 55%), var(--black); background-attachment: fixed; color: var(--white); line-height: 1.55; /* Two declarations on purpose. `overflow-x: hidden` makes overflow-y compute to `auto`, which turns into a scroll container — and a scroll container breaks `position: sticky` for everything inside it, because the sticky element then sticks to a scrollport that never scrolls. That is what the pinned process track lives on. `overflow-x: clip` clips exactly the same way without creating one. The `hidden` line stays underneath it as the fallback for anything too old to know `clip`. */ overflow-x: hidden; overflow-x: clip; -webkit-font-smoothing: antialiased; } body.nav-open { overflow: hidden; } /* width:100% is load-bearing — `margin: 0 auto` cancels cross-axis stretch inside a column flex parent, which would otherwise let this size to max-width (1240px) and overflow narrower viewports. */ .container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 28px; } .yellow { color: var(--yellow); } .icon { display: inline-block; vertical-align: middle; stroke: currentColor; fill: none; } .ic-y { stroke: var(--yellow) !important; } .ic-yf { fill: var(--yellow); stroke: none; } h1, h2, h3, h4 { font-weight: 800; text-transform: uppercase; letter-spacing: -.005em; line-height: 1.02; } /* Images are wrapped in