@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Nunito:wght@300;400;600;700&display=swap');
:root{--bg:#0e0804;--bg2:#160c06;--card:#1c1008;--bord:#2e1c0c;--orange:#f97316;--amber:#f59e0b;--red:#dc2626;--green:#22c55e;--text:#fef3e8;--text2:#8a6040;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Nunito',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}
.df-header{background:linear-gradient(180deg,#1a0a00,#0e0804);padding:56px 32px 40px;border-bottom:1px solid var(--bord);position:relative;overflow:hidden;}
.df-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--red),var(--amber));}
.df-header-inner{max-width:980px;margin:0 auto;}
.df-dept{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;font-weight:600;}
.df-title{font-family:'Abril Fatface',serif;font-size:clamp(3rem,10vw,7rem);color:var(--text);line-height:.9;}
.df-sub{margin-top:14px;color:var(--text2);font-size:.93rem;}
.df-counter-row{margin-top:24px;}
.df-cnt{display:inline-flex;align-items:center;gap:12px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:12px 20px;font-size:.83rem;color:var(--text2);}
.df-cnt-n{font-family:'Abril Fatface',serif;font-size:1.8rem;color:var(--red);}
.df-nav{position:sticky;top:0;z-index:100;background:rgba(14,8,4,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--bord);display:flex;flex-wrap:wrap;justify-content:center;}
.df-na{padding:11px 15px;font-size:.78rem;font-weight:700;text-decoration:none;color:var(--text2);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
.df-na:hover,.df-na.active{color:var(--orange);border-color:var(--orange);}
.df-main{max-width:980px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:50px;}
.df-section{opacity:0;transform:translateY(22px);transition:opacity .5s,transform .5s;}
.df-section.visible{opacity:1;transform:translateY(0);}
.df-section h2{font-family:'Abril Fatface',serif;font-size:1.7rem;color:var(--text);padding:13px 22px;background:rgba(249,115,22,.1);border-left:4px solid var(--orange);border-radius:0 6px 6px 0;margin-bottom:0;}
.df-body{background:var(--card);border:1px solid var(--bord);border-top:none;border-radius:0 0 8px 8px;padding:26px;}
.df-body p{color:var(--text2);line-height:1.82;font-size:.93rem;margin-bottom:16px;}
.df-body p:last-child{margin-bottom:0;}
.df-body strong{color:var(--text);}
.df-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;}
.df-st{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;text-align:center;}
.df-st-n{font-family:'Abril Fatface',serif;font-size:1.3rem;color:var(--orange);margin-bottom:4px;}
.df-st p{font-size:.78rem;color:var(--text2);margin:0;line-height:1.4;}
.df-causes{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.df-cause{display:flex;gap:16px;align-items:flex-start;background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px 18px;}
.df-cause-pct{font-family:'Abril Fatface',serif;font-size:1.6rem;color:var(--orange);width:60px;flex-shrink:0;line-height:1;}
.df-cause h4{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:5px;}
.df-cause p{font-size:.82rem;color:var(--text2);margin:0;line-height:1.65;}
.df-impacts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.df-imp{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.df-imp h4{font-size:.87rem;font-weight:700;color:var(--amber);margin-bottom:7px;}
.df-imp p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.df-amazon-timeline{display:flex;flex-direction:column;gap:8px;margin:16px 0;}
.df-at{display:flex;gap:14px;align-items:flex-start;}
.df-at-y{font-family:'Abril Fatface',serif;font-size:1rem;color:var(--orange);width:50px;flex-shrink:0;}
.df-at-c{background:var(--bg2);border:1px solid var(--bord);border-radius:6px;padding:10px 14px;font-size:.84rem;color:var(--text2);flex:1;line-height:1.7;}
.df-sol-grid,.df-redd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.df-redd-grid{grid-template-columns:repeat(2,1fr);}
.df-sol,.df-rg{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.df-sol h4{font-size:.87rem;font-weight:700;color:var(--green);margin-bottom:7px;}
.df-rg h4{font-size:.87rem;font-weight:700;color:var(--amber);margin-bottom:7px;}
.df-sol p,.df-rg p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.df-footer{border-top:1px solid var(--bord);background:var(--bg2);padding:18px 32px;font-size:.8rem;color:var(--text2);text-align:center;}
@media(max-width:768px){.df-stats-grid{grid-template-columns:1fr 1fr;}.df-impacts-grid,.df-sol-grid,.df-redd-grid{grid-template-columns:1fr;}}