/* ── CAROUSEL WRAPPER ── */
		.hero-carousel {
			width: 100vw;
			height: 100vh;
		}

		.owl-carousel .owl-stage-outer,
		.owl-carousel .owl-stage,
		.owl-carousel .owl-item {
			height: 100%;
		}

		/* ── SLIDE ── */
		.slide {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

		/* Background image with zoom */
		.slide-bg {
			position: absolute;
			inset: -6%;
			/* extra space for zoom without white edges */
			background-size: cover;
			background-position: center;
			transform: scale(1.06);
			transition: transform 6s ease;
			will-change: transform;
			filter: brightness(.45);
		}

		/* When slide becomes active → shrink back to base = zoom-in illusion */
		.owl-item.active .slide-bg {
			transform: scale(1);
		}

		/* Dark left gradient */
		.slide::after {
			content: '';
			position: absolute;
			inset: 0;
			/* background: linear-gradient(105deg, rgba(0, 0, 0, .7) 0%, transparent 65%); */
		}

		/* ── CONTENT ── */
		.slide-content {
			position: relative;
			z-index: 10;
			max-width: 850px;
			padding: 0 2vw;
			opacity: 0;
			transform: translateY(40px);
			transition: opacity .8s ease .5s, transform .8s ease .5s;
		}

		.owl-item.active .slide-content {
			opacity: 1;
			transform: translateY(0);
		}

		.slide-label {
			font-size: .75rem;
			letter-spacing: .3em;
			text-transform: uppercase;
			color: rgba(255, 255, 255, .6);
			margin-bottom: 1.2rem;
		}

		.slide-title {
			font-family: 'Playfair Display', serif;
			font-size: clamp(2.8rem, 6vw, 5.5rem);
			font-weight: 900;
			line-height: 1.08;
			color: #fff;
			margin-bottom: 1.5rem;
		}

		.slide-title .dot {
			color: var(--red);
		}

		.slide-desc {
			font-size: 1rem;
			font-weight: 300;
			line-height: 1.75;
			color: rgba(255, 255, 255, .75);
			margin-bottom: 2.8rem;
		}
        .slider_home .owl-nav button {
            margin: 0;
        }
		/* Buttons row */
		.slide-actions {
			display: flex;
			align-items: center;
			gap: 2rem;
		}

		.btn-play {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            background: var(--red);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border: 0px solid rgba(255, 255, 255, .15);
            flex-shrink: 0;
            transition: transform .3s;
            background-color: #dd4242;
        }

		.btn-play:hover {
			transform: scale(1.1);
		}
        .slide-title .dot3 {
            color: #dd4242;
        }
		.btn-play svg {
			width: 18px;
			fill: #fff;
			margin-left: 3px;
		}

		.about-text {
			display: flex;
			flex-direction: column;
		}

		.about-text strong {
            font-size: 16px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: .3rem;
            font-weight: normal;
        }

		.about-text span {
            font-size: 14px;
            color: #dd4242;
            border-top: 1px solid rgba(255, 255, 255, .25);
            padding-top: .3rem;
        }

		.btn-work {
			padding: .85rem 1.6rem;
			border: 1.5px solid rgba(255, 255, 255, .5);
			border-radius: 50px;
			color: #fff;
			font-size: .85rem;
			letter-spacing: .08em;
			display: flex;
			align-items: center;
			gap: .5rem;
			cursor: pointer;
			text-decoration: none;
			transition: background .3s, border-color .3s;
		}

		.btn-work:hover {
			background: rgba(255, 255, 255, .12);
			border-color: #fff;
		}

		.btn-work svg {
			width: 18px;
			fill: #fff;
		}

		/* ── CUSTOM NAV ── */
		.owl-nav {
			position: absolute;
			bottom: 3rem;
			right: 5vw;
			display: flex;
			gap: .8rem;
			z-index: 20;
		}

		.owl-nav button {
			width: 50px;
			height: 50px;
			border-radius: 50% !important;
			background: rgba(255, 255, 255, .1) !important;
			border: 1.5px solid rgba(255, 255, 255, .3) !important;
			display: flex !important;
			align-items: center;
			justify-content: center;
			transition: background .3s !important;
		}

		.owl-nav button:hover {
			background: rgba(255, 255, 255, .25) !important;
		}

		.owl-nav button span {
			display: none;
		}

		.owl-nav button::after {
			content: '';
			display: block;
			width: 10px;
			height: 10px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
		}

		.owl-prev::after {
			transform: rotate(-135deg) translate(2px, -2px);
		}

		.owl-next::after {
			transform: rotate(45deg) translate(-2px, 2px);
		}

		/* ── DOTS ── */
		.owl-dots {
			position: absolute;
			bottom: 3.8rem;
			left: 50%;
			transform: translateX(-50%);
			z-index: 20;
			display: flex;
			gap: .5rem;
		}

		.owl-dot span {
			width: 6px !important;
			height: 6px !important;
			background: rgba(255, 255, 255, .35) !important;
			border-radius: 50% !important;
			transition: all .3s !important;
			margin: 0 !important;
		}

		.owl-dot.active span {
			background: var(--red) !important;
			width: 24px !important;
			border-radius: 3px !important;
		}

		/* Slide number */
		.slide-num {
			position: absolute;
			bottom: 4rem;
			left: 7vw;
			z-index: 20;
			font-size: .78rem;
			letter-spacing: .2em;
			color: rgba(255, 255, 255, .4);
		}

		.slide-num strong {
			color: #fff;
			font-size: 1rem;
		}