/* Separate glass panes, with one independently browsable row per project. */
.grey-site.glass-depth.photographic-glass.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes {
    display: block;
    container-type: inline-size;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: visible;
}
.portfolio-entry--panes[data-pane-count='2'] { --portfolio-pane-size: 54cqw; }
.portfolio-entry--panes .portfolio-row-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 6px 2px 10px; }
.grey-site.glass-depth.photographic-glass .portfolio-entry--panes .portfolio-entry-year { color: var(--site-corporate-red); font-weight: 700; font-size: .8rem; }
.portfolio-entry--panes .portfolio-browse-hint { color: #51454b; font-family: var(--font-code); font-size: .63rem; }
.grey-site.glass-depth.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel { gap: 0; }
.grey-site.glass-depth.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel-viewport {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 18px;
    padding: 4px 2px 26px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: none;
    scroll-behavior: auto;
    touch-action: auto;
    overscroll-behavior-x: contain;
    cursor: grab;
    scrollbar-width: none;
}
.portfolio-entry--panes .portfolio-carousel-viewport:focus-visible { outline: 2px solid var(--site-corporate-red); outline-offset: 5px; border-radius: 20px; }
.portfolio-entry--panes .portfolio-carousel-viewport.is-dragging { cursor: grabbing; user-select: none; }
.grey-site.glass-depth.photographic-glass.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel-slide {
    flex: 0 0 clamp(280px, var(--portfolio-pane-size, 32cqw), 760px);
    width: clamp(280px, var(--portfolio-pane-size, 32cqw), 760px);
    max-width: none;
    min-width: 0;
    height: clamp(280px, 24cqw, 340px);
    margin: 0;
    border: 3px solid;
    border-color: var(--photo-panel-edge);
    border-radius: var(--photo-panel-radius);
    background: var(--photo-shine), rgba(255,255,255,.68);
    box-shadow: var(--photo-shadow);
    -webkit-backdrop-filter: var(--photo-frost);
    backdrop-filter: var(--photo-frost);
    scroll-snap-align: none;
    text-shadow: none;
}
.portfolio-entry--panes .portfolio-pane--title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 28px; overflow-y: auto; }
.portfolio-entry--panes .portfolio-pane-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; color: #65565d; font-size: .7rem; line-height: 1.6; }
.grey-site.glass-depth.photographic-glass .portfolio-entry--panes h3 { color: #302a2e; overflow-wrap: anywhere; }
.grey-site.glass-depth.photographic-glass .portfolio-entry--panes .portfolio-entry-link { margin-top: 24px; color: var(--site-corporate-red); }
.portfolio-entry--panes .portfolio-carousel-slide--image { padding: 8px; overflow: hidden; }
.portfolio-entry--panes .portfolio-carousel-slide--image img { object-fit: contain; border-radius: 12px; pointer-events: none; user-select: none; }
.portfolio-entry--panes img[hidden] { display: none !important; }
.portfolio-entry--panes .portfolio-image-trigger { cursor: grab; }
.portfolio-entry--panes .is-dragging .portfolio-image-trigger { cursor: grabbing; }
.portfolio-entry--panes .portfolio-image-fallback { display: grid; place-items: center; height: 100%; color: #65565d; font-size: .85rem; }
.portfolio-entry--panes .portfolio-carousel-slide--text { padding: 26px 28px; overflow-y: auto; }
.portfolio-entry--panes .portfolio-text-slide-label { color: var(--site-corporate-red); }
.portfolio-entry--panes .portfolio-carousel-slide--text p { color: #443b41; font-size: .94rem; line-height: 1.7; text-shadow: none; overflow-wrap: anywhere; }
.grey-site.glass-depth.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel-controls { justify-content: flex-end; gap: 12px; padding: 0 2px 8px; color: #51454b; }
.portfolio-entry--panes .portfolio-carousel-counter { min-width: 70px; text-align: center; }
.grey-site.glass-depth .portfolio-entry--panes .portfolio-carousel-controls button {
    border: 1px solid !important;
    border-color: var(--photo-panel-edge) !important;
    color: var(--site-corporate-red) !important;
    background: rgba(255,255,255,.8) !important;
    box-shadow: inset 1px 1px 0 #fff, 0 4px 12px -7px rgba(66,40,43,.3) !important;
}
.portfolio-entry--panes .portfolio-carousel-controls button[hidden] { display: none !important; }
.portfolio-entry--panes .portfolio-row-pause[aria-pressed='true'] { font-weight: 800; }
@media (max-width: 600px) {
    .grey-site.glass-depth.photographic-glass.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel-slide {
        flex-basis: calc(100cqw - 30px);
        width: calc(100cqw - 30px);
        height: 300px;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
    .portfolio-entry--panes .portfolio-pane--title,
    .portfolio-entry--panes .portfolio-carousel-slide--text { padding: 22px; }
    .portfolio-entry--panes .portfolio-browse-hint { font-size: .55rem; }
}
@media (prefers-reduced-transparency: reduce) {
    .grey-site.glass-depth.photographic-glass.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel-slide { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media print {
    .portfolio-entry--panes .portfolio-row-meta .portfolio-browse-hint,
    .portfolio-entry--panes .portfolio-carousel-controls { display: none; }
    .grey-site.glass-depth.public-site[data-page-template='portfolio'] .portfolio-timeline--compact .portfolio-entry--panes .portfolio-carousel-viewport { overflow: visible; flex-wrap: wrap; }
}