/* Story template "carbonboards": the look of the scenes in templates/carbonboards/scenes.xslt.
   Loaded after /story/story.css; scoped to stories rendered with this template. */
.cb-story[data-template="carbonboards"] .cbs-hero-visual .cbs-pulse { animation: cbs-pulse 2.4s ease-out infinite; }
.cb-story[data-template="carbonboards"] .cbs-hero-visual .cbs-pulse.p2 { animation-delay: 1.2s; }
.cb-story[data-template="carbonboards"] .s-panel { fill: var(--slate); stroke: var(--rule); }
.cb-story[data-template="carbonboards"] .s-head { font: 500 10px var(--display); letter-spacing: .18em; fill: var(--fog); text-transform: uppercase; }
.cb-story[data-template="carbonboards"] .s-big { font: 600 22px var(--display); fill: var(--snow); letter-spacing: .02em; }
.cb-story[data-template="carbonboards"] .s-label { font: 500 8.5px var(--display); letter-spacing: .16em; fill: var(--fog); text-transform: uppercase; }
.cb-story[data-template="carbonboards"] .s-val { font: 12.5px var(--body); fill: var(--snow); }
.cb-story[data-template="carbonboards"] .s-mono { font: 10.5px var(--mono); fill: var(--snow); }
.cb-story[data-template="carbonboards"] .s-val.hot, .cb-story[data-template="carbonboards"] .s-mono.hot { fill: var(--amber); }
.cb-story[data-template="carbonboards"] .s-dim { font: 500 11px var(--display); letter-spacing: .12em; fill: var(--amber); }
.cb-story[data-template="carbonboards"] .s-small { font: 10px var(--body); fill: var(--fog); }
.cb-story[data-template="carbonboards"] .s-edge { fill: none; stroke: var(--snow); stroke-width: 1.6; stroke-linejoin: round; }
.cb-story[data-template="carbonboards"] .s-ridge { fill: var(--slate); }
.cb-story[data-template="carbonboards"] [data-p="snow"] circle { fill: var(--snow); opacity: 0; }
.cb-story[data-template="carbonboards"] .cbs-ride [data-p="snow"] circle { animation: cbs-fall linear infinite; opacity: .65; }
@keyframes cbs-fall { from { transform: translate(0, -40px); } to { transform: translate(-60px, 640px); } }
.cb-story[data-template="carbonboards"] .cbs-pulse { fill: none; stroke: var(--amber); opacity: 0; transform-box: fill-box; transform-origin: center; }
.cb-story[data-template="carbonboards"] .cbs-chip-live .cbs-pulse { animation: cbs-pulse 2.2s ease-out infinite; }
.cb-story[data-template="carbonboards"] .cbs-chip-live .cbs-pulse.p2 { animation-delay: 1.1s; }
@keyframes cbs-pulse { 0% { opacity: .9; transform: scale(.6); } 100% { opacity: 0; transform: scale(2.6); } }
.cb-story[data-template="carbonboards"] .cbs-wave { fill: none; stroke: var(--amber); stroke-width: 2; stroke-linecap: round; opacity: .2; }
.cb-story[data-template="carbonboards"] .cbs-scanning .cbs-wave { animation: cbs-wave 1.2s ease-in-out infinite; }
.cb-story[data-template="carbonboards"] .cbs-scanning .cbs-wave.w2 { animation-delay: .2s; }
.cb-story[data-template="carbonboards"] .cbs-scanning .cbs-wave.w3 { animation-delay: .4s; }
@keyframes cbs-wave { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .cb-story[data-template="carbonboards"] .cbs-scanning .cbs-wave { opacity: .8; }
}