/* ==========================================================================
   PUBLIC OWNER DOMAIN: IMAGE
   Architectural media primitive. All image presentation lives here.
   ========================================================================== */
.salyssbp-document .salyssbp-image{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  text-align:var(--salyssbp-image-align,center);
}
.salyssbp-document .salyssbp-image-align-start{--salyssbp-image-align:start}
.salyssbp-document .salyssbp-image-align-center{--salyssbp-image-align:center}
.salyssbp-document .salyssbp-image-align-end{--salyssbp-image-align:end}
.salyssbp-document .salyssbp-image-align-justify{--salyssbp-image-align:initial}
.salyssbp-document .salyssbp-image-media{
  position:relative;
  display:inline-block;
  width:var(--salyssbp-image-width,100%);
  max-width:var(--salyssbp-image-max-width,100%);
  overflow:hidden;
  vertical-align:top;
  border-radius:var(--salyssbp-image-radius,0);
}
.salyssbp-document .salyssbp-image-align-justify .salyssbp-image-media{display:block;width:100%;max-width:none}
.salyssbp-document .salyssbp-image-link{display:block;width:100%;color:inherit;text-decoration:none}
.salyssbp-document .salyssbp-image-element{
  display:block;
  width:100%;
  height:var(--salyssbp-image-height,auto);
  aspect-ratio:var(--salyssbp-image-ratio,auto);
  object-fit:var(--salyssbp-image-fit,cover);
  object-position:var(--salyssbp-image-position,center center);
  border-style:var(--salyssbp-image-border-style,none);
  border-width:var(--salyssbp-image-border-width,0);
  border-color:var(--salyssbp-image-border-color,transparent);
  border-radius:inherit;
  box-shadow:var(--salyssbp-image-shadow,none);
  opacity:var(--salyssbp-image-opacity,1);
  filter:var(--salyssbp-image-filter,none);
  transition:opacity var(--salyssbp-image-transition,.35s) ease,filter var(--salyssbp-image-transition,.35s) ease,transform var(--salyssbp-image-transition,.35s) var(--salyss-ease-standard),box-shadow var(--salyssbp-image-transition,.35s) ease;
}
.salyssbp-document .salyssbp-image:hover .salyssbp-image-element,
.salyssbp-document .salyssbp-image:focus-within .salyssbp-image-element{opacity:var(--salyssbp-image-hover-opacity,var(--salyssbp-image-opacity,1));filter:var(--salyssbp-image-hover-filter,var(--salyssbp-image-filter,none))}
.salyssbp-document .salyssbp-image-link:focus-visible{outline:2px solid var(--salyss-color-brand);outline-offset:4px}

/* The catalogue variants are owned here, not by the global design system. */
.salyssbp-document .salyssbp-image.is-visual_preset-default .salyssbp-image-media{border-radius:var(--salyssbp-image-radius,0)}
.salyssbp-document .salyssbp-image.is-visual_preset-architectural .salyssbp-image-media{
  border-radius:var(--salyssbp-image-radius,clamp(5px,.7vw,9px));
  background:var(--salyss-color-surface-soft);
}
.salyssbp-document .salyssbp-image.is-visual_preset-architectural .salyssbp-image-element{
  aspect-ratio:var(--salyssbp-image-ratio,4/3);
  object-fit:var(--salyssbp-image-fit,cover);
  box-shadow:var(--salyssbp-image-shadow,0 12px 34px rgba(12,31,48,.08));
}
.salyssbp-document .salyssbp-image.is-visual_preset-cinematic .salyssbp-image-media{border-radius:var(--salyssbp-image-radius,6px)}
.salyssbp-document .salyssbp-image.is-visual_preset-cinematic .salyssbp-image-element{aspect-ratio:var(--salyssbp-image-ratio,16/9);object-fit:var(--salyssbp-image-fit,cover)}
.salyssbp-document .salyssbp-image.is-visual_preset-portrait .salyssbp-image-media{border-radius:var(--salyssbp-image-radius,5px)}
.salyssbp-document .salyssbp-image.is-visual_preset-portrait .salyssbp-image-element{aspect-ratio:var(--salyssbp-image-ratio,3/4);object-fit:var(--salyssbp-image-fit,cover)}

.salyssbp-document .salyssbp-image-caption{
  display:block;
  width:var(--salyssbp-image-width,100%);
  max-width:var(--salyssbp-image-max-width,100%);
  margin-block-start:var(--salyssbp-image-caption-space,10px);
  margin-inline:auto;
  padding:0;
  background:var(--salyssbp-image-caption-background,transparent);
  color:var(--salyssbp-image-caption-color,var(--salyss-color-text-muted));
  font-family:var(--salyssbp-image-caption-font-family,inherit);
  font-size:var(--salyssbp-image-caption-size,var(--salyss-type-caption,14px));
  font-weight:var(--salyssbp-image-caption-weight,400);
  font-style:var(--salyssbp-image-caption-style,normal);
  line-height:var(--salyssbp-image-caption-line-height,1.7);
  letter-spacing:var(--salyssbp-image-caption-letter-spacing,normal);
  word-spacing:var(--salyssbp-image-caption-word-spacing,normal);
  text-transform:var(--salyssbp-image-caption-transform,none);
  text-decoration:var(--salyssbp-image-caption-decoration,none);
  text-shadow:var(--salyssbp-image-caption-shadow,none);
  text-align:var(--salyssbp-image-caption-align,var(--salyssbp-image-align,center));
}

.salyssbp-document .salyssbp-image-placeholder{
  display:flex;
  width:100%;
  min-height:var(--salyssbp-image-height,280px);
  aspect-ratio:var(--salyssbp-image-ratio,4/3);
  box-sizing:border-box;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:28px;
  border:1px dashed var(--salyss-color-border);
  border-radius:inherit;
  background:var(--salyss-color-surface-soft);
  color:var(--salyss-color-text-muted);
}
.salyssbp-document .salyssbp-image-placeholder-icon{display:block;width:52px;height:52px;color:var(--salyss-color-brand)}
.salyssbp-document .salyssbp-image-placeholder-title{font-size:15px;font-weight:600;color:var(--salyss-color-text)}

/* restrained motion: photographic content should not wobble or skew by default */
.salyssbp-document .salyssbp-animation-grow:hover .salyssbp-image-element,.salyssbp-document .salyssbp-animation-grow:focus-within .salyssbp-image-element{transform:scale(1.025)}
.salyssbp-document .salyssbp-animation-shrink:hover .salyssbp-image-element,.salyssbp-document .salyssbp-animation-shrink:focus-within .salyssbp-image-element{transform:scale(.985)}
.salyssbp-document .salyssbp-animation-rotate:hover .salyssbp-image-element,.salyssbp-document .salyssbp-animation-rotate:focus-within .salyssbp-image-element{transform:rotate(.6deg) scale(1.01)}
.salyssbp-document .salyssbp-animation-grow-rotate:hover .salyssbp-image-element,.salyssbp-document .salyssbp-animation-grow-rotate:focus-within .salyssbp-image-element{transform:scale(1.025) rotate(.5deg)}
.salyssbp-document .salyssbp-animation-float:hover .salyssbp-image-element,.salyssbp-document .salyssbp-animation-float:focus-within .salyssbp-image-element{transform:translateY(-4px)}
.salyssbp-document .salyssbp-animation-sink:hover .salyssbp-image-element,.salyssbp-document .salyssbp-animation-sink:focus-within .salyssbp-image-element{transform:translateY(4px)}

@media(max-width:1024px){
  .salyssbp-document .salyssbp-image{--salyssbp-image-align:var(--salyssbp-image-align-tablet,var(--salyssbp-image-align,center))}
  .salyssbp-document .salyssbp-image-media{width:var(--salyssbp-image-width-tablet,var(--salyssbp-image-width,100%));max-width:var(--salyssbp-image-max-width-tablet,var(--salyssbp-image-max-width,100%));border-radius:var(--salyssbp-image-radius-tablet,var(--salyssbp-image-radius,0))}
  .salyssbp-document .salyssbp-image-element{height:var(--salyssbp-image-height-tablet,var(--salyssbp-image-height,auto));aspect-ratio:var(--salyssbp-image-ratio-tablet,var(--salyssbp-image-ratio,auto));object-fit:var(--salyssbp-image-fit-tablet,var(--salyssbp-image-fit,cover));object-position:var(--salyssbp-image-position-tablet,var(--salyssbp-image-position,center center))}
  .salyssbp-document .salyssbp-image-caption{margin-block-start:var(--salyssbp-image-caption-space-tablet,var(--salyssbp-image-caption-space,10px));font-size:var(--salyssbp-image-caption-size-tablet,var(--salyssbp-image-caption-size,var(--salyss-type-caption,14px)));line-height:var(--salyssbp-image-caption-line-height-tablet,var(--salyssbp-image-caption-line-height,1.7));letter-spacing:var(--salyssbp-image-caption-letter-spacing-tablet,var(--salyssbp-image-caption-letter-spacing,normal));word-spacing:var(--salyssbp-image-caption-word-spacing-tablet,var(--salyssbp-image-caption-word-spacing,normal));text-align:var(--salyssbp-image-caption-align-tablet,var(--salyssbp-image-caption-align,var(--salyssbp-image-align,center)))}
}
@media(max-width:767px){
  .salyssbp-document .salyssbp-image{--salyssbp-image-align:var(--salyssbp-image-align-mobile,var(--salyssbp-image-align-tablet,var(--salyssbp-image-align,center)))}
  .salyssbp-document .salyssbp-image-media{width:var(--salyssbp-image-width-mobile,var(--salyssbp-image-width-tablet,var(--salyssbp-image-width,100%)));max-width:var(--salyssbp-image-max-width-mobile,var(--salyssbp-image-max-width-tablet,var(--salyssbp-image-max-width,100%)));border-radius:var(--salyssbp-image-radius-mobile,var(--salyssbp-image-radius-tablet,var(--salyssbp-image-radius,0)))}
  .salyssbp-document .salyssbp-image-element{height:var(--salyssbp-image-height-mobile,var(--salyssbp-image-height-tablet,var(--salyssbp-image-height,auto)));aspect-ratio:var(--salyssbp-image-ratio-mobile,var(--salyssbp-image-ratio-tablet,var(--salyssbp-image-ratio,auto)));object-fit:var(--salyssbp-image-fit-mobile,var(--salyssbp-image-fit-tablet,var(--salyssbp-image-fit,cover)));object-position:var(--salyssbp-image-position-mobile,var(--salyssbp-image-position-tablet,var(--salyssbp-image-position,center center)))}
  .salyssbp-document .salyssbp-image-caption{margin-block-start:var(--salyssbp-image-caption-space-mobile,var(--salyssbp-image-caption-space-tablet,var(--salyssbp-image-caption-space,10px)));font-size:var(--salyssbp-image-caption-size-mobile,var(--salyssbp-image-caption-size-tablet,var(--salyssbp-image-caption-size,var(--salyss-type-caption,14px))));line-height:var(--salyssbp-image-caption-line-height-mobile,var(--salyssbp-image-caption-line-height-tablet,var(--salyssbp-image-caption-line-height,1.7)));letter-spacing:var(--salyssbp-image-caption-letter-spacing-mobile,var(--salyssbp-image-caption-letter-spacing-tablet,var(--salyssbp-image-caption-letter-spacing,normal)));word-spacing:var(--salyssbp-image-caption-word-spacing-mobile,var(--salyssbp-image-caption-word-spacing-tablet,var(--salyssbp-image-caption-word-spacing,normal)));text-align:var(--salyssbp-image-caption-align-mobile,var(--salyssbp-image-caption-align-tablet,var(--salyssbp-image-caption-align,var(--salyssbp-image-align,center))))}
}
@media(prefers-reduced-motion:reduce){.salyssbp-document .salyssbp-image-element{transition:none}.salyssbp-document .salyssbp-image:hover .salyssbp-image-element{transform:none}}