/* Catalog browsing and supporting typography. Hero uses the original catalog styles. */
#collection{max-width:1480px;margin:0 auto 70px;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;scroll-margin-top:24px}#collection>.side{display:none}#collection>.side.open{display:block}#collection.filters-visible{grid-template-columns:240px minmax(0,1fr)}#collection>.side{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;align-self:start}#collection .filter-head{font-size:13px}#collection .filter-head-actions{gap:8px;flex-wrap:wrap}#collection .mobilefilters{display:block;padding:12px 16px;background:white;white-space:nowrap}#collection .toolbar{margin:0 0 15px;gap:12px}#collection .searchbox{max-width:none}#collection .search{padding:13px 16px;font-size:14px;background:white}#collection .toolbar select{font-size:12px;padding:13px 12px;border-radius:8px}#collection .subbar{margin:0 0 20px;font-size:12px;color:#62776a}#collection .material-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 20px;margin:0;scrollbar-width:thin}#collection .material-tabs button{font-size:13px;padding:11px 19px;border-radius:30px;background:white;border:1px solid var(--line);color:var(--green);white-space:nowrap;flex-shrink:0}#collection .material-tabs button.active{background:var(--green);color:white;border-color:var(--green)}#collection .material-tabs button:hover{border-color:var(--green)}#collection .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#collection .picture{height:auto;aspect-ratio:16/11}#collection .card{border-radius:12px;box-shadow:none}#collection .card:hover{transform:none;box-shadow:0 8px 25px #17332e12}#collection .cardbody{padding:20px}#collection .card h3{font-size:21px;line-height:1.3;min-height:0;margin:9px 0 12px;font-weight:600;letter-spacing:-.3px}#collection .brand{font-size:10px;color:#536b5c}#collection .meta{font-size:12px;color:#536b5c}#collection .card-benefit{font-size:13px;line-height:1.6;margin:10px 0;min-height:0}#collection .estimate-card{font-size:13px;padding:13px;margin:18px 0 12px}#collection .cardfoot{font-size:12px}#collection .selected-color{font-size:12px}.foot{font-size:12px;color:#536b5c;line-height:1.6}@media(max-width:1100px){#collection .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#collection.filters-visible{grid-template-columns:220px minmax(0,1fr)}#collection .card h3{font-size:20px}}@media(max-width:800px){#collection{padding:0 22px}#collection.filters-visible{grid-template-columns:minmax(0,1fr)}#collection .side.open{grid-column:1}#collection .toolbar{flex-wrap:wrap}#collection .searchbox{flex-basis:100%}#collection .toolbar select{flex:1}}@media(max-width:560px){#collection{padding:0 16px}#collection .grid{grid-template-columns:minmax(0,1fr);gap:22px}#collection .material-tabs{margin:0 -16px;padding:0 16px 20px}#collection .material-tabs button{padding:10px 17px;font-size:12px}#collection .cardbody{padding:18px}#collection .picture{aspect-ratio:16/10}#collection .card h3{font-size:22px}}#collection .filter-head{flex-wrap:wrap;gap:12px}#collection .filter-head-actions{width:100%;justify-content:space-between}#collection .filter-close{display:inline-block;font-size:11px;padding:8px 10px}#collection .filter-done{display:block;width:100%;padding:12px;margin-top:18px;background:var(--green);color:white}.config-panel .reservation-policy{font-size:13px;line-height:1.7;color:#536b5c;margin:20px 0}

/* Shared company navigation and a compact, responsive starting guide. */
.pioneer-sites-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:12px 5vw;background:#fff;border-bottom:1px solid var(--line)}.pioneer-sites-nav a{font-size:12px;line-height:1.5;text-decoration:none;padding:4px 0}.pioneer-sites-nav a[aria-current]{font-weight:700;border-bottom:2px solid var(--green)}.pioneer-sites-nav a:hover{text-decoration:underline}.starting-guide{max-width:1480px;margin:0 auto 36px;padding:0 32px}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.guide-kicker{margin:0 0 7px;color:#536b5c;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}.guide-heading h2{font:normal 28px/1.2 Georgia,serif;margin:0}.guide-heading>p{font-size:12px;max-width:390px;color:#536b5c;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-grid article{border:1px solid var(--line);border-radius:10px;padding:20px;background:white;display:flex;flex-direction:column;min-width:0}.guide-grid article>span{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#536b5c}.guide-grid h3{font-size:16px;line-height:1.35;margin:12px 0 0}.guide-grid p{font-size:12px;color:#536b5c;line-height:1.7;margin:10px 0 18px}.guide-grid a,.guide-grid button{font-size:12px;font-weight:700;text-align:left;color:var(--green);margin-top:auto}.guide-grid button{border:0;background:none;padding:0;text-decoration:underline}.quote-guide{padding:20px 0 0;font-size:12px;color:#536b5c;line-height:1.7}.quote-guide b{color:var(--ink);font-size:13px}.quote-guide p{margin:6px 0;max-width:1000px}.product-active .starting-guide,.configurator-active .starting-guide{display:none}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-heading{display:block}.guide-heading>p{max-width:none;margin-top:12px}}@media(max-width:560px){.starting-guide{padding:0 16px}.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:18px}.guide-heading h2{font-size:25px}.pioneer-sites-nav{gap:12px;padding:10px 12px}.pioneer-sites-nav a{font-size:11px}.guide-grid p{margin-bottom:12px}}
