.opticon-exhibition-single {
    background: var(--opticon-detail-background, #fff);
    color: var(--opticon-detail-text, #15171b);
    font-family: var(--opticon-detail-font-family, inherit);
    font-size: var(--opticon-detail-body-size, 18px);
}

.opticon-exhibition-single__container {
    width: min(calc(100% - 48px), var(--opticon-detail-max-width, 1200px));
    margin: 0 auto;
    padding: clamp(48px, 8vw, 120px) 0;
}

.opticon-exhibition-single__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    align-items: center;
    gap: var(--opticon-detail-gap, 56px);
}

.opticon-exhibition-single__hero-image {
    overflow: hidden;
    border-radius: var(--opticon-detail-image-radius, 0);
    background: #f2f2f0;
}

.opticon-exhibition-single__hero-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.opticon-exhibition-single__hero-content {
    max-width: 620px;
}

.opticon-exhibition-single__eyebrow,
.opticon-exhibition-single__subtitle {
    margin: 0 0 14px;
    color: var(--opticon-detail-accent, #16191e);
    font-size: .78em;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.opticon-exhibition-single__hero h1 {
    margin: 0;
    color: var(--opticon-detail-text, #15171b);
    font-size: clamp(2.4rem, 6vw, var(--opticon-detail-title-size, 64px));
    line-height: .98;
    letter-spacing: -.04em;
}

.opticon-exhibition-single__artist {
    margin: 20px 0 0;
    font-size: 1.15em;
    font-weight: 600;
}

.opticon-exhibition-single__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 24px;
    color: var(--opticon-detail-muted, #69707d);
    font-size: .9em;
}

.opticon-exhibition-single__summary {
    margin: 28px 0 0;
    color: var(--opticon-detail-muted, #69707d);
    line-height: 1.7;
}

.opticon-exhibition-single__back {
    display: inline-block;
    margin-top: 32px;
    padding: var(--opticon-detail-button-padding, 12px) calc(var(--opticon-detail-button-padding, 12px) * 1.5);
    border-radius: var(--opticon-detail-button-radius, 7px);
    background: var(--opticon-detail-button-background, #16191e);
    color: var(--opticon-detail-button-color, #fff);
    text-decoration: none;
    transition: background-color .2s ease, transform .2s ease;
}

.opticon-exhibition-single__back:hover,
.opticon-exhibition-single__back:focus {
    background: var(--opticon-detail-button-hover-background, #30343b);
    color: var(--opticon-detail-button-color, #fff);
    transform: translateY(-2px);
}

.opticon-exhibition-single__content {
    max-width: 820px;
    margin: var(--opticon-detail-section-spacing, 80px) auto 0;
    line-height: 1.75;
}

.opticon-exhibition-single__content > *:first-child {
    margin-top: 0;
}

.opticon-exhibition-single__content img {
    max-width: 100%;
    height: auto;
}

.opticon-exhibition-single__gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: var(--opticon-detail-section-spacing, 80px);
}

.opticon-exhibition-single__gallery figure {
    margin: 0;
}

.opticon-exhibition-single__gallery img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--opticon-detail-image-radius, 0);
}

@media (max-width: 767px) {
    .opticon-exhibition-single__container {
        width: min(calc(100% - 32px), var(--opticon-detail-max-width, 1200px));
    }

    .opticon-exhibition-single__hero {
        grid-template-columns: 1fr;
    }

    .opticon-exhibition-single__gallery {
        grid-template-columns: 1fr;
    }
}