.image-gallery{margin:1.75rem 0 2rem}.image-gallery .image-gallery__item,.image-gallery .image-gallery__steps{margin:0}.image-gallery .image-gallery__steps{list-style:none;padding:0}.image-gallery .image-gallery__step{margin:0}.image-gallery__body{min-width:0}.image-gallery--reference-result>.image-gallery__body{align-items:start}.image-gallery--reference-result>.image-gallery__body,.image-gallery__references{display:grid;gap:.625rem;grid-template-columns:repeat(2,minmax(0,1fr))}.image-gallery__item{min-width:0}.image-gallery__media{align-items:center;aspect-ratio:1;background:#f4f5f7;border:1px solid oklch(0 0 0/8%);border-radius:.875rem;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;width:100%}.image-gallery .image-gallery__image{border-radius:0;display:block;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.image-gallery__image[role=button]{cursor:zoom-in}.image-gallery__image[role=button]:focus-visible{outline:3px solid oklch(.623 .214 259.815/72%);outline-offset:-3px}.image-gallery__caption,.image-gallery__item-caption{color:#5a5e63;font-size:.8125rem;line-height:1.55}.image-gallery__item-caption{padding:.5rem .25rem 0;text-align:center}.image-gallery__caption{margin:0;padding:.75rem .25rem 0;text-align:center}.image-gallery__grid{display:grid;gap:.625rem}.image-gallery__grid--columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.image-gallery__grid--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.image-gallery__grid--columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.image-gallery__steps{counter-reset:image-gallery-step;display:grid;list-style:none;padding:0}.image-gallery__step{align-items:center;border-top:1px solid oklch(0 0 0/8%);counter-increment:image-gallery-step;display:grid;gap:clamp(1rem,4vw,2.5rem);grid-template-columns:minmax(10rem,.72fr) minmax(0,1.28fr);padding:1.25rem 0}.image-gallery__step:last-child{border-bottom:1px solid oklch(0 0 0/8%)}.image-gallery__step-copy{color:#2d3035;font-size:.9375rem;line-height:1.65;white-space:pre-wrap}.image-gallery__step-copy:before{color:#6e7278;content:counter(image-gallery-step,decimal-leading-zero);display:block;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.08em;margin-bottom:.4rem}.image-gallery__steps .image-gallery__media{aspect-ratio:4/3}.dark .image-gallery__media{background:#ffffff0a;border-color:#ffffff1f}.dark .image-gallery__caption,.dark .image-gallery__item-caption{color:#95989f}.dark .image-gallery__step{border-color:#ffffff1f}.dark .image-gallery__step-copy{color:#c0c4cb}.dark .image-gallery__step-copy:before{color:#83868c}@media(max-width:700px){.image-gallery--reference-result>.image-gallery__body{grid-template-columns:minmax(0,1fr)}.image-gallery__grid{overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.image-gallery__grid--columns-2{grid-template-columns:repeat(2,minmax(8rem,1fr))}.image-gallery__grid--columns-3{grid-template-columns:repeat(3,minmax(7.5rem,1fr))}.image-gallery__grid--columns-4{grid-template-columns:repeat(4,minmax(7.5rem,1fr))}.image-gallery__grid>.image-gallery__item{scroll-snap-align:start}.image-gallery__step{gap:.75rem;grid-template-columns:minmax(0,1fr)}}