@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@900&family=Raleway:wght@300;400;600&display=swap";
.db-slider{background:#12121e;width:100%;height:100vh;min-height:560px;font-family:Raleway,sans-serif;position:relative;overflow:hidden}.db-slide{opacity:0;pointer-events:none;position:absolute;inset:0}.db-slide.active{opacity:1;pointer-events:auto}.db-slide-bg{filter:brightness(.3)saturate();background-position:50%;background-size:cover;position:absolute;inset:0}.db-slide.active .db-slide-bg{transform:scale(1)}.db-slide-overlay{background:linear-gradient(90deg,#12121ee0 0%,#12121e4d 60%,#0000 100%),linear-gradient(#0000 50%,#12121eb3 100%);position:absolute;inset:0}.db-slide-accent{background:var(--red);z-index:3;transform-origin:bottom;width:4px;transition:transform .8s cubic-bezier(.4,0,.2,1) .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.db-slide.active .db-slide-accent{transform:scaleY(1)}.db-slide-content{z-index:4;flex-direction:column;justify-content:center;max-width:800px;padding:0 5rem 0 6rem;display:flex;position:absolute;inset:0}.db-anim{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.db-slide.active .db-anim-1{opacity:1;transition-delay:.5s;transform:translateY(0)}.db-slide.active .db-anim-2{opacity:1;transition-delay:.65s;transform:translateY(0)}.db-slide.active .db-anim-3{opacity:1;transition-delay:.85s;transform:translateY(0)}.db-slide.active .db-anim-4{opacity:1;transition-delay:1s;transform:translateY(0)}.db-label{letter-spacing:.15em;text-transform:uppercase;color:var(--red);align-items:center;gap:.8rem;margin-bottom:1.2rem;font-size:.65rem;font-weight:1000;display:flex}.db-label:before{content:"";background:var(--red);flex-shrink:0;width:30px;height:2px}.db-title{font-family:var(--font-anton), sans-serif;color:#fff;margin-bottom:1.2rem;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;line-height:1}.db-title-accent{color:var(--red);display:block}.db-text{color:var(--white);max-width:480px;margin-bottom:2.5rem;font-size:1rem;font-weight:800;line-height:1.8}.db-cta{background:var(--red);color:#fff;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:.7rem;width:fit-content;padding:.85rem 2rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .3s;display:inline-flex}.db-cta:hover{background:var(--red-dark)}.db-thumbs{z-index:10;flex-direction:column;gap:.6rem;display:flex;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.db-thumb{object-fit:cover;cursor:pointer;opacity:.35;filter:grayscale(60%);background:0 0;border:1px solid #0000;width:54px;height:36px;padding:0;transition:opacity .3s,border-color .3s,filter .3s}.db-thumb.active,.db-thumb:hover{opacity:1;border-color:var(--red);filter:grayscale(0%)}.db-controls{z-index:10;align-items:center;gap:1.5rem;display:flex;position:absolute;bottom:3rem;left:6rem}.db-dots{gap:.5rem;display:flex}.db-dot{cursor:pointer;background:#ffffff40;border:none;width:28px;height:3px;padding:0;transition:background .3s,width .3s}.db-dot.active{background:var(--red);width:48px}.db-arrows{gap:.6rem;display:flex}.db-arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12121e80;border:1px solid #fff3;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .3s,background .3s;display:flex}.db-arrow:hover{border-color:var(--red);background:#d42b2b26}.db-counter{z-index:10;font-family:var(--font-anton), serif;color:#ffffff80;letter-spacing:.1em;font-size:.8rem;position:absolute;bottom:3.3rem;right:4rem}.db-counter-current{color:var(--red);font-size:1.4rem;font-weight:700}.db-progress{background:var(--red);z-index:10;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.db-scroll-cue{z-index:10;position:absolute;bottom:2.8rem;left:50%;transform:translate(-50%)}.db-scroll-line{background:linear-gradient(to bottom, var(--red), transparent);width:1px;height:36px;animation:2s ease-in-out infinite dbScrollPulse}@keyframes dbScrollPulse{0%,to{opacity:.3;transform:scaleY(.7)translateY(-4px)}50%{opacity:1;transform:scaleY(1)translateY(0)}}@media (max-width:768px){.db-slide-content{padding:0 1.5rem 0 2rem}.db-controls{bottom:2rem;left:2rem}.db-counter{bottom:2.3rem;right:1.5rem}.db-thumbs{display:none}}
