blockquote p::after { content: close-quote; }
blockquote p::before { content: open-quote; }

.columns {
    columns: 2 30ch;
}

.medium-width {
    max-width: 70rem;
}

.ornament {
    background-image: url("../../pic/content/article/challenge120/bg.svg");
    background-repeat: no-repeat;
    background-position: left -30rem top -20rem;
    background-size: 90%;
}

section.simmonds div.grid {
    position: relative;
    overflow: hidden;
}

/*section.simmonds div.grid::after {*/
section.simmonds article:nth-of-type(2)::after {
    content: "";
    width: 100%;
    max-width: 560px;
    max-height: 560px;
    aspect-ratio: 1 / 1;
    right: 10%;
    transform: rotate(-45deg);
    position: absolute;
    background-image: url("../../pic/content/article/project-tri/tri.webp");
    background-repeat: no-repeat;
    background-position: center;
}


@media (max-width: 534px) {
    .ornament div.grid:nth-child(3) > img {
        grid-row: 1;
    }
}

#details picture {
    aspect-ratio: 4 / 3;
    display: block;
    overflow: clip;
}

#details img,
#slider img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
}

.availability {
    text-align: center;
}

.availability p {
    max-width: 40ch;
    margin: 0 auto;
}

.availability p:last-of-type {
    background: white;
    padding: 1.875rem;
    border-radius: 0.25em;
    max-width: 30ch;
    margin-top: 5rem;
}


ul.grid img {
    max-width: 10rem;
    margin-inline: auto
}

div.flex--column { flex-direction: column; }

[data-content-slider] .pagination button {
    background: rgba(255, 255, 255, 0.35) content-box;
}
[data-content-slider] [data-scroll]:hover,
[data-content-slider] [data-scroll]:focus,
[data-content-slider] [data-scroll][aria-current] {
    background-color: rgba(255, 255, 255, 0.75)
}

div.flex .social-nav {
    justify-content: center;
}

@media (min-width: 40rem) {
    .bg--black > .container {
        padding-block-end: 3.750rem
    }
}
main .btn {
    border: none;
}

.cards {
    --column-count: 2;
    --column-gap: 1.25rem;
}