.front-work{--work-cover:var(--hattie-black);--work-cover-ink:var(--hattie-white);--work-cover-muted:var(--hattie-grey-light);color:var(--front-ink)}
.front-refresh #main:has(.front-work){width:100%;max-width:none}
.front-refresh #main>.cms-block:has(.front-work){margin-top:0}
.front-work-cover{background:var(--work-cover);color:var(--work-cover-ink);padding:var(--front-space-32) var(--front-gutter) var(--front-space-64)}
.front-work-cover>.breadcrumb,.front-work-cover-grid{max-width:var(--front-content);margin-inline:auto}
.front-work-cover .breadcrumb{color:var(--work-cover-muted);margin-bottom:var(--front-space-32)}
.front-work-cover .breadcrumb a,.front-work-cover .breadcrumb [aria-current]{color:var(--work-cover-ink)}
.front-work-cover-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--front-space-64);align-items:center}
.front-work-heading{min-width:0;padding-block:var(--front-space-48)}
.front-work-heading h1{margin:var(--front-space-24) 0;font-size:var(--front-page-title);color:inherit}
.front-work-category{font-size:var(--front-secondary-size);line-height:1.7;color:var(--work-cover-muted)}
.front-work-heading>.front-copy{color:var(--work-cover-muted)}
.front-work-local{display:flex;flex-wrap:wrap;gap:var(--front-space-24);margin-top:var(--front-space-48)}
.front-work-local a,.front-work-section-heading>a{display:inline-flex;align-items:center;gap:var(--front-space-16);min-height:var(--front-control);font-size:var(--front-secondary-size);text-decoration:underline;text-underline-offset:6px}
.front-work-cover a:focus-visible{outline-color:var(--hattie-blue-light)}
.front-work-cover-image{min-width:0;scroll-margin-top:var(--front-space-96)}
.front-work-photo{display:block;position:relative;background:var(--front-surface);color:var(--front-ink);text-decoration:none}
.front-work-photo img{display:block;width:100%;height:auto;object-fit:contain;color:inherit;font-size:var(--front-secondary-size)}
.front-work-photo-cover{background:var(--work-cover);color:var(--work-cover-ink)}
.front-work-photo-cover img{height:min(72svh,800px);min-height:320px;object-fit:contain}
.front-work-photo-label{display:flex;align-items:center;justify-content:space-between;gap:var(--front-space-16);min-height:var(--front-control);padding:var(--front-space-12) var(--front-space-16);font-size:var(--front-secondary-size);line-height:1.5}
.front-work-photo:hover .front-work-photo-label{text-decoration:underline;text-underline-offset:4px}
.front-work-cover-image .hattie-cheki-caption{margin-top:var(--front-space-16)}
.front-work-empty{display:grid;place-items:center;min-height:320px;padding:var(--front-space-32);font-size:var(--front-copy-size);line-height:var(--front-copy-leading);color:var(--work-cover-muted)}
.front-work-gallery,.front-work-info,.front-work-neighbours{width:min(var(--front-content),calc(100% - 2 * var(--front-gutter)));margin:var(--front-space-96) auto;scroll-margin-top:var(--front-space-96)}
.front-work-section-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--front-space-24);margin-bottom:var(--front-space-48)}
.front-work-section-heading h2{margin:0}
.front-work-gallery-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--front-space-64) var(--front-space-48);align-items:start}
.front-work-gallery-layout figure{margin:0;min-width:0}
.front-work-gallery-layout figure:nth-child(3n+1){grid-column:1/-1;width:78%;justify-self:center}
.front-work-gallery-layout figure:nth-child(3n){margin-top:var(--front-space-96)}
.front-work-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--front-space-96);padding-block:var(--front-space-64);border-top:1px solid var(--front-line);border-bottom:1px solid var(--front-line)}
.front-work-info h2{margin:0 0 var(--front-space-32)}
.front-work-info .cu-facts{margin:0}
.front-work-info .cu-facts dt{font-size:var(--front-secondary-size);color:var(--front-muted)}
.front-work-info .cu-facts dd{font-size:var(--front-copy-size);line-height:var(--front-copy-leading);overflow-wrap:anywhere}
.front-work-source{margin-top:var(--front-space-32)}
.front-work-info .cu-action{font-size:var(--front-secondary-size);min-height:var(--front-control);white-space:normal;max-width:100%}
.front-work-sharing{margin-top:var(--front-space-24)}
.front-work-copy{font:inherit;font-size:var(--front-secondary-size);min-height:var(--front-control);padding:var(--front-space-8) 0;background:transparent;border:0;color:var(--front-ink);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.front-work [hidden]{display:none!important}
.front-work-sharing label{display:block;font-size:var(--front-secondary-size);margin-block:var(--front-space-12)}
.front-work-sharing input{width:100%;min-width:0;max-width:100%;padding:var(--front-space-12);border:1px solid var(--front-control-line)}
.front-work-sharing [role=status]:empty{margin:0}
.front-work-neighbour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--front-space-48)}
.front-work-neighbour{display:block;min-width:0;text-decoration:none}
.front-work-neighbour-image{background:var(--front-surface);aspect-ratio:4/3;overflow:hidden;margin-bottom:var(--front-space-16)}
.front-work-neighbour-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.front-work-neighbour-image p{padding:var(--front-space-24)}
.front-work-neighbour-title{display:flex;align-items:start;justify-content:space-between;gap:var(--front-space-16);margin-top:var(--front-space-8)}
.front-work-neighbour:hover .front-work-neighbour-title{text-decoration:underline;text-underline-offset:6px}
@media(max-width:720px){
 .front-work-cover{padding-top:var(--front-space-16);padding-bottom:var(--front-space-32)}
 .front-work-cover .breadcrumb{margin-bottom:var(--front-space-16)}
 .front-work-cover-grid{grid-template-columns:minmax(0,1fr);gap:var(--front-space-24)}
 .front-work-heading{padding-block:0}
 .front-work-heading h1{margin-block:var(--front-space-12)}
 .front-work-local{margin-top:var(--front-space-16)}
 .front-work-photo-cover img{height:auto;min-height:0;max-height:72svh}
 .front-work-gallery,.front-work-info,.front-work-neighbours{margin-block:var(--front-space-64)}
 .front-work-section-heading{margin-bottom:var(--front-space-24)}
 .front-work-gallery-layout{grid-template-columns:minmax(0,1fr);gap:var(--front-space-32)}
 .front-work-gallery-layout figure:nth-child(3n+1){width:100%}
 .front-work-gallery-layout figure:nth-child(3n){margin-top:0}
 .front-work-info{grid-template-columns:minmax(0,1fr);gap:var(--front-space-32);padding-block:var(--front-space-32)}
 .front-work-neighbour-grid{grid-template-columns:minmax(0,1fr);gap:var(--front-space-32)}
}