.page-head{padding:60px 0 6px}
.page-head h1{font-size:42px;margin:12px 0 14px}
.page-head p{color:var(--muted);max-width:800px;font-size:16.5px}
.catalog{padding:34px 0 60px}
.catalog-note{text-align:center;color:var(--muted);margin-top:34px;font-size:15px}
.catalog .prod-body h3 a{color:var(--ink)}
.crumb{padding:22px 0 0;font-size:13.5px;color:var(--muted)}
.crumb a{color:var(--brand-2)}
.crumb em{font-style:normal;color:var(--ink)}
.shero{padding:26px 0 60px}
.shero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}
.series-media{position:relative;width:100%;aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.series-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.series-media .series-fallback{position:absolute;inset:0;height:auto;border:none;border-radius:0}
.card-media{position:relative;aspect-ratio:4/3;overflow:hidden}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.card-media .prod-swatch{position:absolute;inset:0;height:auto;border-radius:0}
.shero-info h1{font-size:38px;margin:10px 0 12px}
.shero-info .lead{font-size:16px;color:#41433A;margin-bottom:14px}
.usesline{font-size:14.5px;color:var(--brand-2);margin-bottom:20px}
.range-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px 22px;margin-bottom:22px}
.range-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.range-row:last-child{border-bottom:none}
.range-row span{color:var(--muted)}
.range-row b{text-align:right;font-weight:600;color:var(--ink)}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.photo-note{font-size:12.5px;color:var(--muted);margin-top:12px}
.rep{padding:8px 0 60px;background:var(--sand)}
.rep h2{font-size:26px;margin:26px 0 10px}
.rep h2:first-child{margin-top:0}
.rep p{color:#41433A;font-size:15.5px;margin-bottom:14px;max-width:820px}
.rep-note{font-size:14px!important;color:var(--muted)!important}
.table-wrap{overflow-x:auto;margin:6px 0 18px}
.spec-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--paper);border-radius:var(--radius);overflow:hidden}
.spec-table th{text-align:left;color:var(--muted);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.spec-table td{padding:12px 14px;border-bottom:1px solid var(--line);font-weight:500;vertical-align:top}
.rep-table tbody tr:last-child td{border-bottom:none}
.flag-list{margin:0 0 8px 18px;color:#41433A;font-size:14.5px}
.flag-list li{margin-bottom:7px}
.leadbox{background:var(--ink);color:#fff;padding:60px 0;text-align:center}
.leadbox h2{color:#fff;font-size:30px;margin-bottom:12px}
.leadbox p{color:#C9C8B8;max-width:680px;margin:0 auto 24px;font-size:15.5px}
.leadbox .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.others{padding:56px 0 70px}
.others h2{font-size:22px;margin-bottom:16px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font:inherit;font-size:14px;color:var(--ink)}
.chip:hover{border-color:var(--brand);color:var(--brand)}
.narrow{max-width:920px}
/* generic inner page */
.page-prose{padding:56px 0 80px;max-width:880px}
.page-prose h1{font-size:40px;margin:10px 0 18px}
.page-prose h2{font-size:25px;margin:34px 0 12px}
.page-prose p{color:#41433A;font-size:15.5px;margin-bottom:14px}
.page-prose ul{margin:0 0 14px 20px;color:#41433A;font-size:15.5px}
.page-prose li{margin-bottom:8px}
.entity-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:16px 0}
.entity-card h3{font-size:18px;margin-bottom:4px}
.entity-card .role{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px}
.footer .foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:28px}
.foot-brand p{margin-top:10px;font-size:13px;line-height:1.6;max-width:280px}
.leadbox .lead-inner{max-width:760px;margin:0 auto}
@media(max-width:980px){.shero-grid{grid-template-columns:1fr;gap:30px}.footer .foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page-head h1{font-size:30px}.shero-info h1{font-size:28px}.leadbox h2{font-size:24px}.range-row{flex-direction:column;gap:3px}.range-row b{text-align:left}}