/* ═══════════════════════════════════════════════════════════════════════════
   CWD Scrollytelling — "The Slow Death and Dangerous Reinvention of CRC"
   LIGHT editorial treatment matching the report (white paper, blue section
   heads, CWD red, an oil-amber accent tying back to the cover). Self-hosted,
   dependency-free, CSP-clean. Scoped under .crc-story.
   ═══════════════════════════════════════════════════════════════════════════ */

.crc-story{
	--ink:#1b2430; --ink-soft:#4b586b; --faint:#7a8698;
	--blue:#0e6ba8; --blue-dk:#0a4d7a;
	--red:#c8102e; --oil:#c15a24; --oil-dk:#9c4417;
	--paper:#ffffff; --paper-2:#f6f3ee; --line:#e7e2d8;
	--serif:Georgia,"Iowan Old Style","Times New Roman",serif;
	--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--wrap:720px;
	background:var(--paper); color:var(--ink); font-family:var(--serif);
	-webkit-font-smoothing:antialiased; line-height:1.7;
}
.crc-story *{box-sizing:border-box;}
.crc-sr{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
/* never set overflow-x here — it breaks the sticky pins (prop-103 lesson). */

.crc-wrap{max-width:var(--wrap); margin:0 auto; padding:0 24px;}
.crc-wide{max-width:1080px; margin:0 auto; padding:0 24px;}

/* ── shared type ──────────────────────────────────────────────────────────── */
.crc-story p{font-size:19px; line-height:1.72; margin:0 0 22px; color:#28313d;}
.crc-story .crc-lead{font-size:22px; line-height:1.6;}
.crc-story a{color:var(--blue); text-decoration:underline; text-underline-offset:2px;}
.crc-eyebrow{font-family:var(--sans); font-size:13px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--blue); margin:0 0 14px;}
.crc-eyebrow--red{color:var(--red);} .crc-eyebrow--oil{color:var(--oil-dk);}
.crc-h2{font-family:var(--sans); font-size:clamp(28px,4.4vw,44px); font-weight:800; line-height:1.1; letter-spacing:-.01em; color:var(--ink); margin:0 0 20px;}
.crc-h3{font-family:var(--sans); font-size:clamp(21px,2.6vw,27px); font-weight:800; color:var(--blue-dk); margin:0 0 12px;}

/* section rhythm */
.crc-sec{padding:78px 0;}
.crc-sec--alt{background:var(--paper-2);}
.crc-sec--tight{padding:46px 0;}

/* reveal-on-scroll */
.crc-reveal{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease;}
.crc-reveal.crc-in{opacity:1; transform:none;}

/* ── HERO — the full cover as a cinematic backdrop ────────────────────────── */
.crc-hero{position:relative; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
	text-align:center; padding:40px 24px 46px; overflow:hidden; color:#fff;
	background:#0a0c0f center top / cover no-repeat;}
.crc-hero::after{content:""; position:absolute; inset:0; z-index:1;
	background:linear-gradient(180deg, rgba(8,10,13,.15) 0%, rgba(8,10,13,0) 30%, rgba(8,10,13,.55) 72%, rgba(8,10,13,.95) 100%);}
.crc-hero__inner{position:relative; z-index:2; max-width:960px; margin:0 auto;}
.crc-hero__eyebrow{font-family:var(--sans); font-size:13px; letter-spacing:.3em; text-transform:uppercase; font-weight:700; color:#f0a35e; margin:0 0 18px; text-shadow:0 2px 12px rgba(0,0,0,.7);}
.crc-hero__title{font-family:var(--sans); font-size:clamp(30px,5.4vw,60px); line-height:1.04; font-weight:800; text-transform:uppercase; letter-spacing:-.01em; margin:0; color:#fff; text-shadow:0 3px 24px rgba(0,0,0,.85);}
.crc-hero__title span{display:block; color:#f0a35e;}
.crc-hero__byline{font-family:var(--sans); margin:20px 0 0; font-size:15px; color:#cfd6df; letter-spacing:.02em; text-shadow:0 2px 12px rgba(0,0,0,.8);}
.crc-hero__byline b{color:#fff; font-weight:600;}
.crc-hero__cue{font-family:var(--sans); margin-top:30px; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:#aeb8c4;}
.crc-hero__cue span{display:block; font-size:22px; margin-top:4px; color:#f0a35e; animation:crcBob 1.8s ease-in-out infinite;}
@keyframes crcBob{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(7px);opacity:1}}

/* ── ACT dividers ─────────────────────────────────────────────────────────── */
.crc-act{text-align:center; padding:96px 24px; background:linear-gradient(180deg,#0c1622,#12263a); color:#fff;}
.crc-act--red{background:linear-gradient(180deg,#2a0d10,#3d1519);}
.crc-act__num{font-family:var(--sans); font-size:13px; letter-spacing:.4em; text-transform:uppercase; font-weight:800; color:#f0a35e; margin:0 0 16px;}
.crc-act--red .crc-act__num{color:#ff8f84;}
.crc-act__title{font-family:var(--sans); font-size:clamp(32px,6vw,60px); font-weight:800; text-transform:uppercase; letter-spacing:-.01em; margin:0; color:#fff; line-height:1.04;}
.crc-act__title em{font-style:normal; color:#f0a35e;} .crc-act--red .crc-act__title em{color:#ff8f84;}
.crc-act__sub{font-family:var(--serif); max-width:600px; margin:22px auto 0; font-size:20px; line-height:1.6; color:#c9d3df;}

/* ── figures (real report art) ────────────────────────────────────────────── */
.crc-fig{margin:34px auto; max-width:1000px;}
.crc-fig img{width:100%; height:auto; display:block; border-radius:10px; border:1px solid var(--line); box-shadow:0 14px 34px rgba(20,32,52,.08); background:#fff;}
.crc-fig figcaption{font-family:var(--sans); font-size:13px; color:var(--faint); margin-top:12px; text-align:center; line-height:1.5;}
.crc-fig--tall{max-width:520px;}

/* ── pull quote ───────────────────────────────────────────────────────────── */
.crc-pull{max-width:820px; margin:52px auto; padding:6px 0 6px 30px; border-left:5px solid var(--red);}
.crc-pull p{font-family:var(--serif); font-size:clamp(23px,3.4vw,34px); line-height:1.36; font-weight:500; color:#131a24; margin:0;}
.crc-pull cite{font-family:var(--sans); display:block; margin-top:20px; font-style:normal; font-size:14px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--blue-dk);}
.crc-pull cite small{display:block; font-weight:500; text-transform:none; letter-spacing:.01em; color:var(--faint); margin-top:5px; font-size:13px;}

/* ── stat band ────────────────────────────────────────────────────────────── */
.crc-stats{display:flex; flex-wrap:wrap; gap:30px 54px; justify-content:center; margin:40px auto; max-width:1000px;}
.crc-stat{text-align:center; min-width:150px;}
.crc-stat__n{font-family:var(--sans); font-size:clamp(40px,7vw,72px); font-weight:800; line-height:1; color:var(--blue); font-variant-numeric:tabular-nums;}
.crc-stat__n--red{color:var(--red);} .crc-stat__n--oil{color:var(--oil-dk);}
.crc-stat__l{font-family:var(--sans); font-size:14px; line-height:1.4; color:var(--ink-soft); margin-top:12px; max-width:220px; margin-inline:auto;}

/* ── SCRUBBED PINNED SCENES (decline curve, dome spotlight) ───────────────── */
.crc-sc{position:relative;}
.crc-sc__pin{position:sticky; top:0; height:100vh; display:flex; align-items:center; justify-content:center; background:var(--paper);}
.crc-sc__pin--alt{background:var(--paper-2);}
.crc-sc__stage{width:100%; max-width:1040px; padding:0 24px; text-align:center;}
.crc-sc__kicker{font-family:var(--sans); font-size:14px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--blue); margin:0 0 6px; transition:opacity .5s, color .5s;}
.crc-sc__kicker--red{color:var(--red);}

/* decline curve */
.crc-curve{fill:none; stroke:var(--oil); stroke-width:4; stroke-linecap:round;}
.crc-curve-area{fill:url(#crcOilFade); opacity:0;}
.crc-axis{stroke:#cfc9bd; stroke-width:1.5;}
.crc-lbl{fill:var(--faint); font-family:var(--sans); font-size:14px; font-weight:600;}
.crc-drop{font-family:var(--sans); font-size:clamp(30px,6vw,58px); font-weight:800; color:var(--red);}
.crc-chips{display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:24px;}
.crc-chip{font-family:var(--sans); font-size:14px; border:1px solid var(--line); background:#fff; border-radius:11px; padding:11px 17px; opacity:0; transform:translateY(12px); transition:opacity .5s, transform .5s;}
.crc-chip.crc-on{opacity:1; transform:none;}
.crc-chip b{color:var(--oil-dk);}

/* dome spotlight scene */
.crc-dome{position:relative; max-width:1000px; margin:0 auto;}
.crc-dome img{width:100%; height:auto; display:block; border-radius:10px;}
.crc-dome__shade{position:absolute; inset:0; border-radius:10px; pointer-events:none;
	background:rgba(246,243,238,.72); -webkit-mask:radial-gradient(circle var(--r,26%) at var(--x,20%) 46%, transparent 0, transparent 60%, #000 76%); mask:radial-gradient(circle var(--r,26%) at var(--x,20%) 46%, transparent 0, transparent 60%, #000 76%);}
.crc-dome__steps{display:flex; justify-content:space-around; margin-top:20px;}
.crc-dome__step{font-family:var(--sans); font-size:15px; font-weight:700; color:var(--faint); transition:color .3s, opacity .3s; opacity:.5; flex:1;}
.crc-dome__step.crc-on{color:var(--blue); opacity:1;}
.crc-dome__step b{display:block; font-size:12px; color:var(--faint); font-weight:600; margin-top:3px;}
.crc-dome__step.crc-on b{color:var(--ink-soft);}

/* ── OUTRO ────────────────────────────────────────────────────────────────── */
.crc-outro{text-align:center; padding:96px 24px 90px; background:linear-gradient(180deg,#0c1622,#0a1119); color:#fff;}
.crc-outro__logo{width:180px; height:auto; margin:0 auto 26px; filter:brightness(0) invert(1); opacity:.92;}
.crc-outro__motto{font-family:var(--sans); font-size:clamp(30px,6vw,60px); font-weight:800; text-transform:uppercase; letter-spacing:.03em; margin:0;}
.crc-outro__motto span{color:#f0a35e;}
.crc-outro__lede{font-family:var(--serif); max-width:640px; margin:24px auto 0; font-size:20px; line-height:1.6; color:#c4cdd9;}
.crc-outro__cta{display:inline-flex; align-items:center; gap:9px; margin-top:36px; padding:16px 32px; border-radius:999px; background:var(--oil); color:#fff; text-decoration:none; font-family:var(--sans); font-weight:700; font-size:16px; transition:transform .15s, background .15s;}
.crc-outro__cta:hover{background:var(--oil-dk); transform:translateY(-2px); color:#fff;}
.crc-outro__meta{font-family:var(--sans); margin-top:32px; font-size:13px; color:#8c96a3; line-height:1.7;}
.crc-outro__meta a{color:#f0a35e;}
.crc-thanks{font-family:var(--sans); margin-top:14px; font-size:12.5px; color:#6f7b89; max-width:640px; margin-inline:auto;}

/* ── top report link (sticky, always reachable) ──────────────────────────── */
.crc-hero__pdf{display:inline-flex; align-items:center; gap:8px; margin-top:30px; padding:13px 26px; border-radius:999px;
	background:#f0a35e; color:#12181f; text-decoration:none; font-family:var(--sans); font-weight:800; font-size:15px; letter-spacing:.01em;
	transition:transform .15s, background .15s;}
.crc-hero__pdf:hover{background:#f6b878; transform:translateY(-2px); color:#12181f;}

/* ── native charts ────────────────────────────────────────────────────────── */
.crc-chart{max-width:940px; margin:30px auto;}
.crc-chart svg{width:100%; height:auto; display:block; overflow:visible;}
.crc-chart figcaption,.crc-fig figcaption{font-family:var(--sans); font-size:13px; color:var(--faint); text-align:center; margin-top:16px; line-height:1.5;}

/* donut */
.crc-donut{display:flex; align-items:center; justify-content:center; gap:44px; flex-wrap:wrap;}
.crc-donut__svg{flex:0 0 340px; max-width:340px; position:relative;}
.crc-donut-big{font-family:var(--sans); font-weight:800; font-size:56px; fill:var(--blue); text-anchor:middle;}
.crc-donut-lab{font-family:var(--sans); font-weight:600; font-size:15px; fill:var(--ink-soft); text-anchor:middle; transition:opacity .4s;}
.crc-legend{list-style:none; margin:0; padding:0; text-align:left; min-width:250px;}
.crc-legend li{font-family:var(--sans); font-size:15px; color:var(--ink); padding:7px 0; display:flex; align-items:center; gap:11px; opacity:0; transform:translateX(-8px); transition:opacity .4s, transform .4s;}
.crc-legend li.crc-on{opacity:1; transform:none;}
.crc-legend .dot{width:13px; height:13px; border-radius:3px; flex:0 0 13px;}
.crc-legend b{font-variant-numeric:tabular-nums;}
.crc-legend small{color:var(--faint); margin-left:auto; font-variant-numeric:tabular-nums;}

/* bars */
.crc-bar-x{font-family:var(--sans); font-size:12px; fill:var(--faint);}
.crc-bar-v{font-family:var(--sans); font-size:14px; font-weight:800; fill:var(--ink); transition:opacity .3s;}
.crc-claim-line{stroke:var(--red); stroke-width:2; stroke-dasharray:7 5;}
.crc-claim{transition:opacity .4s;}
.crc-claim text{font-family:var(--sans); font-size:13px; font-weight:800; fill:var(--red);}
.crc-bar-axis{stroke:#d8d2c6; stroke-width:1.5;}
.crc-bar-grid{stroke:#ece7dd; stroke-width:1;}

/* cost */
.crc-cost-num{font-family:var(--sans); font-weight:800; font-size:clamp(48px,10vw,110px); line-height:1; color:var(--oil-dk); text-align:center; font-variant-numeric:tabular-nums;}
.crc-cost-trill{font-family:var(--sans); font-weight:700; font-size:clamp(17px,2.4vw,22px); color:var(--red); text-align:center; margin-top:14px; transition:opacity .5s;}

/* animated process diagram (capture → transport → store) */
.crc-proc{max-width:960px; margin:0 auto;}
.crc-proc svg{width:100%; height:auto; display:block;}
.crc-sky{fill:#eef4f8;} .crc-ground{fill:#efe7d6;} .crc-under{fill:#e2d6bf;} .crc-deep{fill:#c9b590;}
.crc-struct{fill:#9aa7b4; transition:fill .35s, opacity .35s;} .crc-struct-2{fill:#7d8794;}
.crc-pipe{fill:none; stroke:#c15a24; stroke-width:9; stroke-linecap:round; stroke-linejoin:round;}
.crc-pipe-in{fill:none; stroke:#7bb0dd; stroke-width:4; stroke-linecap:round; stroke-linejoin:round;}
.crc-co2{fill:#5f6b78; opacity:0;}
.crc-plume{opacity:0; transition:opacity .4s;}
.crc-pool{fill:#8a95a3; opacity:0; transform-origin:center; transform-box:fill-box;}
.crc-stg{opacity:.45; transition:opacity .35s;} .crc-stg.crc-active{opacity:1;}
.crc-stg .crc-stg-dome{fill:#fff; opacity:.55; transition:opacity .35s;} .crc-stg.crc-active .crc-stg-dome{opacity:1;}
.crc-stg-num{fill:#9fb3c4; font-family:var(--sans); font-weight:800; font-size:22px; text-anchor:middle; transition:fill .35s;}
.crc-stg.crc-active .crc-stg-num{fill:var(--blue);}
.crc-stg-label{fill:#9aa7b4; font-family:var(--sans); font-weight:800; font-size:26px; text-anchor:middle; transition:fill .35s;}
.crc-stg.crc-active .crc-stg-label{fill:var(--blue-dk);}
.crc-dome__steps{display:flex; justify-content:space-around; gap:12px; margin-top:22px;}
.crc-dome__step{flex:1; font-family:var(--sans); opacity:.5; transition:opacity .3s, color .3s;}
.crc-dome__step.crc-on{opacity:1;}
.crc-dome__step b{display:block; font-size:15px; font-weight:800; color:var(--faint);}
.crc-dome__step.crc-on b{color:var(--blue);}
.crc-dome__step span{display:block; font-size:13px; color:var(--faint); margin-top:2px;}
.crc-dome__step.crc-on span{color:var(--ink-soft);}

/* ── background-image sections (cinematic, text overlaid) ─────────────────── */
.crc-bgsec{position:relative; padding:120px 24px; color:#fff; background:#12181f center / cover no-repeat; background-attachment:scroll;}
.crc-bgsec::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,11,15,.62), rgba(8,11,15,.82));}
.crc-bgsec .crc-wrap{position:relative; z-index:2;}
.crc-bgsec .crc-h2{color:#fff;} .crc-bgsec p{color:#dfe5ec;}
.crc-bgsec .crc-eyebrow{color:#f0a35e;}
.crc-bgsec .crc-stat__n{color:#ff7d6e;} .crc-bgsec .crc-stat__l{color:#c2cad4;}
.crc-bgsec .crc-pull p{color:#fff;} .crc-bgsec .crc-pull cite{color:#f0a35e;} .crc-bgsec .crc-pull cite small{color:#aeb8c4;}
.crc-bgsec figcaption{color:#aeb8c4 !important;}
.crc-bgsec-credit{position:absolute; right:14px; bottom:10px; z-index:2; font-family:var(--sans); font-size:11px; color:rgba(255,255,255,.5);}

/* ── California map (SVG, animated wells + project pins) ───────────────────── */
.crc-map{max-width:1000px; margin:0 auto; display:flex; gap:36px; align-items:center; justify-content:center; flex-wrap:wrap;}
.crc-map__svg{flex:0 0 420px; max-width:min(460px,86vw);}
.crc-ca{fill:#eae3d6; stroke:#c9bda3; stroke-width:1.2;}
.crc-well{fill:#c15a24; opacity:0;}
.crc-pin{opacity:0;}
.crc-pin circle{fill:#0e6ba8; stroke:#fff; stroke-width:1.6;}
.crc-pin--red circle{fill:#c8102e;}
.crc-pin__label{font-family:var(--sans); font-size:14px; font-weight:700; fill:#1b2430;}
.crc-pin__sub{font-family:var(--sans); font-size:11.5px; fill:var(--faint);}
.crc-map__legend{flex:1; min-width:260px; text-align:left;}
.crc-map__legend li{font-family:var(--sans); font-size:15px; color:var(--ink); padding:8px 0; display:flex; align-items:center; gap:11px;}
.crc-map__legend .k{width:14px; height:14px; border-radius:50%; border:2px solid #fff; flex:0 0 14px; box-shadow:0 0 0 1px #cbd3dc;}

/* ── falling money (buried billions) ──────────────────────────────────────── */
.crc-money{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;}
.crc-bill{position:absolute; top:-60px; width:44px; height:22px; border-radius:3px;
	background:linear-gradient(135deg,#2f7d4f,#256b41); border:1px solid #1c5230; opacity:.0;
	display:flex; align-items:center; justify-content:center; color:#bfe3cd; font-family:var(--sans); font-weight:800; font-size:12px;
	animation:crcFall linear infinite;}
.crc-bill::before{content:"$";}
@keyframes crcFall{
	0%{transform:translateY(0) rotate(0deg); opacity:0;}
	8%{opacity:.85;}
	80%{opacity:.85;}
	100%{transform:translateY(102vh) rotate(220deg); opacity:0;}
}
.crc-sec--money{position:relative; overflow:hidden;}
.crc-sec--money .crc-wrap,.crc-sec--money .crc-chart,.crc-sec--money .crc-stats{position:relative; z-index:2;}
@media (prefers-reduced-motion:reduce){ .crc-bill{display:none;} }

/* ── responsive ───────────────────────────────────────────────────────────── */
@media (max-width:640px){
	.crc-story p{font-size:18px;}
	.crc-stats{gap:26px 32px;}
	.crc-dome__steps{margin-top:14px;}
	.crc-dome__step{font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
	.crc-reveal{opacity:1; transform:none;}
	.crc-chip{opacity:1; transform:none;}
	.crc-hero__cue span{animation:none;}
}

/* ── contrast hardening — beat the theme's h2/link colors on dark sections ─── */
.crc-story .crc-hero__pdf{color:#12181f !important; text-decoration:none !important;}
.crc-story .crc-outro__cta{color:#fff !important; text-decoration:none !important;}
.crc-story .crc-outro__motto{color:#fff !important;}
.crc-story .crc-outro__motto span{color:#f0a35e !important;}
.crc-story .crc-outro__lede{color:#d6dce4 !important;}
.crc-story .crc-outro__meta{color:#c0c9d4 !important;}
.crc-story .crc-outro__meta a{color:#f0a35e !important; text-decoration:underline !important;}
.crc-story .crc-thanks{color:#9caab8 !important;}
.crc-story .crc-act__title,.crc-story .crc-act__num,.crc-story .crc-act__sub{color:inherit;}

/* ═══════════ v10: split hero, JPG spotlight, readability, sizzle ═══════════ */

/* ── split hero: full cover + intro copy side by side ─────────────────────── */
.crc-hero{min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
	background:#0b1017 !important; padding:78px 30px 44px; text-align:left;}
.crc-hero::after{display:none;}
.crc-hero__grid{display:grid; grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr); gap:52px; align-items:center; max-width:1140px; width:100%; margin:0 auto;}
.crc-hero__cover{margin:0;}
.crc-hero__cover img{width:100%; max-height:82vh; object-fit:contain; display:block; border-radius:8px; box-shadow:0 26px 64px rgba(0,0,0,.55);}
.crc-hero__text{max-width:520px;}
.crc-hero__dek{font-family:var(--serif); font-size:clamp(23px,2.7vw,34px); line-height:1.32; color:#fff; margin:14px 0 0; font-weight:500;}
.crc-hero__dek b{color:#f0a35e; font-weight:600;}
.crc-hero .crc-hero__byline{margin-top:22px;}
.crc-hero .crc-hero__pdf{margin-top:26px;}
.crc-hero__cue{margin-top:30px;}
@media (max-width:860px){
	.crc-hero{padding:64px 24px 40px;}
	.crc-hero__grid{grid-template-columns:1fr; gap:28px; max-width:560px;}
	.crc-hero__cover img{max-height:58vh; margin:0 auto;}
	.crc-hero__text{text-align:center; max-width:none; margin:0 auto;}
}

/* ── animated underline eyebrow ───────────────────────────────────────────── */
.crc-eyebrow--u{display:inline-block; position:relative; padding-bottom:8px;}
.crc-eyebrow--u::after{content:""; position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--oil);
	transition:width 1s cubic-bezier(.2,.7,.2,1);}
.crc-reveal.crc-in .crc-eyebrow--u::after, .crc-eyebrow--u.crc-in::after{width:100%;}

/* ── dark bgsec readability ───────────────────────────────────────────────── */
.crc-bgsec::before{background:linear-gradient(180deg, rgba(7,10,14,.74), rgba(7,10,14,.9)) !important;}
.crc-bgsec .crc-h2,.crc-bgsec .crc-h3{text-shadow:0 2px 18px rgba(0,0,0,.7);}
.crc-bgsec p{color:#e6ebf1 !important; text-shadow:0 1px 12px rgba(0,0,0,.6);}
.crc-bgsec .crc-stat__n{color:#ff9182 !important; text-shadow:0 2px 20px rgba(0,0,0,.55);}
.crc-bgsec .crc-stat__l{color:#dbe2ea !important; text-shadow:0 1px 8px rgba(0,0,0,.7);}
.crc-bgsec .crc-pull p{text-shadow:0 2px 18px rgba(0,0,0,.6);}

/* ── JPG spotlight (real dome image, dims all but the active stage) ────────── */
.crc-spot{position:relative; max-width:1000px; margin:0 auto; border-radius:12px; overflow:hidden; box-shadow:0 14px 34px rgba(20,32,52,.1);}
.crc-spot img{width:100%; height:auto; display:block;}
.crc-spot__veil{position:absolute; inset:0; opacity:0; transition:opacity .55s ease; pointer-events:none;}
.crc-spot__veil--0{background:radial-gradient(circle 22% at 18% 46%, rgba(246,243,238,0) 40%, rgba(244,241,235,.72) 66%);}
.crc-spot__veil--1{background:radial-gradient(circle 22% at 50% 46%, rgba(246,243,238,0) 40%, rgba(244,241,235,.72) 66%);}
.crc-spot__veil--2{background:radial-gradient(circle 22% at 82% 46%, rgba(246,243,238,0) 40%, rgba(244,241,235,.72) 66%);}
.crc-spot__veil.crc-on{opacity:1;}

/* ── dramatic $1 vs $21B comparison ───────────────────────────────────────── */
.crc-gap{max-width:820px; margin:38px auto 8px;}
.crc-gap__row{display:grid; grid-template-columns:190px 1fr auto; align-items:center; gap:16px; margin:16px 0;}
.crc-gap__lbl{font-family:var(--sans); font-size:14px; color:var(--ink-soft); text-align:right;}
.crc-gap__track{height:26px; background:#e7e0d3; border-radius:6px; overflow:hidden;}
.crc-gap__fill{height:100%; border-radius:6px; width:0;}
.crc-gap__fill--tiny{background:var(--ink-soft);}
.crc-gap__fill--huge{background:linear-gradient(90deg,#d4622a,#c8102e);}
.crc-gap.crc-in .crc-gap__fill--tiny{width:2px; transition:width .8s ease .2s;}
.crc-gap.crc-in .crc-gap__fill--huge{width:100%; transition:width 1.5s cubic-bezier(.2,.7,.2,1) .35s;}
.crc-gap__val{font-family:var(--sans); font-weight:800; font-size:26px; min-width:70px;}
.crc-gap__val--tiny{color:var(--ink-soft);} .crc-gap__val--huge{color:var(--red);}

/* ── decline sizzle ───────────────────────────────────────────────────────── */
.crc-sc__pin--decline{background:radial-gradient(120% 100% at 50% 30%, #fbf4ea, #f3ede2);}
.crc-grid{stroke:#e4dccb; stroke-width:1;}
.crc-gridlbl{fill:#b3a992; font-family:var(--sans); font-size:12px;}
.crc-enddot{fill:var(--red);}
.crc-enddot-ring{fill:none; stroke:var(--red); stroke-width:2; transform-origin:center; transform-box:fill-box; animation:crcPulse 1.8s ease-out infinite;}
@keyframes crcPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.6);opacity:0}100%{opacity:0}}
.crc-drop{font-size:clamp(34px,7vw,68px) !important;}
.crc-peaklbl{fill:var(--ink-soft); font-family:var(--sans); font-size:14px; font-weight:700;}
@media (prefers-reduced-motion:reduce){ .crc-enddot-ring{animation:none;} }

/* ═══════════ v11: colored logo, findings list, 0.4% chart ═══════════ */

/* colored CWD logo on a white pill (readable on the dark footer) */
.crc-story .crc-outro__logo{filter:none !important; background:#fff; padding:16px 24px; border-radius:14px; opacity:1; box-shadow:0 8px 30px rgba(0,0,0,.35);}
.crc-story .crc-thanks{text-align:center !important; margin-left:auto; margin-right:auto;}

/* "This report finds" list */
.crc-finds{list-style:none; margin:30px auto 0; padding:0; max-width:760px;}
.crc-finds li{position:relative; padding:18px 0 18px 42px; border-top:1px solid var(--line); font-family:var(--serif); font-size:18.5px; line-height:1.6; color:#28313d;}
.crc-finds li:last-child{border-bottom:1px solid var(--line);}
.crc-finds li::before{content:""; position:absolute; left:8px; top:26px; width:13px; height:13px; border-radius:50%; background:var(--red); box-shadow:0 0 0 4px rgba(200,16,46,.14);}
.crc-finds b{color:var(--oil-dk); font-weight:700;}

/* 0.4% "this is all they capture" chart */
.crc-tiny-num{font-family:var(--sans); font-weight:800; font-size:clamp(60px,13vw,140px); color:var(--red); text-align:center; line-height:.95; font-variant-numeric:tabular-nums;}
.crc-tiny-sub{font-family:var(--sans); text-align:center; font-size:15px; color:var(--ink-soft); margin:2px 0 26px;}
.crc-tiny-cap{fill:var(--ink-soft); font-family:var(--sans); font-size:15px; font-weight:700;}
.crc-tiny-lbl{fill:var(--red); font-family:var(--sans); font-size:14px; font-weight:800;}
.crc-tiny-ptr{stroke:var(--red); stroke-width:2;}

/* ═══════════ v12: wide-banner hero, title overlaid ═══════════ */
.crc-hero{
	background-image:var(--hero-bg,none) !important; background-color:#0a0c0f !important;
	background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;
	min-height:100vh !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; padding:88px 26px 54px; position:relative;}
.crc-hero::after{display:block !important; content:""; position:absolute; inset:0; z-index:1;
	background:linear-gradient(180deg, rgba(8,10,13,.55) 0%, rgba(8,10,13,.32) 42%, rgba(8,10,13,.82) 100%);}
.crc-hero__inner{position:relative; z-index:2; max-width:1060px; margin:0 auto;}
.crc-hero__title{font-family:var(--sans); font-size:clamp(34px,6.3vw,74px); line-height:1.02; font-weight:800;
	text-transform:uppercase; letter-spacing:-.012em; color:#fff; margin:16px auto 0; max-width:15ch;
	text-shadow:0 4px 34px rgba(0,0,0,.9), 0 1px 3px rgba(0,0,0,.7);}
.crc-hero__title span{color:#f0a35e;}
.crc-hero__byline{font-family:var(--sans); margin:24px 0 0; font-size:16px; color:#e2e8ef; letter-spacing:.02em;
	text-shadow:0 2px 12px rgba(0,0,0,.85);}
.crc-hero__byline a{color:#f0a35e !important; text-decoration:none !important; font-weight:700; border-bottom:1px solid rgba(240,163,94,.55);}
.crc-hero__byline a:hover{border-bottom-color:#f0a35e;}

/* ═══════════ v13: dome cross-fade frames + white dark-section stats ═══════════ */
.crc-spot{position:relative; max-width:1000px; margin:0 auto; border-radius:12px; overflow:hidden; box-shadow:0 14px 34px rgba(20,32,52,.1); aspect-ratio:1200/581; background:#eef4f8;}
.crc-spot__frame{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .55s ease;}
.crc-spot__frame.crc-on{opacity:1;}

/* dark-section stats readable in WHITE */
.crc-bgsec .crc-stat__n{color:#ffffff !important; text-shadow:0 2px 22px rgba(0,0,0,.65) !important;}
.crc-bgsec .crc-stat__l{color:#f1f4f8 !important; text-shadow:0 1px 10px rgba(0,0,0,.8) !important;}

/* ═══════════ v14: animated findings, decline drama, $1 spotlight, mobile AF ═══════════ */

/* ── findings: numbered, staggered reveal ─────────────────────────────────── */
.crc-finds{counter-reset:crcfind; opacity:1 !important; transform:none !important;}
.crc-finds li{padding:20px 0 20px 60px; opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);}
.crc-finds.crc-in li{opacity:1; transform:none;}
.crc-finds.crc-in li:nth-child(1){transition-delay:.05s} .crc-finds.crc-in li:nth-child(2){transition-delay:.15s}
.crc-finds.crc-in li:nth-child(3){transition-delay:.25s} .crc-finds.crc-in li:nth-child(4){transition-delay:.35s}
.crc-finds.crc-in li:nth-child(5){transition-delay:.45s} .crc-finds.crc-in li:nth-child(6){transition-delay:.55s}
.crc-finds li::before{counter-increment:crcfind; content:counter(crcfind,decimal-leading-zero);
	left:2px; top:18px; width:auto; height:auto; background:none; border-radius:0; box-shadow:none;
	font-family:var(--sans); font-weight:800; font-size:23px; color:var(--oil); line-height:1;}

/* ── decline: "lost production" region + big count-up ─────────────────────── */
.crc-lost{fill:rgba(200,16,46,.13); opacity:0;}
.crc-declbig{font-family:var(--sans); font-weight:800; font-size:clamp(52px,11vw,120px); line-height:.92; color:var(--red); font-variant-numeric:tabular-nums; margin-top:8px; opacity:0; transition:opacity .5s;}
.crc-declbig.crc-on{opacity:1;}
.crc-drop{color:var(--ink-soft) !important; font-size:clamp(17px,2.4vw,22px) !important; font-weight:600 !important; max-width:560px; margin:6px auto 0;}
.crc-drop b{color:var(--red);}

/* ── $1 spotlight ─────────────────────────────────────────────────────────── */
.crc-onedollar{text-align:center; margin:6px auto 30px;}
.crc-onedollar__wrap{position:relative; display:inline-block;}
.crc-onedollar__big{font-family:var(--sans); font-weight:800; font-size:clamp(64px,14vw,150px); line-height:.9; color:var(--red); position:relative; z-index:2;}
.crc-onedollar__ring{position:absolute; inset:-20% -8%; border:3px solid var(--red); border-radius:50%; opacity:.5; z-index:1; animation:crcRing 2.4s ease-out infinite;}
@keyframes crcRing{0%{transform:translate(-50%,-50%) scale(.7);opacity:.6}70%{transform:translate(-50%,-50%) scale(1.25);opacity:0}100%{opacity:0}}
.crc-onedollar__sub{font-family:var(--sans); font-size:clamp(16px,2.4vw,21px); color:var(--ink); margin-top:6px; font-weight:600;}
.crc-onedollar__sub b{color:var(--oil-dk);}
.crc-gap__val--huge{color:var(--red); animation:none;}
.crc-gap.crc-in .crc-gap__val--huge{animation:crcThrob 1.6s ease .4s;}
@keyframes crcThrob{0%,100%{transform:scale(1)}30%{transform:scale(1.14)}}

/* ══════════════════ MOBILE — top-tier responsive ══════════════════ */
@media (max-width:900px){
	.crc-sec{padding:56px 0;} .crc-bgsec{padding:84px 20px;}
	.crc-map,.crc-donut{gap:24px;}
	.crc-map__svg{flex:0 0 auto; max-width:min(320px,80vw);}
	.crc-donut__svg{flex:0 0 auto; max-width:min(300px,74vw);}
	.crc-map__legend,.crc-legend{min-width:0; width:100%;}
}
@media (max-width:640px){
	.crc-wrap{padding:0 20px;} .crc-story p{font-size:17px; line-height:1.66;}
	.crc-lead{font-size:19px !important;}
	.crc-h2{font-size:clamp(25px,7.4vw,34px);} .crc-h3{font-size:clamp(19px,5.6vw,23px);}
	.crc-pull{margin:36px auto; padding-left:20px;} .crc-pull p{font-size:clamp(20px,6vw,26px);}
	.crc-stats{gap:24px 26px; margin:30px auto;}
	.crc-stat{min-width:120px;} .crc-stat__n{font-size:clamp(38px,13vw,58px);} .crc-stat__l{font-size:12.5px; max-width:160px;}
	.crc-finds li{padding:16px 0 16px 46px; font-size:16.5px;} .crc-finds li::before{font-size:19px; top:16px;}
	/* gap bars: label above the bar */
	.crc-gap__row{grid-template-columns:1fr auto; gap:8px 12px;}
	.crc-gap__lbl{grid-column:1 / -1; text-align:left; font-size:13px;}
	.crc-gap__val{font-size:22px; min-width:52px;}
	/* pinned scenes fit the viewport */
	.crc-sc__stage{padding:0 18px;}
	.crc-sc__kicker{font-size:12px; letter-spacing:.14em;}
	.crc-donut{flex-direction:column;}
	.crc-map{flex-direction:column;}
	.crc-dome__steps{gap:8px;} .crc-dome__step b{font-size:12.5px;} .crc-dome__step span{font-size:11px;}
	.crc-onedollar__big{font-size:clamp(52px,17vw,92px);}
	.crc-act{padding:72px 22px;} .crc-act__title{font-size:clamp(28px,9vw,44px);}
	.crc-hero{padding:80px 22px 46px;} .crc-hero__title{font-size:clamp(28px,8.4vw,44px); max-width:none;}
	.crc-tiny-num{font-size:clamp(52px,18vw,90px);}
	.crc-outro__motto{font-size:clamp(26px,8vw,40px);}
	.crc-bar-x{font-size:10px;}
}
@media (max-width:400px){
	.crc-stats{gap:20px;} .crc-stat{min-width:100px;}
}

/* ═══════════ v15: dark-stat readability (no reveal dependency) + kill footer gap ═══════════ */
/* stats on photo backgrounds must never hide behind a reveal that didn't fire */
.crc-bgsec .crc-stats{opacity:1 !important; transform:none !important;}
.crc-bgsec .crc-stat__n{color:#ffffff !important; text-shadow:0 2px 22px rgba(0,0,0,.85), 0 0 3px rgba(0,0,0,.6) !important;}
.crc-bgsec .crc-stat__l{color:#f4f7fa !important; text-shadow:0 1px 10px rgba(0,0,0,.85) !important;}
/* remove the white strip between the dark outro and the site footer */
.page-template-page-scrolly-crc-php #content,
.page-template-page-scrolly-crc-php #page{padding-bottom:0 !important; margin-bottom:0 !important;}
.page-template-page-scrolly-crc-php #colophon{margin-top:0 !important;}

/* ═══════════ v16: fix eyebrow contrast, dark-photo text, mobile charts, light outro ═══════════ */

/* (1) colored eyebrows/hero text were being overridden by `.crc-story p` (0-1-1) */
.crc-story .crc-hero__eyebrow{color:#f0a35e !important;}
.crc-story .crc-hero__byline{color:#e6ebf1 !important;}
.crc-story .crc-hero__dek{color:#ffffff !important;}
.crc-story .crc-hero__cue{color:#b6c0cc !important;}
.crc-story .crc-eyebrow{color:var(--blue) !important;}
.crc-story .crc-eyebrow--red{color:var(--red) !important;}
.crc-story .crc-eyebrow--oil{color:var(--oil-dk) !important;}

/* (2) dark-photo sections: lighter overlay so the PHOTO shows, strong text-aura so TEXT reads on any tone */
.crc-bgsec::before{background:linear-gradient(rgba(8,11,15,.5), rgba(8,11,15,.72)) !important;}
.crc-bgsec .crc-h2,.crc-bgsec .crc-h3,.crc-bgsec p,
.crc-bgsec .crc-stat__n,.crc-bgsec .crc-stat__l,
.crc-bgsec .crc-pull p,.crc-bgsec .crc-pull cite,.crc-bgsec .crc-pull cite small{
	text-shadow:0 0 10px rgba(0,0,0,.98), 0 0 22px rgba(0,0,0,.9), 0 2px 5px rgba(0,0,0,.98) !important;}
.crc-bgsec .crc-stat__n{color:#ffffff !important;}
.crc-bgsec .crc-stat__l{color:#ffffff !important;}
.crc-bgsec p{color:#f4f7fa !important;}
.crc-bgsec .crc-h2,.crc-bgsec .crc-h3{color:#ffffff !important;}

/* (3) mobile charts: SVGs must fill their container (were collapsing to 0×0) */
.crc-donut__svg svg,.crc-map__svg svg{width:100% !important; height:auto !important; display:block;}
@media (max-width:900px){
	.crc-map__svg{flex:none !important; width:min(330px,88vw) !important; max-width:none !important;}
	.crc-donut__svg{flex:none !important; width:min(290px,82vw) !important; max-width:none !important;}
}

/* (4) OUTRO → dark text on white */
.crc-outro{background:#ffffff !important; color:var(--ink) !important;}
.crc-outro__logo{filter:none !important; background:none !important; box-shadow:none !important; padding:0 !important;}
.crc-story .crc-outro__motto{color:#131a24 !important;}
.crc-story .crc-outro__motto span{color:var(--oil-dk) !important;}
.crc-story .crc-outro__lede{color:#3a4652 !important;}
.crc-story .crc-outro__meta{color:#5b6670 !important;}
.crc-story .crc-outro__meta a{color:var(--blue) !important;}
.crc-story .crc-thanks{color:#7a8698 !important;}
.crc-story .crc-outro__cta{background:var(--oil) !important; color:#fff !important;}

/* v16b: guarantee stat readability on photos with a dark scrim panel */
.crc-bgsec .crc-stats{background:rgba(8,11,15,.6); border-radius:18px; padding:32px 20px 28px; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); max-width:940px;}
@media (max-width:640px){ .crc-bgsec .crc-stats{padding:24px 14px;} }

/* ═══════════ v17: eyebrows one orange, no drop shadow ═══════════ */
.crc-story .crc-eyebrow,
.crc-story .crc-eyebrow--red,
.crc-story .crc-eyebrow--oil{color:var(--oil-dk) !important; text-shadow:none !important;}
.crc-bgsec .crc-eyebrow{color:#f0a35e !important; text-shadow:none !important;}
.crc-story .crc-hero__eyebrow{color:#f0a35e !important; text-shadow:none !important;}
.crc-story .crc-sc__kicker,.crc-story .crc-sc__kicker--red{color:var(--oil-dk) !important;}