.hero-bg-wt { background: linear-gradient(140deg,#041018 0%,#063142 45%,#0a5c68 75%,#14a89a 100%); }


/* ── Styles moved out of webtodi.html ──────────────────────────
   Doubled class selectors keep the original inline-style precedence so
   nothing in the shared sheets can start winning over these. */
.projects-webtodi-s1.projects-webtodi-s1 { display:flex; align-items:center; justify-content:center; }
.projects-webtodi-s2.projects-webtodi-s2 { max-width:45%; max-height:55%; object-fit:contain; filter:brightness(0) invert(1); opacity:0.18; animation:bob 7s ease-in-out infinite; }
.projects-webtodi-s3.projects-webtodi-s3 { display:none; font-size:180px; opacity:0.10; line-height:1; animation:bob 7s ease-in-out infinite; }
.projects-webtodi-s4.projects-webtodi-s4 { display:flex; align-items:flex-start; gap:16px; padding:20px 24px; background:rgba(20,168,154,0.06); border:1px solid rgba(20,168,154,0.2); border-radius:14px; margin-bottom:44px; }
.projects-webtodi-s5.projects-webtodi-s5 { font-size:20px; line-height:1; }
.projects-webtodi-s6.projects-webtodi-s6 { font-size:13px; color:var(--muted); line-height:1.7; }
.projects-webtodi-s7.projects-webtodi-s7 { color:var(--text); }
.projects-webtodi-s8.projects-webtodi-s8 { margin-top:28px; }
.projects-webtodi-s9.projects-webtodi-s9 { margin-top:32px; }
.projects-webtodi-s10.projects-webtodi-s10 { margin-bottom:32px; }
.projects-webtodi-s11.projects-webtodi-s11 { margin-top:40px; }