/* Per-landing theme. Rebrand by overriding semantic tokens from /assets/css/tokens.css.
   Leave empty to use the Cimero Studio defaults. Example:

:root {
  --color-accent: #9bb7a4;
  --color-accent-ink: #3f6150;
  --color-dark-bg: #11181a;
  --font-display: Georgia, serif;
}
*/

/* ---- Photography (illustrative images from the image pipeline) ---- */

/* "Illustrative image" label: always visible, solid enough to keep AA contrast over any photo. */
.img-tag {
  position: absolute;
  z-index: 2;
  left: var(--space-3);
  bottom: var(--space-3);
  padding: 0.25rem 0.75rem;
  background: rgb(245 240 232 / 0.94);
  color: var(--cimero-black);            /* 16.6:1 on the label */
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Hero: the photo sits behind the copy. Its quiet wall is on the left, so a tonal overlay darkens
   that side only as far as the text needs (light copy ≥ 7:1 on the darkest bright pixels). */
.hero--photo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.hero__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--color-dark-bg);
}
.hero__bg .ph,
.hero__bg .ph img {
  width: 100%;
  height: 100%;
}
.hero__bg .ph img {
  object-position: 62% 50%;
}
.hero__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgb(13 13 13 / 0.8), rgb(13 13 13 / 0.7));
}
.hero__bg .img-tag {
  left: auto;
  right: var(--gutter);
  bottom: var(--space-4);
}
@media (min-width: 48rem) {
  .hero__bg .ph img {
    object-position: 50% 50%;
  }
  .hero__bg::before {
    background: linear-gradient(to right, rgb(13 13 13 / 0.9) 0%, rgb(13 13 13 / 0.86) 78%, rgb(13 13 13 / 0.45) 100%);
  }
}
@media (min-width: 72rem) {
  .hero__bg::before {
    background: linear-gradient(to right, rgb(13 13 13 / 0.92) 0%, rgb(13 13 13 / 0.88) 42%, rgb(13 13 13 / 0.35) 72%, rgb(13 13 13 / 0.05) 100%);
  }
}
.hero--photo .lead {
  color: var(--color-dark-text);
}
@media (min-width: 48rem) {
  .hero--photo .hero__inner > * {
    max-width: 36rem;
  }
}

/* Services: a quiet 4:5 image on top of each card */
.feature__img {
  position: relative;
  margin: 0;
}
.feature__img .ph {
  aspect-ratio: 4 / 5;
}

/* Process: wide lead image above the steps */
.process__lead {
  position: relative;
  margin: 0 0 var(--space-7);
}
.process__lead .ph {
  aspect-ratio: 16 / 9;
}
@media (min-width: 48rem) {
  .process__lead .ph {
    aspect-ratio: 21 / 9;
  }
}

/* Contact: closing image under the intro copy */
.contact__img {
  position: relative;
  margin: var(--space-3) 0 0;
}
.contact__img .ph {
  aspect-ratio: 16 / 9;
}

/* Generated by scripts/images.mjs: image placeholders (dominant colour + 24px WebP). */
.ph-lumen-01-salon{background-color:#806952;background-image:url(data:image/webp;base64,UklGRqAAAABXRUJQVlA4IJQAAAAQBACdASoYABAAPu1iqU2ppaQiMAgBMB2JYwCdOUAAY1fXpIjXMdMUAAD51uww1ldH9i0CwxggyZ8vZqj59lkGiaD+RYu+uW86qzx/jRcrQlRMy3FXc6k0tzmdv/eBevj78xzIA7V6+w6qerIwSbeUH/28HSLj78uNkhps9MrSRDDhn23Kpf3411037SgYVkkwrgAA)}
.ph-lumen-02-proyecto{background-color:#8a6f58;background-image:url(data:image/webp;base64,UklGRhQBAABXRUJQVlA4IAgBAAAQBgCdASoYAB4APu1qsFAppaUiqAqpMB2JYwC7L6BkzW8KD9plM3kU/Splu7FeqWtOBiohlOwz7QAA/uJHzQc5eaUnyEZxMp5eIm5IrumKTFvnf8N0VSmSjcUSm4Ikr85sa4dDQkPuTzvKRowZ2PeZ1y+D9+wJTk7Jg59e0pHzAOZm8tE6KEcZEysq9heGKhIfx+BhEVBBdNLoVrLyneaqWYi1sUW/73z0vZIP5rSORe9w2+5A9f9cskGk989597NPLff/2UpUpjz+wHeGkavjlKwNyJkz13l9C4YV+tg+Ha1dI801Qr7o+T7GKY7uKoD91zlcIzLQsXZOuA65qj0cQv6p2gaPYAA=)}
.ph-lumen-03-obra{background-color:#a98b6d;background-image:url(data:image/webp;base64,UklGRswAAABXRUJQVlA4IMAAAAAQBQCdASoYAB4APu1kqE2ppaOiMBgMATAdiWMAqPQv3pU1Exg06avGr9qbxrJCBD6AAPz97BicwH/DZ04vBLHz4MUV/jWDOuNs7NUqkuJ7U9aoqMDHZHn/E0m871lD/whKlqmMUhTm9q/D+m47WbXYNC2dtjNEkIGAymsRRH+2aDRLVwI4jP9wnxk9N7o5uYPvYNoXCES4tZktXrWaf+w+5/9lTaENdYaMNKurFyAWctolfCwcrB/9dGsbGZ4AAAA=)}
.ph-lumen-04-mobiliario{background-color:#a17b57;background-image:url(data:image/webp;base64,UklGRvoAAABXRUJQVlA4IO4AAACQBQCdASoYAB4APu1qrlCppaQiqAqpMB2JQBOmbOdA2UAsbPVteoVDpbBm0EE9flD05d70AAD8j9fTsnmsk29IhQrcgbxj2B2xTm5xDKBPeq/pO8Zmurp6D8U2Ro7hGPsO3PtCQwotLWL6s20PFzvIXZzcV3VCqGlVGfqvawG5eSL1qAvWTSEiU8mxe7x2dhh9UVUeOCTQ1RsPoJKP4VQHbYh5AXgS0p4KW6iQ4eWkrFd2U6DrZIL3lO5qIk5Zhisk5VyTt++w3pC3ipWOwnzSEbJPbpND98Q2kYmNRr6eialDZKHTzWSc9322hWAA)}
.ph-lumen-05-vivienda-vacia{background-color:#bc9f7f;background-image:url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4IIIAAADwAwCdASoYAAoAPu1kqU2ppaOiMAgBMB2JYgCdABJnbV+XGfK9XGzAAPHSN8mEkyib2eQc5G6hpAUMTu8JYijOMF3Fb17lqkB1X+k9udcRVLW9Gqf/r34dveuHFLtCuxAUNFuvQJawepNTaDz/Pv+AfTx/NJAlaPOM8PpGZ0oqQAAA)}
.ph-lumen-06-dormitorio{background-color:#856242;background-image:url(data:image/webp;base64,UklGRpAAAABXRUJQVlA4IIQAAAAwBACdASoYAA4APu1iqU2ppaOiMAgBMB2JQBOmUABYj5uiWkaBvP+kFBgA/pr9va+BKoTnaEbB2v3MY08yuk+aqNLc1Dz87YJOBVTKTwZS7aQX9QMYca0FcoTlvBOGE28N9JoTiocbJg5jxx5IuVnfZOBYGNc2tRVflxA1XW9CYrkhgAA=)}