/* Small real objects and open paper between the illustrated destinations. */
.home-counter{max-width:1060px;margin:94px auto 104px;color:var(--brand-ink,#061b3a);scroll-margin-top:24px}
.home-counter>header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}
.home-screen .home-counter>header h2{font:400 13px/1.8 var(--type-arcade,var(--type-arcade));letter-spacing:-.035em;margin:0;color:#173d30}
.counter-controls{display:flex;gap:8px;align-items:center}
.home-screen .counter-controls button{min-height:44px;min-width:44px;border:0;background:transparent;color:#173d30;cursor:pointer;font:400 7px/1.8 var(--type-arcade,var(--type-arcade));padding:8px}
.counter-controls button:focus-visible{outline:2px solid var(--brand-blue,#204d76);outline-offset:2px}
.counter-controls button:disabled{cursor:default;opacity:.55}
.counter-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px}
.counter-object{min-width:0}
.counter-object>a{display:flex;flex-direction:column;min-height:100%;text-decoration:none;color:inherit}
.counter-object-image{height:210px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;min-width:0}
.counter-await{font:400 12px/1.8 var(--type-mono,monospace);color:#64756e}
.counter-object-image>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.counter-object-image .product-shot{width:100%;height:100%;aspect-ratio:auto;background:transparent}
.counter-object-image .product-shot>img{object-fit:contain;mix-blend-mode:multiply}
/* The supplier cap mockup includes generous empty margins. Enlarge within this slot only. */
.counter-object:nth-child(2) .product-shot{overflow:hidden}
.counter-object:nth-child(2) .product-shot>img{transform:scale(1.65)}
.counter-object[data-kind="video"] .counter-object-image>img{filter:drop-shadow(3px 4px 1px #071a3020)}
.counter-object-label{font:400 9px/1.6 var(--type-mono,monospace);letter-spacing:.065em;color:#64756e;margin:0 0 8px}
.home-screen .counter-object h3{font:600 14px/1.6 var(--type-mono,monospace);letter-spacing:0;margin:0 0 8px;min-height:3.2em;height:3.2em;max-width:29ch;color:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.counter-object-meta{font:400 12px/1.7 var(--type-mono,monospace);color:#526679;margin:0 0 12px;min-height:1.7em;font-variant-numeric:tabular-nums}
.counter-object-action{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-top:auto;max-width:190px;border-bottom:1px solid #9baea5;font:400 7px/1.8 var(--type-arcade,var(--type-arcade));color:#173d30}
.counter-object>a:hover .counter-object-action{border-color:#173d30}
.counter-object>a:focus-visible{outline:2px solid var(--brand-blue,#204d76);outline-offset:6px}
.counter-swipe{display:none}
.counter-disclosure{font:400 9px/1.7 var(--type-mono,monospace);color:#64756e;margin:22px 0 0;max-width:78ch}
.home-counter [hidden]{display:none}
@media(min-width:701px) and (max-width:1100px){.home-counter{margin:80px 24px 88px}.counter-objects{gap:36px}.counter-object-image{height:185px}.home-screen .counter-object h3{font-size:13px}}
@media(max-width:700px){.home-counter{margin:65px -4px 76px}.home-counter>header{margin:0 4px 22px;display:block}.home-screen .home-counter>header h2{font-size:12px}.counter-controls{margin-top:8px;gap:10px}.counter-objects{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 15px;scroll-padding-left:4px;overscroll-behavior-x:contain}.counter-object{scroll-snap-align:start}.counter-object-image{height:175px;margin-bottom:20px}.home-screen .counter-object h3{font-size:13px}.counter-object-label{font-size:9px}.counter-object-meta{font-size:12px}.counter-swipe{display:flex;justify-content:space-between;align-items:center;font:400 10px/1.7 var(--type-mono,monospace);color:#64756e;margin:10px 4px 0;max-width:76%}.counter-disclosure{margin:16px 4px 0;font-size:9px}}
@media(prefers-reduced-motion:reduce){.counter-objects{scroll-behavior:auto}}
