/* Collection page: compact, equal-width model columns and a centered heading. */
body[data-page="models"]{background:#fff}
body[data-page="models"] #page-content{max-width:1800px;margin:0 auto;background:#fff}
body[data-page="models"] .breadcrumbs{padding:22px 5%;background:#fff;border:0;text-transform:uppercase;font-size:11px;letter-spacing:.025em}
body[data-page="models"] .detail-heading{display:block;text-align:center;padding:28px 5% 26px;background:#fff;border-bottom:1px solid #e1e5e3}
body[data-page="models"] .detail-heading h1{max-width:1100px;margin:0 auto;font-family:Noto,sans-serif;font-size:clamp(30px,2.9vw,42px);font-weight:700;line-height:1.13;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}
body[data-page="models"] .detail-heading p{max-width:68ch;margin:14px auto 0;font-size:15px;line-height:1.75;color:#43584a}
body[data-page="models"] .model-lineup-section{padding:30px 5% 64px}
body[data-page="models"] .model-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
body[data-page="models"] .model-directory article{position:relative;min-width:0;padding:0;background:#fff;display:flex;flex-direction:column}
body[data-page="models"] .model-directory article+article:before{content:"";position:absolute;left:-18px;top:14px;bottom:0;width:1px;background:#e1e6e2;pointer-events:none}
body[data-page="models"] .model-directory .product-visual{height:clamp(175px,17vw,250px);aspect-ratio:auto;background:#fff}
body[data-page="models"] .model-directory .product-visual-empty{background:#f3f4f1;color:#526157}
body[data-page="models"] .model-directory .product-visual-empty strong{display:none}
body[data-page="models"] .model-directory h2{margin:22px 0 16px;font:700 25px/1.2 Noto,sans-serif;letter-spacing:-.01em}
body[data-page="models"] .model-directory .model-summary{margin:0;min-height:48px;font-size:14px;line-height:1.6;color:#43584a}
body[data-page="models"] .model-directory dl{margin:18px 0 25px;padding-top:18px;border-top:1px solid #e7ebe8;font-size:13px;line-height:1.55}
body[data-page="models"] .model-directory dl>div{display:block;border:0;padding:0;margin:0 0 12px}
body[data-page="models"] .model-directory dt{display:inline;font-weight:400;color:#536458}
body[data-page="models"] .model-directory dt:after{content:": ";white-space:pre}
body[data-page="models"] .model-directory dd{display:inline;margin:0;color:#203a30;font-variant-numeric:tabular-nums}
body[data-page="models"] .model-directory .model-explore{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:16px;margin-top:auto;min-height:44px;max-width:100%;padding:12px 18px;border:1px solid #acb8b0;color:#203a30;background:#fff;font-size:13px;line-height:1.4;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease}
body[data-page="models"] .model-explore svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
body[data-page="models"] .model-directory .model-explore:hover{background:#eef2ee;border-color:#203a30;color:#203a30}
body[data-page="models"] .model-directory .model-explore:active{background:#e2e8e0}
body[data-page="models"] .model-directory :focus-visible{outline:3px solid #956126;outline-offset:5px}
@media(max-width:1000px){
 body[data-page="models"] .model-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 30px}
 body[data-page="models"] .model-directory article+article:before{left:-15px}
 body[data-page="models"] .model-directory article:nth-child(odd):before{display:none}
 body[data-page="models"] .model-directory .product-visual{height:235px}
}
@media(max-width:600px){
 body[data-page="models"] .detail-heading{padding:24px 6% 24px}
 body[data-page="models"] .detail-heading h1{font-size:30px;max-width:20ch}
 body[data-page="models"] .detail-heading p{font-size:14px;margin-top:14px}
 body[data-page="models"] .model-lineup-section{padding:30px 6% 52px}
 body[data-page="models"] .model-directory{grid-template-columns:1fr;gap:42px}
 body[data-page="models"] .model-directory article:nth-child(n):before{display:none}
 body[data-page="models"] .model-directory article+article{padding-top:24px;border-top:1px solid #dce3de}
 body[data-page="models"] .model-directory .product-visual{height:235px}
 body[data-page="models"] .model-directory h2{font-size:25px;margin-top:18px}
 body[data-page="models"] .model-directory .model-summary{min-height:0}
 body[data-page="models"] .model-directory dl{margin:20px 0 16px}
}
body[data-page="models"]{width:100%;margin:0;max-width:none}
