.lineup__tabs{display:flex;flex-wrap:wrap;gap:8px}.lineup__radio{position:absolute;opacity:0;pointer-events:none}.lineup__tab{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:800;cursor:pointer;user-select:none;transition:background-color .2s,color .2s,border-color .2s}.lineup__tab:hover{border-color:var(--navy)}.lineup__radio:checked+.lineup__tab{background:var(--navy);border-color:var(--navy);color:#fff}.lineup__radio:focus-visible+.lineup__tab{outline:3px solid var(--brand);outline-offset:2px}.lineup__panel{display:none;order:99;width:100%;margin-top:var(--gap, 1.5rem);grid-template-columns:repeat(4,1fr);gap:var(--gap, 1.5rem)}#lineup-doors:checked~.lineup__panel--doors,#lineup-glass:checked~.lineup__panel--glass,#lineup-rolling:checked~.lineup__panel--rolling,#lineup-openers:checked~.lineup__panel--openers,#lineup-gates:checked~.lineup__panel--gates,#lineup-commercial:checked~.lineup__panel--commercial{display:grid}.lineup__card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.lineup__card:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 16px 34px #032c4a29}.lineup__ph{display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--navy-deep)}.lineup__ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.lineup__card:hover .lineup__ph img{transform:scale(1.05)}.is-cut .lineup__ph{background:linear-gradient(180deg,#fff 0%,var(--bg-alt) 100%);border-bottom:1px solid var(--line)}.is-cut .lineup__ph img{object-fit:contain;padding:14%}.lineup__tx{display:flex;flex-direction:column;gap:2px;flex:1;padding:14px 16px 16px;border-top:3px solid var(--brand)}.lineup__tx small{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.lineup__tx strong{font-family:var(--font-display);font-size:1.08rem;line-height:1.2}.lineup__tx em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:800;color:var(--action)}.lineup__all{grid-column:1 / -1;justify-self:end;font-weight:800;color:var(--navy)}.lineup__export{margin-top:var(--gap-lg, 2.5rem);padding:16px 20px;border-left:4px solid var(--action);background:var(--bg-alt);border-radius:0 10px 10px 0}.lineup__export a{font-weight:800;color:var(--navy);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.lineup__panel .lineup__ph img{animation:sill-up .8s cubic-bezier(.7,0,.2,1) both;animation-delay:calc(var(--i, 0) * 90ms)}.lineup__panel .lineup__tx{animation:tx-up .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 90ms + .25s)}}@keyframes sill-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes tx-up{0%{opacity:0;transform:translateY(10px)}}@media(max-width:64rem){.lineup__panel{grid-template-columns:repeat(2,1fr)}}@media(max-width:36rem){.lineup__tabs{gap:6px}.lineup__tab{min-height:40px;padding:0 14px;font-size:.92rem}.lineup__panel{gap:12px}.lineup__tx{padding:10px 12px 12px}.lineup__tx strong{font-size:.95rem}.lineup__all{justify-self:start}}
