/* Compact product navigation; customer photography keeps its natural colors. */
#signs{background:#f7f5f0;padding:52px 6% 38px}
#signs .section-top{gap:30px;margin-bottom:26px;align-items:end}
#signs .eyebrow{color:#a62d38;margin-bottom:12px}
#signs .section-top h2{font-size:clamp(30px,3vw,44px);line-height:1.12}
#signs .section-top>p{max-width:340px;margin:0;font-size:15px}
#signs .sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#signs .sign-card:nth-child(n){display:flex;flex-direction:column;grid-column:auto;position:relative;margin:0;padding:0;height:auto;min-height:0;background:#fff;color:#122e3e;border:1px solid #d9dedc;overflow:hidden;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
#signs .sign-card:before,#signs .sign-copy:after{display:none}
#signs .sign-card:nth-child(n) .sign-image{display:block;position:relative;inset:auto;aspect-ratio:1.7;height:auto;width:100%;padding:0;background:#e2e5e2;overflow:hidden}
#signs .sign-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s}
#signs .sign-card:nth-child(n) .sign-copy{position:relative;inset:auto;transform:none;padding:20px 18px 18px;max-width:none;display:flex;flex-direction:column;flex:1;background:#fff;border:0}
#signs .sign-card:nth-child(n) .sign-copy h3{font-size:23px;line-height:1.16;letter-spacing:-.035em;max-width:none;margin:0 0 10px;color:#122e3e}
#signs .sign-card:nth-child(n) .sign-copy p{font-size:14px;line-height:1.55;color:#526670;margin:0 0 20px;max-width:none}
#signs .sign-copy>span{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid #e4e6e3;color:#a62d38;font-size:13px;font-weight:700;line-height:1.4}
#signs .sign-copy>span b{font-size:20px;font-weight:400}
#signs .sign-card:hover{border-color:#a62d38;box-shadow:0 5px 16px #122e3e0c}
#signs .sign-card:hover img{transform:scale(1.035)}
#signs .sign-card:focus-visible{outline:3px solid #a62d38;outline-offset:4px}
#winsupply{padding-top:48px;padding-bottom:48px}
.projects{background:#f7f5f0}.project-invite{background:#f1eee6}.about{background:#122e3e}
.project-invite h2 span{color:#b73741}.assurance{border-color:#b73741}
@media(max-width:1050px){#signs .sign-grid{gap:14px}#signs .sign-card:nth-child(n) .sign-copy{padding:16px 14px}#signs .sign-card:nth-child(n) .sign-copy h3{font-size:20px}#signs .sign-copy>span{font-size:12px}}
@media(max-width:800px){#signs .sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#signs .section-top{display:block}#signs .section-top>p{max-width:500px;margin-top:14px}#custom-sign-invite{align-items:start}#custom-sign-invite>div{display:block}#custom-sign-invite>div>span{display:block;margin-top:5px}}
@media(max-width:480px){#signs{padding:36px 5% 28px}#signs .sign-grid{gap:12px}#signs .sign-card:nth-child(n) .sign-copy{padding:14px 11px}#signs .sign-card:nth-child(n) .sign-copy h3{font-size:19px}#signs .sign-card:nth-child(n) .sign-copy p{font-size:13px;margin-bottom:16px}#signs .sign-copy>span{font-size:12px}#custom-sign-invite{display:block}#custom-sign-invite button{margin-top:7px}#winsupply{padding-top:36px;padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){#signs .sign-card,#signs .sign-image img{transition:none}}

/* A browsable product shelf keeps custom work in the main selection. */
#signs .sign-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/5);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding:5px 2px 14px;scrollbar-width:thin;scrollbar-color:#b5c0c4 transparent}
#signs .sign-card{scroll-snap-align:start;min-width:0}
.product-browse-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-8px 0 12px;color:#526670;font-size:13px}
.product-browse-controls>div{display:flex;gap:8px}
.product-browse-controls button{width:42px;height:42px;border:1px solid #122e3e;background:#122e3e;color:white;font-size:22px;cursor:pointer;border-radius:50%}
.product-browse-controls button:hover:not(:disabled){background:#a62d38;border-color:#a62d38}
.product-browse-controls button:disabled{background:transparent;border-color:#cbd2d3;color:#98a4a9;cursor:default}
.product-browse-controls button:focus-visible{outline:3px solid #a62d38;outline-offset:3px}
#signs .custom-project-card:nth-child(n) .custom-project-art{background:#122e3e;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 22px;color:#fff}
.custom-project-art>span{font-size:clamp(22px,2.1vw,34px);font-weight:800;line-height:.98;letter-spacing:-.055em}
.custom-art-dot{color:#d35a60}.custom-project-art i{font-size:11px;font-style:normal;letter-spacing:.02em;color:#dfc68e;margin-top:10px}
@media(max-width:1050px){#signs .sign-grid{grid-auto-columns:calc((100% - 42px)/3.3)}}
@media(max-width:800px){#signs .sign-grid{grid-auto-columns:calc((100% - 28px)/2.25)}.custom-project-art>span{font-size:30px}}
@media(max-width:480px){#signs .sign-grid{grid-auto-columns:78%;gap:12px}#signs .sign-card:nth-child(n) .sign-copy{padding:18px}#signs .sign-card:nth-child(n) .sign-copy h3{font-size:23px}.custom-project-art>span{font-size:32px}.product-browse-controls{margin-top:0}}

.product-browse-controls>div[hidden]{display:none}
@media(min-width:1051px){#signs .sign-card:nth-child(n) .sign-copy{padding:18px 14px}#signs .sign-card:nth-child(n) .sign-copy h3{font-size:21px}#signs .sign-copy>span{font-size:12px}#signs .custom-project-card:nth-child(n) .custom-project-art{padding:18px 16px}.custom-project-art>span{font-size:clamp(22px,1.9vw,30px)}}