.series-project-browser{padding-top:32px;scroll-margin-top:150px}
.series-project-browser .r9-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:24px}
.series-project-browser .r9-series-card{display:flex;flex-direction:column;min-width:0}
.series-project-browser .r9-series-card>figure{height:240px!important;min-height:240px;flex:none}
.series-project-browser .r9-series-card-body{display:flex;flex-direction:column;flex:1;padding:20px}
.series-project-browser .r9-series-direct-link{align-self:flex-start;display:inline-flex;gap:8px;margin-top:auto}
.series-project-filters{display:grid;grid-template-columns:minmax(190px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:16px;align-items:end;padding:22px 0;border-block:1px solid #c9dbe3;margin:22px 0 16px}
.series-project-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:#104d76;min-width:0}
.series-project-filters input,.series-project-filters select{width:100%;min-width:0;min-height:46px;padding:10px 12px;background:#fff;border:1px solid #9fb8c5;border-radius:4px;color:#283e48;font:inherit;font-size:15px;font-weight:400}
.series-project-reset{min-height:46px;padding:10px 0;border:0;background:none;color:#104d76;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer;white-space:nowrap}
.series-project-count{font-size:14px;color:#586d77}
.series-project-empty{padding:24px 0;border-bottom:1px solid #c9dbe3}
.series-project-empty h3{margin-top:0}
.series-project-browser [hidden]{display:none!important}
.series-project-browser .r9-series-card>figure{margin:0;position:relative;overflow:hidden}
.series-project-photo{display:block;color:inherit;position:relative;width:100%;height:100%;min-height:240px}
.series-project-browser .r9-series-card figure .series-project-photo img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .2s}
.series-project-photo:hover img{transform:scale(1.025)}
.series-project-browser h3 a{color:inherit;text-decoration:none}
.series-project-browser h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.series-project-browser .r9-series-card-colors{font-size:13px;color:#586d77}
.series-project-browser :is(a,button,input,select):focus-visible,.series-project-detail a:focus-visible{outline:3px solid #104d76;outline-offset:4px}
.r9-series-gallery figure>a:first-child{display:block;flex:1;min-height:260px}
.r9-series-gallery figure>a:first-child img{min-height:260px;width:100%;object-fit:cover}
.series-project-detail [id]{scroll-margin-top:170px}
.series-project-detail .r9-series-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.series-project-detail .r9-series-gallery figure{grid-row:auto;grid-column:auto;display:flex;flex-direction:column}
.series-project-detail .r9-series-gallery figure>a:first-child{display:block;flex:none;height:300px;min-height:300px}
.series-project-detail .r9-series-gallery figure>a:first-child img{width:100%;height:300px;min-height:300px;object-fit:cover;display:block;flex:none}
.series-project-detail .r9-series-gallery figcaption a{font-weight:700;color:#104d76;padding:12px 0}
.series-project-colours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:26px}
.series-project-colour{display:block;color:#104d76;text-decoration:none;border:1px solid #c9dbe3;border-radius:4px;overflow:hidden}
.series-project-colour img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.series-project-colour div{padding:14px}
.series-project-colour h3{font-size:17px;margin:0 0 8px}
.series-project-colour p{font-size:13px;color:#586d77;margin:0 0 8px;line-height:1.5}
.series-project-colour .series-project-stock{color:#2e7d32;font-weight:600}
.series-project-related{display:flex;gap:24px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #c9dbe3}
@media(max-width:1000px){.series-project-filters{grid-template-columns:1fr 1fr}.series-project-filters label:first-child{grid-column:1/-1}.series-project-reset{justify-self:start}.series-project-colours{grid-template-columns:repeat(3,minmax(0,1fr))}.series-project-browser .r9-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-project-detail .r9-series-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.series-project-filters{gap:14px;padding:18px 0}.series-project-filters input,.series-project-filters select{font-size:16px}.series-project-browser{padding-top:20px}.series-project-browser .r9-series-grid{grid-template-columns:1fr}.series-project-browser .series-project-photo img{height:240px}.series-project-colours{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.series-project-colour div{padding:12px}.series-project-detail .r9-series-gallery{grid-template-columns:1fr}.series-project-detail .r9-series-gallery figure>a:first-child{height:auto;aspect-ratio:4/3;min-height:0}.series-project-detail .r9-series-gallery figure>a:first-child img{height:100%;min-height:0;max-height:none}.series-project-colour h3{font-size:15px}.series-project-related{flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){.series-project-photo img{transition:none}}
