.hx-examples{padding:67px 0 65px;background:#fff}.hx-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:28px}.hx-heading h2{font-size:49px;line-height:1.03}.hx-heading>p{font-size:17px;line-height:1.5;color:var(--muted);max-width:400px;margin:0 0 3px}.hx-filterbar{margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:19px}.hx-filters{display:flex;flex-wrap:wrap;gap:10px 22px}.hx-filters button{font:600 14px/1.4 var(--body);border:0;border-bottom:2px solid transparent;color:var(--steel);background:transparent;padding:6px 0;display:flex;gap:8px;align-items:center;cursor:pointer}.hx-filters button.active{color:var(--accent);border-bottom-color:var(--accent)}.hx-filters button>span{font-size:10px;font-weight:400;line-height:1;min-width:18px;text-align:center;background:#edf4f5;border-radius:2px;padding:4px 5px;color:var(--steel)}.hx-filterbar>p{font-size:12px;color:var(--muted);margin:13px 0 0}.hx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 27px}.hx-card{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;font:inherit;color:var(--ink);border:0;background:transparent;cursor:pointer;border-radius:5px}.hx-card[hidden]{display:none}.hx-photo{position:relative;display:block;background:#f2f7f7;border-radius:7px;overflow:hidden;height:215px;width:100%;padding:15px}.hx-photo>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hx-photo.hx-range-photo{padding:0}.hx-range-photo>img{object-fit:cover;mix-blend-mode:normal}.hx-photo-action{position:absolute;right:10px;bottom:10px;background:#173d48dd;border-radius:3px;color:#fff;padding:5px 7px;font-size:10px;display:flex;gap:9px;align-items:center;opacity:0;transition:opacity .15s}.hx-photo-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.hx-card:hover .hx-photo-action,.hx-card:focus-visible .hx-photo-action{opacity:1}.hx-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.hx-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hx-card-copy{display:flex;flex-direction:column;padding:16px 0 14px;border-bottom:1px solid var(--line);flex:1;min-width:0}.hx-card-copy>small{font-size:10px;color:var(--steel);line-height:1.4;margin-bottom:8px}.hx-card-copy>strong{font:600 29px/1.12 var(--display);margin-bottom:11px;min-height:0}.hx-feature{font-size:15px;line-height:1.4;color:var(--ink);margin-bottom:12px;min-height:0}.hx-meta{display:flex;flex-wrap:wrap;gap:5px 8px;font-size:11px;line-height:1.45;color:var(--muted);margin-top:auto}.hx-meta>span{color:#8ca8af}.hx-drawing-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.hx-drawing-cta strong{font:600 23px/1.2 var(--body)}.hx-drawing-cta p{font-size:15px;color:var(--muted);margin:9px 0 0}.hx-drawing-cta .n-link{font-size:15px;flex:none}.hx-dialog-feature{color:var(--ink);font-size:16px;border-left:2px solid var(--accent);padding-left:13px;line-height:1.45}
@media(max-width:1100px) and (min-width:761px){.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-photo{height:245px}.hx-card-copy>strong{min-height:0;font-size:31px}.hx-feature{min-height:0}.hx-heading{gap:35px}.hx-heading h2{font-size:45px}}
@media(max-width:760px){.hx-examples{padding:48px 0 50px}.hx-heading{grid-template-columns:1fr;gap:17px;margin-bottom:22px}.hx-heading h2{font-size:40px}.hx-heading>p{font-size:16px;max-width:none}.hx-filters{gap:7px 18px}.hx-filters button{font-size:12px}.hx-filterbar{margin-bottom:23px;padding-bottom:15px}.hx-filterbar>p{font-size:11px;line-height:1.45}.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.hx-photo{height:180px;padding:12px}.hx-card-copy>strong{font-size:26px;min-height:0;margin-bottom:9px}.hx-feature{font-size:14px;min-height:0;margin-bottom:10px}.hx-meta{font-size:10px}.hx-drawing-cta{flex-direction:column;align-items:flex-start;gap:17px;margin-top:26px;padding-top:21px}.hx-drawing-cta strong{font-size:21px}.hx-drawing-cta p{font-size:14px}.hx-drawing-cta .n-link{font-size:14px}.hx-photo-action{opacity:1;font-size:9px;padding:4px 6px;gap:6px;right:8px;bottom:8px}}
@media(max-width:520px){.hx-grid{grid-template-columns:1fr;gap:25px}.hx-photo{height:230px;padding:16px}.hx-card-copy{padding-top:14px}.hx-card-copy>strong{font-size:29px}.hx-feature{font-size:15px}.hx-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hx-photo-action{transition:none}}