/* Original generated field-journal sketches, decorative and noninteractive. */
.elephant-doodle {
    display: block;
    width: 240px;
    height: 160px;
    flex: 0 0 auto;
    background: center / contain no-repeat;
    pointer-events: none;
    user-select: none;
}
.elephant-doodle--tusker {
    background-image: url('../img/illustrations/elephant-tusker-pencil.webp');
}
.elephant-doodle--family {
    background-image: url('../img/illustrations/elephant-family-pencil.webp');
}
.sketch-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1rem, 4vw, 4rem);
    padding-top: 2rem;
    margin-bottom: -2rem;
}
.sketch-divider .elephant-doodle { opacity: .78; }
.sketch-divider__line {
    flex: 1 1 0;
    max-width: 250px;
    height: 4px;
    border-top: 1px solid #666d4860;
    border-radius: 50%;
    transform: rotate(-1deg);
}
.sketch-divider__line:last-child { transform: rotate(1deg); }
.has-elephant-sketch { position: relative; isolation: isolate; }
.has-elephant-sketch::before {
    content: '';
    position: absolute;
    width: min(31vw, 360px);
    aspect-ratio: 3 / 2;
    background: url('../img/illustrations/elephant-tusker-pencil.webp') center / contain no-repeat;
    opacity: .065;
    pointer-events: none;
    z-index: -1;
}
.wildlife-section.has-elephant-sketch::before { bottom: .5rem; left: 0; transform: rotate(-7deg); }
.trust-section.has-elephant-sketch::before { top: .5rem; right: 0; transform: rotate(6deg); }
.satisfaction-sketch {
    width: min(340px, 75%);
    height: 195px;
    margin: 0 auto 1.8rem;
    opacity: .8;
}
.park-intro::before {
    content: '';
    display: block;
    width: 150px;
    height: 100px;
    margin: 0 auto 1.8rem;
    background: url('../img/illustrations/elephant-tusker-pencil.webp') center / contain no-repeat;
    filter: brightness(0) invert(1);
    opacity: .55;
    pointer-events: none;
}
.trust-card-icon {
    border: 1px solid #666d4860;
    border-radius: 47% 53% 49% 51%;
    box-shadow: 3px 3px 0 #666d4810;
}
.handwritten-note { border-radius: 1% 2% 1% 3%; }
@media (max-width: 599.98px) {
    .sketch-divider { gap: .8rem; padding-top: 1.5rem; margin-bottom: -1.5rem; }
    .sketch-divider .elephant-doodle { width: 170px; height: 115px; }
    .has-elephant-sketch::before { display: none; }
    .satisfaction-sketch { width: 240px; height: 160px; margin-bottom: 1.4rem; }
    .park-intro::before { width: 120px; height: 80px; }
}
@media (prefers-reduced-motion: reduce) {
    .elephant-doodle, .has-elephant-sketch::before { animation: none; }
}