:root{--paper:#ffffff;--ink:#252525;--muted:#74736f;--gap:32px}
html{font-size:16px}body{background:var(--paper);color:var(--ink);font:400 16px/1.6 Arial,Helvetica,sans-serif}h1,h2,h3,h4,button,input{font-family:inherit}a{color:inherit}a:hover{color:var(--muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}#loader{display:none!important}.wow,.animated{visibility:visible!important;animation:none!important}.row{width:auto;max-width:1600px;margin:0 auto;padding-left:48px;padding-right:48px}.serra-header{position:relative;padding:42px 48px 36px;max-width:1600px;margin:auto}.serra-bar{display:flex;align-items:center;justify-content:space-between;gap:24px}.serra-name{font-size:25px;letter-spacing:-.8px;line-height:1.2;text-decoration:none;font-weight:400}.serra-bar nav{display:flex;gap:28px;font-size:14px}.serra-bar a{text-decoration:none}.site-content{padding-top:22px}.portfolio-filter.serra-filters{display:flex;align-items:center;flex-wrap:wrap;gap:16px 38px;margin:0 0 34px;padding:0;overflow:visible;text-transform:none}.serra-filters [role=group]{display:flex;align-items:center;gap:20px}.filter-label{font-size:12px;color:var(--muted);margin-right:2px}.serra-filters button{appearance:none;background:none;border:0;border-radius:0;box-shadow:none;color:var(--muted);font:400 14px/1.8 Arial,sans-serif;padding:8px 0;cursor:pointer;min-height:40px;text-transform:none;letter-spacing:0;border-bottom:1px solid transparent}.serra-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.serra-count{margin-left:auto;color:var(--muted);font-size:12px}.portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px var(--gap);align-items:start;padding-bottom:70px}.portfolio:after{display:none}.content-list .portfolio .hentry{position:static;width:auto;float:none;margin:0;overflow:visible;line-height:1.5}.content-list .portfolio .hentry[hidden]{display:none}.content-list .portfolio .hentry a{color:var(--ink);text-decoration:none}.content-list .portfolio .hentry img{width:100%;height:auto;display:block;transform:none;transition:opacity .2s}.content-list .portfolio .hentry:hover img{transform:none;opacity:.92}.content-list .portfolio .hentry .entry-header{position:static;width:auto;height:auto;background:none;padding:12px 0 0;opacity:1;transition:none;text-align:left;margin:0}.content-list .portfolio .hentry .entry-header .entry-title{font:400 14px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;opacity:1;padding:0;margin:0;transition:none}.content-list .portfolio .entry-meta{display:none}.site-footer{border-top:1px solid #e5e3df}.site-footer .row{padding-top:25px;padding-bottom:30px}.site-footer .site-info{font:400 12px/1.8 Arial,sans-serif;text-transform:none;letter-spacing:0;text-align:left}.site-footer .site-info-nav{padding:0;margin:0 0 12px}.single .entry-header{text-align:left;margin:24px auto 40px;max-width:1100px}.single .entry-header .entry-title,.page .page-header .page-title{font:400 clamp(28px,4vw,44px)/1.15 Arial,sans-serif;letter-spacing:-1px}.single .entry-header .cat-links{font:400 13px/2 Arial,sans-serif;text-transform:none;letter-spacing:0;color:var(--muted)}.single .entry-header .close{display:none}.serra-back{display:inline-block;font-size:14px;text-decoration:none;margin-bottom:25px}.single .entry-content{max-width:1100px}.single .entry-content img{display:block;max-width:100%;height:auto;margin:0 auto 36px}.single .entry-content .alignwide,.single .entry-content .alignfull{width:100%;left:auto;right:auto;margin-left:0;margin-right:0}.single .entry-content p{font-size:16px}.serra-empty{grid-column:1/-1;padding:40px 0;color:var(--muted)}dialog{position:fixed;border:0;background:var(--paper);color:var(--ink);padding:50px;max-width:520px;width:calc(100% - 40px);box-shadow:0 20px 100px #0002}dialog:not([open]){display:none}dialog::backdrop{background:#0005}dialog h2{font-size:28px;font-weight:400;letter-spacing:-.5px}dialog p{font-size:16px}.serra-close{display:block;margin:0 0 30px auto;background:none;border:0;padding:8px;font-size:14px;color:var(--muted);box-shadow:none}
@media(max-width:800px){:root{--gap:18px}.row{padding-left:24px;padding-right:24px}.serra-header{padding:28px 24px 20px}.portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px var(--gap)}.serra-count{display:none}.serra-filters [role=group]{gap:16px}.portfolio-filter.serra-filters{gap:6px 28px;margin-bottom:28px}.serra-name{font-size:23px}.serra-bar nav{gap:18px}.site-content{padding-top:16px}}
@media(max-width:380px){.row{padding-left:16px;padding-right:16px}.serra-header{padding-left:16px;padding-right:16px}.serra-name{font-size:21px}.serra-bar nav{gap:12px;font-size:13px}dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Refined wordmark */
.serra-name{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300!important;font-size:clamp(15px,2vw,21px)!important;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}

/* The header already provides overview navigation. */
.view-index{display:none!important}

/* Unified typography */
:root{--serra-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--serra-title-size:clamp(15px,2vw,19px)}
body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,a,span,li,figcaption,
.serra-filters button,.site-footer .site-info,.single .entry-header .cat-links,
.content-list .portfolio .hentry .entry-header .entry-title,
.single .entry-header .entry-title,.page .page-header .page-title,
.has-serra-series .entry-header .entry-title,.serra-series figcaption,
.series-viewer>p,.series-prev,.series-next{font-family:var(--serra-font)!important}
.serra-name{font-size:var(--serra-title-size)!important;letter-spacing:.045em;font-weight:300!important}
.single .entry-header .entry-title,.has-serra-series .entry-header .entry-title,
.page .page-header .page-title{font-size:var(--serra-title-size)!important;font-weight:300;letter-spacing:.025em;line-height:1.5}

/* Seamless white footer */
.site-footer{border-top:0}

/* Quieter overview titles and clearer filter labels. */
.content-list .portfolio .hentry .entry-header .entry-title{font-size:13px}
.serra-filters .filter-label{font-weight:600}

/* Keep overview names accessible without visible captions. */
.home .content-list .portfolio .hentry .entry-header,
.home .portfolio .hentry .entry-header{
position:absolute!important;width:1px!important;height:1px!important;
padding:0!important;margin:-1px!important;overflow:hidden!important;
clip:rect(0,0,0,0)!important;clip-path:inset(50%);white-space:nowrap;border:0;
}

/* Desktop footer: copyright left, legal links right */
@media(min-width:801px){.site-footer .site-info{display:flex;align-items:baseline;justify-content:space-between;gap:24px;width:100%}.site-footer .site-info-nav{margin:0;flex:0 0 auto;order:1}}