/* Decorative fracture: native scrolling grows the seam, then restores it at the solution. */
#exemplos .use-examples-head { position: relative; isolation: isolate; }
.examples-fracture { position: absolute; z-index: -1; top: 0; left: 50%; width: var(--fracture-width, 100%); height: var(--fracture-height, 0px); transform: translateX(-50%); overflow: clip; pointer-events: none; user-select: none; }
.examples-fracture svg { display: block; width: 100%; height: 100%; overflow: visible; }
.examples-fracture path { fill: none; stroke-linecap: butt; stroke-linejoin: round; }
.fracture-reveal { stroke: #fff; stroke-width: 18; }
.fracture-shadow { stroke: #708492; stroke-width: 1.6; stroke-opacity: .08; }
.examples-fracture .fracture-body { fill: #9cbbcc; fill-opacity: .2; }
.fracture-highlight { stroke: #fff; stroke-width: 1.1; stroke-opacity: .95; }
.fracture-refraction { stroke: #a4cada; stroke-width: .55; stroke-opacity: .5; }
.fracture-branch-edge { stroke: #657a8b; stroke-width: .5; stroke-opacity: .65; }
.glass-fracture-ring { stroke: #8aabba; stroke-width: .65; stroke-opacity: .65; }
.examples-fracture .glass-fracture-reflection { fill: #d9ecf5; fill-opacity: .4; }
.fracture-connection { stroke: #00b6d9; stroke-width: 1.8; }
.fracture-restored { fill: #fff; stroke: #00b6d9; stroke-width: 1.8; opacity: 0; }
@media (prefers-reduced-motion: reduce) { .examples-fracture { display: none; } }