.diameter-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}.diameter-heading h2{margin:0}.diameter-heading>p{max-width:340px;color:#5d625e;line-height:1.7}.diameter-selector{background:#1d2624;color:#f4f5f3;padding:32px;border-radius:5px}.diameter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.diameter-tabs button{min-width:0;text-align:left;background:#283330;border:1px solid #51605a;border-radius:3px;color:inherit;padding:20px 18px 0;cursor:pointer;font:inherit;overflow:hidden;min-height:170px}.diameter-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.diameter-tabs button:hover{border-color:#fff}.diameter-tabs button:focus-visible{outline:3px solid #fff;outline-offset:4px}.band-order{display:block;font-size:11px;letter-spacing:.05em;line-height:1.5;margin-bottom:24px}.diameter-tabs strong{display:block;font-size:clamp(22px,2.4vw,34px);font-weight:600;white-space:nowrap}.diameter-tabs strong small{font-size:12px;margin-left:6px}.band-inches{display:block;font-size:12px;margin:7px 0 22px}.ruler-ticks{display:block;height:16px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 14px);opacity:.55}.ruler-key{font-size:11px;color:#c0cbc5;margin:14px 0 0}.diameter-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;padding-top:35px;align-items:center}.diameter-panel[hidden]{display:none}.diameter-panel .eyebrow{color:var(--accent-on-dark)}.diameter-panel h3{font-size:25px;margin:8px 0 15px;line-height:1.3}.diameter-panel p{font-size:14px;color:#d0d8d3;line-height:1.7;max-width:620px}.diameter-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.diameter-actions .text-link{color:#fff}.diameter-actions .button{font-size:13px}.size-index{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.size-index a{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid #d2d6d1;padding:16px 5px;font-size:15px}.size-index a:hover{border-color:var(--accent)}.size-range-card{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;padding:52px 0;border-bottom:1px solid #d2d6d1;scroll-margin-top:110px}.size-range-title h2{font-size:54px;margin:16px 0 6px;letter-spacing:-2px}.size-range-title h2 small{font-size:18px;letter-spacing:0;margin-left:12px}.size-range-title>p{color:#656d66}.size-specs{margin:0}.size-specs>div{display:grid;grid-template-columns:1fr 1.6fr;gap:24px;padding:16px 0;border-bottom:1px solid #dce0da;font-size:14px;line-height:1.5}.size-specs dt{font-weight:600}.size-specs dd{margin:0}.hero-specs .unit-secondary{display:block;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.7;color:#626a64}.footer-contact{display:block;margin-top:18px;font-size:13px;line-height:1.7}.batch-panel .unit-secondary{display:block;font-size:13px}.factory-contact{display:flex;flex-wrap:wrap;gap:16px 32px;margin:20px 0}.factory-contact a{text-decoration:underline;text-underline-offset:4px}.size-range-list{padding-top:12px}.utility>span:last-child{font-size:10px}
@media(max-width:1100px){.site-header nav{gap:15px}.site-header nav>a{font-size:12px}.diameter-selector{padding:24px}.diameter-panel{gap:24px}.size-range-card{gap:30px}.size-range-title h2{font-size:44px}}
@media(max-width:850px){.diameter-heading{display:block}.diameter-heading>p{margin-top:20px}.diameter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.diameter-tabs strong{font-size:30px}.diameter-panel{grid-template-columns:1fr;gap:15px}.diameter-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.size-index{grid-template-columns:repeat(2,1fr)}.size-range-card{grid-template-columns:1fr;gap:18px}.size-specs>div{grid-template-columns:1fr 1.5fr}.diameter-heading h2{font-size:40px}}
@media(max-width:480px){.diameter-selector{padding:18px}.diameter-tabs{gap:10px}.diameter-tabs button{padding:16px 10px 0;min-height:164px}.diameter-tabs strong{font-size:23px}.diameter-tabs strong small{font-size:10px;margin-left:3px}.band-order{font-size:10px;min-height:30px;margin-bottom:16px}.band-inches{font-size:10px}.diameter-panel h3{font-size:23px}.size-index a{font-size:13px}.size-specs>div{gap:14px;font-size:13px}.hero-specs .unit-secondary{font-size:10px}}

@media(max-width:480px){.diameter-tabs button:nth-child(3) strong{font-size:22px}.diameter-tabs button:last-child strong{font-size:20px}}

/* Preserve all geometry in the new horizontal family photographs. */
.detail-hero-image.family-category-photo>img{object-fit:contain}