/* CLARUS DELAUNAY SLIDER CSS - KENAR PARLAMA*/
.delaunay-mask-triangle {
    fill: white;
    stroke: white;
    stroke-width: 1.2;
    stroke-linejoin: round;
    opacity: 0;
    transform: scale(.001);
    transform-origin: center;
    transform-box: fill-box;
    transition: transform .8s cubic-bezier(.34,1.56,.64,1), opacity .4s ease;
}

.delaunay-mask-triangle.reveal {
    opacity: 1;
    transform: scale(1);
}

.delaunay-glass-triangle {
    fill: none; /* İçi boş */
    stroke: rgba(255, 255, 255, 0.25); /* %25 opacity beyaz kenar */
    stroke-width: 0.8; /* İnce kenar */
    stroke-linejoin: round;
    opacity: 0;
    transform: scale(.95); /* Biraz daha büyük */
    transform-origin: center;
    transform-box: fill-box;
    mix-blend-mode: screen;
    filter: blur(0.6px); /* Hafif blur */
    transition: opacity .5s ease, transform .7s cubic-bezier(.34,1.56,.64,1); 
} 

.delaunay-glass-triangle.reveal {
    opacity: 0;
    transform: scale(1);
}

	#delaunayVideoCanvas {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: none;
    mask: url(#delaunayMask);
    -webkit-mask: url(#delaunayMask);
    mask-size: cover;
    -webkit-mask-size: cover;
    transition: opacity 0.8s ease;
}

/* SVG IMAGE */
#delaunayImage {
    transition: opacity 0.5s ease;
}

/* Responsive */
@media (max-width: 768px) {
    .delaunay-wrapper {
        height: 400px !important;
    }
    
    .delaunay-ground {
        height: 150px !important;
        margin-top: 50px !important;
    }
    
    .delaunay-content {
        padding: 20px !important;
    }
    
    #delaunayTitle {
        font-size: 1.75rem !important;
    }
    
    #delaunaySubtitle {
        font-size: 1rem !important;
    }
    
    #delaunayExcerpt {
        font-size: 0.875rem !important;
    }
    
    /* Mobilde kenar daha ince */
    .delaunay-glass-triangle {
        stroke-width: 0.6px !important;
        filter: blur(0.4px) !important;
    }
}