.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)}.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}.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__controls{display:flex;flex-wrap:wrap;gap:.4rem}.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:first-child{margin-right:auto}.field-guide-model__controls button:hover{color:#263fd6;border-color:#263fd6}.field-guide-model__controls button:disabled{cursor:wait;color:#55594f}.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__controls button:first-child{margin-right:0}}