.photography-page { padding-top: 28px; }

.photography-switcher {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 28px;
}

.photography-switcher--bottom { margin-bottom: 0; overflow-anchor: none; }

.collection-panel {
    appearance: none;
    min-height: 52px;
    padding: 10px 16px;
    border: 1px solid #d9d9d5;
    border-radius: 0;
    background: var(--site-background) var(--site-paper);
    color: #666660;
    font: 400 clamp(22px, 1.5vw, 26px)/1.15 'Cormorant Garamond', Times, serif;
    cursor: pointer;
}

.collection-panel:hover {
    border-color: #aaa;
    color: #292927;
}

.collection-panel[aria-pressed="true"] {
    border-color: #c8c8c2;
    background-color: #eee9e1;
    color: #292927;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .09);
}

@media (max-width: 768px) {
    .photography-page { padding-top: 24px; }

    .photography-switcher {
        gap: 8px;
        margin: 0 0 24px;
    }

    .photography-switcher--bottom { margin-bottom: 0; }

    .collection-panel {
        min-height: 48px;
        padding: 9px 10px;
        font-size: 22px;
    }
}