/*
 * Spazio Walz — minimal custom CSS for YOOtheme Pro
 *
 * Configure all typography, colors, spacing and standard components in
 * YOOtheme Style. This file contains only five visual effects and one
 * font-family exception which cannot be expressed cleanly in the page element.
 */

/* 1. Gold dot. Apply to an element using YOOtheme Text Meta. */
.tm-page .sw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.tm-page .sw-eyebrow::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #8b7650;
}

.tm-page .sw-eyebrow::after {
  content: none;
  display: none;
}

/* 2. Outlined word on a light background. */
.tm-page .sw-outline {
  color: transparent;
  -webkit-text-stroke: 2px #111111;
  text-stroke: 2px #111111;
}

/* 3. Outlined word on a dark background. */
.tm-page .sw-outline-inverse {
  color: transparent;
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
}

/* 4. Gold italic accent. Typography remains inherited from YOOtheme. */
.tm-page .sw-accent-italic {
  color: #8b7650;
  font-style: italic;
}

/* One-off family override for the large manifesto quote. Size comes from
   YOOtheme Heading X-Large. */
.tm-page .sw-serif,
.tm-page .sw-serif .el-title,
.tm-page .sw-serif .el-content {
  font-family: "Times New Roman", Times, serif;
}

/* 5. Optional image reveal. */
.sw-image-reveal {
	overflow:hidden;
}
.tm-page img.sw-image-reveal,
.tm-page .sw-image-reveal img,
.tm-page .sw-image-reveal .el-image {
  filter: grayscale(1) contrast(1.05);
  transition: filter 450ms ease, transform 800ms cubic-bezier(0.2, 0.65, 0.25, 1);
}

.tm-page img.sw-image-reveal:hover,
.tm-page .sw-image-reveal:hover img,
.tm-page .sw-image-reveal:focus-within img,
.tm-page .sw-image-reveal:hover .el-image,
.tm-page .sw-image-reveal:focus-within .el-image {
  filter: grayscale(0) contrast(1);
  transform: scale(1.018);
}

@media (prefers-reduced-motion: reduce) {
  .tm-page img.sw-image-reveal,
  .tm-page .sw-image-reveal img,
  .tm-page .sw-image-reveal .el-image {
    transition: none;
  }
}