.hh{--hh-gold:#eecc60;--hh-line:#ffffff29;color:#fff;background-color:#0f1e3d;background-image:radial-gradient(56rem 30rem at 82% 32%,#2a4e916b,#0000 70%),linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;position:relative}.hh-grid{gap:2.5rem;padding-block:2.5rem 3rem;display:grid}.hh-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--hh-gold);text-wrap:balance;font-size:.875rem;font-weight:600;line-height:1.5}.hh-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.hh-tab{letter-spacing:.02em;color:#ffffffd1;background:#0f1e3d8c;border:1px solid #ffffff47;border-radius:.4rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.5rem .75rem;font-size:1rem;font-weight:700;transition:border-color .18s,color .18s,background-color .18s;display:flex;position:relative}.hh-tab:hover{color:#fff;border-color:#fff9}.hh-tab[aria-selected=true]{border-color:var(--hh-gold);color:var(--hh-gold);background:#eecc6014}.hh-tab[aria-selected=true]:after{content:"";background:var(--hh-gold);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:.6rem;right:.6rem}.hh-tab:focus-visible,.hh-detail:focus-visible{outline:3px solid var(--hh-gold);outline-offset:3px}.hh-views{grid-template-rows:1fr auto;row-gap:1rem;margin-top:1rem;display:grid}.hh-view{grid-area:1/1/3/2;grid-template-rows:subgrid;transition:opacity .2s,visibility linear;display:grid}.hh-view[data-state=inactive]{visibility:hidden;opacity:0;transition:opacity .2s,visibility 0s linear .2s}@media (prefers-reduced-motion:reduce){.hh-view,.hh-view[data-state=inactive]{transition:none}}.hh-figure{--c:#ffffff4d;background:linear-gradient(var(--c), var(--c)) top left / 18px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1.5px 18px no-repeat, linear-gradient(var(--c), var(--c)) top right / 18px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1.5px 18px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 18px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1.5px 18px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 18px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1.5px 18px no-repeat;justify-content:center;align-items:center;margin:0;padding:.75rem 1rem;display:flex}.hh-figure svg{width:100%;max-width:26rem;height:auto;display:block;overflow:visible}.hh-fig-machined path{fill:none;stroke:#ffffff38;stroke-width:1px}.hh-fig-edges polygon,.hh-fig-edges path{fill:none;stroke:#ffffff8c;stroke-width:1.4px;stroke-linejoin:round}.hh-fig-dim path{fill:none;stroke:#8ea3c4;stroke-width:1.2px}.hh-fig-dimtext text{fill:#a9b9d1;text-anchor:middle;font:600 14px/1 Inter,system-ui,sans-serif}.hh-fig-callout path{fill:none;stroke:var(--hh-gold);stroke-width:1.2px;stroke-dasharray:4 4}.hh-fig-callout circle{fill:var(--hh-gold)}.hh-fig-callout rect{fill:#0f1e3deb;stroke:var(--hh-gold);stroke-width:1.6px}.hh-fig-callout text{fill:var(--hh-gold);letter-spacing:.04em;text-anchor:middle;font:700 17px/1 Inter,system-ui,sans-serif}.hh-panel{background:#0a162ec7;border:1px solid #fff3;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem;padding:1rem 1.25rem;display:flex}.hh-panel-line{text-wrap:balance;font-size:1.125rem;font-weight:700;line-height:1.35}.hh-gold{color:var(--hh-gold)}.hh-detail{min-height:2.75rem;color:var(--hh-gold);text-underline-offset:.3em;align-items:center;gap:.5rem;padding-block:.25rem;font-size:.9rem;font-weight:700;text-decoration:underline #eecc6080;display:inline-flex}.hh-detail:hover{text-decoration-color:var(--hh-gold)}.hh-detail span{transition:transform .18s}.hh-detail:hover span{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.hh-tab,.hh-detail span{transition:none}}@media (width>=480px){.hh-panel{flex-direction:row;align-items:center;gap:1.25rem;min-height:5.25rem}.hh-panel-line{flex:auto;min-width:0;font-size:1.2rem}.hh-detail{border-left:1px solid var(--hh-line);white-space:nowrap;flex:none;padding-left:1.25rem}}@media (width>=640px){.hh-grid{padding-block:3rem 3.5rem}}@media (width>=1024px){.hh-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3.5rem;padding-block:3rem 3.5rem}.hh-figure svg{max-width:23rem}}