.gearbox-experience{min-width:0;align-self:center;width:100%;color:#202426;background:transparent}.gearbox-experience [hidden]{display:none!important}.gearbox-experience button,.gearbox-experience input,.gearbox-experience summary{font:inherit}.g3d-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:14px;min-height:44px}.g3d-top>span{font-size:11px;color:#6B716D;letter-spacing:0}.g3d-top button{font-size:12px;color:#202426;background:none;border:0;min-height:44px;padding:8px 12px;border-radius:6px}.g3d-top button:disabled{visibility:hidden}.g3d-top button:hover{background:#F3F1EC}.g3d-stage{position:relative;height:460px;direction:ltr;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 63%,#F3F1EC 0%,#FAF9F655 53%,#FFFFFF00 75%);border-radius:0}.g3d-stage>canvas,.g3d-stage>img{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:100%;filter:none;mix-blend-mode:normal;border:0}.g3d-stage>img{object-fit:contain;background:#F3F1EC}.g3d-stage>canvas{touch-action:pan-y;cursor:grab;outline-offset:-5px}.g3d-stage>canvas:active{cursor:grabbing}.g3d-stage>canvas:focus-visible{outline:2px solid #D8662D}.g3d-hint{position:absolute;bottom:12px;left:16px;right:16px;pointer-events:none;text-align:center;direction:rtl;color:#6B716D;font-size:11px;line-height:1.8;margin:0}.g3d-tools{padding:7px 14px 0}.g3d-actions{display:flex;justify-content:center;align-items:center;gap:17px;min-height:56px}.g3d-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid #D7D5CF;border-radius:8px;background:#FFF;color:#202426;font-size:13px!important;font-weight:600!important;transition:background .2s,border-color .2s,transform .2s;box-shadow:0 4px 12px #20242605}.g3d-toggle:hover{background:#F3F1EC;border-color:#6B716D}.g3d-toggle:active{transform:scale(.98)}.g3d-toggle[aria-pressed=true]{border-color:#DFB38C;background:#FFF8F1;color:#A44D15}.g3d-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.g3d-actions>span{font-size:11px;color:#6B716D;min-width:78px}.g3d-discovery{margin-top:9px}.g3d-discovery>summary{list-style:none;display:flex;justify-content:center;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:12px;color:#202426}.g3d-discovery>summary::-webkit-details-marker{display:none}.g3d-discovery>summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.g3d-discovery[open]>summary svg{transform:rotate(180deg)}.g3d-discovery-body{border-top:1px solid #EAE7E1;padding-top:15px;animation:g3d-reveal .22s ease-out}.g3d-part-list{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.g3d-part-list button{border:1px solid transparent;background:transparent;color:#202426;border-radius:6px;min-height:44px;padding:7px 11px;font-size:12px;transition:background .18s,color .18s}.g3d-part-list button:hover{background:#EAE7E1}.g3d-part-list button[aria-pressed=true]{background:#FFF4E9;border-color:#E7C7AA;color:#974608}.g3d-part-info{padding:14px 7px 8px;min-height:115px}.g3d-part-info strong{display:block;font-size:13px;font-weight:600}.g3d-part-info p{font-size:12px;line-height:2;color:#6B716D;margin:6px 0 0}.g3d-part-info button{font-size:11px;min-height:38px;background:none;border:0;color:#D8662D;padding:5px 0}.g3d-scrubber{display:flex;align-items:center;gap:13px;border-top:1px solid #EAE7E1;padding-block:8px}.g3d-scrubber label{font-size:11px;white-space:nowrap}.g3d-scrubber input{width:100%;min-width:45px;height:44px;accent-color:#BD5B17;cursor:ew-resize}.g3d-scrubber button{flex-shrink:0;border:0;background:transparent;color:#202426;font-size:11px;min-height:44px;padding:5px 7px}.g3d-scrubber button:disabled{color:#6B716D}.g3d-fallback{font-size:12px;line-height:2;color:#6B716D;padding:8px 22px;text-align:center}.gearbox-experience button:focus-visible,.gearbox-experience input:focus-visible,.gearbox-experience summary:focus-visible{outline:2px solid #D8662D;outline-offset:3px}.page-home .hero-grid{grid-template-columns:.9fr 1.15fr;gap:30px;padding-block:48px;align-items:center}.page-home .hero h1{font-size:clamp(44px,4.5vw,66px)}
@keyframes g3d-reveal{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.g3d-stage{height:520px}.page-home .hero-grid{gap:50px}}
@media(max-width:1050px){.page-home .hero-grid{gap:20px}.page-home .hero h1{font-size:44px}.g3d-stage{height:390px}}
@media(max-width:800px){.page-home .hero h1{font-size:36px}.g3d-stage{height:345px}.g3d-actions{gap:9px}.g3d-toggle{padding-inline:12px}.g3d-actions>span{min-width:65px;font-size:10px}}
@media(max-width:680px){.page-home .hero-grid{display:flex;gap:0;padding-top:30px}.page-home .hero h1{font-size:clamp(35px,8.9vw,57px)}.gearbox-experience{margin-block:18px 5px}.g3d-stage{height:350px}.g3d-top{padding-inline:5px}.g3d-tools{padding-inline:2px}.g3d-actions{gap:17px}.g3d-actions>span{font-size:11px}.g3d-part-info{min-height:130px}.g3d-part-list{gap:3px}.g3d-part-list button{padding-inline:9px}.g3d-hint{bottom:8px}}
@media(max-width:380px){.g3d-stage{height:320px}.page-home .hero h1{font-size:33px}.g3d-scrubber{gap:8px}.g3d-scrubber label,.g3d-scrubber button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gearbox-experience *{animation:none!important;transition:none!important}}
.g3d-view-actions{display:flex;align-items:center;gap:4px}.g3d-top .g3d-view-actions button{font-size:11px;padding-inline:10px}.g3d-top #g3d-large{border:1px solid #D7D5CF;background:#FFF;color:#202426;min-height:36px}.g3d-labels{position:absolute;inset:0;pointer-events:none;z-index:2;direction:ltr}.g3d-labels>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#6B716D;stroke-width:.8;opacity:.7}.g3d-labels path.is-selected{stroke:#C06623;stroke-width:1.3;opacity:1}.g3d-labels>button{position:absolute;top:0;left:0;pointer-events:auto;direction:rtl;white-space:nowrap;border:1px solid #EAE7E1;border-radius:5px;background:#FFFFFFEB;color:#202426;font-size:10px;line-height:1.5;padding:6px 9px;min-height:30px;box-shadow:0 2px 8px #20242608;transition:background .16s,color .16s}.g3d-labels>button:hover,.g3d-labels>button.is-selected{background:#FFF7EF;border-color:#DAB38E;color:#9A4C14}.g3d-labels>button:focus-visible{outline:2px solid #D8662D;outline-offset:2px}.g3d-dialog{width:min(1340px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:14px;border:1px solid #EAE7E1;border-radius:13px;background:#FAF9F6;color:#202426;overscroll-behavior:contain;overflow:auto}.g3d-dialog::backdrop{background:#20242640;backdrop-filter:blur(6px)}.gearbox-experience.is-large{margin:0}.is-large .g3d-stage{height:clamp(300px,56dvh,650px);background:radial-gradient(ellipse at 50% 63%,#F3F1EC 0%,#FAF9F655 53%,#FFFFFF00 75%)}.is-large .g3d-tools{max-width:920px;margin-inline:auto}.is-large .g3d-labels>button{font-size:12px;padding:7px 12px;min-height:36px}.is-large .g3d-top{padding-inline:8px}.is-large .g3d-top>span{font-size:13px}.is-large #g3d-close{border:1px solid #EAE7E1;color:#202426;background:#FFF;min-height:38px}.is-large .g3d-part-list{gap:6px}.is-large .g3d-part-info{min-height:95px}.is-large .g3d-discovery-body{padding-top:8px}
@media(max-width:680px){.g3d-view-actions{gap:0}.g3d-top .g3d-view-actions button{padding-inline:8px;font-size:10px}.g3d-top>span{font-size:10px}.is-exploded .g3d-stage{height:410px}.g3d-dialog{padding:8px;width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:9px}.is-large .g3d-stage{height:clamp(360px,55dvh,540px)}.is-large .g3d-top>span{font-size:11px}.is-large .g3d-labels>button{font-size:11px}.g3d-part-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.g3d-part-list button{white-space:normal;text-align:right;padding-inline:9px}.g3d-actions{gap:8px}.g3d-toggle{padding-inline:12px;font-size:12px!important}.g3d-actions>span{font-size:10px;min-width:65px}}

.is-large .g3d-top{position:sticky;top:-1px;background:#FAF9F6EE;z-index:5}.is-large #g3d-canvas{touch-action:none}.g3d-top #g3d-zoom-in,.g3d-top #g3d-zoom-out{border:1px solid #EAE7E1;background:#FFF;min-height:36px}

body:has(.g3d-dialog[open]){overflow:hidden}.is-large .g3d-tools{max-height:210px;overflow-y:auto;scrollbar-width:thin;padding-bottom:6px}@media(max-width:680px){.is-large .g3d-top>span{display:none}.is-large .g3d-view-actions{width:100%;justify-content:space-between}.is-large .g3d-top .g3d-view-actions button{white-space:nowrap;flex-shrink:0}}



.g3d-primary-controls{display:flex;flex-wrap:wrap;align-items:center;column-gap:18px}.g3d-primary-controls>.g3d-actions{flex:1 1 230px}.g3d-primary-controls>.g3d-scrubber{flex:1 1 240px;border-top:0;padding-block:0}.is-large .g3d-primary-controls{position:sticky;top:0;z-index:4;background:#FAF9F6;padding-bottom:4px}@media(max-width:680px){.g3d-primary-controls{column-gap:0}.g3d-primary-controls>.g3d-actions,.g3d-primary-controls>.g3d-scrubber{flex-basis:100%}.g3d-primary-controls>.g3d-scrubber{padding-inline:5px}}