.cm-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:48px}.cm-hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.1;margin:20px 0}.cm-hero>img{display:block;width:100%;height:auto}.cm-hero .button{margin-top:22px}.cm-families{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #ddd4c6}.cm-families a{display:flex;justify-content:space-between;gap:10px;padding:20px 12px;text-decoration:none;font-size:13px}.cm-families a:hover{background:#eee9e1}.cm-section{padding-block:40px}.cm-section>h2{font-size:38px;margin:15px 0}.cm-note{font-size:13px;line-height:1.7;color:#62625d}.cm-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:28px 0}.cm-controls label{font-size:12px}.cm-controls input,.cm-controls select{width:100%;min-height:46px;box-sizing:border-box;background:white}.cm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cm-card{display:flex;flex-direction:column;text-decoration:none;background:white;border:1px solid #e6e0d6;min-width:0}.cm-card-photo{aspect-ratio:1/1;background:white;overflow:hidden}.cm-card-photo img{display:block;width:100%;height:100%;object-fit:contain}.cm-card-copy{padding:20px}.cm-card-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.cm-card h2{font-size:23px;line-height:1.2;margin:12px 0}.cm-ref{font-size:12px;color:#666}.cm-link{display:block;font-size:12px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.cm-card:hover{border-color:#92753b}.cm-card[hidden],.cm-controls[hidden],#cm-empty[hidden]{display:none!important}.cm-pager{display:flex;align-items:center;justify-content:center;gap:22px}.cm-pager button{padding:12px 20px;border:1px solid #142e3b;background:transparent;color:#142e3b}.cm-pager button:disabled{opacity:.4}.cm-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;padding-block:40px 60px}.cm-detail>div{min-width:0}.cm-detail figure{margin:24px 0}.cm-detail-photo{display:block;width:100%;height:auto;background:white}.cm-detail figcaption{font-size:12px;color:#666;margin-top:12px}.cm-detail h1{font-size:clamp(32px,3.5vw,52px);line-height:1.12;margin-block:20px}.cm-detail select{width:100%;min-height:48px;font-size:13px;box-sizing:border-box;background:white}.cm-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-block:22px;border-block:1px solid #ddd4c6;font-size:13px}.cm-specs dd{margin:0}.cm-back{font-size:13px}.cm-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cm-gallery img{display:block;width:100%;height:auto}.cm-gallery-panel summary{cursor:pointer;padding:14px 0;font-size:13px}.cm-family-intro{padding-block:40px}.cm-family-intro h1{font-size:54px}.cm-family-intro .eyebrow{margin-top:35px}.cm-detail :focus-visible,.cm-section :focus-visible,.cm-families a:focus-visible{outline:3px solid #92753b;outline-offset:3px}.cm-detail table{width:100%;font-size:12px;border-collapse:collapse}.cm-detail td,.cm-detail th{padding:8px;border-bottom:1px solid #ddd}
@media(max-width:850px){.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-families{grid-template-columns:repeat(3,1fr)}.cm-hero,.cm-detail{gap:28px}}
@media(max-width:600px){.cm-hero,.cm-detail{grid-template-columns:1fr;gap:20px}.cm-hero{padding-top:30px}.cm-hero h1{font-size:42px}.cm-hero>img{max-width:420px}.cm-families{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-families a{padding:15px 10px}.cm-controls{grid-template-columns:1fr;gap:12px}.cm-grid{gap:12px}.cm-card-copy{padding:12px}.cm-card h2{font-size:19px}.cm-card-copy .eyebrow{font-size:9px;letter-spacing:1px}.cm-ref{font-size:11px;overflow-wrap:anywhere}.cm-detail h1{font-size:34px}.cm-section{padding-block:28px}.cm-section>h2{font-size:32px}.cm-family-intro h1{font-size:40px}}
