.deri-hero-slider { position: relative; width: 100%; height: 90vh; overflow: hidden; }
@media (max-width: 768px){ .deri-hero-slider { height: 75vh; } }
.deri-hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease-in-out; }
.deri-hero-slide.active { opacity: 1; }
.deri-hero-content { text-align: center; color: #fff; background: rgba(0,0,0,0.45); padding: 2rem; border-radius: 12px; max-width: 900px; margin: 0 auto; }
.deri-hero-content h1 { font-size: clamp(28px, 5vw, 56px); margin: 0 0 12px; }
.deri-hero-content p { font-size: clamp(16px, 2.2vw, 22px); margin: 0 0 20px; }
.emphasis-red { color: #D6432A; font-style: italic; font-weight: 700; }
.underline-accent { box-shadow: inset 0 -0.4em 0 rgba(214,67,42,.15); }