.has-serra-series .entry-header{margin:10px auto 24px;max-width:1240px}
.has-serra-series .entry-header .entry-title{font:300 28px/1.3 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em;margin:8px 0}
.has-serra-series .serra-back{margin-bottom:8px;font-size:13px;color:#747474}
.has-serra-series .entry-content{max-width:1280px;width:100%;margin:auto}
.series-original[hidden],serra-series [hidden],.serra-series [hidden],.series-viewer [hidden]{display:none!important}
.serra-series{position:relative;padding:0 40px;touch-action:pan-y}
.serra-series figure{float:none!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.serra-series button,.series-viewer button{box-shadow:none;border:0;background:transparent;color:#666;text-transform:none;letter-spacing:0;cursor:pointer}
.serra-series .series-open{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(240px,calc(100svh - 335px),1000px);padding:0;margin:0;cursor:zoom-in}
.single .serra-series .series-open img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain}
.serra-series figcaption{margin:14px 0 32px;text-align:center;font:400 12px/1.6 Arial,sans-serif;color:#747474;min-height:20px}
.series-prev,.series-next{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);font:300 30px/1 Arial,sans-serif!important;padding:12px!important;z-index:2}
.series-prev{left:0}.series-next{right:0}
dialog.series-viewer{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:60px 65px 45px;background:#fff;box-sizing:border-box;box-shadow:none}
.series-viewer::backdrop{background:#fff}
.series-viewer>img{display:block;width:100%;height:calc(100% - 35px);object-fit:contain}
.series-viewer>p{text-align:center;margin:12px 0;font:400 12px/1.6 Arial,sans-serif;color:#747474}
.series-viewer .series-close{position:absolute;right:20px;top:15px;font-size:14px;padding:8px}
.has-serra-series .view-index{padding-top:0;padding-bottom:30px}
@media(max-width:600px){.serra-series{padding:0 16px}.serra-series .series-open{height:clamp(240px,calc(100svh - 315px),700px)}.series-prev{left:-18px}.series-next{right:-18px}.series-prev,.series-next{font-size:26px!important;padding:8px!important}dialog.series-viewer{padding:60px 28px 45px}.series-viewer .series-prev{left:0}.series-viewer .series-next{right:0}}

/* Dark enlarged view */
dialog.series-viewer{background:#181818;color:#ddd}
.series-viewer::backdrop{background:#181818}
.series-viewer button{color:#ccc}
.series-viewer button:hover{color:#fff;background:transparent}
.series-viewer>p{color:#bdbdbd}
.series-viewer button:focus-visible{outline:2px solid #ddd;outline-offset:4px}

/* Compact spacing below the photograph and caption. */
.has-serra-series .entry-content{margin-bottom:28px}
.has-serra-series .serra-series figcaption{margin-bottom:0}
.has-serra-series .entry-content .wp-block-image:has(>.series-original[hidden]),
.has-serra-series .entry-content p:empty{display:none}
.has-serra-series .entry-content>.serra-series{margin-bottom:0}

/* Side-by-side project introduction on wider screens. */
@media(min-width:801px){
.has-serra-series article.jetpack-portfolio{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);column-gap:40px;align-items:start}
.has-serra-series article.jetpack-portfolio>.entry-header{grid-column:1;margin:0;width:100%;max-width:none}
.has-serra-series article.jetpack-portfolio>.entry-content{grid-column:2;min-width:0;margin:0 0 28px}
.has-serra-series .entry-header .entry-title{margin-top:0}
.has-serra-series .serra-back{margin-bottom:16px}
.has-serra-series .serra-series .series-open{height:clamp(280px,calc(100svh - 245px),1000px);align-items:flex-start}
.has-serra-series .entry-header .entry-meta{margin-bottom:0}
}
@media(max-width:800px){
.has-serra-series .entry-header{margin:0 0 18px}
.has-serra-series .serra-back{margin-bottom:4px}
.has-serra-series .entry-header .entry-title{margin:4px 0}
}

/* Align the image with the project title, below the overview link. */
@media(min-width:801px){
.has-serra-series article.jetpack-portfolio>.entry-header{display:flex;flex-direction:column;align-items:flex-start}
.has-serra-series .serra-back{display:block;line-height:20px;margin:0 0 16px}
.has-serra-series article.jetpack-portfolio>.entry-content{margin-top:41px}
.has-serra-series .serra-series .series-open{height:clamp(240px,calc(100svh - 286px),1000px)}
}

/* Equal outer space around the photograph on desktop. */
@media(min-width:801px){
.has-serra-series article.jetpack-portfolio{grid-template-columns:minmax(0,1fr);position:relative}
.has-serra-series article.jetpack-portfolio>.entry-header{position:absolute;top:0;left:48px;width:220px;z-index:2}
.has-serra-series article.jetpack-portfolio>.entry-content{grid-column:1;width:100%;max-width:none}
.has-serra-series .serra-series{padding-left:260px;padding-right:260px}
}
@media(min-width:801px) and (max-width:1100px){
.has-serra-series article.jetpack-portfolio>.entry-header{width:170px}
.has-serra-series .serra-series{padding-left:190px;padding-right:190px}
}

/* Legacy spacing between stacked photographs is unnecessary in the carousel. */
.has-serra-series .entry-content .wp-block-spacer{display:none!important}

.serra-series>.series-prev{left:max(0px,calc(var(--photo-left,40px) - 48px));top:var(--photo-mid,50%)}
.serra-series>.series-next{right:max(0px,calc(var(--photo-right,40px) - 48px));top:var(--photo-mid,50%)}
.serra-series>.series-prev,.serra-series>.series-next{min-width:44px;min-height:44px}
@media(max-width:600px){.serra-series>.series-prev{left:-20px}.serra-series>.series-next{right:-20px}}
@media(max-width:800px){
.has-serra-series .serra-series .series-open{height:auto;min-height:0;align-items:flex-start}
.single .serra-series .series-open img{max-height:calc(100svh - 310px)!important}
}

.series-viewer>.series-prev{left:max(0px,calc(var(--viewer-left,48px) - 48px));top:var(--viewer-mid,50%)}
.series-viewer>.series-next{right:max(0px,calc(var(--viewer-right,48px) - 48px));top:var(--viewer-mid,50%)}
.series-viewer>.series-prev,.series-viewer>.series-next{min-width:44px;min-height:44px}

.series-palette{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:12px;flex-wrap:wrap}.series-palette span{color:var(--muted);font-weight:600}.series-palette button{appearance:none;background:none;border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none;padding:6px 0;min-height:36px;font:inherit;color:var(--muted);cursor:pointer}.series-palette button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}