/* The company graph in the sky (graph-sky.mjs, page flow look 'sky'): the section takes the hero's painted sky as its
   background, and clouds and birds drift behind the tiles and the words. The sky thins into the paper of the next section. */
.dm-page .gs-section { position: relative; isolation: isolate; padding-top: clamp(84px, 8vw, 130px); padding-bottom: clamp(140px, 13vw, 210px); background: #cde6ee url('./art/landscape-panorama-a3.webp') center top / auto 200%; }      /* more sky above the words, and below the key and the note before the paper (his note) */
.dm-page .gs-section > :not(.gs-layer) { position: relative; z-index: 1; }
.dm-page .gs-section::after { content: ""; position: absolute; inset: auto 0 0; z-index: 0; height: 100px; background: linear-gradient(to bottom, #fffdf600, var(--rd-paper, #fffdf6)); pointer-events: none; }
.gs-layer { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }
.gs-bird { fill: none; stroke: #354a46; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }