.engine-section { padding: 4.5rem 1.5rem; border-top: 1px solid rgba(215, 181, 91, .19); background: radial-gradient(ellipse at 50% 0%, rgba(175, 127, 40, .12), transparent 62%); }
.engine-section__head { max-width: 49rem; margin-bottom: 1.8rem; }
.engine-section h2 { margin: 0 0 .8rem; color: #fff6dc; font-size: clamp(1.8rem, 3.3vw, 2.75rem); line-height: 1.12; letter-spacing: -.03em; }
.engine-section__intro { color: #c9c5b3; line-height: 1.7; max-width: 43rem; }
.engine-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.engine-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(222, 190, 111, .26); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(38, 33, 19, .96), rgba(15, 17, 10, .98) 70%); box-shadow: inset 0 1px rgba(255, 228, 162, .07); }
.engine-card__visual { height: 190px; position: relative; overflow: hidden; background: radial-gradient(ellipse at 50% 60%, rgba(191, 137, 43, .16), transparent 65%); }
.engine-card canvas { display: block; width: 100%; height: 100%; }
.engine-card__number { position: absolute; top: 1rem; left: 1.15rem; color: #d4b873; font-size: .68rem; font-weight: 700; letter-spacing: .14em; }
.engine-card__body { padding: .2rem 1.3rem 1.5rem; }
.engine-card__eyebrow { color: #d4b873; font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.engine-card h3 { color: #fff5dc; font-size: 1.2rem; line-height: 1.3; margin: .48rem 0 .6rem; }
.engine-card__body > p:last-child { color: #c8c4b3; font-size: .91rem; line-height: 1.65; margin: 0; }
.engine-section__note { margin: 1.3rem 0 0; color: #aba995; font-size: .84rem; line-height: 1.6; max-width: 52rem; }
@media (max-width: 760px) { .engine-grid { grid-template-columns: 1fr; } .engine-card__visual { height: 165px; } .engine-section { padding: 3.4rem 1.25rem; } }

/* Decorative canvases sit behind each section's real, accessible content. */
.home-band, .engine-section, .dash-panel .dash-card, .home-footer, .home-board { position: relative; isolation: isolate; }
.gold-section-canvas {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: min(62%, 740px);
  height: min(260px, 100%);
  pointer-events: none;
  opacity: .72;
}
.dash-panel .gold-section-canvas { opacity: .5; }
.home-board .gold-section-canvas { opacity: .42; height: min(190px, 100%); }
@media (max-width: 760px) {
  .gold-section-canvas { width: 100%; height: min(190px, 100%); opacity: .48; }
  .dash-panel .gold-section-canvas { opacity: .34; }
}