/* ========================================================================== Greenhills — Fee Structure page Page-scoped components only. Every value below is derived from the tokens already declared in styles.css (--navy-950, --accent, --line, --mist, 8px radius, the clamp() type scale). Nothing here introduces a second system. The site had no table styling at all before this page, so the fee tables are the first — they are built to degrade into stacked cards on phones rather than scroll, because a 6-column money table cannot be read at 320px. ========================================================================== */ .page-hero--fees { --hero-image: url('/assets/campus-drone.jpg'); } /* The drone shot is brighter in its upper third than the other page heroes, which drops the accent-green breadcrumb to 4.27:1 over its lightest pixels. A top scrim pulls it back above 4.5:1 without changing the breadcrumb colour (keeping it consistent with every other page hero). Sits behind the hero content, which is already position:relative/z-index:1 in styles.css. */ .page-hero--fees::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(6, 22, 37, .55), rgba(6, 22, 37, .15) 45%, rgba(6, 22, 37, 0)); } /* Breadcrumb is a real