/* card */
/* card */
/* card */
/* card */
/* card */

.strip_002_strip_outer_container {
    display: flex;
    align-items: center;
    height: 15dvw; /* Height relative to viewport width */
    width: 100dvw; /* Full width of the viewport */
    overflow: hidden; /* Prevent overflow */
}

.strip_002_strip_card {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 15dvw; /* Consistent with outer container height */
    width: 33.33dvw; /* Each card takes up 1/3 of the container */
    gap: 0dvw; /* No gap between elements */
    padding: 0dvw; /* No padding */
    font-family: f1l;
    background: var(--c8); /* Background color from variable */
    box-shadow: -.1dvw 0dvw 1dvw .5dvw rgba(0, 0, 0, .2); /* Soft shadow */
    cursor: pointer; /* Pointer cursor for clickable cards */
    transition: all ease 100ms; /* Smooth transition effect */
}

.strip_002_strip_card:hover {
    transform: scale(1.025); /* Slightly scale up on hover */
}

.strip_002_strip_card_1 {
    z-index: 1000; /* Layers for stacking */
}

.strip_002_strip_card_2 {
    z-index: 1500; /* Layers for stacking */
}

.strip_002_strip_card_3 {
    z-index: 1800; /* Layers for stacking */
}

.strip_002_strip_image_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Full height */
    width: 20dvw; /* Fixed width for the image */
    overflow: hidden; /* Prevent overflow */
    z-index: 0; /* Ensure it's at the bottom */
}

.strip_002_strip_card_information_container {
    display: flex;
    flex-direction: column;
    gap: 1dvw; /* Space between items */
    padding: 1.5dvw; /* Padding inside the card */
    height: 100%; /* Full height */
    width: 10dvw; /* Fixed width for information container */
    overflow: hidden; /* Prevent overflow */
    z-index: 2000; /* Ensure it's above other elements */
    box-shadow: .0dvw 0dvw 1dvw .5dvw rgba(0, 0, 0, .2); /* Soft shadow */
    letter-spacing: .1dvw; /* Slight spacing for readability */
}

.strip_002_strip_card_information_container_title {
    font-size: 1.25dvw; /* Title font size */
}

.strip_002_strip_card_information_container_technique,
.strip_002_strip_card_information_container_date,
.strip_002_strip_card_information_container_author {
    font-size: .85dvw; /* Font size for technique, date, and author */
    color: var(--c7); /* Text color from variable */
}

.strip_002_strip_card_information_container_author {
    margin-top: auto; /* Push author info to the bottom */
}

/* Media queries for phone/tablet adjustments */
@media only screen and (max-width: 950px) and (min-width: 451px) {
    /* Adjust styles for medium screens (tablets) */
}

@media only screen and (max-width: 450px) {
    /* Adjust styles for small screens (phones) */
}