.models-intro{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:38px}.models-intro p{max-width:660px;color:var(--muted)}
.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.model-card{min-width:0}.model-card-image{display:block;background:#edf3f4;overflow:hidden;aspect-ratio:1.59;border:1px solid var(--line);margin-bottom:22px}.model-card-image img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.model-card-image:hover img{transform:scale(1.025)}.model-card .eyebrow{color:var(--muted);font-size:.73rem}.model-card h2{font-size:1.6rem;margin:9px 0 10px}.model-card h2 a{display:flex;gap:20px;justify-content:space-between}.model-card p{font-size:.94rem;color:var(--muted);max-width:540px}.model-card .model-card-meta{margin-top:13px;font-size:.78rem;color:var(--muted)}
.models-banner{padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--pale);border-left:3px solid var(--accent);margin-bottom:48px}.models-banner h2{font-size:1.7rem;line-height:1.3}.models-banner p{font-size:.95rem;color:var(--muted);margin-top:10px;max-width:660px}.models-banner .text-link{flex-shrink:0}
.model-page-heading{padding-bottom:35px}.model-page-heading h1{font-size:clamp(2.4rem,4.5vw,4.1rem)}.model-page-heading .lead{max-width:860px}
.model-viewer{border:1px solid var(--line);background:#edf3f4;position:relative}.model-stage{height:clamp(330px,46vw,620px);position:relative;overflow:hidden}.model-stage>img,.model-stage>canvas{width:100%;height:100%;display:block;object-fit:contain}.model-stage [hidden],.model-viewer [hidden]{display:none!important}.model-stage canvas{touch-action:none;cursor:grab;outline-offset:-5px}.model-stage canvas:active{cursor:grabbing}.model-start{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);border:0;box-shadow:0 6px 25px #132c4320;white-space:nowrap}.model-start:disabled{cursor:wait;opacity:.8}.model-stage-tag{position:absolute;top:21px;left:24px;font-size:.69rem;font-weight:700;letter-spacing:.12em;color:var(--muted);pointer-events:none}
.model-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--line);background:#fff}.model-view-buttons,.model-zoom-buttons,.model-variants{display:flex;gap:7px;flex-wrap:wrap}.model-controls button,.model-variants button{min-height:44px;border:1px solid var(--line);background:white;color:var(--ink);font-size:.8rem;font-weight:600;padding:9px 15px;line-height:1.45}.model-controls button:hover,.model-variants button:hover{border-color:var(--muted)}.model-controls button[aria-pressed=true],.model-variants button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.model-zoom-buttons button{min-width:44px}.model-zoom-buttons button[data-model-zoom-in],.model-zoom-buttons button[data-model-zoom-out]{font-size:1.1rem;padding:7px 13px}.model-instructions{padding:12px 20px;border-top:1px solid var(--line);background:#f8fafb;font-size:.78rem;line-height:1.6;color:var(--muted)}.model-status{min-height:25px;font-size:.82rem;color:var(--muted);margin-top:10px}
.model-info{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);gap:70px;margin-top:45px}.model-info h2{font-size:1.7rem;margin-bottom:18px}.model-info p{font-size:.98rem;color:var(--muted);margin-top:15px}.model-info dl{margin:0}.model-info dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.88rem}.model-info dt{color:var(--muted)}.model-info dd{font-weight:650;margin:0;text-align:right}.model-download{margin-top:25px}.model-download .button{width:100%;gap:20px}.model-download p{font-size:.78rem;margin-top:10px}.model-source{display:flex;flex-wrap:wrap;gap:15px 28px;margin-top:25px}.model-source a{font-size:.86rem}
.model-legend{display:flex;gap:10px 24px;flex-wrap:wrap;list-style:none;margin:22px 0 0;padding:0;font-size:.84rem}.model-legend li{display:flex;align-items:center;gap:8px}.model-swatch{height:11px;width:11px;border-radius:50%;border:1px solid #132c4330}.model-swatch.tread{background:#333}.model-swatch.cuff{background:#00c}.model-swatch.cone{background:#0c0}.model-swatch.cushion{background:red}.model-swatch.disc{background:#ff0}.model-swatch.hub{background:#666}
.model-bottom-nav{margin-top:55px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.video-versions{margin:22px 0 30px;padding:22px 26px;background:var(--pale)}.video-versions p{font-size:.9rem;color:var(--muted)}.video-version-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.video-version-buttons button{padding:10px 17px;min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.9rem}.video-version-buttons button[aria-pressed=true]{background:var(--navy);color:#fff}.video-source-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:15px}.video-source-links a{font-size:.86rem}.video-versions [hidden]{display:none}.videos-note{max-width:780px;color:var(--muted);font-size:.9rem;margin-bottom:25px}
@media(max-width:960px){.model-info{gap:35px}.models-banner{padding:28px}.models-intro{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:760px){.model-grid{grid-template-columns:1fr;gap:38px}.model-card h2{font-size:1.5rem}.model-info{grid-template-columns:1fr;gap:32px;margin-top:30px}.model-stage{height:360px}.model-stage-tag{top:14px;left:16px;font-size:.62rem}.model-controls{padding:12px;gap:12px}.model-controls button{font-size:.73rem;padding:9px 10px}.model-instructions{padding:12px 15px}.model-start{font-size:.8rem;padding:13px 18px;bottom:20px;min-height:48px}.models-banner{flex-direction:column;align-items:start;gap:22px;padding:24px}.models-banner h2{font-size:1.5rem}.model-status{font-size:.75rem}.model-page-heading h1{font-size:2.15rem}.video-versions{padding:20px}.model-source{gap:16px}}
@media(prefers-reduced-motion:reduce){.model-card-image img{transition:none}}

.model-page-heading h1,.model-card h2{overflow-wrap:anywhere}