.field-guide-model{min-width:0;margin:0;color:var(--color-ink,#23241f);background:transparent}.field-guide-model__surface{position:relative;isolation:isolate;width:100%;height:clamp(17rem,30vw,26rem);overflow:hidden;touch-action:pan-y}.field-guide-model--hero .field-guide-model__surface{height:clamp(23rem,42vw,38rem)}@media (min-width:801px){.field-guide-model--hero .field-guide-model__surface{height:clamp(20rem,min(42vw,100vh - 420px),38rem);height:clamp(20rem,min(42vw,100svh - 420px),38rem)}}.field-guide-model--vessel .field-guide-model__surface{height:clamp(20rem,34vw,32rem)}.field-guide-model[data-ready=true] .field-guide-model__surface{cursor:grab}.field-guide-model .field-guide-model__surface[data-dragging=true]{cursor:grabbing}.field-guide-model .field-guide-model__poster,.field-guide-model__mount,.field-guide-model__mount canvas{position:absolute;inset:0;width:100%;height:100%}.field-guide-model .field-guide-model__poster{-o-object-fit:contain;object-fit:contain;border:0;border-radius:0}.field-guide-model[data-ready=true] .field-guide-model__poster{opacity:0;transition:opacity .28s var(--ease-assemble,cubic-bezier(.22,.7,.2,1))}.field-guide-model[data-quiet=true] .field-guide-model__poster{transition:none}@media (prefers-reduced-motion:reduce){.field-guide-model .field-guide-model__poster{transition:none}}.field-guide-model__mount{pointer-events:none}.field-guide-model__mark{position:absolute;left:1rem;top:1rem;font:.625rem/1.4 var(--ff-jetbrains),monospace;letter-spacing:.1em;color:#263fd6;pointer-events:none}.field-guide-model .field-guide-model__caption{padding:.8rem 0;border-top:1px solid #23241f33}.field-guide-model .field-guide-model__hint{margin:0 0 .7rem;max-width:none;font:.72rem/1.5 var(--ff-inter),sans-serif;color:#55594f}.field-guide-model[data-ready=true] .field-guide-model__hint{animation:field-guide-model-arrive var(--dur-respond,.18s) var(--ease-assemble,cubic-bezier(.22,.7,.2,1)) both}@keyframes field-guide-model-arrive{0%{opacity:0}}.field-guide-model__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:44px}.field-guide-model__primary{display:flex;margin-right:auto}.field-guide-model__view{display:flex;gap:.4rem;visibility:hidden;opacity:0}.field-guide-model__view[data-shown=true]{visibility:visible;opacity:1;transition:opacity var(--dur-respond,.18s) var(--ease-assemble,cubic-bezier(.22,.7,.2,1))}.field-guide-model__controls button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:44px;min-height:44px;padding:.55rem .85rem;border:1px solid #23241f40;border-radius:0;background:transparent;color:inherit;font:.75rem/1.3 var(--ff-inter),sans-serif;cursor:pointer}.field-guide-model__controls button:hover{color:#263fd6;border-color:#263fd6}.field-guide-model__controls button:disabled{cursor:wait;color:#55594f}.field-guide-model__pause{box-sizing:border-box;width:8px;height:10px;border-inline:3px solid currentColor}.field-guide-model :is(button,.field-guide-model__surface):focus-visible{outline:2px solid #263fd6;outline-offset:-3px}@media (max-width:480px){.field-guide-model--hero .field-guide-model__surface{height:24rem}.field-guide-model--vessel .field-guide-model__surface{height:21rem}.field-guide-model__controls button{flex:1 1 auto}.field-guide-model__primary{flex:1 1 auto;margin-right:0}.field-guide-model__view{flex:0 1 auto}}