:root{--bg:#050706;--bg2:#080d0a;--panel:#0f1712;--panel2:#162019;--line:#27342b;--text:#eef5ec;--muted:#aeb9aa;--dim:#7c8978;--rust:#d86c2b;--rust2:#ff934f;--green:#7fd07d;--danger:#ff7058;--smoke:rgba(207,218,205,.14);--shadow:0 24px 80px rgba(0,0,0,.45);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -22%,#1c281e 0,#0a0f0c 42%,#040605 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);z-index:-3}body:after{content:"";position:fixed;inset:-15%;pointer-events:none;background:radial-gradient(circle at 20% 78%,rgba(113,119,108,.14),transparent 18%),radial-gradient(circle at 72% 22%,rgba(214,108,43,.08),transparent 24%),radial-gradient(circle at 52% 98%,rgba(197,205,190,.09),transparent 28%);filter:blur(36px);animation:haze 18s ease-in-out infinite alternate;z-index:-2}.smoke{position:fixed;pointer-events:none;border-radius:50%;filter:blur(34px);opacity:.42;z-index:-1;background:radial-gradient(circle,rgba(220,226,216,.18),rgba(160,170,158,.08) 42%,transparent 70%);mix-blend-mode:screen}.smoke-a{width:32vw;height:44vw;left:5vw;bottom:-12vw;animation:smokeRise 16s linear infinite}.smoke-b{width:26vw;height:36vw;right:8vw;bottom:-10vw;animation:smokeRise 22s linear infinite reverse}@keyframes smokeRise{0%{transform:translate3d(0,8vh,0) scale(.8);opacity:.08}38%{opacity:.34}100%{transform:translate3d(4vw,-74vh,0) scale(1.7);opacity:.02}}@keyframes haze{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.03)}}a{color:inherit;text-decoration:none}p{line-height:1.7;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7vw,100px);line-height:.91;letter-spacing:-.075em;margin-bottom:24px;max-width:1120px}h2{font-size:clamp(30px,4.2vw,60px);line-height:1.03;letter-spacing:-.056em;margin-bottom:18px}h3{font-size:22px;letter-spacing:-.03em;margin-bottom:10px}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(18px,4vw,54px);background:rgba(5,7,6,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.035em}.brand-mark{width:14px;height:14px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 6px rgba(216,108,43,.14),0 0 28px rgba(216,108,43,.45)}.nav{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.nav a{padding:10px 11px;border-radius:999px}.nav a:hover{background:rgba(255,255,255,.06);color:var(--text)}.hero{min-height:86vh;padding:clamp(76px,8vw,128px) clamp(18px,4vw,54px) 50px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:end;background:linear-gradient(115deg,rgba(5,7,6,.96),rgba(10,16,12,.83));border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:9%;bottom:7%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(216,108,43,.24),transparent 62%);filter:blur(18px)}.hero-copy,.hero-panel{position:relative;z-index:1}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--rust2);font-weight:900;margin-bottom:16px}.hero-subtitle{font-size:clamp(18px,2vw,25px);max-width:850px;color:#dbe5d7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:999px;font-weight:900;border:1px solid var(--line)}.button.primary{background:var(--rust);border-color:var(--rust);color:#130704}.button.ghost{background:rgba(255,255,255,.05);color:var(--text)}.hero-panel{background:linear-gradient(180deg,rgba(22,32,25,.92),rgba(12,18,14,.86));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.label{display:inline-flex;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:12px}.section{padding:clamp(58px,7vw,104px) clamp(18px,4vw,54px);border-bottom:1px solid var(--line)}.compact{padding-top:70px}.section-head{max-width:900px;margin-bottom:30px}.section-head p{font-size:18px}.fact-grid,.dark-cards,.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.fact-grid article,.dark-cards article,.topic-grid a{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 36px rgba(0,0,0,.22)}.fact-grid strong{display:block;font-size:clamp(28px,3.6vw,46px);line-height:1;letter-spacing:-.06em;color:#fff;margin-bottom:14px}.fact-grid span,.topic-grid p{color:var(--muted);line-height:1.55}.split{display:grid;grid-template-columns:1fr 1.05fr;gap:44px}.copy p{font-size:18px}.wide{max-width:1050px}.dark-cards{grid-template-columns:repeat(4,1fr);padding-top:26px}.dark-cards article{min-height:240px}.numbers,.water{background:rgba(255,255,255,.018)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:rgba(8,13,10,.82)}table{width:100%;border-collapse:collapse;min-width:660px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}th{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.09em;background:rgba(255,255,255,.04)}td{color:var(--muted);font-weight:700}.note{margin-top:16px;color:var(--dim);font-size:14px}.topic-grid{grid-template-columns:repeat(3,1fr)}.topic-grid a{display:block;transition:.18s transform,.18s border-color}.topic-grid a:hover{transform:translateY(-4px);border-color:rgba(255,147,79,.45)}.topic-grid span{display:block;color:var(--rust2);font-weight:900;margin-bottom:18px}.video{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.video-placeholder{min-height:260px;border-radius:24px;border:1px dashed rgba(255,255,255,.22);display:grid;place-items:center;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px)}.video-placeholder span{font-weight:900;font-size:24px}.video-placeholder small{display:block;color:var(--muted);margin-top:10px}.sources ul,.source-list{display:grid;gap:10px;padding-left:0;list-style:none;max-width:980px}.sources li,.source-list li{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:13px 16px}.sources a,.source-list a{color:#ffd0b2;text-decoration:underline;text-decoration-color:rgba(255,208,178,.35)}.page-main{max-width:1120px;margin:0 auto}.page-hero{padding:clamp(70px,8vw,120px) 20px 36px}.article{padding-top:22px}.article h2{font-size:clamp(30px,4vw,52px)}.article p,.article li{font-size:18px;color:var(--muted);line-height:1.72}.article ul{padding-left:22px}.callout{margin:26px 0;padding:22px;border-radius:20px;background:rgba(216,108,43,.1);border:1px solid rgba(216,108,43,.38);font-weight:900;color:#ffe2d0}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:44px clamp(18px,4vw,54px);background:#030403;border-top:1px solid var(--line)}.site-footer p{font-size:14px;color:var(--dim)}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-panel{max-width:760px}.fact-grid{grid-template-columns:repeat(2,1fr)}.dark-cards,.topic-grid{grid-template-columns:repeat(2,1fr)}.split,.video,.site-footer{grid-template-columns:1fr}}@media(max-width:640px){h1{font-size:44px}.site-header{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.fact-grid,.dark-cards,.topic-grid{grid-template-columns:1fr}.section{padding-left:16px;padding-right:16px}.hero{padding-left:16px;padding-right:16px}.smoke{display:none}}
.risk-question{margin:0 0 12px;color:var(--danger);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.08em;line-height:1.25}.risk-question.large{font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;text-transform:none;margin-bottom:12px;color:#ff7a63}

.video-embed{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#000;box-shadow:var(--shadow)}.video-embed:before{content:"";display:block;padding-top:56.25%}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{min-height:280px}

.hero h1{color:#ff7058;text-shadow:0 2px 18px rgba(0,0,0,.65),0 0 28px rgba(255,112,88,.14)}
.question-panel{border:1px solid rgba(255,112,88,.45);background:linear-gradient(135deg,rgba(255,112,88,.13),rgba(15,23,18,.82));border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.question-panel h3{color:#fff;margin-bottom:10px}.question-list{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none}.question-list li{border-left:3px solid var(--danger);padding:12px 14px;background:rgba(255,255,255,.045);border-radius:12px;color:var(--text);line-height:1.55}.caveat{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:18px}

.volume{padding-top:72px}.volume-figure{margin:26px 0 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.volume-figure img{display:block;width:100%;height:auto}.volume-figure figcaption{padding:14px 18px;color:var(--muted);font-size:14px;line-height:1.5;border-top:1px solid var(--line)}

.hero{position:relative;overflow:hidden;border-radius:0 0 36px 36px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.68)),url("images/header-rdf-bales.jpg") center/cover no-repeat;box-shadow:inset 0 -80px 120px rgba(0,0,0,.65)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.78)),radial-gradient(circle at 20% 35%,rgba(0,0,0,.18),rgba(0,0,0,.62));z-index:0;pointer-events:none}.hero-copy,.hero-panel{position:relative;z-index:1}.hero-panel{background:rgba(5,7,6,.72);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.16)}.hero h1{text-shadow:0 3px 18px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.72)}

/* Header background visibility fix: keep readable, but make RDF bales visible */
.hero{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.34)),url("images/header-rdf-bales.jpg") center/cover no-repeat!important;box-shadow:inset 0 -70px 110px rgba(0,0,0,.62)}.hero:before{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.50)),radial-gradient(circle at 18% 42%,rgba(0,0,0,.08),rgba(0,0,0,.36))!important}.hero-panel{background:rgba(5,7,6,.78);backdrop-filter:blur(8px)}.hero h1,.hero-subtitle,.hero .eyebrow{position:relative;z-index:1}.hero h1{text-shadow:0 4px 20px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}

/* Make hero background clearly visible: separate brightened image layer + readable overlay */
.hero{background:none!important;position:relative;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:url("images/header-rdf-bales.jpg") center/cover no-repeat;filter:brightness(1.55) contrast(1.18) saturate(1.05);opacity:.92;z-index:0;pointer-events:none}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.34)),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.56))!important;z-index:1!important;pointer-events:none}.hero-copy,.hero-panel{position:relative;z-index:2!important}.hero-panel{background:rgba(5,7,6,.82);border-color:rgba(255,255,255,.22)}

/* Stronger visible hero image; local dark pocket only behind text */
.hero:after{filter:brightness(2.05) contrast(1.22) saturate(1.18)!important;opacity:1!important}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.16) 100%),radial-gradient(circle at 24% 48%,rgba(0,0,0,.42),rgba(0,0,0,.08) 58%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.42))!important}.hero-panel{background:rgba(5,7,6,.86)!important}.hero h1,.hero-subtitle{background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,0));border-radius:18px}

/* Fix old decorative pseudo-element constraints so header image fills full hero */
.hero:after{width:auto!important;height:auto!important;border-radius:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;transform:none!important;mix-blend-mode:normal!important}

/* Volume section: RDF mass + affected settlements map */
.volume-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:22px;align-items:start;margin-top:26px}.volume-grid .volume-figure{margin:0}.affected-map figcaption strong{display:block;color:#fff;margin-bottom:8px}.affected-map img{aspect-ratio:1/1;object-fit:cover}@media(max-width:860px){.volume-grid{grid-template-columns:1fr}.affected-map img{aspect-ratio:auto}}


/* Very light moving chimney-smoke atmosphere across the whole site */
main::before, main::after{
  content:"";
  position:fixed;
  inset:-18vh -16vw;
  pointer-events:none;
  z-index:3;
  opacity:.24;
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 12% 88%, rgba(226,232,220,.22) 0 6%, rgba(175,185,172,.11) 15%, transparent 34%),
    radial-gradient(ellipse at 42% 102%, rgba(226,232,220,.16) 0 7%, rgba(175,185,172,.08) 19%, transparent 38%),
    radial-gradient(ellipse at 77% 92%, rgba(226,232,220,.18) 0 6%, rgba(175,185,172,.09) 16%, transparent 36%);
  filter:blur(28px);
  transform:translate3d(0,0,0);
  animation:chimneySmokeDrift 42s linear infinite;
}
main::after{
  opacity:.16;
  filter:blur(42px);
  background:
    radial-gradient(ellipse at 22% 98%, rgba(240,244,235,.16) 0 7%, rgba(190,198,185,.08) 20%, transparent 40%),
    radial-gradient(ellipse at 62% 96%, rgba(240,244,235,.13) 0 8%, rgba(190,198,185,.07) 22%, transparent 44%),
    radial-gradient(ellipse at 92% 84%, rgba(240,244,235,.12) 0 6%, rgba(190,198,185,.06) 19%, transparent 38%);
  animation:chimneySmokeDriftWide 64s linear infinite reverse;
}
.site-header, .hero, section, footer{position:relative;z-index:4}
@keyframes chimneySmokeDrift{
  0%{transform:translate3d(-3vw,10vh,0) scale(1);opacity:.05}
  18%{opacity:.24}
  52%{opacity:.28}
  100%{transform:translate3d(5vw,-62vh,0) scale(1.35);opacity:.03}
}
@keyframes chimneySmokeDriftWide{
  0%{transform:translate3d(4vw,14vh,0) scale(1.05);opacity:.03}
  28%{opacity:.16}
  66%{opacity:.18}
  100%{transform:translate3d(-6vw,-70vh,0) scale(1.5);opacity:.02}
}
@media (prefers-reduced-motion: reduce){main::before,main::after{animation:none;opacity:.07}}
@media (max-width:700px){main::before{opacity:.11}main::after{opacity:.07}}

/* Hero headline mixed emphasis */
.hero h1 .h1-white{color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}


/* Visible animated smoke layer above content, still non-clickable */
main::before, main::after{
  z-index:999!important;
  opacity:.32!important;
  mix-blend-mode:screen!important;
}
main::after{opacity:.22!important}
.site-header{z-index:1001!important}
.hero, section, footer{z-index:5!important}
@keyframes chimneySmokeDrift{
  0%{transform:translate3d(-8vw,18vh,0) scale(.9);opacity:.10}
  25%{opacity:.32}
  60%{opacity:.34}
  100%{transform:translate3d(8vw,-82vh,0) scale(1.55);opacity:.08}
}
@keyframes chimneySmokeDriftWide{
  0%{transform:translate3d(7vw,22vh,0) scale(1);opacity:.07}
  32%{opacity:.22}
  70%{opacity:.24}
  100%{transform:translate3d(-9vw,-88vh,0) scale(1.7);opacity:.05}
}


/* Chimney-like smoke clouds crossing over the content */
main::before{
  z-index:9999!important;
  opacity:.42!important;
  filter:blur(22px)!important;
  mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse at 8% 92%, rgba(235,240,232,.34) 0 5%, rgba(190,198,185,.20) 13%, transparent 29%),
    radial-gradient(ellipse at 24% 82%, rgba(235,240,232,.26) 0 6%, rgba(190,198,185,.16) 16%, transparent 34%),
    radial-gradient(ellipse at 45% 95%, rgba(235,240,232,.24) 0 7%, rgba(190,198,185,.14) 17%, transparent 36%),
    radial-gradient(ellipse at 68% 86%, rgba(235,240,232,.22) 0 6%, rgba(190,198,185,.13) 18%, transparent 38%),
    radial-gradient(ellipse at 88% 96%, rgba(235,240,232,.20) 0 5%, rgba(190,198,185,.12) 16%, transparent 35%)!important;
  animation:chimneyCloudsOverContent 30s linear infinite!important;
}
main::after{
  z-index:9998!important;
  opacity:.30!important;
  filter:blur(34px)!important;
  mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse at 15% 100%, rgba(245,248,240,.24) 0 8%, rgba(200,208,194,.14) 22%, transparent 45%),
    radial-gradient(ellipse at 52% 90%, rgba(245,248,240,.20) 0 9%, rgba(200,208,194,.12) 23%, transparent 48%),
    radial-gradient(ellipse at 82% 104%, rgba(245,248,240,.18) 0 8%, rgba(200,208,194,.10) 22%, transparent 44%)!important;
  animation:chimneyCloudsOverContentWide 46s linear infinite reverse!important;
}
@keyframes chimneyCloudsOverContent{
  0%{transform:translate3d(-18vw,28vh,0) scale(.85);opacity:.08}
  16%{opacity:.38}
  45%{opacity:.42}
  72%{opacity:.28}
  100%{transform:translate3d(18vw,-105vh,0) scale(1.55);opacity:.06}
}
@keyframes chimneyCloudsOverContentWide{
  0%{transform:translate3d(16vw,34vh,0) scale(.95);opacity:.06}
  25%{opacity:.26}
  58%{opacity:.30}
  100%{transform:translate3d(-20vw,-115vh,0) scale(1.85);opacity:.05}
}
@media(max-width:700px){main::before{opacity:.34!important}main::after{opacity:.22!important}}


/* More visible but performant smoke: only transform + opacity animate */
main::before, main::after{
  will-change:transform,opacity;
  contain:paint;
  backface-visibility:hidden;
  pointer-events:none!important;
}
main::before{
  z-index:9999!important;
  opacity:.58!important;
  filter:blur(16px)!important;
  background:
    radial-gradient(ellipse at 6% 94%, rgba(245,248,240,.52) 0 7%, rgba(205,214,198,.30) 16%, transparent 34%),
    radial-gradient(ellipse at 22% 84%, rgba(245,248,240,.42) 0 8%, rgba(205,214,198,.24) 18%, transparent 38%),
    radial-gradient(ellipse at 46% 98%, rgba(245,248,240,.38) 0 9%, rgba(205,214,198,.22) 20%, transparent 42%),
    radial-gradient(ellipse at 70% 86%, rgba(245,248,240,.36) 0 8%, rgba(205,214,198,.20) 20%, transparent 42%),
    radial-gradient(ellipse at 92% 96%, rgba(245,248,240,.34) 0 7%, rgba(205,214,198,.18) 18%, transparent 38%)!important;
  animation:chimneyCloudsStrong 22s linear infinite!important;
}
main::after{
  z-index:9998!important;
  opacity:.42!important;
  filter:blur(24px)!important;
  background:
    radial-gradient(ellipse at 12% 102%, rgba(250,252,246,.36) 0 10%, rgba(210,218,204,.22) 24%, transparent 48%),
    radial-gradient(ellipse at 48% 90%, rgba(250,252,246,.32) 0 11%, rgba(210,218,204,.19) 25%, transparent 50%),
    radial-gradient(ellipse at 84% 106%, rgba(250,252,246,.28) 0 10%, rgba(210,218,204,.16) 24%, transparent 48%)!important;
  animation:chimneyCloudsStrongWide 34s linear infinite reverse!important;
}
@keyframes chimneyCloudsStrong{
  0%{transform:translate3d(-34vw,46vh,0) scale(.75);opacity:.10}
  12%{opacity:.50}
  36%{opacity:.58}
  64%{opacity:.42}
  100%{transform:translate3d(34vw,-135vh,0) scale(1.9);opacity:.08}
}
@keyframes chimneyCloudsStrongWide{
  0%{transform:translate3d(30vw,52vh,0) scale(.85);opacity:.08}
  22%{opacity:.38}
  56%{opacity:.42}
  100%{transform:translate3d(-36vw,-145vh,0) scale(2.05);opacity:.06}
}
@media(max-width:700px){main::before{opacity:.46!important}main::after{opacity:.32!important}}
@media(prefers-reduced-motion:reduce){main::before,main::after{animation:none!important;opacity:.16!important}}


/* Ensure smoke is fixed to the viewport and moves independently from scrolling */
main::before, main::after{
  position:fixed!important;
  inset:-18vh -16vw!important;
  transform-origin:center center!important;
}


/* Disable smoke overlay effect */
main::before, main::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
  opacity:0!important;
}
.smoke{display:none!important;animation:none!important;opacity:0!important}


/* Fixed uppercase header + mobile burger menu */
html{scroll-padding-top:92px}
body{padding-top:72px}
.site-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:10000!important;padding:14px clamp(18px,4vw,54px)!important;background:rgba(5,7,6,.90)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{text-transform:uppercase;letter-spacing:.02em}
.nav{text-transform:uppercase;letter-spacing:.08em;font-size:12px!important}
.nav a{padding:11px 12px!important}
.menu-toggle{display:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);color:var(--text);width:44px;height:40px;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#fff;transition:transform .18s ease,opacity .18s ease}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
section,.page-hero{scroll-margin-top:96px}
@media(max-width:760px){
  body{padding-top:66px}
  .site-header{padding:12px 16px!important;gap:12px}
  .brand{font-size:14px;max-width:calc(100vw - 78px)}
  .menu-toggle{display:flex}
  .nav{position:fixed;top:64px;left:12px;right:12px;display:grid!important;grid-template-columns:1fr;gap:6px;padding:12px;background:rgba(5,7,6,.96);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.55);transform:translateY(-10px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;text-align:left}
  body.menu-open .nav{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}
  .nav a{display:block;padding:14px 14px!important;border-radius:12px;background:rgba(255,255,255,.045);color:#fff}
}


/* Header Facebook CTA + protest banner */
.site-header{display:flex;align-items:center}
.header-facebook{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#1877f2;color:#fff!important;font-weight:900;font-size:22px;line-height:1;font-family:Arial,Helvetica,sans-serif;box-shadow:0 8px 28px rgba(24,119,242,.32);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.header-facebook:hover{transform:translateY(-1px);background:#2d85f5;box-shadow:0 12px 34px rgba(24,119,242,.42)}
.hero .eyebrow{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.92);font-weight:900}
.protest-banner{position:sticky;top:68px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:linear-gradient(90deg,#ff7058,#d86c2b);color:#fff;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 12px 36px rgba(0,0,0,.28);font-weight:900;letter-spacing:.02em;text-align:center}
.protest-banner strong{font-size:15px;letter-spacing:.12em}
.protest-banner span{font-size:15px}
@media(max-width:760px){
  .header-facebook{width:40px;height:40px;font-size:23px;order:2}
  .menu-toggle{order:3}
  .nav{top:112px!important}
  .protest-banner{top:64px;flex-direction:column;gap:2px;padding:10px 14px;line-height:1.2}
  .protest-banner strong{font-size:14px}
  .protest-banner span{font-size:14px}
}


/* Mobile header: one compact row — title left, Facebook + burger right */
@media(max-width:760px){
  .site-header{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-height:64px;
  }
  .brand{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .brand span:last-child{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-facebook{
    order:2!important;
    margin-left:auto!important;
    flex:0 0 40px!important;
  }
  .menu-toggle{
    order:3!important;
    flex:0 0 44px!important;
  }
  .nav{
    top:64px!important;
  }
}


/* Mobile/tablet header fix: exactly one row — site title left, burger right */
.mobile-facebook-link{display:none!important}
@media(max-width:1100px){
  body{padding-top:64px!important}
  .site-header{
    height:64px!important;
    min-height:64px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px 16px!important;
  }
  .brand{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100vw - 92px)!important;
    margin:0!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:16px!important;
    line-height:1!important;
  }
  .brand-mark{flex:0 0 14px!important}
  .brand span:last-child{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-facebook{display:none!important}
  .menu-toggle{
    display:flex!important;
    order:2!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:42px!important;
    margin:0!important;
    margin-left:auto!important;
    position:static!important;
  }
  .nav{
    position:fixed!important;
    top:64px!important;
    left:12px!important;
    right:12px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:12px!important;
    background:rgba(5,7,6,.97)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:18px!important;
    box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
    transform:translateY(-10px)!important;
    opacity:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
    text-align:left!important;
  }
  body.menu-open .nav{
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  .nav a{display:block!important;padding:14px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#fff!important}
  .mobile-facebook-link{display:block!important;background:#1877f2!important;color:#fff!important;font-weight:900!important}
  .protest-banner{top:64px!important}
}


/* Hard mobile header positioning: brand left, burger fixed right in the same black bar */
@media(max-width:1100px){
  .site-header{position:fixed!important;height:64px!important;min-height:64px!important;display:block!important;padding:0!important}
  .brand{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:calc(100vw - 88px)!important;
    max-width:calc(100vw - 88px)!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .menu-toggle{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    z-index:10050!important;
    margin:0!important;
  }
  .header-facebook{display:none!important}
  .nav{top:64px!important}
}


/* Force burger into the visible mobile viewport */
@media(max-width:1100px){
  .menu-toggle{
    position:fixed!important;
    top:11px!important;
    left:calc(100vw - 58px)!important;
    right:auto!important;
    transform:none!important;
    display:flex!important;
    width:44px!important;
    height:42px!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.32)!important;
    z-index:20000!important;
  }
  .menu-toggle span{display:block!important;background:#fff!important;opacity:1!important}
  .brand{position:fixed!important;left:16px!important;top:12px!important;transform:none!important;width:calc(100vw - 90px)!important;max-width:calc(100vw - 90px)!important;z-index:19999!important}
}


/* Mobile viewport-safe burger placement */
@media(max-width:1100px){
  .menu-toggle{
    left:min(330px, calc(100dvw - 58px))!important;
    top:11px!important;
    right:auto!important;
    position:fixed!important;
  }
}


/* Protest event link + quick-facts photo */
.protest-banner{color:#fff!important;text-decoration:none!important;cursor:pointer}
.protest-banner:hover{filter:brightness(1.08);text-decoration:none!important}
.protest-banner span{font-size:15px;line-height:1.25}
.quick-photo{margin:24px 0 24px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.04);box-shadow:var(--shadow)}
.quick-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.quick-photo figcaption{padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.45}
@media(max-width:760px){.protest-banner span{font-size:14px}.quick-photo{margin:18px 0 20px}.quick-photo img{max-height:none}}


/* НА КРАТКО card photo */
.hero-panel .label{text-transform:uppercase;letter-spacing:.12em}
.short-card-photo{margin:14px 0 18px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.short-card-photo img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover}
@media(max-width:760px){.short-card-photo{margin:12px 0 16px}.short-card-photo img{max-height:none}}


/* Legal disclaimer / right-of-reply cards */
.legal-section{padding-top:72px;border-top:1px solid rgba(255,255,255,.08)}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.legal-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:24px;box-shadow:var(--shadow)}
.legal-card h3{font-size:18px;margin:0 0 12px;color:#fff}
.legal-card p{font-size:14px;line-height:1.72;margin:0;color:var(--muted)}
.reply-email{color:#fff;font-weight:800;border-bottom:1px dotted rgba(255,255,255,.55)}
@media(max-width:860px){.legal-grid{grid-template-columns:1fr}.legal-card{padding:20px}.legal-section{padding-top:54px}}


/* Keep the full site title visible in the header */
.brand span:last-child{white-space:nowrap}
@media(max-width:1100px){
  .brand{
    font-size:clamp(12px,3.7vw,16px)!important;
    letter-spacing:.01em!important;
  }
  .brand,
  .brand span:last-child{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
}


/* Key questions / calculations cards */
.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fact-grid article{min-height:0}
.fact-grid strong{overflow-wrap:break-word}
.fact-grid .open-q{display:block;margin-top:12px;color:#ffb3a6;font-weight:650;line-height:1.5}
@media(max-width:1050px){.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fact-grid{grid-template-columns:1fr}}


/* Press coverage cards */
.press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.press-grid a{display:flex;flex-direction:column;gap:12px;min-height:160px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:22px;text-decoration:none;box-shadow:0 12px 36px rgba(0,0,0,.22);transition:border-color .16s ease,transform .16s ease}
.press-grid a:hover{border-color:rgba(255,112,88,.5);transform:translateY(-2px)}
.press-grid span{color:var(--rust2);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.press-grid h3{margin:0;color:#fff;font-size:18px;line-height:1.35;font-weight:750}
@media(max-width:1050px){.press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.press-grid{grid-template-columns:1fr}.press-grid a{min-height:0}}

/* Amager Bakke comparison */
.compare-teaser .section-head{max-width:920px}
.compare-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 26px;padding:0;list-style:none}
.compare-chips li{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px;font-weight:700}
.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 8px}
.compare-pair article{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 36px rgba(0,0,0,.22)}
.compare-pair .place{display:block;margin-bottom:10px;color:var(--rust2);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.compare-pair .elin .place{color:#ffb3a6}
.compare-pair p{margin:0;font-size:16px;line-height:1.65}
.compare-block{padding-top:18px;padding-bottom:28px}
.compare-block h2{font-size:clamp(26px,3.4vw,42px);margin-bottom:8px}
@media(max-width:800px){.compare-pair{grid-template-columns:1fr}}

/* Za Zemiata statement */
.pullquote{margin:0 0 22px;padding:20px 22px;border-left:4px solid var(--rust);background:rgba(216,108,43,.1);border-radius:0 18px 18px 0;color:#ffe2d0;font-size:clamp(18px,2.1vw,24px);line-height:1.45;font-weight:750}
.pullquote cite{display:block;margin-top:12px;color:var(--muted);font-size:14px;font-weight:650;font-style:normal}
.statement-body h2{font-size:clamp(22px,2.8vw,32px);margin-top:36px}
.sign-off{margin-top:28px;color:var(--text);font-size:18px;line-height:1.7}
.sign-off strong{color:#fff}

/* Green + white victory theme — keeps the announcement banner orange */
:root{
  --bg:#f6fbf7;
  --bg2:#eef7f0;
  --panel:#ffffff;
  --panel2:#f4faf5;
  --line:#d8eadb;
  --text:#11251a;
  --muted:#4f6658;
  --dim:#6f8175;
  --rust:#d86c2b;
  --rust2:#ff934f;
  --green:#167a3a;
  --green2:#0f5f2e;
  --danger:#167a3a;
  --shadow:0 18px 55px rgba(25,92,45,.12);
}
html{background:#f6fbf7}
body{
  background:linear-gradient(180deg,#f9fdf9 0%,#eef8f0 48%,#ffffff 100%)!important;
  color:var(--text)!important;
}
body:before{
  background:linear-gradient(rgba(22,122,58,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,122,58,.04) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.22),transparent 78%)!important;
  z-index:-3!important;
}
body:after{display:none!important;content:none!important}
.smoke,main::before,main::after{display:none!important;content:none!important;opacity:0!important;animation:none!important;background:none!important}
a{color:inherit}
p{color:var(--muted)}
h1,h2,h3{color:var(--text)}
.site-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(22,122,58,.14)!important;
  box-shadow:0 10px 35px rgba(21,82,42,.08)!important;
  color:var(--text)!important;
}
.brand{color:var(--green2)!important}
.brand-mark{background:linear-gradient(135deg,#18a957,#0b6a32)!important;box-shadow:0 0 0 5px rgba(22,122,58,.10)!important}
.nav a{color:#1f3a2b!important;background:transparent!important}
.nav a:hover{background:rgba(22,122,58,.08)!important;color:var(--green2)!important}
.menu-toggle{background:#fff!important;border-color:rgba(22,122,58,.24)!important;box-shadow:0 8px 24px rgba(22,122,58,.12)!important}
.menu-toggle span{background:#123d24!important}
.header-facebook{box-shadow:0 8px 24px rgba(24,119,242,.22)!important}
.protest-banner{
  background:linear-gradient(90deg,#ff934f,#d86c2b)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(119,54,10,.18)!important;
  box-shadow:0 12px 36px rgba(216,108,43,.22)!important;
}
.hero{
  background:linear-gradient(105deg,rgba(255,255,255,.94),rgba(255,255,255,.78) 56%,rgba(241,250,242,.55)),url("images/header-rdf-bales.jpg") center/cover no-repeat!important;
  box-shadow:inset 0 -70px 100px rgba(255,255,255,.72),0 16px 50px rgba(22,122,58,.10)!important;
  border-bottom:1px solid rgba(22,122,58,.12)!important;
}
.hero:before{background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.50),rgba(255,255,255,.20))!important;z-index:1!important}
.hero:after{filter:brightness(1.12) contrast(1.04) saturate(.92)!important;opacity:.42!important;z-index:0!important}
.hero h1,.hero h1 .h1-white{
  color:var(--green2)!important;
  text-shadow:none!important;
  background:none!important;
}
.hero .eyebrow,.hero-subtitle{color:#244431!important;text-shadow:none!important;background:none!important}
.hero-panel,.question-panel,.volume-figure,.quick-photo,.legal-card,.press-grid a,.compare-pair article,.fact-grid article,.topic-grid a,.dark-cards article,.table-wrap,.video-embed,.section.sources,.page-card{
  background:linear-gradient(180deg,#ffffff,#f6fbf7)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  color:var(--text)!important;
}
.hero-panel{backdrop-filter:none!important}
.hero-panel .label,.eyebrow,.press-grid span,.compare-pair .place{color:var(--green)!important}
.short-card-photo{border-color:rgba(22,122,58,.18)!important;background:#fff!important}
.risk-question,.risk-question.large{color:var(--green)!important}
.button.primary{background:linear-gradient(135deg,#178944,#0f6c32)!important;color:#fff!important;box-shadow:0 14px 30px rgba(22,122,58,.22)!important}
.button.secondary{border-color:rgba(22,122,58,.24)!important;color:var(--green2)!important;background:#fff!important}
.fact-grid .open-q{color:#1f7a42!important}
.legal-card h3,.press-grid h3,.affected-map figcaption strong,.sign-off strong{color:var(--text)!important}
.legal-card p,.volume-figure figcaption,.caveat,.note,.pullquote cite{color:var(--muted)!important}
.reply-email,.reply-email a{color:var(--green2)!important;border-color:rgba(22,122,58,.45)!important}
.pullquote{background:#fff7ed!important;color:#5c2c0d!important;border-left-color:var(--rust)!important}
.compare-chips li{background:#fff!important;border-color:var(--line)!important;color:var(--green2)!important}
table{background:#fff!important;color:var(--text)!important}
th{background:#e8f5eb!important;color:#103a21!important}
td{border-color:var(--line)!important;color:var(--text)!important}
.site-footer{background:#0f3d24!important;color:#fff!important;border-top:0!important}
.site-footer p{color:rgba(255,255,255,.78)!important}
@media(max-width:1100px){
  .nav{background:rgba(255,255,255,.98)!important;border-color:rgba(22,122,58,.18)!important;box-shadow:0 24px 70px rgba(22,122,58,.16)!important}
  .nav a{background:#f2faf4!important;color:#143b24!important}
  .mobile-facebook-link{background:#1877f2!important;color:#fff!important}
}


/* Readability fix: make key numbers and source links orange on light cards */
.fact-grid strong{
  color:#d86c2b!important;
  text-shadow:none!important;
}
.sources a,.source-list a{
  color:#9a3f0f!important;
  text-decoration-color:rgba(154,63,15,.45)!important;
  font-weight:750!important;
}
.sources a:hover,.source-list a:hover{
  color:#d86c2b!important;
  text-decoration-color:#d86c2b!important;
}